理論の普及——ユーザーエクスペリエンス

理論の普及——ユーザーエクスペリエンス

1. 概念分析 1: UE ユーザー エクスペリエンス <br />英語ではユーザー エクスペリエンスと呼ばれ、略して UE または UX と呼ばれます。
電子商取引のウェブサイトを指す場合、これは顧客体験とも呼ばれます。これは、ユーザーがウェブサイトにアクセスしたり製品を使用したりするときに得られる全体的な体験を指します。感想や感想、成功だったかどうか、楽しかったかどうか、また来たいかどうか、また利用したいかどうか。許容できる質問、疑問、バグのレベル
参考までに英語の原文を添付します。
ユーザー エクスペリエンス (e コマース Web サイトを指す場合は主に「顧客エクスペリエンス」と呼ばれます)。Web サイトを訪問したユーザーの全体的なエクスペリエンス。ユーザーの印象や感情。成功したかどうか。楽しんでいるかどうか。また戻ってきたいかどうか。問題、混乱、バグに遭遇する程度。

それは完全に主観的なものなので、ある程度の不確実性を伴います。また、個人差により、各ユーザーの実際の体験を他の手段で完全にシミュレートまたは再現することはできないことも判明しています。
しかし、明確に定義されたユーザー グループの場合、適切に設計された実験を通じてユーザー エクスペリエンスの共通点を特定できます。
出典: Baidu Knows
2. コンセプト分析2: UEデザイン
ステップ 1: データ調査<br />データは何をもたらすのでしょうか?各ページとパスの pv (製品) と uv (ユーザー) をまとめることで、製品の使用状況の概要を把握できます。
何が足りないのでしょうか?ユーザーを理解していないと、プロセスも理解できません。
ステップ 2: ユーザー インタビュー<br />メリットは何ですか?製品とユーザーのつながりはブラックボックスのようなものです。ユーザーへのインタビューは、ブラックボックスを開けようとするプロセスです。
ブラックボックスを開くことで、それらの間のパスを変換できます。これにより、2 つがシームレスに融合されます。 DNA を研究するのと同じように、構造の研究によって遺伝子の形を変えることができます。製品に関しては、ユーザーの心理モデルに基づいて製品を作成したり、クリエイティブな製品を使用してユーザーに影響を与えたりすることができます。
ステップ 3: 製品分析<br />ユーザーを理解していても、効果的なソリューションを思いつくことができますか?この時点で、関連製品の調査が役立ちます。ユーザーのニーズを理解すれば、製品を深く理解することができます。そして、製品を分析することで、製品に対する理解を横断的に深めることができます。同じ機能から 2 つの異なる製品が生まれるのはなぜでしょうか?違いは、全体像だけでなく細部にも反映されます。継続的な比較を通じて、製品のさまざまな機能間、および製品とユーザー間の複雑なつながりが明らかになります。
ステップ 4: 製品の位置付け<br />製品を作る前に位置付けを決定する必要がありますが、なぜこの段階でこのステップを提案するのでしょうか。実は、前作の準備のためです。ユーザーと関連製品を理解して初めて、ポジショニングがより明確になります。最初は常にポジショニングが必要でしたが、漠然とした感じでした。今では、はるかに明確になっています。変えられるかどうかは運命次第~~
ステップ5:機能の確認<br />ユーザーと製品の分析に基づいて、この時点でいくつかの新しい機能が提案されます。当社では、製品の長期的な開発、ユーザーガイダンス、使いやすさを考慮しながら、各機能を慎重にリリースしています。
ステップ 6: 情報アーキテクチャ<br />製品の印象が頭の中に浮かび始めます。この時点で、情報は製品構造に挿入されます。ナビゲーション、管理などは非常に重要な項目であり、特別な注意が必要です。また、ページによって情報が異なり、ページ間で情報が飛び交ったり、商品間で情報が飛び交ったりすることもあります。それぞれの情報を確認する必要があります。製品に役立たなかったり、ユーザーにとって負担になる場合は、追加しないでください。
ステップ 7: ページ プロトタイプ<br />個人的には、ページ プロトタイプの段階では、Visio を使用して構造図を描くだけでなく、無意識のうちに PS を使用して感覚を探っています。このプロセスも、私にとっては反復的なプロセスです。もちろん、前の段階で製品全体の構造は頭の中でほぼ形成されており、あとはそれを紙に書き出すだけです。
プロトタイプの確認には粘り強さが必要です。このプロセスを自分で実行し、すべてのポイントを徹底的に検討します。それから、あらゆる方面から反対派を説得しに行きましょう。実際、人々は考えることの価値を信じていると信じなければなりません。努力する限り、報酬が得られます。最悪なのは、努力せずに毎日不平を言うことです。
ステップ 8: ビジュアル デザイン<br />これ以上の説明は必要ありません。アイコン、フォント、エリア分割、モジュール統合、CSS 定義、スタイル設定など、さまざまなことが行われる可能性があります。すべては、以前の作業から得られたものを反映する必要があります。
手順は明確ですが、その間のプロセスの方が興味深いかもしれません。
まず、運用スタッフのサポートを得る必要があります。彼らが関与しなければ、プロセス全体が困難になります。継続的なコミュニケーションを通じて、ユーザーインタビューなどで協力し合うことも喜ばれるでしょう。それはあなたのコミュニケーション能力に依存します。
次に、チーム内の他の同僚からサポートを受けます。中間成果を継続的に示していくことが必要であり、UE ワークの役割を全員が徐々に認識していくことになる。
この経験を経て、チームはこのポジションの役割を理解し、将来的にはより詳細な作業を実行できるようになりました。
前のページ1 2 次のページ 全文を読む

<<:  CSS3 はクールな 3D 回転遠近法効果を実現します

>>:  HTML ハイパーリンク内の中国語文字化けの分析と解決

推薦する

Linux システム構成 (サービス制御) の詳細な紹介

目次序文1. システムサービス制御1. システムctl 2. ターゲット3. 共通システムサービス4...

MySQL UPDATE ステートメントの非標準実装コード

今日は、MySQL データベースと SQL 標準 (および他のデータベース) の UPDATE ステ...

Vue3 はメッセージコンポーネントの例を実装します

目次コンポーネント設計最終的なコンポーネントAPIの定義コンポーネント構造の定義テンプレートとスタイ...

MySQLで時間を判定条件として使用する方法

背景: 開発プロセスでは、現在の月、現在の日、現在の時間、今後数日など、時間を判断条件としてデータを...

LinuxのCPU負荷とCPU使用率の詳細な説明

CPU 負荷と CPU 使用率これらは両方とも、ある程度、マシンの忙しさを反映できます。 CPU 使...

MySQL インジェクションにおける outfile、dumpfile、load_file 関数の詳細な説明

SQL インジェクション脆弱性を悪用する後期段階では、MySQL のファイル シリーズ関数を使用して...

ネストされた HTML ページの使用例 (フレームセットの使用)

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

テーブルを作成するための HTML dl、dt、dd タグとテーブル作成テーブル

ウェブサイトの開発とメンテナンスのコストが削減されるだけでなく、コードもよりセマンティックになります...

スタートアップ企業が丹念に作り上げた優れたウェブデザイン17選

スタートアップ企業は、型破りな仕事のやり方、ユニークなビジネスモデル、特徴的な製品やサービス、パーソ...

JSに関する7つの面接の質問、あなたはいくつ正しく答えられますか

序文JavaScript では、これは関数呼び出しコンテキストです。この動作が非常に複雑であるからこ...

CSS で順序付きリスト項目と順序なしリスト項目のスタイルを設定する方法

順序なしリストでは、順序なしリストのシンボルは各リストの前に表示されるドットです。順序付きリスト o...

Ubuntu 18.0.4 MySQL 8.0.20 のインストールと設定方法のグラフィックチュートリアル

MySQL 8.0.20 のインストールおよび設定方法は、参考としてグラフィック チュートリアルにま...

html オプション 無効 選択 選択 無効 オプションの例

コードをコピーコードは次のとおりです。 <選択> <オプション値="&q...

親要素に対する CSS 子要素の配置の実装

解決親要素に position:relative を追加します。子要素に position:abso...

React Fiberの仕組みの詳細な説明

目次React Fiberとは何ですか?なぜReact Fiberなのか? React Fiberは...