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

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

推薦する

Maven で tomcat8-maven-plugin プラグインを使用する詳細なチュートリアル

オンラインで多くの記事を検索しましたが、解決策は見つかりませんでした。次のように、tomcat7-m...

マップタグパラメータの詳細な紹介と使用例

マップ タグはペアで表示する必要があります。 <map> ....</map>...

MySQL 5.5 のインストールと設定のグラフィックチュートリアル

MySQL 5.5 のインストールと構成のチュートリアル ノートを整理し、全員と共有します。 1.公...

Web 開発 js 文字列連結プレースホルダーと conlose オブジェクト API の詳細な説明

目次プレースホルダーの置き換えコンソール印刷テーブル()ログ、情報、警告、エラーグループ()、グルー...

Ubuntu環境でxdebugをコンパイルしてインストールする方法

この記事では、Ubuntu 環境で xdebug をコンパイルしてインストールする方法について説明し...

CSS スタイルの読み込みの優先順位に関する経験の共有

昨日のプロジェクト開発中に、スタイルの読み込み優先順位に関する問題が発生しました。クラスは定義され、...

Nginx セッション共有問題の解決策の分析

この記事は主に、Nginx セッション共有の問題に対する解決策を紹介します。記事内のサンプル コード...

LinuxでifconfigとaddrがIPアドレスを表示できない問題を解決する

1. 仮想マシンにLinuxシステムをインストールし、仮想マシンを起動し、rootとパスワードを入力...

VMware 15.5 バージョンのインストール Windows_Server_2008_R2 システム チュートリアル図

1. VMware 15.5から新しい仮想マシンを作成する1. VMware を開き、ホームページで...

Oracle と MySQL の高可用性ソリューションの比較分析

Oracle と MySQL の高可用性ソリューションについては、以前からまとめたいと思っていたので...

Node.js mysqlクライアントが認証プロトコルをサポートしていない問題を解決する

序文mysql モジュール (プロジェクト アドレスは https://github.com/mys...

Vue3 のウォッチの使用方法とベストプラクティスガイド

目次序文🌟 1. APIの紹介2. 複数のデータソースの監視3. リスニングアレイ4. 監視対象5....

Windows環境でのMySQL 8.0.13無料インストールバージョンの設定チュートリアル

目次圧縮ファイルをダウンロードするアドレス: https://dev.mysql.com/downl...

カルーセルカルーセルケースのJS実装

この記事の例では、カルーセルカルーセルを実装するためのJSの具体的なコードを参考までに共有しています...

EDMをHTMLで記述する際の注意点まとめ(メール送信時の一般的な注意点)

フォーマットエンコーディング1. ページの幅は600~800px、長さは1024px以内に設定してく...