イベントレポートお役に立ったらポチっとなTweet以前からシニアのIT操作に関する鋭い洞察のブログで注目していたマミオン有限会社にお邪魔してアイトラッキングテストとユーザビリティについてお話をうかがってきました。日本アフィリエイト協議会主催のセミナーは高田馬場のマミオン有限会社オフィスのセミナー室にて行われました。前半は景品表示法と薬事法のワンポイント講座が行われました。後半はマミオンの佐藤純さんによるアイトラッキングテストのセミナーです。内容は資料など詳細は非公開とのことなので、私が感じたことをお伝えしたいと思います。詳しく知りたい方はマミオン公式ブログの記事が参考になります。ユーザーが好みのデザインである等つまり、ユーザビリティが良いというには、目的をちゃんと達せられる作りになっており、なるべく手間が少なく使えて、使っていて気持ちが良い・好みであるなどユーザーを惹きつけるような条件を満たすことが必要となるんですね。これらを全部満たすのは、実はなかなかの至難の業であるということが、後のアイトラッキングテストで明らかになります。これがアイトラッキングマシン!ディスプレイの下部に赤外線を発するセンサーが付いていて、それで黒目の動きを認識する仕組みになっています。使用前に画面の四隅を見るキャリブレーションで個人差にも対応。目の動きは別のPC画面にユーザーの顔と一緒に表示されてリアルタイムで見ることもできます。レコードした目の動きデータは解析ソフトを通じると、「ヒートマップ」や「ゲイズプロット」にアウトプット可能です。アイトラッキングの事例の動画ですユーザーテストで分かること開発者や製作サイドはそのホームページやサイトのことを既に知ってしまっていますので、何も知らない人の気持ちになるのは難しいです。そこで、ユーザーテストが有効な手段となります。ここで一本のアイトラッキングテスト動画を見せていただきましたが、かなり衝撃の内容でした。高齢者の方がヤフーの検索であるサイトに行くために検索するのですが、検索の文字列を入力するのに、途中まで入力して行ったり戻ったりして、たった数文字のサイト名を入力するのに軽く1分以上かかっていました。なんというスピード感の違いでしょう。それでも漢字変換はきちんとできていたので、出来る方の人なのかもしれません。私はサイト名1つとっても、検索に入力してもらいやすい文字列って大事かもと思いました。うちのブログは「しゅうまいブログ」で検索して出てくるので簡単です。この高齢者の方が開いた先のサイトですが、上部のナビゲーションバーはガン無視で一度も見ていませんでした。課題である「新聞掲載」のバナーがなかなか探せません。画面の真ん中(コンテンツエリア)しか見ないので、サイドバーもガン無視です。こんな人からウェブで物を買ってもらうのは大変そうだぞ...。逆に言うと、ユーザーテストをちゃんとやれば、リテラシーの低いユーザーや目が悪いユーザーがつまづくポイントを予め潰すことができて、成果の取りこぼしを防ぐことができそうだと思いました。次は若いユーザーで20代の学生で初めてクレジットカードを作るのでクレジットカード比較サイトを見るという設定です。若いユーザーであっても、ナビゲーションバーや右サイドバーにはほとんど視線が向けられません。カルーセル(画像が横に何枚かスライドショーするタイプの目をひく画像)の遷移に失敗するなど、慣れないユーザーインターフェースもある様子。私もカルーセルは一見の見栄えは良いものの、初めてのユーザーにとっては分かりづらいと思いました。最終的に入会するカードを決めたものの、遷移先のカード会社の申込ページが「キャンペーンエントリ」ボタンと「申込」のボタンがあって、どっちから押したら良いのか分かりづらく、そこでも操作を迷っている様子が分かりました。送客に成功しても、ランディングページの作りがイマイチだと取り逃がしてしまいますね。ミネラルファンデーションを買う主婦がお試しセットを申し込む目的でサイトを見るケースです。想像が付いていると思いますが、上部のメニューはやっぱり見られません。知らないメーカーの名前が羅列してあるので良く分からずにスルーされたようです。かたどりついたお試しセットの申込ページでは、ニュースレターの購読にチェックマークを付けないとエラーになって元に戻ってしまい、その際にはパスワードが消えてしまうので再入力が必要という、使いにくい作りになっていました。ユーザビリティを良くするヒント2カラムにしてもコンテンツエリアしか見られないので、サイドバーや上部メニューは見られないものとして、コンテンツエリア内でリンク先を提示する。バナーっぽい画像は広告として飛ばされてしまう。いってボタン形状にしても気づいてもらえないことも。工夫が必要!文章が終わった後の広告は有効。文字の大きさよりも、行間と余白に気をつかうと見やすくなる。(高齢者は文字が小さかったらメガネを持って来る)郵便番号は1枠で入力させ(前半と後半に分割しない)、住所は何のボタンを押さなくても自動で表示すると好感度アップ。感想いろいろと衝撃的なセミナーでした。百聞は一見にしかず!とにかくサイトを作ったら第三者の目で見てもらうことは不可欠ですね。マミオン有限会社さんのように経験豊富なところにお願いするのは、特に売上に直結するECサイトには良い手だと思います。個人ブロガーなどは、親世代に見てもらうだけでも違うと思います。自分は自分のサイトやブログのことを知りすぎているので「自分の感覚が一番当てにならない」というガツンと来るセミナーでした。2005-10Amazonこの記事を書いたのはしゅうまい(@shumai)です。新しいこと楽しいこと不思議なこと、わくわくすることが大好きです。Pencilでの手書きメモがお気に入り。#dpub9感謝をこめて名刺をいただいた方を全員リンク!記事を読むバリューコマース意見交換会に参加してきたよ私も登録しているASPのバリューコマースのイベントに出席してきました。スマホ対応の理想と現実、広告主への要望など、ディスカッションを行いました。#ビトにゃんスマホのGPSを使った、特定の目的地に行って何かをするゲーム=位置ゲーにニューフェースが登場しています。スポット巡りでウォーキングを楽しみながら行え、スポットの申請ではコインをもらうことができます。最近自分に似合う色がよく分からなくなって、どんな服を買えばいいか迷うことも多くなってきたので、パーソナルカラー診断のあるセミナーに出席しました。第二弾ということで、前回惜しくも行きそびれていたイベントに参加してきました。Tipsたくさんでお役立ちしまくりです。シンポジウムで脳のビックリする話を聞いてきたよ6月10日に開かれたシンポジウムに参加してきました。その中から池谷裕二先生のネズミの脳実験に関する講演をお伝えします。記事を読むひらくPCバッグの忘年会に行ったら新色発表とダンボー財布のかわいさにノックアウト私の周りでもユーザーが多い「ひらくPCバッグ」の忘年会にて、なんと!新色発表!とかわいいダンボーがいたよ。#tbmu「第8回東京ブロガーミートアップ」に参加しました。今回のテーマは「ブログで失敗したこと」ということで、参加者の皆さんとブログに関する失敗談を共有しました。#PicseeMeetUpPicseeという楽しいメッセージアプリがあります。バージョン2リリース記念のミートアップに参加しましたのでイベントレポとアプリのご紹介です。#ブロフェス2017プロフィールしゅうまい(@shumai)です。新しいこと楽しいこと不思議なこと、わくわくすることが大好きです。note」ブロガーが集まり合同メルマガを発行しています。