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

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

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

推薦する

Next.js 入門チュートリアル

目次導入Next.jsプロジェクトを作成するNext.js プロジェクトを手動で作成するcreact...

非常に詳細な Vue-Router のステップバイステップのチュートリアル

目次1. ルータビュー2. ルータリンク3. リダイレクト4. ルーティングエイリアス5. ルーティ...

手の動きをリアルタイムで監視するための Handtrack.js ライブラリ (推奨)

【はじめに】: Handtrack.jsは、ブラウザ上で直接リアルタイムの手の動きの追跡と検出を実...

Linuxのseqコマンドを使用して数字のシーケンスを生成します(推奨)

Linux の seq コマンドは、数字のリストを非常に高速に生成でき、使いやすく柔軟性に優れてい...

パスワードログインなしのLinux構成スタンドアロンおよびフルディストリビューションの詳細なチュートリアル

目次1: 単一マシンのパスワードフリーログイン構成1. 仮想マシンのホスト名を設定する2. 仮想マシ...

MySQL 8.0.16 winx64 のインストールと設定方法のグラフィックチュートリアル (win10 の場合)

この記事では、MySQL 8.0.16 winx64のインストールと設定の具体的な方法を記載します。...

docker-maven-pluginプラグインは対応するjarパッケージを取得できません

docker-maven-plugin プラグインを使用する場合、Maven は対応する jar パ...

Vue3+Vite+TS は、要素プラスビジネスコンポーネントの二次カプセル化を実装します sfasga

目次1. 構造文字列2. タプルを返す3. Dict辞書にアクセスする4. 図書館を利用する5. リ...

VUE ユニアプリの基本コンポーネントの簡単な紹介

1. スクロールビュー垂直スクロールを使用する場合は、固定の高さを指定して CSS で高さを設定する...

1 つの記事で JSON (JavaScript Object Notation) を理解する

目次JSONが登場JSON構造JSONオブジェクトJson オブジェクトと JavaScript オ...

DockerでHadoopを実行しイメージを作成する方法

車輪の再発明として、ここでは再パッケージ化を使用して Docker ベースの Hadoop イメージ...

Windows 10 での MySQL 5.7.21 winx64 のインストールと設定方法のグラフィック チュートリアル

mysql 5.7.21 winx64 のインストールと設定方法: MySQLのコミュニティバージョ...

autoconfを使用してMakefileを生成し、プロジェクトをコンパイルする手順

序文Linux では、コンパイルとリンクには Makefile を使用する必要がありますが、適切な ...