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回目となるとうまくいかない 自信を持って自分のテストアイデアに効果がある！と言い切れない など、根拠ある数字や考え方を元に効果的なテストアイデアを考案することがなかなかできないものです。 そこで今回は、そんな方のために自信を持ってテストアイデアを作成できる手順をご紹介
A/Bテストツール「VWO」の隠れた機能とは？使い方の実例公開 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、株式会社アッションの小林です。 全3回の「失敗しないためのA/BテストやLPOのやり方シリーズ」第3弾です。 A/Bテスト・LPOシリーズ なぜ失敗する？A/Bテストの運用が上手くいかない企業の共通点 A/Bテストを成功させるためのフレームワーク【3W2H】 A/Bテストツール「VWO」の隠れた機能とは？使い方の実例公開 これまで2回にわたって、 A/Bテストが失敗する理由とその対処方法 成果の出るテスト案を考えるための考え方 をお伝えしてきました。 それらを踏まえた上で大事なことは“いかに素早くPDCAを回すか”です。 そこで便利なのは、A/Bテストをスムーズに回せて、しかもプログラミングや統計の知識がいらないA/Bテストツール。 A/Bテストツール「VMO」とは？ https://vwo.com/jp/ 弊社の取り扱っているVWO（Visual Website Optimi
ユーザビリティ向上！「ユーザーテスト」でWebサイトを見直そう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。ナイル（旧：ヴォラーレ）という会社でWebアナリストをやっている伊佐敷（いさしき）と申します。よろしくお願いします。 「集客はそこそこできているがコンバージョンが増えない……」 「アクセスデータ上で数字が悪いことは把握しているが、なぜかわからない……」 皆様も同じような悩みを抱えていませんでしょうか。 そしてこの悩みの原因を突き詰めると、往々にして次の壁にぶち当たります。 「ユーザーの姿が見えない」 リアルな店舗とは異なり、Webサイトではお客様の行動・表情・気持ちを見ることができません。それゆえに、ユーザーのニーズに合わないサイトにしてしまったり、ズレた施策をおこなってしまったりして、結局成果が出ない……ということがよくあります。 しかし、Webだからしょうがないと諦めてしまうのは早いです。Webサイトを使っているユーザーの行動や心理がわかる手法が実は存在するのです。 今回
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テストに関わるプレゼン資料・記事をピックアップしてみました。 公開されている事例からその極意を抽出して、ご自身のサイトをどんどん改善していきましょう！
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テス
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からのランディング ブログ記事からのランディング ブラウザのお気に入りなどによるダイレクトでのランディング その他にもいろいろなランディング経路があるかと思いますが、「どういった経路からの流入が多いのか」「ランディング先からはどのページへ遷移しているのか」をきちんと分析することで、多くのことが分か
Google ウェブマスターツールの「robots.txt テスター」の使い方
Google ウェブマスターツールの「robots.txt テスター」の使い方を紹介します。 １．はじめに Google ウェブマスターツールの「クロール」メニューにある「ブロックされたURL」というサブメニューが「robots.txtテスター」に変わったようです。 旧メニュー 新メニュー メニューを開いた画面での機能は大きく変わっていないかもしれませんが、本エントリーで紹介したいと思います。 ２．robots.txt テスター robots.txtテスターの画面は次のようになっています。 編集画面ではrobots.txtを編集することができます。 その下のテキストフィールドには、robots.txtでブロックの状態をテストしたいURLを設定します。 テストでのデフォルトは「Googlebot」になっています。 botは次の7種類から選択することができます。 ３．URLのテスト 実際にUR
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
A/Bテストとユーザビリティテストの使い分け
A/Bテストは、用意した複数のデザインのどちらの成果指標がよりよいか、という結果を定量的に比較検討するための手法です。いくつかのデザインの選択肢があった場合に実際にユーザーに利用してもらうことで、どのデザインが最も数値目標達成率が高いかを把握するのには有効ですが、なぜその結果になったのか、という理由を把握することはできません。デザイナーの発想の域を越えることはできず、変更すべきデザイン要素が別のものだったとしても気づくことができません（例：真の問題は、色ではなく配置だった）。 一方、ユーザビリティテストは、ユーザーの利用状況を観察することで、目的達成を妨げる問題など、定性的な洞察を得るための定性的な手法です。まだ開発途中である場合や、リリースしたあとに、ターゲットとしたユーザーがどのように思考し行動するかを把握するのに有効ですが、定量的な指標による評価にはあまり向きません（それをしようとす
DevTools Tips and Tricks
A whirlwind tour of DevTools tips and tricks Part I: DevTools tips, tricks and awesome features (video) Part II: Extending DevTools, Debug Protocol, Extensions, ... (video) Follow along @ bit.ly/devtools-tips Elements & Console Drag & Drop to reorder elements $0 to inspect selected element in console Break on node removal - delete me cmd-? to become a keyboard ninja Customize your settings! Disab
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
NameBright - Coming Soon