紙とPost-Itより優れているものは何か。Bテストのための各種リソースを掲載しています。これらのリソースはあなたのライバル会社を脅かすものとなるでしょう。コンバージョン率最適化)のための27つのテクニックをまとめたインフォグラフィックを発表しました。Experts社の許可の元、テクニック23(デザインテストツール)〜テクニック26(競合分析テスト)について詳細に書かれた記事を翻訳したものです。あなたのサイトのデザインを完璧にするために最適なワイヤーフレームツールとそれに付随するツールについて解説しています。テクニック26:競合他社を分析する―訪問者に学んだこと【人気】アクセス解析のログだけ見ていてはダメな理由テクニック23:ワイヤーフレームツールおよびプロトタイピングツールを使ってみよう―コーデイング前にデザインをテストする良いデザインというものは良いワイヤーフレームを作ることから始まります。良いワイヤーフレームは早い段階でサイトの最適化を可能にします。素晴らしいワイヤーフレームツールをいくつかご紹介しましょう。思った通りに計画が進んでいるかサニティーチェックを行うように、デザインを行っていく中で、頻繁にフィードバックがあるというのはとてもありがたいことです。その価値は計り知れません。ユーザーテストはこの点で役立ちます。以下のワイヤーフレームツールとプロトタイピングツールはデザインが作成途中でも活用できるものばかりです。コーディング前にデザインをテストすることもできます。製品化できる段階のコードにまでもっていくことが可能なものもあります。その他ワイヤーフレームやデザイン、プロトタイプ作成に有効なものを挙げています。53,Penultimate今や数多くのワイヤーフレーミングツールがピクセルパーフェクトな最終デザインまで作成可能にしてくれています。出来上がったコードを出力してくれるものまであります。テクニック24:デザインフィードバックツールを使ってみよう―正しい方向に進んでいますか?ひとたびフィードバックを得たら、それをすぐにデザインに反映させていくかと思います。その際に、ユーザーテストの有効性は前章で述べた通りです。これからお伝えするテクニックも役に立ちます。方向性が間違っていないかを確認するため、迅速にサニティーチェックを行う必要があります。Testを使うと作成物に対する素早いフィードバックを得ることが可能です。PickFuといったソフトも同様の効果を得ることができます。デザインやアイディアをアップロードしたら、様々なフォーマットでフィードバックを得ましょう。5秒テストユーザーに5秒間あなたのデザインをみせ、「何を見たか覚えていますか?」のような質問をするテストファーストクリック分析ユーザーにタスクを与え、彼らが始めにどこをクリックするのかを見るもの。クリックした箇所はヒートマップ上に表示される。質問テストデザインについてユーザーに質問を行うマルチクリックテスト複数のページをリンクし、ユーザーにタスクを与える。ユーザーがどのようにサイト上で動いたかをソフトウェアで記録するもの。アノテーションテストこのデザインのどんなところが好きでどんなところが嫌いですか?と言った様な質問をユーザーに行い、デザインに対するアノテーション(注釈、コメント)を行うものプリファレンステスト(初期嗜好テスト)2つのデザイン(例えば2つの見出しのデザイン)を提示し、どちらが好みかを問うもの。2つの選択肢から選ばせることが狙い。早い段階で好みを問うこのテストによって、A/Bテストでは長い時間をかけないと得られない洞察が得られる。したテストを行う際に意識すべきことがある。得られる意見は必ずしもユーザーの行動と関連しない意見である可能性があるということを忘れてはならない。(モバイル対応)を使用すれば、デザインから機能的なウェブサイトのプロトタイプを作成することが簡単です。Invisionにデザインしたページをアップすると、ページ同士をリンクさせ、動きを確認することができるようになります。ユーザーにとってはリアルに動くウェブサイトのように見えるので、これを使ってユーザーテストを行いましょう。Marvelといったツールがあります。作成途中のデザインに対するフィードバックをもらえるようにしてくれるツールでもあります。あなたはデザインをアップし、あなたがしてほしいフィードバックのタイプでコメントしてくれるよう協力を促せばよいのです。Notableにも似たような機能があります。CompositeといったツールもPhotoshopのファイルをつなげてリンクをたどれるプロトタイプにしてくれます。製作途中のデザインビデオに対するフィードバックを集めるにはFrame.ioという素晴らしいウェブベースのプラットフォームが役立ちます。Kollaborateなどがあります。いったサービスを使用するには大きな利点があります。フィードバックをする人が皆同じ部屋にいては、こうしたフィードバック(つまり本音)を集めることはとても困難だということです。Frame.ioのようなソフトは作成途中のデザインビデオに対するフィードバックを収集するのに役立ちます。Chalkmarkといったツールを提供しています。いったツールについてはカードソーティングの項で述べています。Xsortといったソフトもあります。テクニック25:A/Bテストをしてみよう―バージョンの違うどちらのウェブサイトがいいか選ばせるA/Bテストソフトは違うバージョンのページを作成し、どちらが優勢かを探るものです。優勢だったページを採用すればよいわけです。A/Bテストは多くの洞察を生み出しはしませんが、あなたの洞察や直感が当たっていようといまいと最終的な決断を下してくれます。A/Bテストで結果がでるということは、ページに訪問者が訪れてくれること(そして商品を購入してくれること)なのです。Target.などがあります。その他A/Bテスト、多変量テスト、スプリットテストを行うソフトは沢山あります。我々は業界で一番の、そしてこれらに対しもっとも総合的に比較できるウェブサイトを構築しました。スプリットテスト(A/Bテスト、多変量テスト)のためのソフトウェアソリューションを比較し、その違いが簡単にわかる大変便利なサイトです。A/Bテストにおける各社ソフトウェアの比較一覧テクニック26:競合他社を分析する―訪問者に学んだことあなたが競合他社に学ぶことは沢山あります。彼らに勝つためには他社がやらないことをやる必要があります。私たちが好んで使うテクニックではないのですが、競合他社のウェブサイトを分析するということは有効です。その理由は2つあります。競合他社が把握し解決した(そしてあなたが把握していない)問題が見つかる競合他社と比較して自社の位置づけを検討しなければなりません。結局訪問者は競合他社のウェブサイトも見ているのですから。周りとなんの接点もない会社など存在しないのです。競合他社のWebサイトでユーザーテストを実施して、ユーザーがそれらをどのように認識しているかについて自分なりの視点を得ることもできます。顧客アンケート・あなたの顧客に聞くべき12の質問ロンドンのコンサルファームが使う・Webアナリティクスのテクニック6選Webサイト上でユーザーの声を聞く!3つのユーザー調査手法サイト内検索のデータを分析して改善に活かす方法ポップくん株式会社ポップインサイトの公式キャラクター、ポップくんです。ユーザビリティやユーザテストをはじめとして、Webマーケティング全般にわたり、皆様に役立つ情報を発信してまいります。MaaSとは、すべての公共交通機関をICTの活用でシームレスにつなぎ、効率的かつ便利な「移動」を支えるサービスを指します。日本でもMaaSアプリのサービス開始に向けた動きが見られはじめ、今非常に注目を浴びている分野です。同推進室をご自身で開設して鉄道や公共交通機関のMaaS事業を推進してこられたご経験を交え、MaaSにおけるUXデザインの誤った通念と正しい理解についてご解説いただきます。検索のコアアップデート、YouTubeと動画広告の普及、SNSの多様化と広告機能の強化、ECサイトに必要な要件の変化など、2020年はウェブ運用・ウェブマーケティングに関する一層の環境変化が予想されます。ウェブ運用・ウェブマーケティングに関する知識やスキルをアップデートしていただけるように、最新のトレンドや考え方、手法を、実務的な観点から解説していただきます。「Booking.com」は世界最大の宿泊施設予約サイトですが、東南アジア市場では苦戦していたようです。新市場のターゲットとしてインドネシアを選びましたが、そのままのプロダクトでは受け入れられませんでした。グローバル企業は、どのように苦戦市場を開拓していったのでしょうか?本セミナーでは、Booking.comのUXデザイナーであるCamilleさんに、インドネシア市場を獲得するために何をしたか、未知の市場開拓におけるチャレンジや学びについてお話いただきます。ポップインサイト代表取締役CEO。株式会社ビービットで、ユーザテスト・ユーザ行動観察を軸にしたコンサルティングで、売上1.5倍・問い合わせ10倍等の実績を出す。ポップインサイトにて、北海道のリモート環境で、Expressサービスのカスタマーサクセスを担当。Webクリエイター上級資格あり。ポップくん株式会社ポップインサイトの公式キャラクター、ポップくんです。ユーザビリティやユーザテストをはじめとして、Webマーケティング全般にわたり、皆様に役立つ情報を発信してまいります。