アイトラッキングから検証した、使いやすいフォームの10のポイント
Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22～33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ
サイトID（ページ左上の会社ロゴ）のリンク先はどうあるべき？ (ユーザビリティ実践メモ)
サイトIDとは、「何のサイトか」「誰が運営しているサイトか」を表現する企業やブランドのロゴマークのことで、ページ左上に設置されるのが一般的です。 「サイトの顔」とも言えるサイトIDは、ユーザが「サイトの基点（多くの場合トップページ）に戻りたい」と思うときクリックすることが多いですが、サイトによってはユーザの予期しないリンク先が設定されており、ユーザが困惑してしまうことがあります。 今回は、サイトIDの最適なリンク先について検討したいと思います。 ビービットのアメリカ現地法人、ビービットアメリカの情報が掲載されているサイトです。このサイトでは、全社共通の企業ロゴ（赤枠）と現地法人名（青枠）がサイトIDとして表示されています。サイトIDのリンク先としては、以下の3パターンが考えられますが、どのリンク先が最もふさわしいでしょうか。 1. 全社共通の企業ロゴ（赤枠）はビービット本社トップページへ、
すべてはメンタルモデルという考え方から
すべてはメンタルモデルという考え方から 1998.10.8 文章を読む人は情報の入力があると、認知心理学上でいうメンタルモデルを形成します。読み手がメンタルモデルを維持している限り、次に来る情報に対する予測があたるので、入力情報を高速に処理できます。したがって、読み手にとって理解しやすい文章を書くためには、読み手のメンタルモデルをしっかり形成／維持させなくてはなりません。ライティングの重要なルールの多くは、読み手のメンタルモデルを崩さないようにすることを目的としていると見ることができます。 メンタルモデルという用語は、各分野で微妙に異なる意味で使われます。そこで、上記のように「文章を読み進むにあたって心内に構成していく理解内容であると同時にその後の読解の拠り所となるもの」としてのメンタルモデルは、区別のため状況モデルと呼ばれることがあります。 メンタルモデルとは、人がある情報に関して、それ
アイトラッキングを使ってみた（1/2）- ＠IT
Zenコンサルティングユニット 柳沼 孝行 2009/5/25 ユーザーはどのようにWebページを閲覧しているのか？＠ITのページを対象にアイトラッキングで調査してみました 「ユーザー視点」とは何か？ Webサイト構築や、デザインに当たって重要視されるのが「ユーザーの視点」です。 Webに関わる多くの方にとって、「ユーザー視点」に立ったWebサイトの改善策を求められる機会が増えているのではないでしょうか。特定Webページにたどり着いた数はPVという指標で捉えられますが、ユーザーがWebサイトをどのように閲覧し、クリックに至ったのか、目の動線からもWebの改善ポイントが導けます。この記事では、アイトラックという技術を使って、ユーザーの閲覧動向を調査していきます。 「ユーザー」は、バナー広告を見ない？ そこでまず、2006年に英etreが行った、Virgin Megastoresオンラインサイ
Webページの情報を共有してもらうための３つのポイント (ユーザビリティ実践メモ)
複数の人が関わるシナリオを意識しよう Webサイトを訪れたユーザが、商品・サービスの購入など何らかの意志決定を行う際、自分ひとりだけの判断で決めず、他の人と相談してから決めるという場合は、実はかなり多いものです。 弊社のユーザ行動観察調査では、以下のような例が見られました。 幹事役の数名が、各自で会場候補を検索各自が自分の選んだいくつかの候補を持ち寄り、どの会場にするか相談決定 【例2．企業におけるIT製品の導入】 部門の担当者が、おおまかな要求仕様を決め、メーカーサイトや販売店サイトを検索性能や価格などを一覧できる比較表を作り、IT管理者などに相談（IT管理者がWebサイトを閲覧する場合もあります）絞り込んだ候補について決裁文書を作り、上司に相談決定 【例3．住宅ローンの借り換え】 妻が金融機関サイトや比較サイトで情報収集夫に相談して候補を絞り込む絞り込んだ金融機関の店舗を夫婦で訪れ、担
「バナー広告よりテキスト広告が良い」なんて信じる人、もう居ないと思うけど - Feel Like A Fallinstar
「バナー広告よりテキスト広告が良い」なんて話がインターネット初期に語られていました。 バナーはユーザに見飛ばされる（いわゆる”バナーブラインド”） コンテンツに程よく溶け込むテキスト広告のほうがクリックされやすい だから、テキスト広告のほうが良い こんな3段論法ですね。 そんな話を、今でもアイトラッキングツールの検証例や（謎の）ユーザビリティ記事で見かけることがあります。 でも、現実には、こんなバカな話をしてたら大笑いされるのが関の山です。 広告主から見た広告の価値 そもそも「押される広告」に意味がある、というのはPVが稼げればいいという単純な思想に基づいています。 アクセス解析だけでなく、広告効果測定専用のツール、さらには広告と顧客データベースを紐付けたライフタイムバリューの分析までできるようになった今、サイトへの誘導量にたいした意味はありません。 クリックが欲しければ、いくらでも安い枠
弟18回 Usability: Matching User Needs and Business Needs「ユーザビリティ：ビジネスニーズとユーザーニーズのマッチング」 | gihyo.jp
WEB DESIGN WORKSHOP「正しいウェブデザイン」 弟18回 Usability: Matching User Needs and Business Needs「ユーザビリティ：ビジネスニーズとユーザーニーズのマッチング」 Webサイトは企業と消費者の接点となるシステムである。しかし、その使用に関しては消費者が主導権を握り、多くの場合閲覧に対し消極的である。そのようなWEBサイトの使用から購買やマーケティング活動に役立つアクションへと消費者を導くためには優れたユーザビリティが必要となる。ユーザビリティとはユーザー側に立った利用品質（使いやすさ）であり、不特定多数を相手にするWebサイトにとっては課題をクリアするために最も重要な点である。では何故、ユーザビリティはそこまで重要なのだろうか？ 近年のWebサービスやコンテンツの高機能化、多様化と充実に伴い、Webの利用が急激に一般化
「観察・インタビューによるユーザー要求の抽出法」セミナー報告&5月イベント情報／HCD-Net通信 #12 | HCD-Net通信
「人間中心設計 (HCD)」を効果的に導入できるよう、公の立場で研究や人材育成などの社会活動を行っていくNPO「人間中心設計推進機構（HCD-Net）」から、HCDやHCD-Netに関連する話題をお送りしていきます。 今回は、2月に大阪で開催されたHCD-Netの教育セミナー講演会「観察、インタビューによりユーザー要求事項を抽出する方法」のレポートをお届けする。 人間中心設計に根差した製品開発を行う上で重要となるのが、いかにしてユーザーの要求事項を抽出するかという点である。その解決法として、ユーザー観察による調査やユーザーインタビューという手法がたびたび用いられる。 松波晴人さん（大阪ガス株式会社）と前川正実さん（株式会社操作デザイン設計）、矢島彩子さん（富士通株式会社）の3名による講演の内容をお伝えしていこう。 行動観察で生産性が3割アップ 松波晴人氏（大阪ガス株式会社）松波さんは「行動
ワイドディスプレイの普及でWebの文字が大きくなる？ | 初代編集長ブログ―安田英久
今日は、ワイドディスプレイの普及とディスプレイの高精細化が進んでいることを考慮して、改めてWebサイトに適切な文字サイズを考えてみましょう。 あなたのサイトでは、本文の基本文字サイズを何ピクセルにしていますか？ その文字サイズは、訪問者にとって見やすいサイズですか？ 二昔前は、小さな文字のオシャレなページが流行っていましたが、ここ数年は「見やすい文字サイズ」を選ぶようになっていますね。ヤフーやアサヒコムなどの代表的なサイトでは、本文16ピクセルを基本としているようです。 実はこの「ピクセル」というサイズ指定は、絶対サイズではありません。というのも、どんなディスプレイでどう表示されるかによって、実際の表示サイズが変わるからです。 ちなみに、16ピクセルの文字は、XGA（1024×768ピクセル）の15インチ液晶では4.8mmの大きさになります。手元にあった新聞の本文文字サイズを測ってみると1
Googleが目指す最高の検索UI
数ヶ月前にウディ・マンバーがサーチクオリティグループの存在を紹介し、この連載でも前に文書のランキングについて触れました。ウェブ文書のランキングはグーグル検索の品質の要ですが、皆さんの行っている検索はそれよりもっと多くのものから成り立っています。今回は、グーグル検索の発展を支えている理念とその実例について述べようと思います。また、グーグルがいかに徹底した実験を通して確実に機能を向上させているかについても述べるつもりです。次回は、現在行っている実験のいくつかを紹介する予定です。 まずは自己紹介から始めましょう。私の名前はベン・ゴメス。1999 年からグーグルで主に検索品質を中心に検索にたずさわってきました。ロボットによるページの収集からランキングまで検索エンジンのほとんどに貢献するという幸運に恵まれ、現在は検索インターフェースと検索機能の技術責任者として働いています。 グーグルの検索ユーザーイ
簡易ユーザビリティテスト
一番最初にやる「簡易ユーザビリティテスト」とは簡単にいうと、自分で使ってみるだけです。 たったひとつだけ考えるポイント 自分で使うといっても、なんとなく良し悪しや好き嫌いを見るわけではありません。ポイントは、使うシーンを考えて、タスクを設定することです。 具体的には、A1というシーンで、B1という人（今回は自分）が、C1というタスクでやったときの結果がこれであると整理して考えること。 あとは、数多くの条件を変えて、結果をたくさん比べること。 （もちろんこうしたらどうだろうと変えてからでもOKです） ノリと勢いで回数をこなせばいいんじゃないか 自分の使い方と他者のの使い方のうちで同じ点や違う点に気づくためには、回数が必要だと思います。億劫かもしれませんがノリと勢いでやっちゃえばいいんです。使っているところを見るうちに、今度は見ていないときも片隅で考える癖が自然についてくる効果があると思います
第63回 サイトを嫌わせる五つの要素：あいうえお
五つの要素 とりあげる要素は，画面を見ている人が，基本的にはボソっとつぶやくような言葉です。私自身はこんな言葉になるのですが，多少個人差のあるニュアンスがありそうなので，Weblio 類語辞典からイメージ的にズレの少ないものをそれぞれ列挙しておきます。 【あ】あざと～ サイトに入った途端に感じる匂いというものは存在します。誘い込んで何かを奪おうとする類のサイトは，テンプレートの供給が少ないせいかもしれませんが，一目で「ん？」と感じます。宣伝色の余りに強いサイトは，同系統の匂いを感じます。言葉巧みに，その機能なり商品なり会社なりの宣伝をして，さらにユーザーに「もう一手」をどこか要求しているような感触です。 あざとい - 類語辞典(シソーラス) ▽商法・やり方などがあざとい あくどい ・ えげつない ・ 抜け目がない ・ 強腕による ・ 汚い（やり方） ・ ギンギラギンの ・ 毒々しい ・ ど
アフォーダンスを意識する | Accessible & Usable
公開日 : 2006年8月20日 (2011年1月11日 更新) カテゴリー : ユーザビリティ アフォーダンス（affordance）という言葉を聞いたことはありますか？「〜を提供する」「〜を利用可能にする」という意味の英語「afford」の名詞形ですが、ユーザーインターフェース設計の世界では、モノの属性（形状、材質、色など）がヒト（ユーザー）に対して「どう取り扱えば良いか」という情報を発している、という考えかたのことをいいます。 たとえば、（無意識にですが）皆さんこんな経験があるのではないでしょうか？ ドアノブ（取っ手）の形状を見て「押して（あるいは手前に引いて）開けるもの」なのか「横にスライドさせて開けるもの」なのかを識別する。 ダイヤルを見て「回すもの」だと認識する。さらに、回す部分の形状や大きさによって「つまんで回すもの」なのか「握ってまわすもの」なのかを識別する。 スイッチの形
Flashの正しい使いかた｜ウェブユーザビリティ向上を支援するWebsite Usability Info
最近はブロードバンド環境が当たり前となり、Flashを採り入れたサイトも当たり前のように見かけるようになりました。しかし残念ながらその多くは、Flashを使ったクリエイティブが「目的化」していて、ユーザビリティを損ねているように思います。 いくつか例を挙げてみましょう。（2006年8月14日現在） 某観光ホテルのサイト： ユーザーインターフェースに全面Flashを採用しており、クリック時のローディングで不必要に待たされます。せっかくきれいな写真が多く、魅力的なコンテンツを持っているのだから、Flashを使わずに「ユーザーがクリックしたらすぐにその情報を提示する」ほうが、ユーザーの満足度（ひいてはホテルへの好感度）も上がると思います。 某有名商業施設のサイト： ナビゲーションにFlashアニメーションを使っており、クリックした内容を見るのに待たされます。また、ショップ紹介とフロアガイドの
バナーブラインドネス | Accessible & Usable
公開日 : 2009年2月5日 (2011年1月11日 更新) カテゴリー : ユーザビリティ / 情報設計 (IA) バナーブラインドネス（banner blindness）という言葉をご存知でしょうか？直訳すると「バナーを視認できない」という意味になりますが、より端的に言うと、Webサイト（ホームページ）上のユーザー行動において、「バナー画像がユーザーに無視される」現象を言い表した言葉です。 よく、リンクをバナー画像にするケースがありますよね（あるサイトから、特別なサイトに飛ぶ場合など）。サイト運営側としては、リンクを（テキストではなく）見栄えの良いバナー画像にすることで、よりアピールできるはず（クリックを誘発できるはず）、と考えがちです。 ところが、様々なプロジェクトでユーザビリティテストを実施してみると、せっかく労力をかけて作ったリンクバナーが、ユーザーにまったく見られないケースが
ウェブユーザビリティについて考え始めたい人にオススメの5冊 - Liner Note
ウェブユーザビリティについて考え始めたい人にオススメの5冊 書いた人： hash 投稿日： 2008年03月01日（最終更新：5年7ヶ月と15日前） 読者の皆さんの反応 2 被ブックマーク数： 12 要約：ユーザビリティについて興味はあるけど、学ぶためにはどんな本がいいんでしょという方向けに5冊の本をお薦めします ここ3ヶ月ほど就活がらみでウェブユーザビリティに関する本を読んだので、とりあえずその中でオススメできる5冊を挙げておきます。ユーザビリティやUIの話に関しては、海外の方が情報があるのだけど、まだ読めてないので和書だけで。 周りが落ち着いたら、この辺で書いてあることをまとめて書いておこうと思います1 。 ちなみに、私も内容を完璧に理解できているわけではありませんので誤解しているところがあるかもしれません。フィードバックは歓迎しますので、間違いがあればレスポンス頂けるとうれしいです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ディスカウント・ユーザビリティ、3つのポイント 〜アナログ思考・人脈・臨機応変〜 | ゼロ円でもできる！？ 省コストユーザビリティ向上術
IDEA * IDEA
https://www.openvista.jp/archives/note/2008/links-for-web-usability/?2008/links-for-web-usability/
亚博vip888网页全站登录-官网入口