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

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

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

推薦する

検証例 MySQL | 同じ値を持つフィールドを更新すると、binlog に記録されます

1. はじめに数日前、開発仲間から、フィールドを同じ値に更新すると binlog が記録されるかどう...

Vueを使用して手書き署名機能を実装する

個人的な実装のスクリーンショット:インストール: npm インストール vue-esign --sa...

設定ファイルを変更した後、操作を再開します

余計なことは言わないで、コードだけ見てみましょう〜 # docker-compose をダウン # ...

Docker 階層化パッケージを使用して Spring Boot を設定する方法

Spring Boot プロジェクトでは、Docker コンテナ、jar、war の階層化パッケージ...

Django+vue 登録とログインのサンプルコード

登録するフロントエンドは、vue の axios を使用して値を渡し、取得したアカウントとパスワード...

React 構成 px 変換 rem メソッド

関連する依存関係をインストールするnpm i lib-flexible --save npm i p...

MySQL 5.7 をインストールした後にコマンドライン ウィンドウを開くとクラッシュする問題の解決方法

序文最近、MySQL 5.7 をインストールしましたが、問題が見つかりました。コマンド ライン ウィ...

docker と docker-compose による eureka の高可用性の実現の詳細な説明

最近、新しいプロジェクトでは springcloud と docker が使用されています。この 2...

Node.jsはSTMPプロトコルとEWSプロトコルに基づいてメールを送信します

目次1 STMP プロトコルに基づいてメールを送信する Node.js メソッド2 MS Excha...

Zabbix と bat スクリプトを組み合わせて複数のアプリケーションの状態を監視する方法

シナリオシミュレーション:国内企業の中には、重要な業務をサポートするために特定のウィンドウ プログラ...

CentOS システムの rpm インストールと Nginx の設定

目次CentOS rpm のインストールと Nginx の設定導入rpm パッケージのインストールサ...

Windows での MySQL の使用: 自動スケジュールバックアップの実装

1. バックアップスクリプトを書く 著者:www.yumi-info.com 日付:20171222...

2021年の花火効果をJSで描画(ソースコードダウンロード付き)

この作品はフロントエンド開発(JSコンテンツ)の知識を使用していますが、フロント部分の後半部分の知識...

Dockerコンテナのk8sデプロイメントの実装

環境: (docker、k8s クラスター)、前回 docker で起動した Java プログラムの...

Vue 2つのフィールドの共同検証によりパスワード変更機能を実現

目次1. はじめに2. ソリューションの実装2.1 実装コード2.2 コードの説明2.3 検証結果1...