コンテンツ
この記事は、ウェブデザイナーと開発者向けの世界で最も売れている雑誌である.netマガジンの234号に最初に掲載されました。
37signalsのRyanSingerは最近、「椅子を作るなら、人々がどのように座っているかを理解したいと思うでしょう。ユーザーインターフェイスを作成する場合は、人々がどのように認識し、考えるかを理解する必要があります。」
しかし、なぜこれがそれほど重要なのですか？ユーザーの考え方や行動を理解することで、コンバージョンを改善し、繰り返しアクセスすることを促進するすばらしいユーザーエクスペリエンスを調整できるため、ユーザーは満足できます。認知心理学や行動経済学などの分野から少し借りることで、私たちは「脳をハックする」ことができるようになります。
UXの分野は広く深いものです。ここにあなたが始めるための5つのテクニックがあります。
感情的な記憶
今までで最高の食事を思い出すことができれば、レストランを出た後もずっと、それらの匂いや味にアクセスできるようにするのは感情的な記憶です。同様に、あなたが生死にかかわる状況にあったことがあるなら、それはあなたがその特定の状況のセットを思い出す（そして願わくば決して繰り返さない）ことを可能にするあなたの感情的な記憶です。人間は、感情的にチャージされたもの、または私たちが感情が高まった状態にあったときに起こったことをすべて覚えています。
では、これはWebデザイナーとしてどのように役立つのでしょうか。私たちは、単なる使いやすさで可能である以上に、ユーザーに感情を生み出す必要があります。感情的なつながりや体験を生み出すことで、ユーザーは私たちのサイトを思い出し、それとの絆を形成し、他の人にそれを勧めます。
どうすればこれを行うことができますか？その質問への答えはそれ自体が本ですが、私たちにできる2つの重要なことがあります。 1つ目は、ユーザーのフォーカスを注意深く制御することです。これを行うサイトの良い例は、simplehoneyです。ICanHasCheezburger？の作成者であるEricNakagawaによる新しい旅行サイトです。
simplehoneyは、複雑な検索フォームの従来のアプローチを選択するのではなく、一連の画像と刺激的な単語を使用してホテルを選択するプロセスをガイドします。あなたが最初にサインアップするとき、あなたはあなたが行きたい休日のタイプについて尋ねられます。
これはプライミングの素晴らしい例であり、ユーザーが行きたい休日のタイプを実際に想像している感情的な状態になります。想像力は強力であり、強力な視覚的キューを使用してこれらの質問をすることにより、simplehoneyはユーザーを休暇の最初のステップに効果的に配置します。
しかし、simplehoneyはさらに一歩進んで、あなたが旅行者のタイプを決定するために性格に基づいた質問をし始めます。
繰り返しになりますが、これはユーザーから旅行への欲求を引き出すための優れた方法です。 simplehoneyは、想像力と欲望という2つの要素を組み合わせることで、ブランド、製品、そしてあなたとの強い感情的なつながりを生み出しました。
感情的なつながりを作り出す2つ目の方法は、ユーザーが対話できる魅力的な個性を作り出すことです。これは両刃の剣です。MailChimpのFreddievon Chimpenheimer IVを愛するすべてのユーザーにとって、キャンペーンモニターの洗練されたプロフェッショナルなアプローチを好むユーザーがいます。しかし、あなたが自分自身に正直であるならば、あなたはおそらくあなたのターゲットオーディエンスが共感するであろう個性を作り出すでしょう。
PhotoJojoストアについて考えてみましょう。最初に思い浮かぶのは、使用するフォントです。楽しく、親しみやすく、すぐにサイトとその作成者について少し説明します。あなたはすぐに（そしておそらく無意識のうちに）これがあなたの個性を反映するブランドであるかどうかについて決定を下します。そうすれば、製品ページを深く掘り下げると、「引っ張らない」レバーや幸せ/悲しいショッピングカートなどの他の素敵なタッチを見つけることができます。
ピースを足し合わせると、PhotoJojoはそれ自体に強い個性を生み出します-それは相互作用するのに楽しいサイトです。この喜びは、ユーザーをファンに、さらには伝道者に変えることができます。 PhotoJojoには、サイトを喜んで宣伝および推奨する忠実なフォロワーのバンドがいます。そのため、この個性は無料の口コミマーケティングに組み込まれています。これは貴重なことです。
深さ対幅の処理
長いフォームへの入力や大きなウェブサイトのナビゲートなど、比較的複雑なタスクを完了する能力は、私たちの心の状態に影響されます。ユーザーを苛立たせて混乱させると、ユーザーは「深さ優先処理」に入ります。これは、車のキーを紛失したときと同じ状態です。この状態では簡単なことは何もなく、探しているものを見つけることはほとんど不可能です。
不安やストレスのある状態では、焦点深度が狭くなります。あなたはあなたの周りの他のすべての可能な解決策を損なうための最も速い解決策を見つけることを探しています。
私のお気に入りの例は、古いバージョンのBasecampです。 Facebookアプリについて書いた投稿を検索したかったので、右上隅で検索フィールドを探しましたが、そこにはありませんでした。
検索フォームを探してページを見つめ、上下にスクロールしましたが、どこにも見つかりませんでした。でもこれはBasecampだと思いました！確かにそれは検索フォームを持っている必要があります。
何時間も見ていたように見えたものを無駄にした後、私はついに、「検索」と書かれた上部の小さなタブを指しているCTOに尋ねました。それをクリックすると、検索フォームが表示されます。
サイトに不満があり、検索機能がないと確信していたため、タブが表示されませんでした。もちろん、これは37Signalsのようなひどく悪いユーザーインタラクションデザインを許しません！
これを「幅優先処理」と比較してください。これは、私たちが満足しているときに入る状態です。私たちが前向きな経験をすると、大脳辺縁系は、記憶と情報処理を助ける強力な神経伝達物質であるドーパミンを放出します。
ユーザーを前向きな状態に置くことができれば、ユーザーは簡単にタスクを解決し、プロセスを楽しむことができます。この良い例はGoogle+です。
再設計後、Google +は簡単に使用できます。かわいいアニメーションで探索を促し、喜ばせます。これは、技術者以外のすべての友人が参加したいと思っているソーシャルネットワークです。
これは偶然ではありませんでした。 Google+のリードデザイナーであるFredGilbert氏は、次のように述べています。電化製品のようなものを作ることと、人々のために何かを作ることには違いがあります。人々にとって、あなたは友好的な環境を構築したいと思っています。そのために、楽しいアイコンを作成しました。」
ユーザーを幅優先処理に配置するWebアプリケーションの他のよく引用される例はMailChimpです。これは何度も分解されてきたアプリですが、多くのオプションがあり、強力なソフトウェアであることを覚えておく価値があります。それでも、そのフレンドリーでおしゃべりなインターフェースが探索を促進するので、それはとても使いやすいように思えるかもしれません。まるでMailChimpがただ遊ぶように頭を悩ませているかのようです。
ユーザーを喜ばせ、前向きな体験を生み出してください。そうすれば、ユーザーはユーザビリティの問題に遭遇する可能性が低くなります。そして、もしそうなら、彼らはあなたのサイトから競合他社に跳ね返るよりも、それらを素早く解決する可能性がはるかに高くなります。
シーケンス
プロセスが長すぎて複雑に見えて、ユーザーの時間の価値がない場合があります。タスクを一口サイズのチャンクに分割し、そのプロセスがどの程度進んでいるかについてユーザーにフィードバックを提供することで、「順序付け」を行うことができます。
順序付けは、タスクの変換を改善するだけではありません。これにより、ユーザーは、シーケンスされていないタスクに対して行ったよりも多くのデータを提供するようになります。また、プロセスを楽しくすることもできます。
シーケンシングは、私たちの多くが抱く内側のOCDデーモンを利用するのも容易にします。タスクをチャンクに分割し、まだ完了していないチャンクの数をユーザーに表示することにより、ユーザーはジョブを終了するように強制されます。人間がタスクを不完全なままにしておくことを好むことはめったにありません。特に、タスクを完了するための簡単な方法が提供されている場合はそうです。
LinkedInは、シーケンスの最もよく知られた例の1つを示しており、これをいくつかの異なる方法で実行します。
サイトに最初にサインアップすると、「手書き」のToDoリストが表示されます。最初のタスクが強調表示されます。この最初のタスクの下には、プロファイルを完成させるために実行できるその他のタスクのリストがあります。
将来サイトにログインしてプロフィールページにアクセスすると、LinkedInは、実行する必要のある各作業にパーセンテージを割り当てることで、プロフィールの完成を分析します。
現在、すべてを入力する時間はないかもしれませんが、プロフィールの1つまたは2つの領域に入力することはおそらく可能です。これは、ユーザーにプロファイル全体を1回の試行で完了するように要求するよりもはるかに簡単で、時間もかかりません。
選択のパラドックス
おそらく、今日の社会で最大の神話の1つは、選択が良いということです。多くの場合、権威のある人々が責任を免除しようとする方法として、私たちはより多くの選択肢を継続的に提供されています。
問題は、それが間違っているということです。選択が多すぎると必ずしも良いとは限りません。実際、それは麻痺している可能性があります。この麻痺は、販売/コンバージョンと、サイトを離れたりアプリを削除したりする顧客との違いを意味する可能性があります。しかし、なぜ？
選択肢が多すぎると、間違った決定をすることを心配します。私たちはしばしば正しい決定をすることをとても心配しているので、私たちはそれに不満を抱く運命にあり、私たちが下したかもしれない他の決定を嘆きます。
不当に長いメニューのあるレストランに何回行ったことがありますか（私はあなたを見ています、Pizza Express）– 10分間熟考した後、いつも注文するものを注文しますか？それが実際の選択の麻痺です。
これはウェブデザイナーとしての私たちにどのような影響を与えますか？特定の時点でユーザーに提供するオプションの数を慎重に検討する必要があります。オプションが少ないということは、ユーザーが意思決定やタスクの完了を容易にすることを意味します。
たとえば、最悪の犯罪者の1人はFlickrである必要があり、最後のカウントでは57の異なるメニューオプションがありました（ページ上の他のすべてのリンクを除く）。ユーザーがFlickrにログインするときに何をしたいのかを考えてみてください。本当に、57の異なることを頭に入れているのでしょうか。
言い換えれば、ユーザーは57回のチャンスで間違った決定を下し、イライラしてサイトを離れることになります。
ウェブデザインの選択肢が多すぎるもう1つの良い例は、旅行サイトの検索フォームです。
たとえば、ebookersには、31のプライマリオプションと6つのセカンダリオプションを備えた検索機能があります。これは、誰もが簡単に意味のある解読を行うには多すぎるため、必要ではありません。
スケールのもう一方の端にはスカイスキャナーがあり、10個のプライマリオプションと4個のセカンダリオプションがあります。
より少ないオプションを提供することにより、スカイスキャナーはフォームを簡素化し、ユーザーエラー（およびフラストレーション！）のリスクを減らし、サイトをより視覚的に魅力的にします。 3羽の鳥、1つの石。
相互主義の法則
最後に、相互主義の法則を見てみましょう。誰かがあなたに飲み物を買うなら、あなたはそれらを買い戻すことを強いられていると感じます。それは人間性と社会的エチケットの組み合わせです。
バッジ、実績、賞の代わりに飲み物を使用することで、このアイデアをWebアプリケーションに適用できます。私たちがユーザーに提供するこれらの小さな贈り物は、正しく適切なタイミングで配信されると、ソーシャルエンゲージメントと毎日のアクティブユーザーの増加によって返済されることがよくあります。
Codecademyは私たちに素晴らしい例を提供します。ホームページでは、楽しいインタラクティブなコマンドラインインターフェイスを介してガイドされ、プロンプトでコードを入力すると、その効果を即座に確認できます。小さなチュートリアルを完了すると、バッジがもらえます。
まだサインアップしていません！ Codecademyは、私が誰であるか、なぜ私がサイトにいるのかを知りませんが、バッジを与えられます。気持ちいい！また、コーディング方法を学びたいユーザーは、[開始]ボタンを押してサインアップする必要があります。このバッジで私に報酬を与えることによって、私は加入者に変わる可能性が高くなります。
バッジの後に続くものに注意することも興味深いです。 Codecademyがいくつかのソーシャルボタンをスマートに追加したことがわかります。それがあなたに贈り物を与えるなら、あなたはサイトについての言葉を広めることによって往復するかもしれないという概念です。
警告の最後の言葉：あなたは決して贈り物を求めるべきではなく、単にあなたのユーザーに贈り物をする機会を提供するだけです。尋ねることが報われることはめったになく、少し必死に見えることがあります。互恵の芸術はその微妙なところにあります。
あなたのビジネスをサポートする
ユーザーエクスペリエンスは広大な分野であり、この記事では実際に提供されているものを味わうことしかできません。しかし、うまくいけば、あなたは今、もっと多くのことへの渇望を植え付けられています！
これらの5つのテクニックをしっかりと活用することで、現在のサイトを微調整してユーザーエクスペリエンスを向上させ、変更を追跡してその効果を確認できます。
何よりも、ユーザーエクスペリエンスは、ビジネス目標の邪魔をするのではなく、ビジネス目標をサポートするものであることを忘れないでください。単に「ベルとホイッスル」を追加するのではなく、ユーザーがサイトにアクセスしたりアプリケーションを使用したりするときのエクスペリエンスを根本的に改善するようにしてください。それが長期的な成功への鍵です。
CreativeBloqで完璧なウェブサイトレイアウトへの20のステップを発見してください。
