Product Design 02 - User Experience Design: The Journey from Usable to User-Friendly
Usability is the baseline; ease of use is the goal. Truly excellent user experience allows users to complete tasks without even realizing it.
Three Levels of User Experience
User Experience is not synonymous with interface design. It encompasses three progressive levels:
Level One: Usable
The product functions correctly, and users can complete basic tasks. This is the minimum requirement, yet many products fail to even achieve this step.
Metrics for Usability: - Can users find the entry points for core functions? - Is the completion rate for critical tasks up to standard? - Can users be guided to recover when errors occur?
Level Two: Easy to Use
Users can complete tasks easily and efficiently, with no learning curve.
Characteristics of Easy-to-Use Design: - Aligns with the user’s mental model - Short and intuitive operation paths - Timely and clear feedback
Level Three: Delightful
Goes beyond functional aspects to emotionally resonate with users.
Manifestations of Delightful Design: - Appropriate animations and micro-interactions - Unexpected thoughtful details - Consistent and high-quality visual language
Nielsen’s Ten Usability Heuristics
The ten usability heuristics proposed by Jakob Nielsen are the cornerstone of user experience design:
| # | Principle | Description | Example |
|---|---|---|---|
| 1 | Visibility of System Status | Keep users informed about what is happening | File upload progress bar |
| 2 | Match Between System and the Real World | Use language and concepts familiar to users | Shopping cart, bookmarks |
| 3 | User Control and Freedom | Provide the ability to undo and redo | Gmail’s undo send |
| 4 | Consistency and Standards | Maintain consistency in interface elements and behaviors | Uniform button styles and positions |
| 5 | Error Prevention | Prevent errors from occurring through design | Confirmation dialog before deletion |
| 6 | Recognition Rather Than Recall | Minimize user memory load | Search history, recently opened items |
| 7 | Flexibility and Efficiency of Use | Accommodate both novice and expert users | Keyboard shortcuts, gesture controls |
| 8 | Aesthetic and Minimalist Design | Remove unnecessary information interference | Google homepage |
| 9 | Help Users Recognize, Diagnose, and Recover from Errors | Clear error messages and solution suggestions | Form validation prompts |
| 10 | Help and Documentation | Provide easily searchable help when necessary | Contextual hints, guided tutorials |
Common User Experience Problems and Solutions
Problem One: Cognitive Overload
Users face too much information and are unable to make decisions.
Solutions: - Progressive disclosure: Display information on demand, not all at once - Grouping and hierarchy: Organize information using visual hierarchy - Sensible defaults: Make initial choices for users
Problem Two: Operational Disorientation
Users don’t know what to do next.
Solutions: - Clear calls to action (CTAs) - Step indicators to show progress - Empty states to guide users to start
Problem Three: Waiting Anxiety
Long loading times lead to user impatience.
Solutions: - Skeleton Screen instead of traditional loading - Optimistic updates: Show results first, synchronize in the background - Progress indicators: Provide expectations during waiting
User Experience Metrics
Good user experience requires quantitative measurement:
Behavioral Metrics
- Task Completion Rate: Whether users can complete target operations
- Task Time: How much time is needed to complete a task
- Error Rate: Frequency of errors during operation
- Click Depth: How many clicks are needed to reach the target page
Attitudinal Metrics
- NPS (Net Promoter Score): Whether users are willing to recommend the product
- SUS (System Usability Scale): Standardized usability score
- CSAT (Customer Satisfaction): User satisfaction with the experience
Business Metrics
- Retention Rate: Whether users continue to use the product
- Conversion Rate: Whether users complete business goals
- Support Ticket Volume: Frequency of users encountering problems
Design Review Checklist
After each design is completed, use this checklist to review:
- [ ] Is the core task path within 3 steps?
- [ ] Does each page have only one primary call to action?
- [ ] Have loading states, empty states, and error states all been considered?
- [ ] Is the copy concise and understandable to users?
- [ ] Is interaction feedback timely?
- [ ] Is the experience consistent across different devices?
- [ ] Has accessibility been considered?
In Conclusion
The essence of user experience design is the practice of empathy. When you truly think from the user’s perspective, many design decisions become obvious. Don’t blindly follow methodologies, and don’t overdesign – the best experience is often the simplest one.