Webデザインの摩擦を減らす方法

公開: 2018-02-22

ユーザーエクスペリエンスの観点から、摩擦とは、ユーザーが目標を達成するのを妨げるものです。摩擦は、コンバージョンを減らし、バウンス率を高め、ユーザーがタスクを放棄する原因となるため、ユーザーと設計者の両方に大きな問題をもたらします。言い換えれば、それはどんな良いウェブサイトとも正反対です。

ユーザーエクスペリエンスの摩擦は、すべてのユーザーインタラクションに悪影響を与えるため、最も適切に設計されたインターフェイスでさえ使用するのは困難です。一方、摩擦のないWebサイトのエクスペリエンスは、シームレスで自然に解き放たれるユーザーインタラクションを作成します。

あなたのウェブサイトの摩擦を減らすことは、複雑化することなく、より質の高い相互作用につながる可能性があります。ウェブサイトをクリーンアップすると、コンバージョンが増加し、ユーザーがサイトに長く滞在するようになり、ユーザーが行動を起こす可能性が高くなります。これがその方法です。

あなたのウェブサイトの摩擦を特定する

摩擦にはさまざまな形があります。一部の人々は、摩擦を、ユーザーがサイトを使用するために克服しなければならないものと定義しています（たとえば、読み込み時間が遅い、ナビゲーションが不十分な場合など）。他の人は、摩擦という用語を使用して、インターフェースに関して不要または過剰なものを説明します。さらに、摩擦を「認知的負荷」、またはユーザーが考える必要があるが考えるべきではないものと同一視するものもあります。

これらはすべて本質的に同じもののバージョンですが、一般的に摩擦の症状は次のように識別できます。

気が散るビジュアル
視覚的に雑然としたインターフェース
矛盾
不必要な行動と決定
紛らわしい、または直感的ではない機能

場合によっては、摩擦が実際に良いことになる可能性があることを理解することも重要です。これは、摩擦設計コンポーネントが何らかの目的でユーザーの速度を低下させる場合に適用されます。たとえば、複雑な要素を組み込んでデータをキャプチャしたり、ユーザーが重大な結果（ユーザーが受信トレイやアカウントを完全に削除したりするなど）でミスを犯さないようにすることができます。

他の例では、摩擦は教育目的に役立つかもしれません。ゲームは良い例です。ゲームでは、摩擦を使用して学習を浸透させます。摩擦を伴いながら、初心者からエキスパートへと楽しみながら進んでいきます。これは自転車に乗る仮想バージョンです。試行錯誤しながら、新しいことを学びます。面白くないので、摩擦のないゲームは誰も望んでいません。

ただし、ほとんどのWebサイトでは、エクスペリエンスを可能な限り摩擦のないものにする必要があります。これらの実証済みの戦略を使用して、無重力のユーザーエクスペリエンスを作成します。

1.マクロアプローチから始める

摩擦のないユーザーエクスペリエンスを作成するには、完全なユーザージャーニーを念頭に置いて開始します。これは、摩擦が開発プロセスに役立つ可能性がある場所と、それがユーザーにとって煩わしい時期を判断するのに役立ちます。

ユーザーの旅の各ステップは、製品全体の成功に影響を与える機会を提供します。データを収集したり、間違いを防ぐために摩擦が必要な時期を決定し、応答率に悪影響を与える可能性のある他のすべての障害を取り除きます。

2.アクションを実行するために必要な手順を最小限に抑える

ユーザーのプロセスのいくつかのステップを削除することで、摩擦を減らすことができる可能性が高くなります。有名な例は、iCal関数を使用する複雑なプロセスです。

月ビューで日付をダブルクリックします。
イベントの名前を入力します。
過去の場所をスキップします。
「終日」チェックボックスをスキップします。
先月スキップします。
過去の日をスキップします。
過去1年をスキップします。
イベントの時間を入力します。
イベント開始の分を入力します。
AMまたはPMを入力します。

それを見るのがストレスだと思うなら、あなたは一人ではありません。ここで、Backpackのカレンダー機能のユーザージャーニーとは対照的です。

月表示でイベントの日付をダブルクリックします。
イベントの名前と開始時刻を入力します。

これら2つのアプリを一緒に比較すると、どちらが摩擦が少ないかが簡単にわかります。場合によっては、多くのステップを必要とするプロセスがあるかもしれません。この場合は、各ステップが可能な限り簡単であることを確認してください。これは、入力を要求する代わりにチェックボックスを使用するか、可能な場合はいつでも手順を統合することで実現できます。

3.「少ない方が多い」ことを知ってください

インターフェイスの最終的な目標は、物事を可能な限りシンプルにすることです。これは、Webデザインのベストプラクティスの基盤を形成します。不要なものを取り除くことで、本質を伝えることができます。

ユーザーの期待に応える要素に優先順位を付け、厳密に必要でないものはすべて削除するように注意してください。これが実際に行われている代表的な例は、Googleのホームページです。できることは1つだけで、その周りにはたくさんの空白があります。

機能で過負荷にならないでください。複雑でユーザーに害を及ぼすリスクがあります（これは最終的には製品に悪影響を及ぼします）。

4.適切なナビゲーション方法を使用する

無重力体験の敵の1つは、ナビゲーションの悪さです。

残念ながら、ナビゲーションを設計する際には多くの問題が発生する可能性があるため、これは摩擦の一般的な原因でもあります。ナビゲーションを明確にするための「万能」アプローチはありませんが、サイトで何が機能するかを学ぶことができるソース、つまりユーザーがあります。

ユーザーテストは、ユーザーがサイトやアプリのコンテンツにアクセスして分類する方法を理解するのに役立ちます。この情報を使用して、ユーザーのニーズを満たすようにナビゲーション方法をガイドおよび調整します。

5.チャンキングはあなたの友達です

心理学の学生なら誰でも、ジョージA.ミラーが、平均的な人間の心は作業記憶に7つのオブジェクト、プラスマイナス2を保持できると主張したことを思い出すでしょう。

これは、チャンキングの実践が由来するところです–それは認知的過負荷を防ぎます。情報をチャンクに整理すると、人間の脳の制限を回避し、記憶の保持を増やします。

複雑なタスクを深刻な、より小さく、より単純なタスクに分割することで、この概念をWebデザインに適用できます。この手法を入力フォームやその他の面倒なタスクに適用して、バウンス率を減らし、ユーザーの注意を高めます。

6.車輪の再発明をしないでください

あなたのウェブサイトに何か新しいことや革新的なことをしたくなるかもしれません。クリエイティブな人々として、Webデザイナーがユニークなものを作成するのは自然なことです。ただし、ユーザーは、以前の経験から得た知識を使用できるため、使い慣れたUI要素を操作することを好みます。

ユーザーに何か新しいものがどのように機能するかを学ぶように強制するたびに、私たちはユーザーにとってより多くの摩擦を生み出します。予測可能なUIパターンは、ユーザーがシステムを理解し、タスクを完了するのに役立ちます。可能な限り、事前に確立されたUIおよびUX標準を使用します。たとえば、検索用の虫眼鏡アイコンは、ユーザーがすぐに認識でき、特別な配慮は必要ありません。

7.ブランドに忠実であり続ける

最後に、ユーザーの立場になって1分間待ちます。訪問者は、サイトにアクセスしてから4〜6秒以内にあなたが何をしているのかを知っていますか？そうでなければ、あなたは最初から摩擦を生み出しています。

ランディングページまたはアプリのホームページは、解決策にすぐに対処したり、ユーザーの問題を解決したり、ユーザーが目標を達成できるように支援したりする必要があります。この概念は、レイアウト、タイポグラフィ、グラフィックスなどに適用されます。

結論

Webサイトまたはアプリケーションは、可能な限り摩擦のないものにする必要があります。不要な手順や雑然としたデザイン要素を削除することで、ユーザーが目標をより早く達成し、Webサイトのバウンス率を下げることができます。

ウェブサイトの摩擦は、実用的なものから美的なものまでさまざまです。たとえば、読み込み時間が遅い場合やナビゲーションが標準以下の場合、ユーザーはサイトを放棄する可能性がありますが、空白が不足していたり、フォントが間違っていたりすると、認知的負荷が増大する可能性があります。これが、製品を設計する際にユーザージャーニー全体を考慮することが重要である理由です。

上記の手順に従うことで、Webサイトの摩擦を特定し、それを減らすための手順を実行できます。そうすることで、コンバージョンを増やし、ユーザーの問題をより効果的に解決できるようになります。