個人プロフィールからの引用を考慮した携帯サイトフォーム設計 (ユーザビリティ実践メモ)
PCをほぼ/全く利用しない「インターネット＝携帯電話」ユーザには、フォームなどでメールアドレスを入力する際に、個人プロフィールから引用する傾向があります。 機種によってこの機能の名称や使用方法は異なりますが、筆者の携帯では下記の操作でプロフィールを引用することが可能です。 プロフィールの中でもメールアドレスは、文字数が多く、英数字が混在するため、直接入力する場合、煩わしい操作を要します。 そのため、携帯の操作に慣れているユーザの多くが上記の機能を使用してメールアドレスを入力しているのです。 この行動を想定したうえでサイトを制作しなければ、ユーザにストレスを与えてしまう可能性があります。 例えば、あるメールアドレス入力フォームでは、下図のように「＠」より前をフリーワードで入力し、「＠」より後ろをプルダウンメニューで選択する仕様にしていました。 一見、親切そうに見えるフォームですが、プロフィー
新生銀行の件のフォローアップ:江島健太郎 / Kenn's Clairvoyance - CNET Japan
前回の新生銀行のサイトの使い勝手についてのポストに思いのほか反応がありました。 はてなブックマークでも「新生の使いづらさは尋常じゃない」とか「こに書いてあること全部の10倍くらいダメ」とか「書いてもらえてスッキリした」みたいな反応が多くて、そういう声を引き出せたのは書いた甲斐があるなぁ。 それで、セキュリティに関する話だから噛みついてくる人もいるだろうと思っていたらやっぱりいて、カレーなる辛口Javaな転職日記で「全般として，いかにも素人っぽい批判に終始しているように思う」と書かれていたのを見つけたので読んでみたのだけど、そこに書かれていた反論は「もっとセキュリティを下げろなんて論外」という、予想通りのいわゆる一段階論理だったのですが、よく考えてみればそういう思考回路の髪のとんがった上司をどう説得するかというシチュエーションは現実問題としてあるわけで、そのためもう少しだけ深追いしてみること
Amazonにない書籍をネットで買え--ユーザーはどう検索する？
ウェブサイトを設計する際には、ユーザーが求めている情報に早くたどり着けるようにするために、情報の配置などに注意する必要があります。この連載では、実際に被験者に課題を与えた上でサイトを閲覧してもらい、アイトラッキングツールを利用してユーザーの直感的な行動を分析します。ツールはTobii Technologyの「Tobii Eye Tracker」を利用します。 アイトラッキングとは、ユーザーの視線の動きを感知してモニターのどこを見ているのかを記録するシステムです。ウェブサイトのユーザビリティ改善として使われることも多くなってきましたが、視線の動きが可視化されるというインパクトの強さに惑わされているケースもありそうです。 たしかに被験者の視線はウソをついていませんが、被験者の属性、心理状態、リテラシーなどによってその結果は異なってきます。たとえば、ウェブページを見る視線はF字型に流れるという分
タブの正しい使い方
13のデザインガイドラインを守ってタブを使っているサイトにYahoo Financeがある。しかし、AJAXの使い過ぎや改善の余地が残るカスタマイゼーションのページなどを見る限り、ユーザビリティはまだ上げられる。 Tabs, Used Right by Jakob Nielsen on September 17, 2007 Web上でダイアログコントロールを正しく使っているユーザ・インターフェイスを見かけることは滅多にない。ラジオボタンやチェックボックスのように単純なものでさえ、正しく使われていないことが大半だ。ドロップダウンメニューに至ってはもっとひどい状態だし、Flashサイトを台無しにする自作のスクロールバーも後を絶たない。 最近リニューアルされたYahoo Financeのホームページでは、タブを正しく使っている。2箇所ほど抜粋してご覧に入れよう。 Yahoo Financeのホー
携帯電話のユーザインタフェースの最適化-社会関係資本の最大化を目指す/黒須教授のUser Engineering Lecture
現在の携帯電話には多彩な機能が搭載されている。 通話：二者間通話、三者以上通話、テレビ電話、国際電話 インターネット：電子メール、ショートメール、交通情報取得、ナビゲーション、音楽や画像のダウンロード 時計：時刻表示、目覚まし、ストップウォッチ カメラ：静止画、動画 カレンダー：カレンダー表示、スケジュール管理 学習支援：辞書、電卓 電子マネー：Edy、モバイルスイカ 健康管理：万歩計 エンタテイメント：音楽プレーヤ、テレビ、ラジオ、ゲーム メモ：テキストメモ、音声メモ アドレスブック：電話番号、メールアドレス、住所、属性情報 データ交換：外部カード、USB、赤外線通信、ブルートゥース通信 ざっとリストアップしてもこれだけのものがある。当初は自動車電話として移動型電話機として登場した携帯電話であったが、現在では小型携帯型情報端末として位置づけられるようになっている。 これだけ多機能になって
客観的な手法で「使いやすさ」を追求したハンディターミナル
カシオ計算機のハンディターミナル「DT-X7」は、ユニバーサルデザインの設計手法を全面的に取り入れて開発された最新モデルだ。「使いやすさ」を客観的に分析し、実際の利用シーンに合わせて徹底的に作り込んだという。 物流や小売、フィールドサービスなどの現場で、実際の“モノ”とシステムとを結ぶ重要な情報デバイスであるハンディターミナル。バーコードスキャナを内蔵して物流現場や小売現場で用いられる「グリップ型」、情報入出力を重視した「PDA型」、それからガスや電力などのメーター検針などに用いられる「プリンタ一体型」の、大きく3つの分野があるが、いずれも業務用機器であるがゆえに、これまでは機能や寸法、コストなど数値で比較できる部分に重点を置いて開発されてきた傾向が強かった。 もちろん、以前から各社とも、使い勝手を意識して形状やボタン配置などに工夫を凝らしてきた。とはいうものの、デザイン面では客観的な説得
機能の豊富さとユーザの関与
ユーザの関与が深まるほど、アプリケーションはより多くの機能を維持できる。しかし、大部分のユーザの関与のレベルは低いものだ ―― 特に、機能の数よりもシンプルさの方を重視しなくてはならないウェブサイトの場合は。 Feature Richness and User Engagement by Jakob Nielsen on August 6, 2007 どんなユーザーインターフェースをデザインするにしても、重要な決定事項のうち一つは機能の多さとシンプルさの兼ね合いに関わってくる。機能が増えるほど、システムがより複雑になるのは避けられない： 機能はユーザに明示されている必要があるので、画面がより煩雑になる。 メニューのサイズや数のどちらか、または両方が増えるほど、必要な機能を見つけるのが難しくなる。 機能には説明が欠かせないので、ヘルプシステムやマニュアルのサイズが膨れ上がる： ドキュメントは
ダイアログボックスに屈服
GUIスタンダードから逸脱したインタラクションは、ユーザビリティの破綻を招き、アプリケーションをまったく使えないものにしてしまいかねない。 Defeated By a Dialog Box by Jakob Nielsen on July 23, 2007 どんなユーザ・インターフェイスでも操作してみせる。コンピュータを使い始めて33年、出来の悪いデザインをプロとして分析するようになってからは25年になる。ユーザを困惑させ、苛つかせるインタラクションデザイナーの所業は概ね見尽くしてきた、と思っていたのだが…。 私の手にかかればどんな厄介なユーザ・インターフェイスも御手の物だと思っていたのに、最近実は、とあるダイアログボックスにすっかりやられてしまった。先へ進む方法がどうにも分からず、諦めて別のアプリケーションを使わざるを得なかったのだ。 ユーザを満足させることのないソフトウェアが名を残すこ
検索条件の入力画面で配慮したいインターフェース例
今回は「ユーザが混乱してしまうインターフェースとその解決法」の1パターンを、会員登録をして使うECサイトを例にしてご紹介します。 それでは、上記の状況をどのようなインターフェースで表現すれば良いでしょうか。一例を挙げてみます。 2通りのお届け先のいずれかを、ラジオボタンで選択させる形式です。 図1の場合、弊社のユーザビリティ調査では、お届け先を変更したいユーザがラジオボタンのチェックを忘れ「お届け先の変更」ボタンをクリックしてしまう様子が観察されました。さらに、ラジオボタンと「変更」ボタンのどちらをクリックすれば良いか分からない、と困惑するユーザもいました。 問題の原因は下記の2点が考えられます。 原因 1: 「別のお届け先に送る」と「お届け先の変更」という、同じアクションを想起させる文言が近接している 原因 2: 「変更」ボタンのアフォーダンスが高く、ユーザの行動はボタンのクリックに誘導
使いやすさ日記: 367. 使ってますか？TVリモコンのカラーボタン
この画面にも、下部に青赤緑黄全ての要素がありますが、実は、ユーザが操作できる対象ではなく、単なるデザイン要素です。ちょっと紛らわしいですね。カラーボタンによる操作対象であるためには、画面上で「青」や「赤」といった色名と色とを組み合わせて表示する必要があるようです（上の写真２、３、４参照）。 データ放送画面を観ていて個人的に不満なのは、放送局ごと、場合によっては番組ごとにカラーボタンの役割が違うことです。 例えば写真２、３、４の画面で言うと、NHKとテレビ東京で「トップに戻る」に割り当てられているのは黄ボタンですが、テレビ朝日では青ボタンがそれにあたります。 いくつもの異なるルールを学習しなければならないのは、ユーザにとってかなりの負担です。今後のデータ放送の普及と使い勝手向上のためには、ある程度、UI上の標準化が必要なのではないかと思いながら観ています。
第24回 何かに似せたユーザー・インタフェース
今回は「何かに似せたユーザー・インタフェース」について考えてみたいと思います。何かに似せたインタフェースというのは，つまりすでにある何かによく似ている，もしくは同じように使えるインタフェースを用意する，ということです。 なんて書くと，「パクリ」や「インスパイヤ」と呼ばれる，流行っているサイトのデザインをそのままそっくりまねる手法を思い出してしまうかもしれません。流行っているサイトのデザインには，もしかしたら何らかの特長的ですばらしい点があるかも知れず，それをまねすることは，「まねただろう」といわれるデメリットを差し引いてもメリットがあるのかもしれませんし，もう少し意味を広げて，すでにあるサイトの良さをいかにうまく取り込むか，ということになれば，すごく意味があることだと思います。 でも今回の「まねる」はそういうほかのサイトのデザインをまねる，という話ではありません。もう少し広い意味であったり
インテル、シニア層の利用を想定したタッチパネルPCの仕様を策定 | パソコン | マイコミジャーナル
インテル、ビットワレット、マイクロソフトの3社が取り組む「スマートデジタルライフ推進プロジェクト」は3日、プロジェクトのこの1年間の成果を紹介する記者説明会を開催した。あわせてインテルから新たな施策として、シニア層に使いやすいPCおよびオンラインサービスに関する技術要件が発表された。 インテルが発表したシニア向けPC・サービスの技術要件とPBJのタブレット型PC 同プロジェクトは、ICカード技術「FeliCa」の利用を促進し、PCなどの情報端末上で決済や認証を行う際の安全性・利便性を向上させることで、ショッピングを初めとするさまざまなオンラインサービスを従来より幅広い層に使ってもらおうというもの。3社により2006年6月に活動を開始した。プロジェクト開始時から1年間で、電子マネー「Edy」に対応したオンラインサービスを2倍に、FeliCa対応端末の出荷数を3倍に、FeliCaオンライン決済
第1回 安定とスピードのデザイン | gihyo.jp
ビジュアルデザインと機能性 ビジュアルデザインと機能性。ウェブサイトやアプリケーションのデザインでは、この２つは密接な関わりを持っています。 多くの人は、ビジュアルデザインと聞いて、ものを美しく（もしくは格好良く、楽しく）見せるためのデザインを連想するかもしれません。まさにそれはデザイナーの仕事です。世の中をより美しく、格好よく、楽しくすることは、人が関わるものを生み出すデザイナーにとっての使命です。それをないがしろにすれば、何のためのデザインか、何のためのデザイナーか、と問われることになるでしょう。 ただし、道具の世界では、デザインが機能性に直結しています。人は道具を使うとき、はっきりした目標を持って扱います（はさみを使って紙を切る、蛇口をひねって水を出す等）。そういった目標をどれだけ達成できたか、ストレスなく達成できたかという観点＝機能性は、道具の価値に関わってきます。ウェブサイト
使いやすさ日記: 361. これなら安心。iPodの音量制限
2007年6月21日 通勤途中、電車の中でiPodを使って音楽を聴いていました。イントロを飛ばそうとして曲を早送りしようとしたところ、大音量になってしまいビックリしてしまいました。 iPodはスクロールホイールを指でなぞることによって、カーソル移動や早送りなどの操作をすばやくすることができる反面、音量調整時に勢いあまって大音量になる危険をはらんでいます。 先日新しくiPod nanoを購入し、音量制限の機能が付いていることに気が付きました。この機能は制限した音量以上にならないように設定ができます。 ユーザがこの音量制限を設定しておけば、不意に音量を操作してしまっても必要以上に音が大きくならないので、ビックリするようなことはありません。 このような操作ミスや故障による被害を最小限に食い止めるための設計をフェイルセーフといいます。この音量制限の機能はユーザ自身が設定をしなくてはいけませんが、
コマンドリンク
アプリケーションで用いるコマンド（命令）は、ボタンでもリンクでも表現できるようになってきたので、どちらが適しているかを決めるには、昔よりも多くの説明が必要とされる。しかしながら、重要なコマンドにはやはりボタンを用いるのが一番だ。 Command Links by Jakob Nielsen 2007年5月14日 今よりも物事がシンプルだった時代には、ウェブサイト向けガイドラインの数々が存在し、その一方でアプリケーション向けガイドラインの数々が存在していた。そして両者は明らかに別物だった。たとえば、ユーザーの選択肢を表現するためには、以下のような別々のルールが示されていたのだ： ウェブサイトでは、リンク（アンダーラインを引いた色つきテキスト）を用いてナビゲーションを提供すること。 アプリケーションでは、メニューやボタンを用いて機能を提供すること。 ウェブサイト向けとアプリケーション向けのガイ
使いやすさ日記: 359. 乗り換えゲートまでの時間表示～ロンドン ヒースロー空港
2007年6月11日 ロンドンのヒースロー空港で乗り継ぎをした時、こんな看板を見つけました。現在地から出発のゲートまでの、おおよその時間が表示されています。 この看板は人間の背丈よりも大きく、トイレの近くやエスカレータわきなど、目立つ所に設置されていました。 今いる所からゲートまでの目安時間がわかると、すごく助かると思うんです。以前、羽田空港でなかなかゲートに着かず、時間もギリギリだったため、相当焦った記憶があります。羽田空港の表示には、ゲートナンバーと方向しかなく、到着するのにかかる時間がわからなかったのです。 たとえ急いでなくても荷物が重いだけで、「まだかかるのか？？？」と気持ちが萎えますよね。 その点、こういった時間表示があれば、「ここから時間がかかりそうだから、もう移動しよう」とか、「ゲートまですぐだからコーヒー買ってこようかな」とか、自分の持ち時間をいろいろと活用できます。 な
ウノウラボ Unoh Labs: ユーザビリティって何だろう？（基本のまとめ）
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
なぜシニアはインターネットを使えないのか その２ - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
久しぶりの長文連載？なのですが、実は、雑誌に使おうと思って書き出したら前の号に同じことが書いてあった（書いたのは自分）というアルチュウハイマーっぷりに、呆れつつ、そちらにこれを掲載できなかったものですから、ブログに掲載しております。よろしくお願いいたします。ということで、昨日の分は書き終わっていたのですが、今回の分は気づいて燃焼したあとですので、文体がまちまち。まあ、お許しくださいまし。 ウェブエキスパート連載中です♪皆様ご購入よろしくお願いします。（日経トレンディにも掲載されました。ありがとうございます。） さーて、前回はシニア層がインターネットを使えない理由の大筋の一つである「こころ」の問題を取り上げました。「間違ったものを押したら壊れると思っている」とaratako0さまからツッコミをいただき、ご機嫌です。ありがとうございます。その通りです。シニア層は「まみちゃんって嫁にいかなさそう
なぜシニアはインターネットを使えないのか その３ - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
１，２よりずいぶん間があきました、すみません。 なぜシニア層がインターネットを使えないのか、トリをつとめるのが「技」の問題です。 １）体の問題からくる技術の問題 →全角、半角の区別が良く解らないなど ２）知識不足からくる技術の問題 →チェックボックス、ラジオボタンの意味が理解出来ない、専門用語が解らない →ただし、「学習」可能 ３）間違った知識からくる技術の問題 →警告マークが出ると「情報漏えいします」という意味だと勘違い等 →誰かが教えてあげれば・・・。ただし、思い込みは怖い。 若者とシニア層との違いを挙げると、技術に対する許容度といいますか、学習度合が違う！ということが言えましょう。 例えば、若者の場合、一回失敗するとすぐに「間違いであったこと」を認識できますが、シニア層の場合、一度やって間違いだったとしても、その間違いが「なぜ起きたのか」を納得するのが若者に比べて遅く、また、応用力が
パンくずナビゲーションの有用性が上昇中
パンくずとは、いま表示されているページがどの階層にあたるのかを1行のテキストで教えてくれるナビゲーションである。補助的なものであるにもかかわらず、その有用性は次第に高まってきた。 Breadcrumb Navigation Increasingly Useful by Jakob Nielsen on April 10, 2007 デザインに関する意思決定のすべてが、ウェブサイトの生死を分けるわけではない。もちろん、肝心なところを正すことは重要で、さもなければユーザにそっぽを向かれることになるだろう。一方、ちょっとしたところの修正は、ユーザビリティの向上とユーザの満足につながる。パンくずリストは、まさにその好例だ。 パンくずがユーザの疑問に答え、絶望的に分かりにくいインフォメーション・アーキテクチャを修復してくれるわけではない。パンくずがユーザにしてあげられるのは、サイトの中を動き回りやす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
