未経験者がユーザーテストを行う際の10のポイント - livedoor ディレクター Blog
こんにちは、ディレクターのほうの谷口です（余談ですが、ライブドアには3名の谷口がいて、私はプログラマーじゃないほうの谷口です）。今回は、ユーザーテストについてお話したいと思います。 ユーザーテストは、ウェブサイトの新規立ち上げやリニューアルの際、ユーザーがウェブサイトやプロトタイプを実際に操作してもらう様子を目の当たりにすることで、問題点を発見する方法です。 ライブドアのサービスは、作る側とユーザー像が近いことが多かったので、頻繁にはユーザーテストをしてきませんでした。しかし、今後は自分たちと違うユーザー像も対象としていきたいことから、ユーザーテストの数を増やしていきたいと思っています。 ユーザーテストの専門会社に頼むという手もあり、そうすることで厳密に調査をしてくれます。しかし、ポイントをしぼって外注せずにすむ方法もあるので、ここに紹介します。 1. 被験者は友人か知り合いでいい 専門会
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
有名１０サイト+α のページナビゲーション・スタイルをダウンロードしまくれるサイト - Forgot the Milk.
Digg、Yahoo!、Flickr、Technorati などの有名１０サイトのページング・スタイル（ページナビゲーション用のページ番号表示欄のスタイル）と、７つのオリジナルなページング・スタイルを無料でダウンロードできるサイトを発見しました。 ページナビゲーションに限らず、メニューなど、他の部品にも簡単に応用できそうです。 詳細情報、ダウンロードはこちらからどうぞ。 http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/ タグ [webservice] [webdesign] 同じカテゴリーのおすすめ記事 無料で使える、Web2.0 風の 3D アイコンが美しすぎる - Forgot the Milk. これは楽しい！10秒でWeb2.0風のボタンをサクサク作れちゃうボタン・ジェネレータ・サービ
MarkeZine 直帰率を改善する～「即行直帰」と「もったいない直帰」の違い～
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
マウスの軌跡をそのまま記録してくれる『RobotReplay』を試してみた！ | POP*POP
先日から話題になっていたRobotReplayがようやく安定してきたようなのでちょっと試してみました。これはかなりいいですよ。 ただ、大勢のヒトが使うとまた不安定になりそうなので紹介するのが微妙ですが、そこはRobotReplayの中のヒトにがんばってもらいましょう。 以下に使い方をご紹介。かなり興奮しちゃいますよ。 ↑ まずは会員登録。この手のサービスは招待制が多いのですが、今はフツーに登録できるようです。 ↑ メールで認証などのプロセスを経てこの画面へ。スクリプトタグを埋め込み、サイトを登録すれば解析開始です。 ↑ 10分程度待つとこのようにセッションが一覧できるようになります。おもむろに「プレイ」をクリック。 ↑ YouTubeで撮ってみました。なんだか見知らぬ読者とぐっと身近になれたようで嬉しい！マウスの軌跡どころか、クリックしたところもわかりますね。 また、フォームに何を埋めたか
最先端でないサイトに学ぶ
今日のシロクマ日報で"myTimeHero"というSNSについて触れたのですが、これがなかなか面白いです。と言っても機能的に先進的な面があるのではなく、むしろその逆。このSNS自体が中高年層向けのサービスということで、慣れている人にとっては当然だろと思うようなことも、一から丁寧に説明してくれています。こういうサービスを参考にすると、初心者がどんなところでつまづきやすいか・分からなくなってしまうかを確認できるかも。 例えばこの"Smart Photo Upload"機能： 普通のサイトのように、「参照」ボタンでブラウザを呼び出すという形式もあるのですが、デフォルトなのはこっち。ページが開かれると、エクスプローラー似の画面が表示され、自動的に画像ファイルを検出・サムネイルとして表示してくれます。あとはアップロードしたい画像にチェックして（チェックされた画像は下半分に表示）、Upload ボタン
自由記述欄の入力率を上げるには (ユーザビリティ実践メモ)
問い合わせや会員登録フォームなどで、ユーザが自由に入力できるテキストボックス（自由記述欄）を用意しているサイトは少なくありません。 問い合わせの内容 商品見積り依頼の内容 転職サイトの職務内容 テキストボックスはユーザにとって自由度の高いインタフェースですが、ユーザビリティテストを観察すると、選択式の項目に比べ入力率が大きく落ちる傾向にあります。 ユーザが入力をスキップするのは、（必ずしも項目に無関心だからではなく）何を入れていいかわからず迷ってしまうことが大きな要因です。 そこで、テキストボックス周辺に、「入力例を見る」といったリンクを配置し、記入例やサンプルの文面を提示するのが良い対策の一つとなります。 なお、記入例やサンプルの文面は、具体的なケースに分けて記載すると良いでしょう。 例えば、中古車サイトの「カーセンサー.net」では、在庫確認・見積り依頼のフォームで、様々な想
最後まで見てもらえる動画、4つのコツ (ユーザビリティ実践メモ)
一般家庭へのブロードバンドの普及、映像配信技術の発展から、近年、動画を用いるサイトが急増しています。 そこで今回は、ニュースや商品紹介・手順紹介など「解説系動画」において、ユーザに最後まで見てもらうためのコツをご紹介します。 動画の再生時間は約2分以内に収める 様々な動画でユーザビリティテストを行った結果、大半のユーザが1分半〜2分の時点で停止ボタンをクリックしました。 動画は、文章のように斜め読みをして自分のペースで見ていくことができないという特徴があります。ですので、余り長く続くとユーザが飽き、関心が他に移ってしまいます。メッセージは簡潔にまとめるようにしましょう。 最初の3秒が命運を決める 一般的にユーザには「情報を効率的に収集したい」というニーズがあり、動画についても同様に、再生が始まった瞬間に「これを見るか否か」を判断しています。 よって、本題から始めること、ユーザの心を
現在地を把握できるようにしよう (ユーザビリティ実践メモ)
ユーザがサイトを回遊する中で、自分が今どこで何を閲覧しているのか把握できることは、サイトを主体的に操作し満足して利用するために重要です。 今回は、現在地を把握しやすい画面を実現する施策をいくつかご紹介したいと思います。 ページの見出しを明示する 1ページ1メッセージを徹底し、そのページで伝えたい事項を見出しとして明確に提示することで、今どのような内容のページにいるのかを明確にすることができます。 見た目で他のリンクと差別化を図る 現在地リンクは他のリンクとは異なる見た目にすることで、数あるメニューの中で今どこにいるのかを明示することができます。 クリックできるかどうかで他のリンクと差別化を図る ユーザは、クリックできるリンクは他のページに遷移するものと認識しています。よって、現在地リンクがクリックできてしまうと、遷移先が同じ画面であることに対して、違和感を持つ可能性があります。
ウェブサイトのデザインは見た目だけではありません:企業のためのウェブサイト活用インサイト - CNET Japan
ウェブサイトのデザインは見た目だけではありません 公開日時： 2007/02/21 02:00 著者： yoshi.k ウェブサイトのデザインを考えた時に、まだまだ多くの方は「デザイン = 見た目」となり、Flash を使用した目を引くムービーや、グラフィックのインパクトなど、表面的なデザインばかりに目がいってしまう傾向が感じられます。 当然、ウェブサイトのデザインにおいて、目に見えるデザイン、「視覚デザイン」は非常に重要な要素です。ウェブサイトの見た目がユーザーにとってその企業の第一印象を決定付けるポイントにもなりますし、それが実際の問い合わせや購入といったユーザーのアクションにも少なからず影響することを考えると軽視することはできません。 しかし、「視覚デザイン」といっても、単に見た目が格好いい、お洒落だというような表面的な部分だけでは十分とはいえませんし、また、視覚デザインだ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Japan.internet.com Webマーケティング - ユーザビリティを極めても顧客志向にならないワケ
ソシオメディア | UIデザインパターン
利用者の使い勝手を中心に考えればRIAが見えてくる | 企画書を光らせる珠玉のキーワード
なつみかん＠はてな - ユーザビリティ関連記事 まとめ
Japan.internet.com Webビジネス - フィッツの法則を Web サイトに応用する
http://youmos.com/news/clickheat.html