ウェブサイトのユーザーエクスペリエンスデザイン(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の詳細な説明

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

推薦する

Centos は chrony 時間同期サーバー プロセス図を構築します

私の環境: 3 centos7.5 1804マスター 192.168.100.140ノード1 192...

Vue v-for ループを書く 7 つの方法

目次1. v-forループでは常にキーを使用する2. 特定のスコープ内でv-forループを使用する3...

Vue-cliフレームワークはタイマーアプリケーションを実装します

技術的背景このアプリケーションは vue-cli フレームワークを使用し、カスタム コンポーネント ...

Linux でのマルチスレッドおよびマルチプロセス クラッシュのシミュレーションに関する簡単な説明

結論:マルチスレッド環境では、スレッドの 1 つがクラッシュすると、他のスレッド (プロセス全体) ...

Nginx で複数のドメイン名がドメインをまたいでアクセスできるようにマップを使用する方法

一般的なNginx構成ではクロスドメインが可能 サーバー{ 11111 を聞いてください。 serv...

Web デザインにおける Less と More について語る (写真)

Less is More は多くのデザイナーのキャッチフレーズです。これは建築界の巨匠ルートヴィヒ...

JavaScript の基礎: スコープ

目次範囲グローバルスコープ関数のスコープもし、スイッチ、のために、その間ブロックスコープスコープチェ...

mysql5.7 の新しい json フィールド タイプの使用例の分析

この記事では、MySQL 5.7 で追加された json フィールド タイプの使用方法を例を使って説...

Linux カーネルプログラミングにおけるコンテナの of() 関数の紹介

序文Linux カーネルプログラミングでは、マクロ関数 container_of(ptr, type...

CSSはマウスが画像に移動したときにマスク効果を実現します

1.マスクレイヤーのHTMLコードと画像をdivに配置する.img_div に入れました。 <...

React プロジェクトにおける axios カプセル化と API インターフェース管理の詳細な説明

目次序文インストール導入環境の切り替え傍受を要求するレスポンスインターセプションAPIの統合管理要約...

音楽プレーヤーアプリ(アプリケーションソフトウェア)の分析と再設計 美しい音楽プレーヤーインターフェースの設計方法

無線インタラクションにずっと興味があったので、今回は実践してみようと思います〜この分析と評価は iO...

データベースを削除して逃げる?xtraback を使用して MySQL データベースをバックアップする方法

1. mysqldump バックアップ方法では論理バックアップが使用されます。最大の欠点は、バック...

シンプルなショッピングフォームを実装するJavaScript

この記事では、簡単なショッピングフォームを実装するためのJavaScriptの具体的なコードを参考ま...

CSS スタイルを変更してグレーの Web ページ (色なし、明るい白黒のみ) を実現するいくつかの方法

通常、清明節、国哀悼日、大地震の日、影響力のある偉人の死去または命日には、ウェブマスターとして、故人...