設問(1)ユーザビリティが優れていると思うサイトとその理由を列挙してください。海外のサイトでも構いません。

設問(1)ユーザビリティが優れていると思うサイトとその理由を列挙してください。海外のサイトでも構いません。

まず 迷ったのが、「ユーザビリティが優れている」といっても「どういう方向性で優れているのかが明示されていない」ということ。クライアントが求めている答え が、インフォメーションアーキテクチャの部分で優れているサイトなのか、インターフェイスデザインの優れているサイトなのか、それともWEBサイトエクス ピアレンスとして優れているサイトなのか。難しく考えすぎたのかも知れません・・・・んでも、自分の中では「ユーザービリティが優れているサイト」と言わ れると、ものすごく沢山のWEBサイトが出てきたので、困りました。
[  私の答え  ]

ユーザビリティを優れているサイトのポイントをいくつか列挙。(1) 溢れている情報を最小限にしぼる。そうする事でメインの機能が引き立つ。視認が早いインターフェイスにする。テキストをアイコン化してあるなど。(例)PhotoshopのUI。(2) ユーザーが使っていくうちにカスタマイズ。使う側にデザイン依存する。(3) 見えない機能をイメージ化する。動きとか。キャラクターとか。(例)NortonDiskDoctorのノートン先生、PostPet。プレステの「バイオハザード」Diskを読み込む時に出てくる「ドアが開くアニメーション」。(4) 最終的には、そのインターフェイスを使っている事すら忘れている。これがベスト。以上の4点のいずれかを満たしているサイトが、僕個人的には好み。

(1) 「情報と機能を最小限にしぼる」

「Google」http://www.google.co.jp
言 わずと知れた「モンスター検索エンジン」です。まずは、クライアント(今では自分の会社)が検索エンジンの開発をしていたので。ただ、Yahooなど一般 ポータルなんかと違う所を強調しました。Googleの場合、さまざまなサービス、検索、メール、地図、NEWSなど、一つ一つのサービスが「独立」して いる所。なんでも揃う総合デパートではなく、一つ一つが独立した、しかも超シンプルな機能を持ったWEBサービスの集合体であるという「インターフェイス」、それが優れている。と説明しました。

「Yahoo.com」http://www.yahoo.com/
「Google」の説明に対応させるように見せたのが「Yahoo.com」。しかも1997年当時のWEBサイトキャプチャをWEB Archive Wayback Machineか ら引っ張ってきました。YahooのWEBデザインはこの当時のデザインが優れていると説明しました。ディレクトリ型検索エンジンをシンプルに表現してい るインターフェイスデザインは、1997年当時(僕がWEBサイトデザインを始めて間もない頃)衝撃的で、このデザインを超えるにはどうしたらいいのだろうと、仲間のデザイナー達と考えていたのを思い出します。

日本では、なんでも詰め込み型のポータルが全盛していましたが、「情報の洪水」になってしまい、実質的にはユーザビリティーは低下しているのではないか。自分自身がポータル型サイトを利用していない事と、ひとつひとつのWEBサービスがシンプルになっていて、それぞれが他のWEBサービスと繋がって行く・・・そんな世界のWEBサービスのトレンドなのでは、という話をしました。

(2) ユーザーカスタマイズ
Googleの話をしたのでiGoogleの話も絡めて「ユーザーカスタマイズ」の話へ。

「Netvibes」http://www.netvibes.com/
ユーザーインターフェイスを向上させて行こうとすると、やっぱり避けて通れないのが「ユーザーカスタマイズ」。そりゃそうだ、人はみんな「違う」んだから。使う人にとって使い易いWEBサイトにカスタマイズできるようにするのが正解。私はiGoogleではなくNetvibesの方が好みです。なぜなら、私の使い方はiGoogleでは出来なくてNetvibesでは出来る事があるから。これぞマイインターフェイス。

しかもNetvibesの優れているのは「ユニバース」という機能で、WEBサービスを「どのように使うと便利なのか」の例を提示している事。iGoogleも機能としては同等に優れているが、僕自身最初は上手な使い方が分からなかった。フリーランス時代におつきあいしていた中小企業の経営者の方々ならなおさら。どんなにすばらしいWEBサービスでも、うまい使い方の実例を見せてあげる事は非常に大事な事だと説明しました。

(3) 見えない機能をイメージ化
さて、ここからが発想の見せ所。今の時代はIAやUIだけでは語れない。リエイティブとテクノロジーがすごい所でコラボレーションして、WEBサービスは優れたユーザビリティを持つ事が出来る。

「Zoomii.com」 http://zoomii.com/
このサイトは面接の3日前くらいに見つけたサイト。「自分の本棚をネット上に持つ」というサービスを、WEBブラウザ上にとてもシンボリックに表現している。サイトを見れば分かるけど、それぞれの本のビジュアルがamazonから引っ張ってきてるんだぜ。「本棚」のテクスチャの上に並べて置いてある、その事でとてつもない情報量がユーザーに届いていると思う。すばらしいユーザビリティを持つWEBサイトだ。

「Yahoo PIPES」 http://pipes.yahoo.com/pipes/
このサービスが出現した時も衝撃的だった。僕自身、APIやらGadgetやらに関しては、イメージとしては理解しているつもりでも、プログラムは初心者に毛が生えたレベルで、実際にはどうにもならない。でも、Yahoo PIPESのインターフェイスを見よう見まねでいじってみると、プログラムがどのように書かれているのか分からないが、欲しいものは完成してしまった。私が20歳の時に初めてPhotoshopをいじり始めた時に感じた感覚に似ていた。私の中では「優れたユーザビリティを持つWEBサービス」と言える。

「Hobnox Audiotool」 http://www.hobnox.com/audiotool.1046.en.html

10代後半〜20代前半の数年間ギター少年だった私は、このミュージックインターフェイスに並んでいるエフェクターは、アナログの実機ですべて触った経験がある。音楽系アプリケーションのCUBASEなんかもそうだが、「コンピューターが出現する前のインターフェイスを踏襲する」という手法は、私や私の先輩の方々には入り込み易いだろう。ユーザビリティというのは「人間が積み重ねてきた歴史」を見る事も重要なんだと実感しました。

私がWEBサイトのクリエイティブを考える時に、キーとなるアイデアだったり、ブランディングに大きく影響を与えるイメージを考えるとき、新しいものを突っ込むのではなく、既存のシンボルを探します。答えはすでにそこにある事が多いんです。

(3) 使っている事に気づかない
Japanizeアドオン http://japanize.31tools.com/
最後に、私が「WEBサービスのインターフェイス」として一番気に入っている「Japanizeアドオン」についてお話をしました。これはFirefoxやIEのアドオンです。海外のWEBサービスのナビゲーションの部分だけ自動的に日本語化されます。実際、私のPCにはずっと入っているため、友人のPCや客先のPCでWEBサイトを開いたりすると(当たり前ですが)全部英語のままでビックリします。ユーザーがそれを使っている事を意識しないのに、なくてはならない存在になっているサービスをデザインし、そのサービスによって、今まで超える事の出来なかった次元を超える事が可能になり、世界中の人々がより豊かな気持ちになる。これが私の目指すゴールです。

こんな感じの素材を事前に用意して面接に望みましたが、一つ一つの説明はさらっと1分くらいの時間でした。こうやって文章にまとめると、なんだか理屈っぽい嫌な感じですね。よく採用してもらえたな俺。

広告


コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中