過去2年間のユーザーエクスペリエンス

過去2年間のユーザーエクスペリエンス
<br />国内のウェブサイトが本格的に普及し、ユーザーエクスペリエンスに重点が置かれるようになってからまだ2年も経っていません。ほとんどの実務家の研究経験はこの期間に限られていると思います。違いは、新しい概念の理解は基礎と個人差によって左右されるということです。私の経験は、次の 2 つの側面から説明できます。
概念の理解: ユーザーエクスペリエンス - ユーザー中心 - インタラクションデザイン - 情報アーキテクチャ 実践: 目標 - プロセス - 方法 - 成果物 - 製品管理
2005 年の初め、私は Google の検索結果にリンクされていた UIGarden で初めて「ユーザー エクスペリエンス」という言葉を目にしました。その時の私の本当の気持ちは、ようやく誰かがインターネット ユーザーである私たちのことを気にかけてくれるようになったということでした。私が一番やりたいことは、よく訪れるウェブサイトのデザイナーたちを連れてきて、彼らを殴り倒すことです。

現在でも、「ユーザー エクスペリエンス」は最もホットな流行語です。主な理由は、この言葉が人気があり、キャッチーであり、真剣な表情で言う限り、非常にプロフェッショナルに見え(何度も証明されています)、論理的な誤りがまったく見つからないからです。実際、これは、一見すると衝撃的なことのように見えるものの、よく調べてみると何も言っていないことがわかる典型的な例です。
こうした疑問を抱きながら、私はユーザーを理解し、「ユーザー中心」になろうと努め始めました。ユーザーが誰なのかは分かりませんが、基本的な原則はあります。私はインターネット ユーザーです。私自身が満足していないのに、どうやってユーザーを満足させることができるでしょうか?この時期に、私は古い友人の白亜と周瑜にも会いました。当時、私と同じ文章の才能を持つ人はほとんどいませんでした。私たちが集まると、不満を言う以外は、ほとんど自分の気持ちを表現しました。
すぐに、操作レベルのユーザー エクスペリエンスについては、ほとんどのユーザーが「トラブルを回避し、利便性を生み出す」という同じ考えを持っていることがわかりました。後に、この分野は「インタラクション デザイン」と呼ばれることを知りました。そこで、インタラクションのアイデアに導かれて、なぜこの体験が良かったのかを理解する必要がありましたので、たくさんの宿題をしました。一点から深く掘り下げていくと、いろいろなものを引き出すことができます。
相互作用には明らかに少なくとも 2 つのオブジェクトが必要であり、私はそれを定量化するために「ラウンド」という言葉を使用するのが好きです。たとえば、マウスでリンクに触れると、その下線が消えます。このラウンドのコンセプトは、私が挨拶し、他の人がそれに応答することです。二人が付き合っているときに最も嫌なことは、自分の意見を言わないことだということは、誰もが知っています。返事をしなければ、欠点はないでしょう。
おそらく、ほとんどの実践者は、「インタラクション デザイン」の概念を通じてユーザー エクスペリエンスを理解しています。さらに、中国で人気のある関連専門書の中で、インタラクティブデザインは最も高い割合と品質を占めており、「About Face」などの権威ある重厚な作品がその一例です。しかし、いくつかの段階の実践を経て、インタラクション デザインがすべての問題を解決できるわけではないことが徐々にわかりました。たとえば、分類操作モードを設計する場合、インタラクション自体は実際には非常に単純ですが、実際の難しさはインタラクションに何を使用するかという点にあります。彼らの関係をどう扱えばいいのでしょうか?
2006 年の初めに、私は偶然 Yahoo! のプロジェクト ワークフローについての記事を書き、ヨーロッパのプロセスを紹介したところ、同僚からの反響は驚くほど大きかった。なぜなら、これまでは、誰もがウェブサイトのフロントエンドとバックエンドの区別にしか意識がなかったからです。さらに詳しく見てみると、フロントエンドも構造、パフォーマンス、動作に分かれていますが、どれも製品レベルには達しておらず、つまりそれを支える体系的な理論がなかったのです。
私が「情報アーキテクチャ」の重要性に気づき、実感したのは、この Yahoo! ヨーロッパのプロセスの中でもありました。多くの情報を参考にした後、自分の視点を説明するために 5 月に Web サイトの情報アーキテクチャに関する記事を書きましたが、この包括的な分野のアイデアを製品コンセプトにどのように実装するか、また、どのように連携してインタラクションを繰り返すかがまだわかりません。どのように提示しますか?
その後は、実践、方法の最適化、効率性の向上という長いプロセスが続きます。本を読むことで世界を見ることができるだけでなく、さらに重要なことに、自分の考えを検証するのに役立ちます。著者に共感しながら、その理由をしっかりと考えてみましょう。例えば、最近読んだ「Elements of User Experience」という本では、主に構造層の理解が明確になり、フレームワーク層は知識構造の再構築に近いものでした。これまでの理解は表面的で散漫でした。
かつては、製品中心の開発モデル全体に​​わたって設計の実装を確実にするために、何らかの製品ドキュメントが使用されることが想定されていました。情報アーキテクチャやインタラクションデザインに関係なく、結果は成果物に実装されるため、そうでなければデザインの結果を他の人に伝えることはできず、作業を定量化することはできません。
直線的なプロセスには高低はありません。自分の価値を示すことは、他の人の仕事の成果を否定することではありません。私たちはチームなのですから。自分の強みは分からないかもしれませんが、自分に最も適したものは何であるかを理解する必要があります。同様に、概念を理解するには、ある点を可能な限り拡大しようとするのではなく、むしろその点が全体の中でどのような位置を占めているのかを把握する必要があります。 SEO に対する偏見やインタラクティブ デザインに対する疑念はすべてここから生まれました。正確なポジショニングは、正しい理解と分業、コラボレーションにつながります。
最後に、2004 年の「Web サイトの再構築」の議論に戻ると、Web 標準が提唱する完全な互換性とアクセシビリティは、実際にはユーザー中心の考え方の実装であり、ユーザー エクスペリエンスにも配慮されています。同様の話題は長い間存在してきましたが、誰もそれを完全に理解していませんでした。

<<:  リンク内の href=# はどういう意味ですか?

>>:  MySQLデータベースの圧縮バージョンのインストールと設定に関する詳細なチュートリアル

推薦する

React コンポーネント通信ルーティングパラメータ転送 (react-router-dom)

目次最近Reactを勉強していて、今は仕事でVueを使っています。学習の過程で、両者を比較して理解を...

CSS 3D からソースコードによる空間座標軸へ

かつて、サイコロを振るゲームについて話しました。その時は、steps 属性 + スプライト画像を使用...

IDEA で Linux コマンドを使用する方法

Windows システムと比較して、Linux システムは多数の豊富なコマンドライン ツールを提供し...

Vue のグローバル ウォーターマーク実装例

目次1. 透かしのJsファイルを作成する2. 導入操作2.1 App.vueや他のページでの参照2....

きれいなJavaScriptコードの書き方を教える記事

目次1. 変数意味のある名前を使う不必要なコンテキストを追加しないようにするハードコードされた値を避...

よくある HTML タグの記述エラー

HTML Police がコードを調べて意味のないタグをすべて見つけ出すので、注意を払う必要がありま...

Web2.0製品と機能の簡単な紹介

<br />Web2.0とは何ですか? Web2.0にはソーシャルネットワーク製品とその...

Vueはタブナビゲーションバーを実装し、左右のスライド機能をサポートしています

この記事では主に、Vue を使用してタブ ナビゲーション バーを実装し、flex レイアウトを使用し...

Mysql 5.6.37 winx64 インストール デュアル バージョン mysql ノート

マシンに MySQL バージョン 5.0 がすでに存在する場合は、最新バージョンの MySQL のイ...

Linux ディスクのマウント、パーティション分割、容量拡張操作を実装する方法

基本概念操作の前に、まずいくつかの基本的な概念を理解する必要がありますディスクLinux システムで...

Springboot および Vue プロジェクトの Docker デプロイメントの実装手順

目次A. SpringbootプロジェクトのDockerデプロイメント1. Springbootプロ...

Vue2とVue3の兄弟コンポーネント通信バスの違いと使い方

目次vue2.x vue3.x tiny-emitterプラグインの使用Mittプラグインの使用vu...

ウェブデザインにおけるポップアップウィンドウとフローティングレイヤーのデザイン

従来のソフトウェアから Web ウェアへの段階的な移行の傾向の中で、デザイン パターンとテクノロジは...

上下に空白行があるフォームを挿入する解決策

ウェブページを作成するときに、フォームを挿入した後、フォームの上下に空白行が表示されることがよくあり...

Dockerコンテナシェルスクリプトの実行ステータスを監視する方法

シナリオ会社のプロジェクトはDockerでデプロイされています。原因不明ですが、コンテナが時々停止し...