「倉田健太郎」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
15行目: 15行目:


【ヤコブ先生の名言】
【ヤコブ先生の名言】
*優秀なデザイナーであっても、売れる製品を生み出せるのは、的を射た問題解決につながるデザインができたときに限られる。<br>素晴らしいインターフェイスも、見当違いの機能にあてられては失敗に終わるしかない。
*優秀なデザイナーであっても、売れる製品を生み出せるのは、的を射た問題解決につながるデザインができたときに限られる。<br>素晴らしいインターフェイスも、'''見当違いの機能にあてられては失敗'''に終わるしかない。


*デザインは、不確かな科学である。どんなに優秀なデザイナーでも、出てくるアイデアのすべてが等しく素晴らしいとは限らない。<br>リスクを減らすこと、つまり、顧客の協力を得てユーザテストなどを行い、デザイン案がユーザに受け入れられるかどうかを確認することが賢明だ。
*デザインは、不確かな科学である。どんなに優秀なデザイナーでも、出てくるアイデアのすべてが等しく素晴らしいとは限らない。<br>リスクを減らすこと、つまり、顧客の協力を得てユーザテストなどを行い、デザイン案がユーザに受け入れられるかどうかを確認することが賢明だ。<br>そして、クオリティを上げるために、デザインを繰り返しながら、要所要所でユーザビリティ評価を実施して磨きをかけていこう。


*クオリティを上げるために、デザインを繰り返しながら、要所要所でユーザビリティ評価を実施して磨きをかけていこう。
*テレビを見ている間は、人間はほとんど'''植物状態'''であり、コマーシャルの第一の目的は、ユーザの手をリモコンから遠ざけ、できるだけ操作させないようにすることである。<br>ユーザが見てくれている限りは、製品の品質の高さを吹き込むことができ、「優れています」という以上のことはほとんど何も言う必要がない。<br><br>一方、ウェブ上のユーザは通常何らかの目的を持ってウェブを利用しており、広告によってその目的からそれてしまうことはめったにありえない。<br>'''能動的にユーザが関与することが、ウェブをより認知的なものにしている。'''どのハイパーテキスト・リンクをクリックしたらいいのか、どうナビゲートしたらいいのかを考えるのはユーザだからである。<br>ユーザは「体験する」ためではなく、'''何かを成し遂げるためにウェブを利用している'''のである。ウェブは単なる「顧客志向の」メディアではない。顧客優位のメディアなのだ。


*ユーザの意見を聞くのではなく、行動を観察するのがユーザビリティ調査である。
*ユーザビリティとは、ユーザ・インターフェイスがいかに使いやすいかを示す質的属性である。 <br>「ユーザビリティ」という言葉はまた、デザイン・プロセスにおいて使いやすさを向上させるための手法をも意味している。 <br>ユーザビリティには、5 つの質的な構成要素がある <br>1.'''学習容易性''':初めてそのデザインに触れたユーザが、どれくらい容易に基本的なタスクを達成できるようになるか? <br>2.'''効率性''':いったんそのデザインを学習したユーザが、どれくらい迅速にタスクを達成できるようになるか? <br>3.'''記憶性''':しばらく使用しない期間をはさんだ後、再びそのデザインに戻ってきたユーザが、どれくらい容易に習熟度を取り戻すことができるか? <br>4.'''エラー''':ユーザが犯すエラーの数、そのエラーの深刻さ、そして、そのエラーからの回復の容易さはどうか?<br>5.'''満足度''':そのデザインを使うのは、どれくらい楽しいか?


*私たちは、混乱を招くようなデザイン要素は排除し、できる限り慣習的な方向に移行していかなくてはいけない。<br>さらに言えば、重要なウェブサイトでのタスクに対して、デザイン標準を確立すべきだ。<br>なぜウェブサイトはデザイン標準に従うべきなのか?」<br>その理由は1つで十分だ。<br>「インターネット・ユーザ体験についての Jakob の法則:ユーザは、大部分の時間を他のサイトで過ごしている。」<br>他のサイトを訪問することによって、人々は共通性の高いデザイン標準や慣習に慣れ親しむことになる。<br>したがって、あなたのサイトを訪れたとき、他のサイト同様に機能することを期待するのだ。  
*私たちは、混乱を招くようなデザイン要素は排除し、できる限り慣習的な方向に移行していかなくてはいけない。<br>さらに言えば、重要なウェブサイトでのタスクに対して、デザイン標準を確立すべきだ。<br>なぜウェブサイトはデザイン標準に従うべきなのか?<br>その理由は1つで十分だ。<br>インターネット・ユーザ体験についての Jakob の法則:『'''ユーザは、大部分の時間を他のサイトで過ごしている。'''』<br>他のサイトを訪問することによって、人々は共通性の高いデザイン標準や慣習に慣れ親しむことになる。<br>したがって、あなたのサイトを訪れたとき、他のサイト同様に機能することを期待するのだ。  


* 検索を行うとき、ユーザの頭に浮かぶのは、慣れ親しんだ言葉だ。<br>もし使い古された言葉よりも、造語や新語を使っているならば、ユーザは貴方のサイトをみつけることはない。 <br>「ユーザの言葉を使うこと」というのが、20 年以上ユーザビリティの基本ガイドラインでいわれていることだ。<br>ウェブという環境が言語を基礎に成り立っていることによって、正しく言葉を使うことが、とても重要になっている。  
* 検索を行うとき、ユーザの頭に浮かぶのは、慣れ親しんだ言葉だ。<br>もし使い古された言葉よりも、造語や新語を使っているならば、ユーザは貴方のサイトをみつけることはない。 <br>「ユーザの言葉を使うこと」というのが、20 年以上ユーザビリティの基本ガイドラインでいわれていることだ。<br>ウェブという環境が言語を基礎に成り立っていることによって、正しく言葉を使うことが、とても重要になっている。  


*明確なコンテンツ、容易なナビゲーション、そして顧客の疑問に答えることが、ビジネス価値に最も反映する。先進的な技術を使うことによる影響は、それと比較したら微々たるものだ。<br>ビジネス価値を失わせてしまうデザインの欠陥は、典型的に以下のようなことに関係している:<br><br>・ユーザが理解できるように、明確に伝える。最初にウェブサイトを訪問したとき、ユーザたちは最小限の時間しか費やさない。そのため、そのサイトに時間を費やすだけの価値があることを、すぐに確信させなければいけない。<br>・ユーザが探している情報を提供する。ユーザたちは、貴方の提供しているサービスが彼らの要求を満たしているのか、またどうして貴方と取引をするべきなのかを、簡単に判断できなければいけない。<br>・容易に理解できる統一性のあるデザインと明確なナビゲーションを提供し、ユーザたちが探している情報を、期待値通りの場所にみつけられるような情報構造を提供する。
*明確なコンテンツ、容易なナビゲーション、そして顧客の疑問に答えることが、ビジネス価値に最も反映する。<br>先進的な技術を使うことによる影響は、それと比較したら微々たるものだ。<br>ビジネス価値を失わせてしまうデザインの欠陥は、典型的に以下のようなことに関係している:<br><br>・ユーザが理解できるように、明確に伝える。'''最初にウェブサイトを訪問したとき、ユーザたちは最小限の時間しか費やさない。'''<br>そのため、そのサイトに時間を費やすだけの価値があることを、すぐに確信させなければいけない。<br>・ユーザが探している情報を提供する。ユーザたちは、貴方の提供しているサービスが彼らの要求を満たしているのか、<br>またどうして貴方と取引をするべきなのかを、簡単に判断できなければいけない。<br>・'''容易に理解できる統一性のあるデザイン'''と'''明確なナビゲーション'''を提供し、ユーザたちが探している情報を、期待値通りの場所にみつけられるような情報構造を提供する。


*ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。<br>ページ内リンクはこの思考モデルに反するため、混乱を招く。<br>ユーザたちは、リンクをたどるときの明確な思考モデルを形成済みで、それはいくつかの要素に分けることができる。<br><br>1. リンクをクリックすることは、別の場所に移動する。<br>2. クリックすると、前にみていたページは消える。<br>3. 新しく読み込んだページはウィンドウに読み込まれ、前にみていたページと入れ代わる。<br>4. まずは、新たに読み込んだページの最上部がみえる。<br>5. 戻るボタンは、以前のページに戻る。<br><br>ユーザたちの思考モデルの全 5 要素すべてにページ内リンクは反している。<br><br>1. ページ内リンクは、新たな場所に移動する代わりに、ウィンドウをスクロールさせる。これはユーザを混乱させることになる。新しい情報を得られると思っているのに、クリックする前に既にスクロールしてページ全体をみていた場合、既にみたことのあるコンテンツを再びみることになるからだ。<br>2. 前のページは、ウィンドウに残ったまま消えない。しかしながら、ユーザたちは違うページをみていると思いこむため、「新たな」情報が既にみた情報とどこが違うのか探し始める。明らかに無意味な作業だ。<br>3. 異なるページがウィンドウに読み込まれない。同じデータの違う部分が表示されているだけだ。<br>4. ページの最上部が表示されないで、典型的には、ナビゲーション・バーなど、普通はページ上部にあるデザイン要素がない、ページの中間部分のどこかに移動してしまう。<br>5. 戻るボタンをクリックしても、前のページに戻れない。同じページの中で、以前スクロールされていた場所に戻るだけだ。これは、戻るをクリックする前に、ページの上部にスクロールしていたユーザにとっては2重に混乱させる原因になる。<br><br>ページ内リンクと戻るボタンのクリックを数回体験すると、ほとんどのユーザは、サイト内でどこにいるのか、完全な混乱状態におちいる。<br>私たちの調査では、典型的にページ内リンクは、節約する時間よりも、遙かに多い時間を無駄にすることがわかった。<br>ユーザたちが、同じコンテンツの中を何度も行ったり来たりして、同じものを繰り返し読んでしまうことに、なるからだ。
*使いやすいインターフェイスをデザインするためには、ユーザの発言ではなく'''行動に注目する'''こと。自己申告による主張は信頼性が低い。それは、将来の行動に関するユーザの推測だからである。<br>ユーザの声にもとづいてデザインするのはいいのだが、その収集手法が間違っているというケースを、非常によく耳にする。典型的な例をあげよう。<br>デザインの代替案を数点作成してユーザグループに見せ、どれが一番好きかを聞く、というものだ。<br>違う。実際にそのデザインを使ってみたのでない限り、ユーザは外見的特徴にもとづいてコメントするしかない。<br>この種の意見は、'''実際の利用にもとづいた意見とは著しく異なったもの'''になることが多い。
 
 
*ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。<br>このため、ページ内リンク(アンカー)はこの思考モデルに反するため、混乱を招く。<br>ユーザは、リンクをたどるときの明確な思考モデルを形成済みで、それはいくつかの要素に分けることができる。<br><br>1. リンクをクリックすることは、別の場所に移動する。<br>2. クリックすると、前にみていたページは消える。<br>3. 新しく読み込んだページはウィンドウに読み込まれ、前にみていたページと入れ代わる。<br>4. まずは、新たに読み込んだページの最上部がみえる。<br>5. 戻るボタンは、以前のページに戻る。<br><br>ユーザたちの思考モデルの全 5 要素すべてにページ内リンクは反している。<br><br>1. ページ内リンクは、新たな場所に移動する代わりに、ウィンドウをスクロールさせる。<br>これはユーザを混乱させることになる。新しい情報を得られると思っているのに、クリックする前に既にスクロールしてページ全体をみていた場合、既にみたことのあるコンテンツを再びみることになるからだ。<br>2. 前のページは、ウィンドウに残ったまま消えない。<br>しかしながら、ユーザたちは違うページをみていると思いこむため、「新たな」情報が既にみた情報とどこが違うのか探し始める。明らかに無意味な作業だ。<br>3. 異なるページがウィンドウに読み込まれない。同じデータの違う部分が表示されているだけだ。<br>4. ページの最上部が表示されないで、典型的には、ナビゲーション・バーなど、普通はページ上部にあるデザイン要素がない、ページの中間部分のどこかに移動してしまう。<br>5. 戻るボタンをクリックしても、前のページに戻れない。同じページの中で、以前スクロールされていた場所に戻るだけだ。<br>これは、戻るをクリックする前に、ページの上部にスクロールしていたユーザにとっては2重に混乱させる原因になる。<br><br>ページ内リンクと戻るボタンのクリックを数回体験すると、ほとんどのユーザは、サイト内でどこにいるのか、完全な混乱状態におちいる。<br>私たちの調査では、典型的にページ内リンクは、節約する時間よりも、遙かに多い時間を無駄にすることがわかった。<br>ユーザたちが、同じコンテンツの中を何度も行ったり来たりして、同じものを繰り返し読んでしまうことに、なるからだ。


----
----

2007年6月22日 (金) 14:21時点における版

(クラタ ケンタロウ):k.kurata@kohga.co.jp
社員:デザイン、飲み大臣
入社日:2004年07月23日
誕生日:1976年11月13日、B型
出身地:東京都江東区東陽町→西葛西→小岩→(引越したいわけだが)

趣味/特技:酒飲み、サッカー、フットサル(参加歓迎)、テニス、麻雀、一部のゲーム(みんゴル、モンハン、鉄拳とか)
武器:大剣

●フットサルを武蔵浦和で月1開催しているので参加歓迎です。
サルやってるとダイエットになりそうなのだが、終了後にビールがぶ飲みするので意味ないね

●ここ1、2年で、ヤコブ・ニールセン信者になりつつあります。
Jakob Nielsen博士のAlertbox
http://www.usability.gr.jp/alertbox/

【ヤコブ先生の名言】

  • 優秀なデザイナーであっても、売れる製品を生み出せるのは、的を射た問題解決につながるデザインができたときに限られる。
    素晴らしいインターフェイスも、見当違いの機能にあてられては失敗に終わるしかない。
  • デザインは、不確かな科学である。どんなに優秀なデザイナーでも、出てくるアイデアのすべてが等しく素晴らしいとは限らない。
    リスクを減らすこと、つまり、顧客の協力を得てユーザテストなどを行い、デザイン案がユーザに受け入れられるかどうかを確認することが賢明だ。
    そして、クオリティを上げるために、デザインを繰り返しながら、要所要所でユーザビリティ評価を実施して磨きをかけていこう。
  • テレビを見ている間は、人間はほとんど植物状態であり、コマーシャルの第一の目的は、ユーザの手をリモコンから遠ざけ、できるだけ操作させないようにすることである。
    ユーザが見てくれている限りは、製品の品質の高さを吹き込むことができ、「優れています」という以上のことはほとんど何も言う必要がない。

    一方、ウェブ上のユーザは通常何らかの目的を持ってウェブを利用しており、広告によってその目的からそれてしまうことはめったにありえない。
    能動的にユーザが関与することが、ウェブをより認知的なものにしている。どのハイパーテキスト・リンクをクリックしたらいいのか、どうナビゲートしたらいいのかを考えるのはユーザだからである。
    ユーザは「体験する」ためではなく、何かを成し遂げるためにウェブを利用しているのである。ウェブは単なる「顧客志向の」メディアではない。顧客優位のメディアなのだ。
  • ユーザビリティとは、ユーザ・インターフェイスがいかに使いやすいかを示す質的属性である。
    「ユーザビリティ」という言葉はまた、デザイン・プロセスにおいて使いやすさを向上させるための手法をも意味している。
    ユーザビリティには、5 つの質的な構成要素がある
    1.学習容易性:初めてそのデザインに触れたユーザが、どれくらい容易に基本的なタスクを達成できるようになるか?
    2.効率性:いったんそのデザインを学習したユーザが、どれくらい迅速にタスクを達成できるようになるか?
    3.記憶性:しばらく使用しない期間をはさんだ後、再びそのデザインに戻ってきたユーザが、どれくらい容易に習熟度を取り戻すことができるか?
    4.エラー:ユーザが犯すエラーの数、そのエラーの深刻さ、そして、そのエラーからの回復の容易さはどうか?
    5.満足度:そのデザインを使うのは、どれくらい楽しいか?
  • 私たちは、混乱を招くようなデザイン要素は排除し、できる限り慣習的な方向に移行していかなくてはいけない。
    さらに言えば、重要なウェブサイトでのタスクに対して、デザイン標準を確立すべきだ。
    なぜウェブサイトはデザイン標準に従うべきなのか?
    その理由は1つで十分だ。
    インターネット・ユーザ体験についての Jakob の法則:『ユーザは、大部分の時間を他のサイトで過ごしている。
    他のサイトを訪問することによって、人々は共通性の高いデザイン標準や慣習に慣れ親しむことになる。
    したがって、あなたのサイトを訪れたとき、他のサイト同様に機能することを期待するのだ。
  • 検索を行うとき、ユーザの頭に浮かぶのは、慣れ親しんだ言葉だ。
    もし使い古された言葉よりも、造語や新語を使っているならば、ユーザは貴方のサイトをみつけることはない。
    「ユーザの言葉を使うこと」というのが、20 年以上ユーザビリティの基本ガイドラインでいわれていることだ。
    ウェブという環境が言語を基礎に成り立っていることによって、正しく言葉を使うことが、とても重要になっている。
  • 明確なコンテンツ、容易なナビゲーション、そして顧客の疑問に答えることが、ビジネス価値に最も反映する。
    先進的な技術を使うことによる影響は、それと比較したら微々たるものだ。
    ビジネス価値を失わせてしまうデザインの欠陥は、典型的に以下のようなことに関係している:

    ・ユーザが理解できるように、明確に伝える。最初にウェブサイトを訪問したとき、ユーザたちは最小限の時間しか費やさない。
    そのため、そのサイトに時間を費やすだけの価値があることを、すぐに確信させなければいけない。
    ・ユーザが探している情報を提供する。ユーザたちは、貴方の提供しているサービスが彼らの要求を満たしているのか、
    またどうして貴方と取引をするべきなのかを、簡単に判断できなければいけない。
    容易に理解できる統一性のあるデザイン明確なナビゲーションを提供し、ユーザたちが探している情報を、期待値通りの場所にみつけられるような情報構造を提供する。
  • 使いやすいインターフェイスをデザインするためには、ユーザの発言ではなく行動に注目すること。自己申告による主張は信頼性が低い。それは、将来の行動に関するユーザの推測だからである。
    ユーザの声にもとづいてデザインするのはいいのだが、その収集手法が間違っているというケースを、非常によく耳にする。典型的な例をあげよう。
    デザインの代替案を数点作成してユーザグループに見せ、どれが一番好きかを聞く、というものだ。
    違う。実際にそのデザインを使ってみたのでない限り、ユーザは外見的特徴にもとづいてコメントするしかない。
    この種の意見は、実際の利用にもとづいた意見とは著しく異なったものになることが多い。


  • ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。
    このため、ページ内リンク(アンカー)はこの思考モデルに反するため、混乱を招く。
    ユーザは、リンクをたどるときの明確な思考モデルを形成済みで、それはいくつかの要素に分けることができる。

    1. リンクをクリックすることは、別の場所に移動する。
    2. クリックすると、前にみていたページは消える。
    3. 新しく読み込んだページはウィンドウに読み込まれ、前にみていたページと入れ代わる。
    4. まずは、新たに読み込んだページの最上部がみえる。
    5. 戻るボタンは、以前のページに戻る。

    ユーザたちの思考モデルの全 5 要素すべてにページ内リンクは反している。

    1. ページ内リンクは、新たな場所に移動する代わりに、ウィンドウをスクロールさせる。
    これはユーザを混乱させることになる。新しい情報を得られると思っているのに、クリックする前に既にスクロールしてページ全体をみていた場合、既にみたことのあるコンテンツを再びみることになるからだ。
    2. 前のページは、ウィンドウに残ったまま消えない。
    しかしながら、ユーザたちは違うページをみていると思いこむため、「新たな」情報が既にみた情報とどこが違うのか探し始める。明らかに無意味な作業だ。
    3. 異なるページがウィンドウに読み込まれない。同じデータの違う部分が表示されているだけだ。
    4. ページの最上部が表示されないで、典型的には、ナビゲーション・バーなど、普通はページ上部にあるデザイン要素がない、ページの中間部分のどこかに移動してしまう。
    5. 戻るボタンをクリックしても、前のページに戻れない。同じページの中で、以前スクロールされていた場所に戻るだけだ。
    これは、戻るをクリックする前に、ページの上部にスクロールしていたユーザにとっては2重に混乱させる原因になる。

    ページ内リンクと戻るボタンのクリックを数回体験すると、ほとんどのユーザは、サイト内でどこにいるのか、完全な混乱状態におちいる。
    私たちの調査では、典型的にページ内リンクは、節約する時間よりも、遙かに多い時間を無駄にすることがわかった。
    ユーザたちが、同じコンテンツの中を何度も行ったり来たりして、同じものを繰り返し読んでしまうことに、なるからだ。

       ,..-──- 、  
     /. : : : : : : : : :: \
    /.: : : : : : : : : : : : : : ヽ
   ,!::: : : : : :,-…-…-ミ: : :',
   {:: : : : :: : :i '⌒' '⌒'i: : :} マジかよ
   {:: : : : : : |   ェェ ェェ | : :}      ∩___∩ あいつモス派だって
   { : : : : : :|    ,.、  |: :;!     /       ヽ
__ヾ: : : :: :i  r‐-ニ-┐| :ノ     | ●   ●   |
    ゞ : :イ! ヽ 二゙ノイ‐′     | ( _●_)     ミ
        ` ー一'´ヽ \  ,,-"彡 |∪| __/`--、
  )     |@      |ヽ/     ヽノ ̄       ヽ
  |      |     ノ / ⊂)            メ  ヽ_,,,---
  |     .|@    | |_ノ  ,へ        / ヽ    ヽノ ̄
  |     |_   / /  | /  |        |  ヽ_,,-"
__|_    \\,,-'"\__/  /     ,────'''''''''"""""""
    ~フ⌒ ̄ ̄  ~ヽ ヽ   ̄ ̄"""''--、""'---,,,,,,__
    /       ̄、|ノ           )ヽ
___/       ̄ ̄)           / |___