ウェブサイトのユーザーエクスペリエンスデザイン(UE)

ウェブサイトのユーザーエクスペリエンスデザイン(UE)
Google Reader で、JunChen が書いた「フロー理論と設計」というタイトルの投稿を見ました。これは Gtalk の連絡先を通じて共有されました。彼は、Movable Type のデザイナーである Jim Ramsey による記事「Designing for Flow」を簡単に紹介しています。
チクセントミハイのフロー理論(Wikipedia のフローの項目はこちら)は、「流れ」と訳されることもありますし、「フロー」と訳されることもありますし、「至福の経験」と訳されることもあります。小龍さんは「幸福体験」という翻訳を好みます。チクセントミハイ氏の個人ホームページはこちらです。
チクセントミハイの著書「フロー:最適な体験の心理学」の紹介はAmazonでご覧いただけます。この本の中国語版はDoubanでは見つかりません。 2001年、上海翻訳出版社は『創造性:フローと発見と発明の心理学』の中国語版を出版しました(ダニーはこの本についての読書メモをいくつか書いており、こちら1、2でご覧いただけます)。
ウェブサイトのユーザー エクスペリエンス デザイン (UE) は、いくつかの異なる領域に分けられます。
1. 基本的なバリアフリー体験 優れた UE では、ユーザーが障害を感じたり、迷ったり、誤解したり、ぎこちなく感じたりすることなく、Web サイトを使用できる必要があります。 UE デザイナーは、間違いを避け、ユーザーに考えさせる必要をできるだけ避けるようにする必要があります (考えさせないでください)。
2. タスクを効率的に完了する。基本的なミスを避けた後、優れた UE では、ユーザーが Web サイトを使用しながら最短時間でやりたいことを完了できるように、ユーザーがタスクを効率的に完了できるようにする必要があります。ユーザーが効率的にタスクを完了できる Web サイトでは、ユーザーはより多くの時間を投資できるようになります。 (例: Google.com)
3. 良い、楽しい体験を提供する UE を作成します。最高レベルは、ユーザーが Web サイトを使用するときに幸せを感じ、ユーザーが Web サイトに集中して、日常のパフォーマンスを超えるパフォーマンスを生み出し、潜在能力を活性化できるようにすることです。
この状態を目指して努力したらどうなるでしょうか? Jim Ramsey 氏の記事「Designing for Flow」にいくつかの答えがあります。以下はJunChenが翻訳したテキストの一部です。
1. 最初のステップは、ユーザーに対して明確な目標を設定し、製品で何を達成できるかを伝えることです。
2. すぐにフィードバックを提供します。ウェブサイトは、ユーザーが目標の達成度と目標からの距離を実感できるように、ユーザーを段階的にガイドする必要があります。
3. より効率的な設計。ユーザーが初心者から中級者、上級者にアップグレードすると、製品をより効果的に使用したいと思うようになります。
4. 検出を許可します。ユーザーが最高の効率で作業を開始すると、エンゲージメントが低下し、退屈が増加します。このような状況を回避するには、一部のコンテンツ、機能、特徴を非表示にして、ユーザーがそれらを見つけるのを待つ必要があります。ユーザーが学習と改善を継続できるようにし、常に新しいものがあることをユーザーに知らせます。

<<:  MySQLのSeconds_Behind_Masterの詳細な説明

>>:  よく理解しましたかタグ 定義方法 使用方法

推薦する

HTMLウェブページの基本概念の簡単な分析

ウェブページとは何ですか? HTML ドキュメントがブラウザカーネルによってレンダリングされた後に表...

Dockerでmysqlのルートパスワードを変更する方法

最初のステップはmysqlコンテナを作成することです docker exec -it コンテナID ...

Docker Secretの管理と使用の詳細な説明

1. Docker Secretとは1. シナリオ表示MySQL サービスなど、一部のサービスではパ...

JavaScript offsetParent のケーススタディ

1. offsetParentの定義: offsetParentは子要素に最も近い位置に配置された親...

Vueは完全な選択機能を実装しています

この記事の例では、完全な選択機能を実装するためのVueの具体的なコードを参考までに共有しています。具...

Docker Docker の保存場所を変更する コンテナイメージのサイズ制限を変更する操作

これは新しいバージョンではもう不可能なようで、推奨されません。そうでない場合は、ソフト リンクを直接...

JavaScript関数の詳細な紹介

任意の数のステートメントを関数を通じてカプセル化することができ、いつでもどこでも呼び出して実行できま...

MySQL の効率的なクエリの左結合とグループ化 (プラス インデックス)

mysql 効率的なクエリMySQL は、左結合の速度を上げるために group by を犠牲にし...

Docker のインストールと構成イメージの高速化の実装

目次DockerバージョンCentOS に Docker エンジンをインストールするシステム要件古い...

Reactを使用する際の7つの落とし穴のまとめ

目次1. コンポーネントの肥大化2. 状態を直接変更する3. プロパティは数値を渡す必要があるが文字...

ボックスモデルのサイズの詳細な説明は、パディング、マージン、境界の値によって異なります。

ボックス モデルは、要素ボックスの幅と高さ、パディング、境界線、余白のサイズを指定します。境界線の内...

CSS3 で背景の透明化と不透明テキストを実装するサンプルコード

最近、画像上に半透明の背景でテキストを表示する必要があるという要件に遭遇しました。その効果は次のよう...

新しく作成された MySQL ユーザーの % には localhost が含まれていますか?

通常の説明%はどのクライアントでも接続できることを意味しますlocalhostはローカルコンピュータ...

CentOS 7.5 に Docker をインストールする詳細なチュートリアル

Docker入門Docker は、アプリケーションをより速く配信するのに役立つオープンソースのコンテ...

Mysql テーブルコメントフィールド取得操作

余計なことは言わないで、コードだけ見てみましょう〜 -- テーブル内のフィールドコメントを表示および...