優れた UX デザインの例 | 究極のUXガイド #16

公開: 2022-08-12

UX デザイナーの仕事のどこからインスピレーションを得ますか? 良いUXデザインと悪いデザインを見分けるには? 今日は、優れた UX 設計に関するこれらの質問やその他の多くの質問に取り組み、UX 領域でハイレベルなインターフェースをいくつか紹介します。 ここで紹介する例からインスピレーションを得られることを願っています。

優れた UX デザインの例 – 目次:

デザインのインスピレーションはどこから得ますか?
優れたUXデザインを見分ける方法
優れた UX デザインの例 – Google
優れた UX デザインの例 – Apple
優れたUXデザインの例 – Airbnb

デザインのインスピレーションはどこから得ますか?

UX 業界は現在、急速に成長し、ダイナミックに変化している業界です。優れた UX デザイナーの責任の 1 つは、現在のトレンドに遅れないようにし、変化するテクノロジーに遅れずについていき、業界のリーダーからインスピレーションを求めることです。 これらの活動を避けるデザイナーは、成長しません。 UX 業界では、絶え間ない関心、調査、インスピレーション、新しい研究またはデザイン方法の検索、比較、イノベーションの実装が必要です。

インスピレーションを得るには？ 多くの人が、Dribble や Behance などの有名なポータルをデザイナーに勧めます。そこで注目すべき点が1つ。これらのポータルでは、世界中のデザイナーによって作成された、さまざまな業界のプロジェクトの膨大な数のケーススタディを見つけることができます。さまざまな視点が表示されますが、そこでアカウントを作成した人は誰でも自分のプロジェクトを投稿できることを忘れないでください。それらの多くは非営利プロジェクトであり、UX コースの一部として、または UX デザイナーとして働いていない人々によって「引き出しのために」作成されました。

このようなプロジェクトでは、多くの場合、視覚的な部分である UI に焦点が当てられ、UX 自体は取り残されます。調査、ビジネス要件、問題の定義、プロセス全体の目的、またはユーザーのニーズが不足しているため、プロジェクトが視覚的に魅力的である可能性がありますが、必ずしもよく考えられ、調査やデータによってサポートされているとは限りません。そのため、ここで UX デザイナーにとっての良いインスピレーションについて話すのは難しいです。有名な UX エージェンシーの研究や、ユーザーエクスペリエンスの最前線にあると考えられている企業の Web サイトでさえ、はるかに価値のあるコンテンツを見つけることができます。以下でそれらのいくつかを詳しく見ていきます。

優れたUXデザインを見分ける方法

結局のところ、インターネットの豊富さにより、多くの情報源からインスピレーションを引き出すことができます (Dribble や Behance を含む – それらを完全に否定するわけではありません)。何度も書いてきたように、優れたデザイナーの基本的な特徴は、調査を行い、結論を導き出す能力です。 これは、デザインのインスピレーションを探す能力にも言い換えることができます。しかし、ユーザーエクスペリエンスの点で優れていると分類できるプロジェクトは、何を提示すべきでしょうか?

何よりもまず、ケーススタディを含める必要があります。これには、調査からのデータ、ユーザーの問題、ビジネス目標、および KPI (プロジェクトが実装された後、想定された「成功」を達成しているかどうかを確認できる指標) が示されます。

例：電器店を見てみましょう。 問題は、ユーザーによるカート放棄の数が多いことです。 プロジェクトの目標は、この動作の原因を突き止め、この問題を解決することです。

Google Analytics と hotjar からのデータを分析し、ユーザーに調査を行った結果、彼らの最大の問題は、選択した商品の在庫がないことであることが判明しました。これは、商品の注文を確定したいショッピングカートでのみ発見されます。もちろん、このプロジェクトでは、より広範な分析、調査、およびインターフェイスの機能の変更が必要になります。ここで、実装後の成功を測る要因は、ショッピングカートの放棄数の減少と、サイトでのコンバージョン (サイトを訪れたユーザーと購入したユーザー) の増加であると推測するのは簡単です。

ここでは、明確に定義された問題があります。ビジネスとユーザーの両方の観点から、目標と確立された成功の尺度があります。

もちろん、調査を正しい方法で行うだけでは十分ではありません。その分析と結果は、最終的なインターフェース設計に反映されなければなりません。 したがって、ケーススタディでは、デザインがユーザーのニーズを満たし、デザインの問題を解決するかどうかに細心の注意を払います。
UX の観点から優れたデザインは、もちろん、ニールセンのユーザビリティヒューリスティックによって設定された要件を満たすデザインでもあります。 それらについては、別の記事ですでに詳しく説明しています。ヒューリスティックスは普遍的な原則であり、インターフェイスの使いやすさを分析するための基本的な手法です。以下に従うことで、デザイナーはサイトの外観とパフォーマンスの両方を完全に最適化します。

もちろん、包括的な調査を実施し、UX を高レベルに育成および開発するには、多額の費用と時間が必要であり、UX および UI のスペシャリスト、開発者、アナリスト、エグゼクティブからなる経験豊富なチームも必要です。当然のことながら、非常に優れた UX は、Google や Apple などの大規模な国際的なテクノロジー企業によって自慢できます。

優れた UX デザインの例 – Google

1998 年から市場に出回っている Google は、優れた UX がどのように見えるかを示す良い例です。 Google の検索エンジンは、ウェブで利用できる最も単純なツールの 1 つです。 その操作は直感的であり、平均的なインターネットユーザーには問題はありません。これは、ニールセンのヒューリスティックスから導き出された要件を満たしています。つまり、シンプルで、クリーンで、明確で、美的です。不要なリンク、ボタン、バナーは含まれていません。自分の道を見つける方法はすぐにわかります。さらに、検索の目的がひと目でわかります。

さらに、検索エンジンは最近検索された用語を表示し、関連する検索を提案し、入力したフレーズにタイプミスがある場合は修正します。したがって、ユーザーのニーズに対応し、検索プロセス全体を可能な限り簡単にします。

優れた UX デザインの例 – Apple

Apple の Web サイトは、美しいデザインだけでなく、慎重に開発された UX も備えています。 このサイトは、非常に簡単で直感的なナビゲーションを備えています。 ナビゲーションバーには、カテゴリ名だけでなく、製品の小さな画像も含まれているため、サイトをすばやく移動できます。サイトで使用されている言語はシンプルですが、創造的です。無駄な説明を省き、商品の具体的な価値をユーザーに提示します。

このサイトでは、カテゴリ内の製品を比較して、ニーズに合った製品を慎重に選択することもできます. Apple は、革新的でありながらミニマリストな UI、つまりサイトの外観と美学に重点を置いています。これは、私たちが覚えているように、Nielsen のヒューリスティックの 1 つであり、サイトに対するユーザーの認識と製品でのエクスペリエンスに影響を与えます。 .

興味深いことに、Apple はサイトでデザインのベストプラクティスを共有し、ダウンロード可能なモックアップ、教材、ヒューマンインターフェイスガイドラインを提供しています。

優れたUXデザインの例 – Airbnb

2008 年の開始以来、Airbnb (個人から宿泊施設を借りるためのプラットフォーム) はユーザーの間で非常に人気があります。主な理由の 1 つはもちろん、優れたデザインの UX です。

ホームページはすっきりと見やすいです。中央には検索ボックスが表示されます。これは、Google 検索からのみであれば、誰にとってもネイティブです。つまり、ユーザーがすでに慣れ親しんでいる優れたパターンを使用することで、サイトが直感的になり、誰も迷子にならなくなります。 Airbnb での優れた UX プラクティスのもう 1 つの特徴は、検索された場所のリストの横に価格が表示されたマップビューです。 Airbnb では、すべての重要な情報を 1 か所で取得できます。地図上の家の場所、価格、写真、名前などです。

また、このサイトはコンテンツに対して優れたアプローチを取っています。UX ライティングは非常に高いレベルにあり、重要な情報をシンプルな方法で伝えています。例としては、最初の予約時に「 you will not be bill yet 」というテキストが表示されます。ユーザーは、予約が確認されるまで支払いが請求されないという明確なメッセージを受け取ります。

Airbnb は、Apple と同様に、ベストプラクティス、興味深いケーススタディ、デザインの世界からのニュースを Web サイトで共有しています。

私たちのコンテンツが気に入ったら、Facebook、Twitter、LinkedIn、Instagram、YouTube、Pinterest の忙しいミツバチコミュニティに参加してください。

著者: クラウディア・コワルチック
言葉では伝えきれないことをデザインで伝えるグラフィック＆UXデザイナー。彼にとって、使用されるすべての色、線、またはフォントには意味があります。グラフィックやウェブデザインが得意。
すべての投稿を表示

究極の UX ガイド:

UX とは何か - UX とは何か
UX と UI – それらは比較可能ですか?
（優れた）ユーザーエクスペリエンスの7つの要素
UXデザインの意味を知っていますか？
ユーザーエクスペリエンスを設計していますか? これらのことを気をつけてください！
知っておくべき UX デザインのための 10 のユーザビリティヒューリスティック
5つの簡単でシンプルなステップでのUXデザインプロセス
ユーザー中心の設計とその主な原則
ユーザー中心設計プロセスの段階
カスタマーエクスペリエンスとは？
ユーザーエクスペリエンスとカスタマーエクスペリエンス。二人の関係を簡単に説明すると
ブランド体験とは？
ヒューマンコンピュータインタラクション (HCI) とは何ですか?
なぜUXが重要なのか?
UXにおける使いやすさと機能性
優れたUXデザインの例