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

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール

mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ホットトピック









