Chris Heilmanによる“Graceful degradation versus progressive enhancement”という記事について、前回は概要とその意義について紹介しました。今回は後半にあるの例をもとに、どのように実践していくのかを考えてみたいと思います。 「印刷する」というリンク オンラインショッピングの決済画面には、印刷して手元に保管したいというニーズがあるからか「印刷する」といったリンクやボタンが設けられています。クリックしたときに印刷用ページが現れるものもありますが、記事では印刷ダイアログが現れる簡単なものを取り上げています。 このようなリンクは、JavaScriptにより実現されています。 <p id="printthis"> <a href="javascript:windowprint()">Print this page</a> </p> しかしな

ナビゲーションとは何か、そしてそれは「分離」すべきなのか (agenda)が抽象的すぎるので補足。まずは最初の段落から。 しかしながら、製作者側はユーザーの目的を正確に知ることができない。知っているのはユーザーがそのハイパーテキストノードを閲覧しているという事実だけであり、そこから目的地を推測するしかない。この時推測される目的地は、正にそのハイパーテキストノードと深く関係しているはずだ。そして、そのようなリソースへのリンクを提供することは、ハイパーテキストシステムにおける各ノードの主要な役割である。真のナビゲーションに接近する方法として、製作者側が取れる、あるいは取るべき手段は、そのハイパーテキストノードを中心としたリンクを提供してやることだけである。私はこのようなリンクを論理的なリンクと呼んでおり、殊更にナビゲーションと呼んでコンテンツと区別しない。何故なら、論理的なリンクはハイパーテキ

ウェブページの文章を読むときは「上から下へリニアに」というスタイルが一般的というか、恐らく99.9％がそうだと思う。マルチカラムで読んだ人がその慣性から引き剥がされて不快感を覚えたとしても不思議はない。視線を下への移動だけでなく上にも移動させるという、いつもと違うことをしなければならないというのは、それだけでユーザビリティ的に問題を引き起こす要因となり得るだろう。しかし、必要な「技術」は視線を移動させることだけだ。スクロールは必要ないし、マウス操作も必要ない。マルチカラムに関して生じているウェブ・ユーザビリティ的問題は、結局のところ主観的満足度の低下だけだと私は想像している。私が主観的満足度よりも重視しているのは視線の移動を失敗したりせずに「内容をきちんと読めたか」、そして「どのくらいのスピードで読めたか」。この2点。もともとスクロールが発生しないほどの短い文章ではマルチカラムが敗北するが

ユーザから頻繁に問い合わせを受ける質問に対応するため、多くのサイトでは、「Q&A」や「よくあるご質問」といったFAQ（Frequently Asked Questions）コンテンツを用意しています。 今回はFAQを効果的に活用する見せ方について考えていきます。 FAQはユーザが持つ疑問の解決につながりますが、ユーザはサイトを利用するなかで、FAQをそれほど意識して探しにはいかないことに注意が必要です。 では、FAQはページのどこに配置するのがよいでしょうか。 ヘッダーエリアか、左右のナビゲーションにFAQのリンクが配置されているパターンを思い浮かべる方が多いでしょう。（図１） ユーザは、コンテンツエリアを中心に見ていくため、意識的に探さないとFAQがあることに気付きません。 サイトの共通要素として、問い合わせなどと同様、どのページにも同じ位置に配置すべきですが、それに加えて、コンテンツを

入力フォームについて、最近ではAjaxを用いることで、「送信」ボタンをクリックする前にエラーチェックをする手法が使われるようになっています。 今回はリアルタイムでフォームのエラーチェックを行う場合の注意点について考えてみます。 あまり良くない例：Remember the Milkの登録画面 http://www.rememberthemilk.com/signup/ ユーザ名を入力する欄では、入力と同時にエラーチェックが行われるため、多くの場合1文字目からエラーが表示されます。 2文字目を入力すると即座にエラーメッセージが更新されます。 ユーザが当初から自分のユーザ名として考えていた「bebittaro」を入力し終えると、利用可能である旨のメッセージが表示されます。 上記は入力に対しリアルタイムでフィードバックを返すことで誤入力を避けようという工夫ですが、ユーザが入力を終える前にエラー表示

アメリカのIT関連調査会社フォレスター・リサーチの調査結果(※1)によると、「ウェブサイトの失敗項目で最も多いものは、文字の可読性である」ということが指摘されています。確かに文字の可読性はユーザビリティの基本事項ですが、実際のところ、可読性はユーザ行動にどの程度影響を与えるのでしょうか？実例を交えてご紹介します。 弊社でユーザビリティテスト（ユーザ行動観察調査）を実施したところ、図1のパターンでは、ユーザは1ページ目の画面を一瞥しただけで閲覧をやめてしまいました。コンテンツの冒頭を読んでから判断したのではなく、全く読みもしなかったのです。その理由として、ほとんどのユーザが「なんとなく暗い感じがして、読む気がしないから」と回答しました。 背景色そのものにも原因はあったでしょう。しかし、ユーザに敢えてコンテンツを読んでもらったところ、「内容はとても面白い、商品に魅力を感じた」との回答が得られた

不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 いや、実際には使いますよ。 でも、わかって使わないと、ツールに騙される危険性がすごく高いと思います。あのアイトラッキングってツールは。 ヴィジュアライゼーションに騙されてるだけで、ログ解析だけでユーザーの意識や行動の意味がわかるって言ってるのと同じですから。 いや、ログ解析のほうがずいぶんマシです。そこそこのサイトであれば十分に統計的に意味のあるデータがとれますから。でも、多くて数十人しか対象にしないユーザビリティテストではそうした方向での分析じゃ意味がないと思います。 そうではなくて、目の動きっていったい何に関係あるの？ということを、他の行動分析と比較しながら、その関係性を読み解いていくことにこそ、アイトラッキングを使う意味はあるのだと思っています。 アイトラッキングをユ

上記の映像は、本研究会の構成員である静岡県立大学の石川准教授にご協力いただき、本研究会報告書（製本版）の添付CD-ROMに収録されているものです。 （平成18年1月17日掲載分） ＜視覚障害者（弱視）のホームページ利用方法（4分40秒）＞ （伊敷 政英 氏） ○動画（ブロードバンド用）　　○動画（ナローバンド用） ＜肢体不自由者のホームページ利用方法（5分15秒）＞ （平野 忠雄 氏） ○動画（ブロードバンド用）　　○動画（ナローバンド用）

ユーザビリティの国際規格であるISO 13407（Human-centred design processes for interactive systems、日本語では「インタラクティブシステムのための人間中心設計プロセス」）というのがあります。＠IT情報マネジメント用語事典: 人間中心設計＠IT情報マネジメント用語事典: ユーザビリティで、現在、それが見直されてますが、そのサブ・コミッティ・チェアのTom Stewart曰く、 「近年、"ユーザーエクスペリエンス"という言い方が一般的に使われるようになってきたけど、"ユーザビリティ"と定義されていた概念に近いし、それ使ってもいいじゃん！（かなり意訳）」 ということで、新しい ISO 13407 は "usability" の代わりに "user experience" を使うらしい。Usability or user experienc

なんでもかんでもユーザーに聞けばよいってわけじゃない。 いや、ユーザー中心のデザインにおけるユーザー調査では、むしろ、「ユーザーの意見は聞いてはいけない」とさえいわれます。意見を聞くのではなく、ユーザーの行動を観察せよ、と。 でもね。ただユーザーを観察すればよいかっていうと、そういうわけでもないんですよね。 観察調査だっておなじで「わかろう」としなければ何も「わかりません」。 極端な話、ただ見るだけだったら目をあけてるあいだなら誰でも四六時中やってるわけです。見るだけでわかるなら、とっくにわかってていいはずです。わざわざ観察調査をするのは、単に目の前でユーザーに普段の行動をとってもらうためだけじゃありません。 観察調査というのは、ユーザーの行動のなかに未来のデザインの輪郭を見つけるためのものです。つまり、実際にはそこにあるようでない「未来のデザインの輪郭」なるものを見るわけですから、ぼーっ

不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 これはもうほぼ断言してもいいと思いますけど、"ISO13407：Human-centred design processes for interactive systems（インタラクティブシステムの人間中心設計プロセス）"の弱点は「設計による解決案の作成」に用いる具体的な手法の提案がないことだと思っています。 たとえば、以前、「人間中心設計（Human Centered Design＝HCD）で使う主な手法」というエントリーで、こんな図を描いて、 人間中心設計＝ユーザー中心のデザインで使われる主な手法を以下のように整理しました。 利用の状況の把握と明示：フィールドワーク（観察法）、コンテキスチュアル・インクワイアリー、ワークモデル分析ユーザーと組織の要求事項の明示：ペルソ

【増永】 最初に遠藤社長がどのような学生時代を送られていたのかを教えてください。 当時の就職活動は現在とは違って、企業へのハガキを書くことからスタートしていました。 先輩たちを見ていると100枚近いハガキを書き、同じようなスーツを着て、行きたくもない会社に「入社したい」と言っていて、自分はあまりやりたくないな・・・と大学2年生の頃に思ったんです。 大学生活4年間のうち、だいたい1年間は就職活動に費やしますよね。 私の場合、単位的にも余裕がありそうでしたので、その1年間を就職活動ではなく、なにか違うことにかけてみようと思いました。 そこで留学しようと考えました。 元々、大学1年の頃から体育会のダイビング部に所属していました。 そこで海外の海に潜りに行ったりもしていたのですが・・・そのとき、あまりにも自分の英語が通じなくてすごくショックを受けたんです。 たとえばファーストフードでオレンジジュー