ウェブデザインやクリック率を改善するためにGIGAZINEでやっているA/Bテストとは？
画像や文章のパターンを複数用意し、それをウェブサイト上で入れ替えて表示させてユーザーの反応を見る「A/Bテスト」は、ユーザビリティやコンバージョンを向上させる方法として利用されます。GIGAZINEでは常時複数のA/Bテストを行っており、「どのような見せ方、やり方の効果が高いのか？」という調査を行っているので、その中でわかったことをまとめました。 ・GIGAZINEの露出枠 GIGAZINEには記事広告・バナー広告・自社広告などを表示させる「露出枠」がトップページや各記事ページに配置されていますが、この露出枠は記事をスクロールすることによってユーザーに対して表示されるので、「記事をしっかり読んでもらうこと」が露出アップにつながります。そのためにはもちろん、記事自体のクオリティが非常に重要であり、通常記事でも記事広告でも、「質の高さ」を重視しています。 そしてもう1つ、「記事をしっかり読んで
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画面に多くの情報を載せてすべての機能を文字ラベルで表示するタイプでした。この方針には
Facebookのテストユーザーでログイン画面からログインする方法
Facebookのテストユーザーでログイン画面からログインする方法を紹介します。 １．問題点 「Facebookアプリのテストユーザー作成方法（2016年版）」でFacebookのテストユーザー作成方法について紹介しました。 テストユーザーとしてログインするには、作成した画面から「Log in as this test user」を選択する、と書きましたが、この方法では毎回、自分のアカウントでFacebook開発者ページにログインしてからでないとログインできないことになります。 通常のFacebookログイン画面からログインする方法はないでしょうか。 ２．テストユーザーでログイン画面からログインする そもそもログイン画面からログインするには、メールアドレスとパスワードが必要です。 メールアドレスはテストユーザー作成時にランダムで一意なアドレスが自動で付与されます。 これでパスワードがあれば
Facebookアプリのテストユーザー作成方法（2016年版）
Facebookアプリのテストユーザー作成方法（2016年版）です。 １．はじめに 4年ほど前に「Facebookがテストユーザー作成・編集画面をリリース」という記事で、Facebookアプリのテストユーザー作成方法を紹介しました。 が記事作成から4年半ほど経ち、久しぶりにテストユーザーを作成してみたところ、UIなどが大幅に変更されていました。 ということで本エントリーで2016年現在の手順を改めて紹介します。 Facebookアプリ自体の作成手順は割愛してますので、予め作成しておいてください。 ２．テストユーザー作成 自アカウントでログイン後、開発者ページにアクセスして「My Apps」をクリック。 テストユーザーを作成したいアプリをクリック。 左メニューから「Roles」をクリック。 「Test Users」をクリック。 「Add」をクリック。 作成画面が表示されるので各項目を設定しま
A/Bテストを成功させるためのフレームワーク【3W2H】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社アッションの小林です。 全3回の「失敗しないためのA/BテストやLPOのやり方シリーズ」第2弾です。 A/Bテスト・LPOシリーズ なぜ失敗する？A/Bテストの運用が上手くいかない企業の共通点 A/Bテストを成功させるためのフレームワーク【3W2H】 A/Bテストツール「VWO」の隠れた機能とは？使い方の実例公開 A/Bテストを成功させるために、最も重要なこと。 それは、“効果的なテストアイデアを考案すること”に他なりません。 テストのアイデア出しは勘でおこなっている 1回目のテストは好調だったが、2回、3回目となるとうまくいかない 自信を持って自分のテストアイデアに効果がある！と言い切れない など、根拠ある数字や考え方を元に効果的なテストアイデアを考案することがなかなかできないものです。 そこで今回は、そんな方のために自信を持ってテストアイデアを作成できる手順をご紹介
Web制作における試験（デバッグ・テスト）について | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回は新人ディレクターに回ってきがちな試験について書いてみようと思います。 僕は新人のころにエンジニアだったのですが、そのときは試験ばかりやっていました。 試験とは？ 「テスト」とか「デバッグ」と呼ばれることもある試験。 たいていの人は毛嫌いしてしまう工程ですが、品質を上げるためには非常に重要なものでもあります。 あるとき、当時の先輩社員にこんなことを言われました。 「中水くん、テストって技術が必要なんだよ」 と。これは当時の僕には衝撃的な一言でした。 それもそのはず、当時の僕は「テストめんどくせー。全部OKってつけちゃおうかな」って思ってしまうくらい、テストが大嫌いでした。 でも、その一言を言われてから、試験についての考えを改め、ちゃんと試験についての勉強もするようにしました。やっぱり試験をちゃんとすると品質も上がるし、クライアントからの評判も良くなるんですよね。 クリエイターとしても、
コンバージョン率を上げるためにA/Bテストを行う上で知っておくべきこと
By A ウェブサイトを構築する上で欠かせないのが、複数の異なるデザインを試してサイトの訪問者数のうち成果に結びついた割合を表すコンバージョン率を比較し、優れたものを導き出す「A/Bテスト」です。多くのクライアントと毎日のようにA/Bテストについて話し合ってきたというRobin Johnsonさんによると、クライアントが必ずと言っていいほど聞いてくるのが「どこからA/Bテストを始めればよいのか？」ということ。多くのクライアントが抱える疑問に答えるべく、JohnsonさんはA/Bテストを13のカテゴリに分けて「A/Bテストに関する71のアイデア」を公開しており、その中から役立ちそうなものをピックアップしてみました。 71 A/B Testing Ideas | The Optimizely Blog https://blog.optimizely.com/2013/04/30/71-thin
ABテストで圧倒的成果を残すためのslideshare資料5選＋5記事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ソウルドアウト株式会社のはつざわです。 最近、巷で噂のグロースハック。 その1つの手法として、ABテストが再度注目されています。短期間で何度もABテストを実施する手法はWebマーケティング業界でも行われ、大きな成果を残してきました。 しかし、いざやろうとすると、話に聞くような華々しい成果はなかなか上げられないもの……。 そこで今回はプレゼン資料が共有されていることで有名な「slideshare」やWebサイトで、ABテストに関わるプレゼン資料・記事をピックアップしてみました。 公開されている事例からその極意を抽出して、ご自身のサイトをどんどん改善していきましょう！
サイト改善に大切な3つの分析手法とおすすめWeb解析ツールまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 分析の手法はさまざまですが、色々な視点から分析することで、多くの課題が見えてくるようになります。 改善に大切な3つの分析視点 アクセス解析やデータから定量的な分析をする 定量では計れない部分を、ヒートマップ・クリックマップを使って分析をする ユーザビリティテストやユーザーテストから定性的な分析をする それぞれ特徴がありますので、今回はそれらの分析手法と、いくつかオススメのツール、サービスをご紹介したいと思います。 これからサイトを改善される方には、ぜひとも読んでいただきたい内容です。 ▼目次 まず、物事を正しく捉えるには、主観と客観の両視点が大切 それでは、そもそも定量と定性って何？ 定量とは？ 定性とは？ 視点1）アクセス解析やデータから定量的な分析をする Google Analytics Adobe Analytics Yahoo!J
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テス
FirefoxやChromeで擬似クラス（:hoverや:activeなど）のCSSを検証する方法
FirefoxやChromeで擬似クラス（:hoverや:activeなど）のCSSを調整する方法を紹介します。 １．問題点 次のようなHTMLがあります。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <style> a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } a:active { color: #00f; } </style> </head> <body> <a href="http://user-domain/">test</a> </body> </html> このHTMLのリンクの表示についてFirefoxのFirebugで検証する場合、要素セレクタ「a」についてはプロパティや値を書き換えることでブ
ABテストでバナー広告の効果を上げる方法とLIGブログの事例紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして！ 11月末からLIGにジョインした、メディア事業部のたかしです。 趣味は自己啓発とファッションコーディネート。おしゃれになる方法を呟いていた時期もありました。（今もときどき） 前職は、広告代理店でWeb広告の営業をしていました。担当が2人しかいなくて、すさまじい量のタスクに毎日毎日押しつぶされそうになっていた時期が…… そんなことはどうでもいいですね。 さて、私もそうでしたが、Webマーケティング担当者の方はいつも、 「いい広告を出す方法は何だ」 「コスパの良い広告枠はないのか」 など、自社の売上げを効果的に上げる施策を日々模索されていると思います。 そこで今回は、Webマーケティングに関わられている方々に、バナー広告の効果を上げるABテストの方法について、LIGブログの事例を用いて紹介していきます！ ※最後に、LIGブログの広告枠のご紹介をさせていただきます ABテストとは
コンバージョン率が120％改善！ECサイトでABテストをおこなうコツとは | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、株式会社ウィルゲートの水野と申します。 ゼネラルマネージャーとして、新規事業の企画やプロモーションなどをいろいろやっている元魚屋です。今回からWebプロモーションに関する寄稿記事を書かせていただきますので、よろしくお願いします。 早速ですが今回は、弊社で行っているサイト内部改善のためのA／Bテスト事例をご紹介します。 Webプロモーションの費用対効果を上げていくためには、サイトへの集客も重要ですが、サイト内部の改善によってコンバージョン率を高めていくことも重要です。 そんな中でA／Bテストは最も始めやすく、現実的な手段の一つです。 A／Bテストをまだやったことがないという方も、ぜひ改善事例をご覧いただき、A／Bテストに興味をもっていただければ幸いです。 A／Bテストの概要 今回のテストでは弊社コンサルタントによる定量分析と第三者視点での導線、デザイン分析を行い、A／Bテストを
誰でも簡単にできるGoogle Analyticsのランディングページ分析入門 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGのアートディレクターの長岡です。 前回の記事「誰でも簡単にできるGoogle Analyticsの検索キーワード分析入門」でオーガニック検索に関する分析方法を紹介させていただきましたが、今回はランディングページの分析方法について書いていきたいと思います。 ランディングページって？ ランディングページとは、ユーザーが一番最初に閲覧するページのことです。 大まかには以下のような形でのサイトへのランディングが考えられます。 検索エンジンからのランディング 広告からのランディング SNSからのランディング ブログ記事からのランディング ブラウザのお気に入りなどによるダイレクトでのランディング その他にもいろいろなランディング経路があるかと思いますが、「どういった経路からの流入が多いのか」「ランディング先からはどのページへ遷移しているのか」をきちんと分析することで、多くのことが分か
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のおすすめに入ったときだけで、ほとんどのディベロッパーには無縁のものになってしまっています。 今後アイコンが重要になってくる流れは間違いないので、これを無料
Google Chrome で超手軽にスマホ向けデザインを確認する方法
最近、Google Chrome のデベロッパー ツールにスマートフォンでの表示を確認する機能があることを知りました。 いままでは、レスポンシブデザイン Web デザインをするときに、ちまちまとブラウザーのサイズを変えたり、Web サービス (Responsive Design Testing とか Responsive Web Design Test Tool とか) を使っていたのですが、こちらの手順のほうがお手軽なので紹介します。 設定は超簡単！！ Google Chrome のデベロッパー ツールを開いて、右下の歯車のアイコンをクリックします。 左側から [Overrides] を選んで、[User Agent] と [Device metrics] にチェックを入れます。 これだけです！ Google Chrome 32 からは設定方法が変わっています。ちょっとややこしい。 右上
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon
最近のJavaScript開発まとめ
