ユーザーエクスペリエンスの概要

ユーザーエクスペリエンスの概要
最近では、ソフトウェアやウェブサイトのいずれの作業であっても、設計時に「ユーザー エクスペリエンス」(User Experience)という言葉が使われることが多くなります。実際、デザインはユーザー中心になっており、ユーザーは何をすべきかを簡単に知ることができます。
しかし、私が出会ったインターフェースのいわゆる美学に関する一部の人々の意見は、いつも非常に貧弱です。私の趣味がそれほどエレガントというわけではありませんが、誰もが彼の意見に反対しています。実際、彼の周りの人々は比較的シンプルな色、または派手すぎないウェブサイトを好みますが、彼は常に安っぽくないウェブサイトを好みます。しかし、このとき誰の言うことに耳を傾けるべきでしょうか?追伸:彼はリーダーです…
ですから、これらのことについては、何とも言えません。フラッシュ ポイントを与えられたら、それを受け入れることができます。3DIV を与えられたら、満足するでしょう。それがうまくいかない場合は、ナビゲーション用に左側にツリーを配置したり、Web サイトを配置したりできますが、顧客を獲得するのに役立つものは何でしょうか。内容の中身です。もちろん、外見が耐えられないほど悪くあってはいけません。それでも、内容が全てを決めるべきだと思います。少なくとも、コンテンツをうまく作れない人に比べると、ユーザー エクスペリエンスの優先順位はわずかに下がる可能性があります。
しかし、私はまだこう言わなければなりません。
この概念は、次の 2 つの具体的な例で説明されています。まず、より多くの情報を伝えるために、多くの Web サイトのホームページのヘッダー画像には通常、4 ~ 6 フレームの切り替え式フラッシュ ヘッダー画像が含まれています。表面的には、このデザインはヘッダー画像のスペースを最大限に活用しています(元々はヘッダー画像を 1 つしか配置できませんでしたが、現在は 4 ~ 6 個配置できます)。しかし、実際には、ユーザーがこれを見ると次に何が表示されるのかわからなかったり、このフレームを理解してクリックしたいと思ったときには、システムがすでに次のフレームに切り替えられていたりするため、これは非常に失敗したユーザー エクスペリエンスだと思います。これらはユーザーにフラストレーションを感じさせるでしょう! --李勇氏が就任して以来、網易ニュースはユーザー体験に大きな変化を遂げたことに気づきました。例えば、見出しはシステムによって切り替えられることはなくなり、ユーザーは自分で「見出しを変更します」をクリックできるようになりました。これはユーザーエクスペリエンスを尊重した小さな改善です。 2 番目の例は、QQ や MSN でチャットしているときに、相手とのチャットを続けたくない場合は、「:)」と入力することが多いことです。このようにすると、相手はあなたが何を表現したいのか分からず、当然「イライラ」して会話を終了します。これは、ユーザーに悪いユーザー エクスペリエンスを提供する方法です。 :)
では、ユーザーエクスペリエンスの鍵は何でしょうか?
明らかに、最初の鍵は、Web サイトのデザインが「論理的」であることです。 「ロジック」は避けられないものであるため、ユーザーに対する最も直接的な「コミットメント」であり、ユーザーが「何を」行うべきかを最も直接的に伝えます。サイトのロジックが何であるかについては、NetEase Newsを例に挙げます。たとえば、今日のNetEase「Two Sessions」レポートは次のとおりです。
中国は今年、貧富の差を縮めるために数千億元を投資した。代表者は「これは借金返済だ」と語った。
わが国の行政費は25年間で87倍に増加した。委員は、行政費は世界でも珍しいものだと述べた。呉景連:第11次5カ年計画では、これ以上の資金、資材、プロジェクトはありません。5年間で4500万人の農業労働者を移転させる必要があります。林一夫は、公務員と医師に住宅購入のための現金補助を与えるべきだと提案した。住宅はコストに応じて「逆」に価格設定されるべきである。
「画一的な」利子税は調整されるべきである。委員は、富裕層と貧困層に同じ税率を課しても再分配の役割を果たすことはできないと述べた。これらの 5 つのニュース項目のうち、タイトルは 2 つの部分に切り詰められており、1\2\3\5 の右側のタイトルはクリックできませんが、項目 4 の右側のタイトルはクリックできます。このようなデザインは「論理的」ではありません。なぜなら、Web サイト デザインの通常のロジックは、すべてをクリックできるか、何もクリックできないかのどちらかだからです。
この例から、ウェブサイトの「ロジック」とは、ユーザーにサービスや機能を提供するときに、そのサービスや機能の確率ではなく「アイデンティティ」を保証する必要があることを意味するとまとめることができます。次に、ウェブサイトの「ロジック」は、サービスや機能全体をユーザーが「推測」できること、つまり、ユーザーがサービスや機能を理解した後、基本的にウェブサイトの他のサービスや機能を正確に予測できることにもあります。
優れたユーザー エクスペリエンスを提供するための 2 番目の重要なポイントは、「常識と習慣」を尊重することです。別の例を挙げてみましょう。ほとんどすべての海外の BBS にはトップナビゲーションがあり、ほとんどすべての国内の BBS には左側ナビゲーションがあります。したがって、中国で BBS を運営している場合、この点に関してユーザーの使用習慣に異議を唱える必要はありません。この点は一度言えば誰でも理解できるので、これ以上詳しく説明しません。
優れたユーザーエクスペリエンスを提供するための 3 番目の重要なポイントは、「スタイル」、つまり差別化です。他に方法はありません。例を挙げなければなりません。その例は NetEase News です。 NetEase News の改訂が成功するかどうかは別として、間違いなくスタイリッシュな改訂であり、そのスタイルは明らかです。したがって、NetEase の改訂は、Sina モデルを踏襲している Sohu News よりもはるかに洗練されていると思います。この例のポイントは、ユーザー エクスペリエンスにどこか欠陥があったとしても、特定のスタイルに固執すれば、ユーザーがアクセスできるようにすることができるということです。
論理常識スタイルを理解すれば、ユーザー エクスペリエンスはそれほど悪くありません。ただし、これは経験と実践に依存するプロセスであり、多くの場合、言葉で表現することはできず、理解することしかできません。

<<:  Dockerの基本的な手順

>>:  MySQLのMVCCマルチバージョン同時実行制御の実装

推薦する

Dockerボリューム権限管理の詳細な説明

ボリュームデータボリュームは Docker の重要な概念です。データ ボリュームは、1 つ以上のコン...

LinuxサーバにおけるNginxとApacheの共存の実装方法の分析

この記事では、Linux サーバー上で Nginx と Apache の共存を実装する方法について説...

Vue ローカルコンポーネントデータ共有 Vue.observable() の使用

コンポーネントが詳細になるにつれて、複数のコンポーネントが状態を共有する状況に遭遇するでしょう。Vu...

MySQLの使用中に発生した問題

ここでは、MySQL の使用中に発生するいくつかの問題とその解決策を示します。 sql_mode=o...

固定テーブル幅テーブルレイアウト: 固定

テーブルを画面全体(残りの空白領域)に表示するために、幅属性は 100% と定義されることが多く、セ...

CSS3 弾性拡張ボックスの詳細な説明

使用フレキシブル ボックスはフロントエンドの Web ページ レイアウトで重要な役割を果たしますが、...

Vue3 非同期データ読み込みコンポーネントサスペンスの使い方

目次序文コンポーネントの作成要約する序文Vue3 には多くの注目すべき機能が追加されましたが、サスペ...

docker+devpi を使用してローカル pypi ソースをビルドする方法

以前、開発で頻繁に pip ダウンロードを使用する必要がありました。pip ソースを国産ソースに変更...

MySQLは変数を使用してさまざまなソートを実装します

コアコード -- 以下では、MySQLでのソート列の実装を示します -- テストデータ CREATE...

WeChatアプレットはビデオプレーヤーのビデオコンポーネントを使用します

この記事の例では、WeChatアプレットのビデオプレーヤーコンポーネントの具体的なコードを参考までに...

MySQL インデックス障害の上位 10 の問題の概要

目次背景1. クエリ条件に「or」が含まれているため、インデックスが失敗する可能性があります。 2....

Vue CLI のモードと環境変数の詳細な説明

序文実際のプロジェクトの開発では、通常、プロジェクト開発フェーズ、テストフェーズ、最終オンラインフェ...

PIP で docker-compose をインストールする際のタイムアウト問題の解決方法

1: インストールコマンドpip install docker-compose例外情報socket....

Vueはログイン時に画像認証コードを実装します

この記事では、Vueログイン用画像認証コードの具体的なコードを例として紹介します。具体的な内容は以下...