月別: 2021年11月

先日サンフランシスコ市内の公園を歩いていたら、ふとあることに気づいた。本来設計されている道とは異なるルートが作られているのだ。そう、アスファルトで舗装されている通行用ルートではなく、芝生になっている箇所を複数の人が通ったことによる近道、いわゆる「けもの道」が生成されている。 これはデザイナー的観点から見るとかなり興味深い。というのも、ユーザーに対して元々設計されていた「導線」とは異なるルートをユーザーが選択した結果、いつの間にかそのルートの方を他のユーザーも利用するようになった。これは明らかにデザインミスでは無いのか？と。 けもの道 (Desire Paths) について 英語ではこの現象をDesire Pathsと呼び、Wikipediaには下記のような説明がされている。 公認されていない自転車道や歩道のことで、定期的に自転車や人間が通ることによって時間をかけて作られた道のことを指す。多くの場合、道端の草地の中に現れたもので、公式ルートの近道になる。 多くの人々や自転車が公式ルートの近道をするために、それぞれ独自に同じルートを同じような方法で通行することによって現れる。一旦その痕跡が見られるとさらに多くの人がそこを通るようになり、道が生成されていく。 駅前のTSUTAYA現象 このような「けもの道」が生成されるのは芝生だけではない。大都会の東京でも多くの人が近道を探し、本来の設計とは異なる導線を作り出している。 以前に我々btraxの東京オフィスが六本木にあった頃、地下鉄の駅を出て通常ルートを通ると階段と坂道があり、かなり面倒だった。そこでスタッフの一人が「駅前のTSUTAYAの店内を抜ければかなりの近道になりますよ」と革新的なアイディアを発見。 それ以来スタッフ全員がTSUTAYA経由で通勤をしていた。奇しくもTSUTAYAの店舗がけもの道の役割を果たした事例であるが、都会の多くの店舗がそれを見越してロケーションを決めている可能性もあるだろう。 デザイン的観点からDesire Path現象について考える これをデザイン的観点から考えてみよう。この現象は、デザインの意図とユーザー体験が相反する場合に生まれる状態。デザイナーがユーザーがこう使うだろうという想定と、実際のユーザーが望む利用方法がズレている場合、最終的にはユーザーの解釈が正となる。 言い換えると、けもの道はデザイナーの設計とユーザーニーズが相反した際に生成され、最終的にはプロダクトやサービス、UXデザインの正しい利用方法はユーザーが決めることになる状態に似ている。 UXデザインプロセスにおける基本的な6ステップ この現象をUXデザインに当てはめてみる このように設計者の意図と、ユーザーの行動が異なる状況はUXデザインの現場でもかなり頻繁におこている。例えば、Webページのナビゲーションではなく、毎回サイトマップページに行き、そのリストからページにたどり着くなど、デザイナーが本来想定していた導線をユーザーが理解してくれない事が往々にして発生する。 言い換えると、ユーザーはデザイナーが用意したまどろっこしいルートではなく、手っ取り早く僕的にたどり着ける、より直線的な近道が欲しいのだ。 この状況は、UIにおけるボタンの位置や、ページのレイアウト、ボタンの名称、コンテンツ文章、デザインヒエラルキーなどが不適切の場合に起こりやすい。それを避けるためには、事前にどこにけもの道ができそうかを理解しておくか、リリース後のユーザーの動きを観察し、改善していく必要がある。 けもの道を見つけるのがユーザーリサーチの役割 これを避けるために行うのがユーザーリサーチである。ユーザーリサーチでは、ユーザーが何を求めているかと同時に、どのような利用方法が最も適切であるかを探る。 言い換えると、ユーザビリティーテストやヒートマップなどを活用したユーザーリサーチは、本来のデザインの意図とは異なる「けもの道」がどこに隠されているかを特定するためにも、重要なプロセスになってくる。 実践デザイン思考！量より質を極めるユーザーリサーチ基本のキ けもの道理論を活用したディズニーランド 世界初のUXデザイナーとも言われているウォルト・ディズニーは、ディズニーランドを設計する際にこの理論を採用している。彼はチームのデザイナーやエンジニアに対し、ディズニーランド来客者の「動き」に注目するように指示をした。 そして、オープン直後からユーザーがどのようなルートを通ってアトラクションにたどり着くかを観察。多くの人々は舗装された道ではなく、より短距離で移動可能な芝生を通っていった。それを目の当たりにしたエンジニアは芝生の周りに柵を設置することを提案したが、彼は逆に芝生内に道を作るよう伝えたという。 ディズニーランドから学ぶ究極のUXデザインとは 検索エンジンはネットユーザーにとっての「けもの道」 現在ではあまりにもナチュラルすぎて気づかなないかもしれないが、パソコンのブラウザーを開いて最初にYahooやGoogleが表示されているのも、ユーザーが求めるけもの道を提供している。 いきなりアドレスバーにURLを入れるよりも、検索ワードを入れた方がよっぽど使いやすい。しかし、ネットが普及し始めた当時にサイトにアクセスするには、URLを入力する必要があった。 従って、当時のブラウザーはアドレスバーが本来想定されていたユーザー導線で、それに対してより楽な近道を提供した検索エンジンがけもの道となり、現在の状態に辿り着いている。 ユーザーのけもの道によって淘汰されたiTunesのCover Flow View iPodとiTunesがリリースしてからしばらくはレコード店でジャッケットを見るかのように、曲のカバーアートをフリップできる”Cover Flow”という機能が存在していた。その見た目の美しさとインパクトでスティーブ・ジョブスのプレゼンではオーディエンスから歓喜の声が上がった。 しかし、実際に使い始めるといちいち画面上で一曲ずつフリップしていくよりも、手っ取り早くリストから選んだ方が早いし楽だった事で多くのユーザーは見た目的にはインパクトの少ないリストビューから曲を選んでプレイし始めた。これも、デザイナーのこだわりが速攻ユーザーのけもの道によって使われなくなった例だろう。 けもの道で成長したTwitter この「けもの道現象」を上手に利用し、成長させたサービスがある。Twitterだ。 現在はTwitterの正式機能になっている@や#, RT などはサービスリリース当時は実装されていなかった。そこでユーザーは他のユーザーに対して返信する際に”at”と記入し始めた。その後下記のツイートで初めて “@” を使うユーザーが出現し、その後、正式な機能になった。 @ buzz – you broke your thumb and youre still twittering? that’s some serious devotion — rsa (@rsa) November 3, 2006 同じく、#もユーザーが勝手に利用し始め、最初は “Channel” や “Pound”などと呼ばれていたが、最終的にハッシュタグの名でサービスに実装。下記が初めて#を使ったツイート。 how do you feel about using # (pound) for groups. As in #barcamp [msg]? — Chris Messina ᵍᵐ (📜,🕯️) (@chrismessina) August 23, 2007 RTも正式な機能ではなかったが、とあるユーザーがReTweetと記入し、その概念が広がることとなり、正式な機能になった。ちなみにその方のプロフィールには「偶然RTを発明した」と記載されている。 ReTweet: jmalthus @spin Yes! Web2.0 is about social media, and guess what people […]