ウェブデザインやクリック率を改善するためにGIGAZINEでやっているA/Bテストとは？
画像や文章のパターンを複数用意し、それをウェブサイト上で入れ替えて表示させてユーザーの反応を見る「A/Bテスト」は、ユーザビリティやコンバージョンを向上させる方法として利用されます。GIGAZINEでは常時複数のA/Bテストを行っており、「どのような見せ方、やり方の効果が高いのか？」という調査を行っているので、その中でわかったことをまとめました。 ・GIGAZINEの露出枠 GIGAZINEには記事広告・バナー広告・自社広告などを表示させる「露出枠」がトップページや各記事ページに配置されていますが、この露出枠は記事をスクロールすることによってユーザーに対して表示されるので、「記事をしっかり読んでもらうこと」が露出アップにつながります。そのためにはもちろん、記事自体のクオリティが非常に重要であり、通常記事でも記事広告でも、「質の高さ」を重視しています。 そしてもう1つ、「記事をしっかり読んで
Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」
viewRecorderはWebサイトでユーザーが動かしたマウスの動きを記録、再現するスクリプトです。jQueryに依存しています。以前ご紹介したrrwebと少し似ていますがもう少しシンプルで導入ハードルも低めな印象です。用途もrrwebと概ね同じでWebアプリ等におけるユーザーへの操作サポートなどでしょうか。 有効に活用できそうだとは思いますが、最近スクリプトの使用によって捜査対象となった報道が相次いでいる為、若干使用を躊躇しますね。forによる無限ループだけで補導されるなら書き方を書いてるサイトは総じてアウトになりそうだし、この手のスクリプトに限らず、当局が罪だと言えばどんな理由であれ罪になってしまいそうで、いついかなる理由でも検挙/逮捕される可能性も否めません。 高いスキルを持ってたり上昇志向がある方は日本よりもITリテラシーの高い傾向にある国に行った方が安心かもしれませんね。余談が
Webマーケティング担当者は必見！ABテストの正しい設計方法を解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。週5でケバブを食べるWebディレクター、RISHです。 夏の暑さも少しずつ落ち着いてきましたが、みなさんいかがお過ごしでしょうか。 今日はWeb担当者なら気になる人も多い、ABテストの話をしようと思います。限りある予算で最大限の効果を発揮するために知っておきたい知識の1つですよね。 ※この記事ではABテストの設計と効果測定について言及します。ABテストを行うツールなどの説明は割愛させていただきます。 ABテストとは そもそもABテストとはどんなテストなのか。 一言で表すならば、「どのパターンが最も効果を上げているのかを把握するためのテスト」です。 前アメリカ大統領のバラク・オバマ氏も、大統領選挙の際にABテストを使っていたそうです。ABテストによって、24パターンのクリエイティブの中から、家族と一緒に写っている画像がもっともメルマガの購読数を上げることを発見し、当初の見込みの1
ユーザビリティテストの被験者をしてみて感じた、テストの流れや重要ポイント
2016年9月1日 ユーザビリティ 8月某日、ワイヤーフレーム作成ツールのCacooなど、制作業務を円滑に進めるための様々な便利ツールを開発しているヌーラボさんにおじゃましました。そこで、まもなくプロジェクト管理ツールのBacklogをリデザインするということでしたので、ユーザビリティテストの被験者をしてみることに！ユーザビリティテストを行うことはありましたが、本格的なテストの被験者をすることはあまりなかったので、ワクワクしながら受けてみましたよ。 ↑私が10年以上利用している会計ソフト！ リデザインの経緯 長く愛用され続けてきたUIを改新するということですので、デザインを変更することを決めた理由や経緯について、中の人に聞いてみました！ 今までのUIは、少し前のWebアプリケーションで良く見られたような、1画面に多くの情報を載せてすべての機能を文字ラベルで表示するタイプでした。この方針には
ユーザビリティ向上！「ユーザーテスト」でWebサイトを見直そう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。ナイル（旧：ヴォラーレ）という会社でWebアナリストをやっている伊佐敷（いさしき）と申します。よろしくお願いします。 「集客はそこそこできているがコンバージョンが増えない……」 「アクセスデータ上で数字が悪いことは把握しているが、なぜかわからない……」 皆様も同じような悩みを抱えていませんでしょうか。 そしてこの悩みの原因を突き詰めると、往々にして次の壁にぶち当たります。 「ユーザーの姿が見えない」 リアルな店舗とは異なり、Webサイトではお客様の行動・表情・気持ちを見ることができません。それゆえに、ユーザーのニーズに合わないサイトにしてしまったり、ズレた施策をおこなってしまったりして、結局成果が出ない……ということがよくあります。 しかし、Webだからしょうがないと諦めてしまうのは早いです。Webサイトを使っているユーザーの行動や心理がわかる手法が実は存在するのです。 今回
TouchPoint.js·マウスクリックをビジュアル化 MOONGIFT
プレゼンでデモをやったり、デモ動画を撮る時に思うのはキーボードやマウスの入力を見ている人がはっきりと分かるようにするというのは難しいと言うことです。突然文字が入力されたり、小さなマウスポインタが動いたりするのは分かりづらいことこの上ありません。 そこで使ってみたいのがTouchPoint.jsです。Webブラウザにおけるマウスポインタのクリックをビジュアル化してくれるライブラリです。 TouchPoint.jsの使い方 TouchPoint.jsを使ったデモのアニメーションGIFになります。クリックすると赤い波紋が広がります。 色は変更できます。 スクリーンキャスティングはもちろん、ユーザテストの際に使ったりしても面白いかと思います。Webサイトのデモを見せる時に使うと聴衆も分かりやすくなるでしょう。 TouchPoint.jsはJavaScript製、MIT Licenseのオープンソー
ABテストツール「Visual Website Optimizer」でWebサイトの改善をしよう【導入編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、アートディレクターの長岡です。 Webサイトを運用している方なら、日々のPDCAを回す際に分析だけでなくABテストを行なうことも多いのではないでしょうか。 ABテストも一般化し、さまざまな事例がWebサイトにて紹介されるようになってきたので、当たり前になりつつあります。現在、ABテストツールと言えば「Kaizen platform」や「Optimizely」がとても有名ですが、その他にもいろいろと良いツールが世に出てきています。 今回は、その中で実際にLIGブログで利用させていただいた「Visual Website Optimizer」（ビジュアル・ウェブサイト・オプティマイザー）をご紹介したいと思います。 目次 まずはじめに、Webサイトのテストとは テストを行なうことでわかること Visual Website Optimizer（VWO）とは VWOの特徴 VWOのABテス
WordPressのテーマ制作者は必携！記事のさまざまなパターンが簡単にテストできる - WP Test
WordPressのテーマで記事がどのように表示されるか、テキスト記事、画像コンテンツ、動画コンテンツなどが正常に表示されるかテストできるWP Testを紹介します。 普通に想定されるパターンだけでなく、タイトルが異常に長い、コメントがたくさんついた、カテゴリが無い、カテゴリが異常にたくさんなど、イジワルなパターンも用意されています。 WP Test ダウンロードできるテストデータはXMLフォーマットで、WordPressに直接インポートできます。画像などはuploadsフォルダでサーバーにアップします。 どんなパターンが用意されているかは、WP Testのデータを読み込ませたデモで見ることができます。たくさんあるデモページから一部をご紹介。
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
45万回のアイコンABテストにみる、ダウンロードされやすいアイコンの特徴とは？ – 佐藤航陽のブログ
決済サービス「spike（スパイク）」のリリースのほうに時間を割いていて、ブログの更新が滞っていました。。。何かの片手間でブログを続けるってなかなか難しい。気分転換にブログを新しくしました。調べるおタカノリさんやサイプロさんスゲーなと思うこの頃です。 先日Google Playがリニューアルされた記事をアップして、アイコンの大きさが２倍になり、今後Google Playでますます重要になるなと感じたわけですが、７月の末に今度はPC版のGoogle Playもリニューアルされてダウンロードページのクリエイティブがアイコンとスプラッシュだけになってしまいました。以前は大きい長方形のバナーが表示されていましが、こちらは使われるのはGoogleのおすすめに入ったときだけで、ほとんどのディベロッパーには無縁のものになってしまっています。 今後アイコンが重要になってくる流れは間違いないので、これを無料
[JS]Google Analyticsを使ったABテストが簡単に実装できるスクリプト -easyAB
ランディングページやバナーなどで、クリックされるテキストはどっちだろう？ カラーを変えるとクリック率があがる？ など、どちらがより効果的か検証することができるABテストを簡単に実装できるjQuery（Zeptoにも対応）の超軽量（2KB）プラグインを紹介します。
デザイン2案、文言3案どちらがいいかはユーザーに決めてもらうA/Bテストが簡単に実施できるスクリプト -ABalytics.js
バナー広告2案どちらがよいだろう？ サインアップのボタンの文言3案はどれが効果が高い？ などGoogle Analyticsを使ってコンバージョンレートを簡単に測定できるスクリプトを紹介します。 ABalytics.js -GitHub ABalytics.jsの特徴 ABalytics.jsの使い方 ABalytics.jsの特徴 ABalytics.jsは他のスクリプトに依存せずに動作するJavaScriptで、クライアントサイドでコードを記述するだけで、Google Analyticsを使ったA/Bテストを簡単に実施できます。 サーバーサイドには何も設置する必要はありません。 設置が簡単！ 作業はクライアントサイドだけです。 サーバーサイドの準備は何も必要ありません。 データは、Google Analyticsに保存されます。 エレメントのclassを加えるだけで、複数のパターンをテ
DevGrow - Helping developers grow with turorials -
The Best Fluffy Pancakes recipe you will fall in love with. Full of tips and tricks to help you make the best pancakes.
ウェブページのどこがクリックされやすいかテストできるオンラインサービス -navflow
ランダムページでテスト 「start test」をクリックし、次ページで「start when ready」をクリックするとテストが始まります。 ランダムにページが表示されるので、クリックしたい箇所をクリックするとテストの終了です。 利用の手順 登録（無料）をおこなった後、下記のフローで利用できます。 Product Tour デザインのアップロード 一つの登録で複数のデザインをアップロードすることができます。 テスターがテストをします テストはコミュニティのメンバーが行うか、あなた自身が行うかを決めることができます。 テストの結果 テストの結果はグラフを使用したビジュアル的な分かりやすいものです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
