Liner Note

情報(ユーザー中心デザイン・ユーザビリティ)と技術(ウェブプログラミング・ウェブサービス)についてのメモ書き

要約:直感的なユーザインターフェイスとはどういう条件を満たしている物なのか考えてみる

悪いお手本の話の後は、良いお手本の話をしましょうか。

iPhoneiPod touchはその直感的なインターフェイスが話題になったわけですが、そういえばこの直感的ってどういうことなんでしょう?そして、どうすればより直感的なんでしょうか?

iPhoneの「左右に指を滑らせることで画像を切り替えるUI」を例にとって考えてみましょう。まず、iPhoneの直感的な操作をステップ毎に分解するとこうなります。

直感的な操作のステップ例

逆にそうでない通常の操作(ボタンを押して切り替え)だと、このように分解できそうです。

直感的ではない操作のステップ例

ここでは、『次の画像に移動するには「次」ボタンを押すんだな』という判断が余分に必要になります。こういった操作は割と一般的なので、それほど判断に時間はかからないかもしれませんが、ボタンが増えたり、操作が複雑になってくると、こうした判断の手間や時間は増えていきます。

直感的な操作とは、この判断(ここでは指を右から左に滑らせること)にかかる時間が無視できる程度まで短縮できるようになったと言えるかもしれませんね。

とすると、その時間はどうして短縮できたんでしょうか?その理由を考えてみると、既存の経験(物理法則・ヴィジュアルデザイン上の法則など)やそこから導かれた概念・法則に従っているからといえるかもしれません。

CMSとモバイルとフィードと四畳半社長さんによれば、バーチャルなものに物理法則を適用することにょってより操作性が向上したと錯覚することは(註:スーパーマリオブラザーズのマリオの動作などに代表されるように)ゲーム開発の現場などではよく知られた事実だそうです。

4895630072,caption

このように慣れ親しんだ物理法則に対しては反射的に対応することができますし、4895630072,textに書かれているようなヴィジュアルデザインの法則1 もありとあらゆるところで見かけるもので、誰に教わることもなく学習してきたものも多いはずです。

こうした経験に沿った動作・表現をすることで、操作感への信頼(これがユーザエクスペリエンス=おもてなしを醸し出す条件なのかもしれません)が生まれ、「直感的だ」と感じるのだろうと思います。

Cover flow

また、Cover flowの例を出すならば、物事が適切に視覚化(見える化)されているというのも直感的なインターフェイスの条件だと思います。

複雑でわかりづらいものを画像や動画を用いて、単純化してわかりやすくする。これによって判断の時間を減らして「直感的だ」と思えるようになるという寸法です。

ちょっと雑な議論ですが、とりあえずこうした2点に従ったUIを直感的なUIと結論づけておこうと思います。

注釈

直感的インターフェイスデザインの「直感」って?: KQZ on authenticで述べられているように、こうした直感が普遍的であるとは限りません。ただ、こうした主観的(個に依存する)ではあるけども客観的(法則がどの程度実現しているかで捉えられる)な「直感」が広く共通しているのであれば2 直感であると言うことができると思います。

  1. 例えば大きい文字は重要ー新聞の見出しの例、赤い色のものは危険ー信号の例など[戻る]
  2. 難しい言葉を使うなら、間主観的に広く直感が認められるなら[戻る]

Popularity: 4% [?]

キーワード:

似たもの記事

読者の皆さんの反応サイト内コメントの更新情報(RSSフィード)

読者のコメント

0

ブックマークコメント

0

他サイトの関連記事

0

読者のコメント

コメントはまだ寄せられていません

はてなブックマークでつけられたコメント

他サイトの関連記事

トラックバックはまだ寄せられていません


トラックバックとは
この記事に言及したサイトをこちらに掲載する仕組みをトラックバックと言います。ここでは、このサイトに頂いたトラックバックを一覧表示しています。
トラックバックしてくださる方へ
この記事への言及がない記事など、トラックバック受信方針に沿っていないものは、読者にお見せしても仕方ないこともあり削除させていただいることをご了承ください。
トラックバックを受け取るためのURI

コメント書き込みフォーム

  • メールアドレスはウェブ上で公開したり、連絡以外で使うことはありません
  • コメントを公開したくないが、作者に連絡を取りたい場合は メールで連絡してください
  • 本文中にHTMLコードは使用できません(URLはそのままお書きください)