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

ユーザーエクスペリエンスの概要
最近では、ソフトウェアやウェブサイトのいずれの作業であっても、設計時に「ユーザー エクスペリエンス」(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マルチバージョン同時実行制御の実装

推薦する

MySQL シリーズ: redo ログ、undo ログ、binlog の詳細な説明

取引の実施REDO ログはトランザクションの永続性を保証し、UNDO ログはトランザクションのロール...

Vueプロジェクトが完了した後にプロジェクトを最適化する方法の例

目次1. 開発モードとリリースモードに異なるパッケージエントリポイントを指定する2. 外部CDNリソ...

HTML の基礎必読 - CSS スタイルシートの包括的な理解

CSS (カスケーディング スタイル シート) は、HTML Web ページを美しくするために使用さ...

HTMLフォームアプリケーションにはチェックボックスとラジオボタンの使用が含まれます

チェックボックスやラジオボタンの使用を含むコードをコピーコードは次のとおりです。 <!DOCT...

HTML メタタグの使用の概要 (推奨)

メタタグ機能METAタグは、HTMLタグのHEAD領域にある重要なタグです。文書の文字セット、使用言...

Vue-cliはプロジェクトを作成し、プロジェクト構造を分析します

目次1. ディレクトリを入力してプロジェクトを作成する2. 必要な設定項目を選択します2.1 Vue...

MySQLデータのバックアップとリカバリの実装方法の分析

この記事では、例を使用して MySQL データのバックアップと復元の方法について説明します。ご参考ま...

JavaScriptプロトタイプチェーンの詳細な説明

目次1. コンストラクタとインスタンス2. プロパティプロトタイプ3. プロパティ __proto_...

ウェブデザインの教育または学習プログラム

セクションコース内容営業時間1 ウェブデザインの概要2 2 HTML 基本タグとフォーマットタグ 2...

Docker環境にJenkinsコンテナをインストールする詳細なチュートリアル

推奨される Docker 学習教材: https://www.runoob.com/docker/d...

Linux でテキストを表示するためのヒント (非常に実用的!)

序文日常の開発では、サーバー上でさまざまなテキストやログの表示操作を実行する必要があることがよくあり...

SQL 実践演習: オンライン モール データベース ユーザー情報データ操作

オンラインショッピングモールデータベース - ユーザー情報データ運用プロジェクトの説明電子商取引の台...

Alibaba Cloud CentOS 7 に yum を使用して MySQL をインストールする正しい方法 (推奨)

yum クイックインストール mysql yumリポジトリを追加する rpm -Uvh http:...

Alibaba Cloud Serverにプログラムをデプロイし、ドメイン名を使用して直接アクセスする方法の詳細な説明

何もすることがなかったので、学習用に最も安いAlibaba Cloudサーバーを購入しました。年間3...

Centos6にMysql5.7をインストールする方法

環境セントロス6.6 MySQL 5.7インストールシステムがインストールされている場合は、まずアン...