Website User Experience Design (UE)

Website User Experience Design (UE)
I just saw a post titled "Flow Theory and Design" written by JunChen in Google Reader, which was shared through a Gtalk contact. He briefly introduces the article Designing for Flow by Jim Ramsey, the designer of Movable Type.
Csikszentmihalyi’s Flow theory (the Flow entry on Wikipedia is here) is sometimes translated as “flow”, sometimes as “flow”, and sometimes as “blissful experience”. Xiaorong prefers the translation "happiness experience". Csikszentmihalyi's personal homepage is here.
You can check out the introduction of Csikszentmihalyi’s book “Flow: The Psychology of Optimal Experience” on Amazon. The Chinese version of the book cannot be found on Douban. In 2001, Shanghai Translation Publishing House published the Chinese version of the book Creativity: Flow and the Psychology of Discovery and Invention (Danny wrote some reading notes about this book, which can be seen here 1, 2)
Website Users Experience Design (UE) can be divided into several different realms:
1. Basic barrier-free experience A good UE should allow users to use the website without feeling any obstacles, getting lost, misunderstanding, or feeling awkward. UE designers should try to avoid making mistakes and avoid making users think as much as possible (Don't make me think).
2. Complete tasks efficiently. After avoiding basic mistakes, a good UE needs to allow users to complete tasks efficiently, allowing users to finish what they want to do in the shortest time while using the website. A website that allows users to complete tasks efficiently will allow users to invest more time. (Example: Google.com)
3. Create a UE with a good and enjoyable experience. The highest level should be to make users feel happy when using the website, so that users will concentrate on it and create performance that exceeds their daily performance and activate their potential.
What if we work towards this state? Jim Ramsey's article Designing for Flow gives us some answers. The following is part of the text translated by JunChen:
1. The first step is to set clear goals for users and tell them what the product can accomplish;
2. Provide immediate feedback. The website must guide users step by step, so that users can feel the degree of completion of the goal and how far they are from the goal;
3. More efficient design. Once users upgrade from beginners to intermediate and expert users, they will want to use the product more effectively.
4. Allow discovery. When users start working at peak efficiency, their engagement decreases and boredom increases. To avoid these situations, you need to hide some content, functions, and features and wait for them to discover them. Allow users to continue learning and improving, and let them know that there is always new stuff.

<<:  Detailed explanation of MySQL's Seconds_Behind_Master

>>:  Have you carefully understood Tags How it is defined How to use

Recommend

Detailed tutorial on running Tomcat in debug mode in IDEA Maven project

1. Add the following dependencies in pom.xml <...

Axios secondary encapsulation example Demo in the project

1. Why do packaging? Facilitates overall code cal...

One minute to experience the smoothness of html+vue+element-ui

Technology Fan html web page, you must know vue f...

Detailed explanation of dynamically generated tables using javascript

*Create a page: two input boxes and a button *Cod...

Summary of basic knowledge points of Linux group

1. Basic Introduction of Linux Group In Linux, ev...

An in-depth introduction to React refs

1. What is Refs is called Resilient File System (...

Detailed explanation of MySQL table name case-insensitive configuration method

By default, MySQL in Linux distinguishes between ...

How to implement hot deployment and hot start in Eclipse/tomcat

1. Hot deployment: It means redeploying the entir...

A brief analysis of MySQL's lru linked list

1. Briefly describe the traditional LRU linked li...

How to mount a new disk on a Linux cloud server

background A new server was added in the company,...

Typical cases of MySQL index failure

Table of contents Typical Cases Appendix: Common ...

The difference between distinct and group by in MySQL

Simply put, distinct is used to remove duplicates...

Introduction to network drivers for Linux devices

Wired network: Ethernet Wireless network: 4G, wif...

How to use MySQL group by and order by together

Suppose there is a table: reward (reward table), ...