UX and UI Design Principles: A Comprehensive Reference

User Experience (UX) and User Interface (UI)

User Experience (UX): Focuses on the overall experience of a user when interacting with a product or service, encompassing usability, accessibility, and desirability.

User Interface (UI): Deals with the design and interface elements with which the user interacts, including buttons, icons, spacing, typography, and color schemes.

The 7 Usability Factors (Peter Morville)

• Useful: The product serves a purpose and provides value.
• Usable: Easy to use and navigate.
• Findable: Easy to locate information within the product.
• Credible: Trustworthy and reliable.
• Desirable: Aesthetically appealing and engaging.
• Accessible: Usable by people with various disabilities.
• Valuable: Delivers value to both the business and the user.

Design Thinking (DT)

• Process: Empathize, Define, Ideate, Prototype, Test.
• Importance: Promotes innovative solutions, focuses on user needs, and encourages cross-functional teamwork.
• Goals: Ensure solutions are desirable, feasible, and viable.

User-Centered Design (UCD)

• Iterative Process: Involves repeated cycles of design, testing, and refinement.
• Phases: Understand context, specify requirements, develop solutions, and evaluate outcomes.
• Whole Experience: Considers the entire user experience and includes multidisciplinary teams.

User Stories

User stories are short statements about a feature, written from a user’s perspective. They do not spell out the exact feature but rather what the user aims to achieve, allowing agile teams to identify the best way to implement the feature.

Key Characteristics

• Collaborative Drafting: Ideally drafted with all stakeholders and informed by research.
• Common Format: Often single-line statements, e.g., “As a [user], I want [goal or action] so that [outcome or reason].”
• User Variety: Can be written from the perspective of end users, business stakeholders, partners, or employees.
• Problem-Oriented: Focuses on the user's problem or goal, not specific solutions or features.
• Supplementary Materials: May include personas, storyboards, or short movies, detailing users’ activities, thoughts, and emotions.
• Size and Scope: Should be small enough to fit into one sprint.
• Qualitative Research: Techniques like observations, contextual interviews, and ethnographic methods help in crafting accurate user stories.
• Acceptance Criteria: Conditions the feature must fulfill to be considered complete.

Example User Story

“As a [user], I want [goal or action] so that [outcome or reason].”

Possible Features

• Saving favorite restaurants.
• Sorting by location, reviews, or delivery times.
• Viewing recommendations by friends.

Stories should lead to measurable outcomes like increased profile completion rates or reduced payment flow errors.