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

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

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 ハイパーリンク内の中国語文字化けの分析と解決

推薦する

Navicat を使用して csv ファイルを MySQL にインポートする

この記事では、参考までに、Navicatを使用してCSVファイルをMySQLにインポートするための具...

CSS flex 複数列レイアウト

基本的な3列レイアウト 。容器{ ディスプレイ: フレックス; 幅: 500ピクセル; 高さ: 20...

SQL Server コメントのショートカット キー操作

SQL Server のバッチコメントバッチ注釈Ctrl + (K, C): Ctrlキーを押しなが...

mysql5.7.21 utf8 エンコーディングの問題と Mac 環境での解決方法

1. 目標: mysql の character_set_server の値を latin1 から ...

リアルタイムコンピューティングフレームワークFlinkクラスタの構築と動作メカニズムについての簡単な説明

目次1. Flinkの概要1.1 基本的な紹介1.2 アプリケーションシナリオ2. 環境の展開2.1...

MySQLのREDOログ(リドゥログ)とロールバックログ(アンドゥログ)の詳しい説明

序文:前回の記事では、MySQL システムでよく使用されるログをいくつか説明しました。実は、トランザ...

ろうそくを溶かす(水滴)サンプルコードを実現する純粋な CSS

成果を達成する実装のアイデアフィルターのコントラストとぼかしを利用して溶ける効果を実現します。親要素...

プロトタイプとプロトタイプチェーン プロトタイプとプロトタイプの詳細

目次1. プロトタイプ2. プロトタイプチェーン2.1 コンストラクタ2.2 電話をかける/申し込む...

Promise カプセル化 wx.request メソッド

前回の記事では、Promise を使用して小さなプログラム wx.request をカプセル化する実...

CSSに基づいてマウス入力の方向を決定する

以前、フロントエンド技術グループに所属していたとき、グループのメンバーが面接中に問題に遭遇したと言っ...

GET POSTの違い

1. Get はサーバーからデータを取得するために使用され、Post はサーバーにデータを渡すために...

JavaScript でシンプルなクリスマス ゲームを実装する

目次序文成果を達成するコードCSSコードJSコードHTMLコードデモンストレーションのプロセス序文ク...

入力ボックスのプレースホルダーアニメーションと入力検証を実現する純粋なCSS

さらに興味深いコンテンツについては、https://github.com/abc-club/free...

表のセルの内容が超過した場合に省略記号効果を表示する(実装コード)

例示するフロントエンド開発では、セルの幅を制限し、コンテンツが制限を超える部分に省略記号を表示する必...

フロントエンドフレームワーク Vue における親子コンポーネントデータの双方向バインディングの実装

目次1. 親コンポーネントと子コンポーネント間の一方向の値転送1. 親から子への値の受け渡し2. 子...