ユーザーエクスペリエンスの5つの要素: 1. ユーザーニーズ、ユーザーとオペレーターがそれぞれこの製品から得たいもの、 2. 機能範囲、この製品がどのような機能を備えているか、 3. プロセスデザイン、インタラクション デザインに分かれる インタラクション デザインと情報アーキテクチャの 2 つの主要な部分があります。インタラクション デザインは「可能なユーザーの行動」を記述し、情報アーキテクチャはユーザーに情報をどのように表現するかに焦点を当てます。4. プロトタイプ デザイン。特定のセクションまたはボタンをページ上に配置する必要があります。 ; 5. 知覚デザインとは、コンテンツ、機能性、美学を組み合わせて、他のレベルのすべての目標を満たす最終デザインを作成することです。
このチュートリアルの動作環境: Windows 7 システム、Dell G3 コンピューター。
ユーザー エクスペリエンス (略して UE/UX) は、製品を使用する過程でユーザーによって確立される純粋に主観的な感覚です。しかし、明確に定義されたユーザー グループの場合、適切な設計実験を通じてユーザー エクスペリエンスの共通点を認識できます。コンピュータ技術やインターネットの発達により技術革新の形が変わり、ユーザー中心、人間中心がますます注目されており、ユーザーエクスペリエンスはイノベーション2.0モデルの本質とも言われています。
ユーザー エクスペリエンスの 5 つの要素とは:
##全体のプレゼンテーション:
1. 戦略層
戦略層は、ユーザーとオペレーターがこの製品から得たいものです。 ユーザーが得たいのは、社外やチームの外からのニーズである「ユーザーニーズ」です ユーザーニーズを知るためには、まず対象となるユーザーを決める必要があります製品の。製品のターゲット ユーザーを決定するには、次の手順があります: 1) ユーザーのセグメント化: ユーザーを共通のニーズ (人口統計、消費者の心理プロファイルなど) を持つ小さなグループに分割します。 2) ユーザー調査: ユーザーが誰であるかを知る (アンケート、インタビュー、現地調査、フォーカス グループ、カードの並べ替えなど); 3) ペルソナ: ユーザー調査から模範となる仮想キャラクターになり得る人物を抽出します。 上記の方法により、ユーザーのニーズを把握し、戦略レベルでプロダクトの内容を決定することができます。 運営者が達成したいのは「ビジネス目標」であり、これは社内からの要求であり、ユーザー数目標、ブランドプロモーション目的、利益目的などが考えられます。つまり、上司やチームが得たいものも戦略レベルに属します。2. スコープ レイヤ (Scope)
スコープ レイヤとは、この製品がどのような機能を持ち、この製品で何ができるかを指します。 ユーザーのニーズと Web サイトの目標を、Web サイトがユーザーに提供するコンテンツと機能の種類に変換すると、戦略が範囲になります。スコープ レイヤーの具体的な内容に応じて、製品はツール タイプとコンテンツ タイプの 2 つのカテゴリに分類できます。また、一部の製品は両方のカテゴリに分類されます。 ツールタイプの製品は、機能仕様を考慮し、製品の機能の組み合わせを詳細に説明する必要があります。機能仕様の記述言語は、楽観的、具体的、客観的である必要があります。3. 構造層 (Structure)
ユーザーのニーズを収集し、優先順位を付けた後、これらの散在した部分を結合して全体にする必要があります。これが構造層であり、製品の機能とコンテンツの関係を作成します。
構造層は、インタラクション デザインと情報アーキテクチャという 2 つの主要な部分に分かれています。
インタラクション デザインとは、「考えられるユーザーの行動」を記述し、これらのユーザーの行動に対して「システムがどのように連携し、応答するか」を定義することです。ユーザーを製品に適応させるのではなく、製品とユーザーが互いに適応し、お互いの次のステップを予測できるようにします。
情報アーキテクチャとは、ユーザーに情報を表現する方法に焦点を当て、ユーザーが見つけやすいように組織の分類とナビゲーション構造を設計することに焦点を当てます。
インタラクション設計には、少なくとも概念モデルとエラー処理を含める必要があります。
情報アーキテクチャには、トップダウンとボトムアップの 2 つの分類システムがあります。その構造は、階層構造、マトリックス構造、自然構造、線状構造を持つことができます。一般的に、Web サイトは上記の構造を組み合わせたもので、1 つの構造が主要な構造となり、他の構造が補足的なものになります。
1) 階層構造
は、ツリー構造またはハブアンドスポーク構造とも呼ばれます。つまり、ノードと他のノードの間に親/ノードが存在します。関連ノード、サブレベルの関係。この構造が最も一般的です。
2) 自然構造
は一貫したパターンに従いません。ユーザーの励ましなど、関連性が不明確な、または絶えず進化する一連のトピックを探索するのに適しています。いくつかのエンターテイメント Web サイトを自由に探索できます。ただし、ユーザーが次回同じコンテンツを見つけるために同じパスに依存する必要がある場合、これは適切ではありません。
3) マトリックス構造
は通常、さまざまなニーズを持つユーザーが同じコンテンツ内で必要なものを見つけられるようにするのに役立ちます。たとえば、ユーザーは選択できます。色またはサイズで製品を閲覧します。
4) 線形構造
は、単一の記事や特別なトピックなどの小規模な構造によく使用されます。大規模な構造は、必要なものを制限するために使用されます。コンテンツの順序は、ユーザーのニーズを満たすアプリケーションにとって重要です。
4. フレーム層 (スケルトン)
フレーム層は、特定のセクションなどのインタラクションを決定します。または ボタン ページ上の要素を配置する場所。構造層では多くの要件が形成されていますが、フレームワーク層ではこれらの要件をさらに絞り込み、インターフェイスの外観、ナビゲーション、情報の詳細なデザインを決定して、曖昧な構造を現実的なものにする必要があります。
フレームワーク層のコンテンツを設計するときは、ユーザーの毎日の使用習慣に従うことと、生活の中でメタファーを適切に使用することという 2 つの原則に従う必要があります。
フレームワーク層には、インターフェイス設計、ナビゲーション設計、情報設計の 3 つの側面が含まれます。
インターフェイス設計は、ユーザーに特定のことを実行する機能を提供します。インターフェイスをデザインするときは、ユーザーが最も重要なことを一目で理解できるように、適切な要素を選択してください。
ナビゲーション デザインは、ユーザーがどこかに移動できるようにします。ナビゲーションデザインを行う際には、Webページ間のジャンプ方法を提供し、要素とコンテンツの関係を伝え、コンテンツとページの関係を伝える必要があります。
情報デザインとは、アイデアをユーザーに伝えることです。情報デザインは、ユーザーの思考を反映し、ユーザーのタスクや目標をサポートするために、さまざまなデザイン要素を組み合わせることです。ビジュアル、グループ化、その他の側面を含みます。
5. プレゼンテーション層 (表面)
プレゼンテーション層は、ユーザーが見ることができるすべてのものです. フォントの大きさ、ナビゲーションの色、全体の雰囲気。このレベルでは、コンテンツ、機能、美学が組み合わされて、他のレベルのすべての目標を満たす最終デザインが生成されます。
成功したインターフェイス設計には 2 つの特徴があります:
1) スムーズなパスをたどります。ユーザーはブラウジング中にスムーズに感じられ、妨げられることはありません。
2) あまりにも多くの詳細を説明してユーザーを怖がらせることなく、効果的な選択のための考えられる「ガイダンス」をユーザーに提供します。
さらに関連する知識については、FAQ 列をご覧ください。
以上がユーザーエクスペリエンスの5つの要素とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。