User interface - Design Considerations and Quality
Understand key UI design considerations, essential quality principles, and the user‑experience honeycomb framework.
Summary
Read Summary
Flashcards
Save Flashcards
Quiz
Take Quiz
Quick Practice
What do personas represent in the design process?
1 of 17
Summary
Design Considerations and Principles for User Interfaces
Introduction
User interface design requires balancing multiple considerations to create experiences that work well for real people. Designers must account for how humans physically interact with systems, how our minds process information, and what methods can systematically guide design decisions. This section explores the key frameworks and principles that guide effective UI design.
Ergonomics and Psychology in Design
Good UI design rests on understanding two fundamental aspects of human nature: our physical capabilities and our mental processes.
Ergonomics addresses the physical dimension. Designers must ensure that interfaces fit within human capabilities—buttons should be reachable, text should be readable, and interaction methods should match hand size and dexterity. When an interface ignores ergonomics, even a well-designed system becomes frustrating to use.
Psychology addresses the mental dimension. Our brains process information in specific ways: we recognize patterns, we have limited working memory, and we make decisions based on mental models we've developed through experience. A psychologically sound interface aligns with these cognitive processes rather than fighting against them.
Together, ergonomics and psychology form the foundation for all subsequent design decisions.
Interaction Specification Methods
Before building an interface, designers need systematic ways to understand who will use it and how they'll interact with it. Several complementary methods accomplish this:
User-centered design places the actual end user at the heart of decision-making. Rather than designing for an imagined "average user," designers actively involve real users throughout the design process, observing their behavior and gathering their feedback.
Personas are detailed descriptions of typical users created from research data. A persona might describe "Sarah, a 35-year-old manager who uses email constantly but rarely explores advanced features." Personas help designers maintain focus on real user needs rather than adding unnecessary features. They serve as concrete reference points when the design team debates choices.
Activity-oriented design examines how users actually perform tasks in real-world contexts, not in controlled laboratory settings. This approach recognizes that context matters enormously—how someone uses software at work differs dramatically from home use.
Scenario-based design creates realistic narratives that walk through user interactions step-by-step. For example: "Maria opens the app on her phone during her lunch break. She needs to quickly check her balance before heading to the store." These narratives make abstract design discussions concrete and help teams spot usability problems.
Resiliency design specifically addresses error conditions. Rather than assuming users will follow happy-path scenarios perfectly, resilient interfaces anticipate mistakes and include recovery mechanisms. This connects to the principle of forgiveness, discussed later.
Interface Software Specification Methods
Two key methods help translate user needs into specific system behaviors:
Use cases describe typical sequences of user actions paired with system responses. A use case might read: "User enters payment information → System validates format → System processes charge → System displays confirmation." Use cases create shared understanding between designers and developers about what the system should do.
Interaction protocols are rules that constrain what actions are possible at any moment. For example, a protocol might specify that the "Submit" button becomes disabled until required fields are completed. These constraints prevent users from reaching error states in the first place, which is far more elegant than requiring error recovery.
Prototyping Practices
Before committing to a full implementation, designers build prototypes—simplified versions of the interface that explore specific design questions. Modern prototypes are typically assembled from libraries of pre-built elements including controls (buttons, text fields, sliders), decorations (dividers, backgrounds), and widgets (calendars, progress bars, dropdown menus).
These libraries exist because certain interface patterns have proven effective through extensive use. Rather than reinventing solutions, designers reuse these tested components while focusing creative energy on novel aspects of their design.
Prototyping serves a critical purpose: it allows designers to test usability before expensive full implementation. Testing even a rough prototype with real users reveals problems that would otherwise only appear after launch—when fixing them becomes far more costly.
Principles of Quality for User Interfaces
Beyond the methodologies for creating interfaces, certain principles distinguish genuinely good design. A high-quality interface exemplifies these characteristics:
Clarity eliminates ambiguity through precise language, logical flow, and well-defined visual hierarchies. When users encounter unclear language, confusing organization, or visual chaos, they waste cognitive effort interpreting the interface rather than focusing on their task. Clear design gets out of the way.
Concision presents only the information the user needs at that moment. Overloading users with options or information creates cognitive burden. The best interfaces show just what's necessary now, with additional features accessible when needed.
Familiarity uses real-world metaphors and conventions so that new users can quickly recognize function. A trash can icon for deletion works because users understand what trash cans represent in physical space. Unfamiliar designs force users to learn arbitrary conventions.
Responsiveness provides immediate feedback that the user's input was received and processed. When you click a button and nothing happens for two seconds, uncertainty arises: did the system register my click? A responsive interface eliminates this doubt through instant confirmation.
Consistency allows users to transfer knowledge across different parts of an application. When buttons look and behave the same way throughout an app, users develop accurate mental models that apply everywhere. Inconsistent design forces constant relearning.
Aesthetics makes the experience more enjoyable. While aesthetics alone doesn't make a good interface, aesthetic appeal increases user satisfaction and can influence how users perceive functionality. Beauty matters alongside function.
Efficiency reduces time required to complete tasks through shortcuts and streamlined workflows. Keyboard shortcuts, progressive disclosure (showing advanced options only when needed), and automation of repetitive tasks all increase efficiency.
Forgiveness allows users to recover from mistakes without penalty. The classic "undo" function exemplifies forgiving design—users can explore confidently knowing they can reverse mistakes. Designs that punish errors create anxiety.
Design Principles and Models
Beyond individual quality attributes, several overarching principles guide interface design:
The Principle of Least Astonishment
This principle states that an interface should behave in ways that minimize surprise for the user. When behavior aligns with user expectations, the interface feels intuitive. When behavior violates expectations, even if logically defensible, users experience friction.
For example, most users expect that clicking the browser back button returns them to the previous page. A system that used the back button for something unexpected would violate this principle and frustrate users.
The Principle of Habit Formation
Repeated use of an interface naturally leads users to develop habits—automatic, unconscious patterns of interaction. Designers should intentionally shape these habits to be beneficial rather than accidental.
Consider how muscle memory develops: if a commonly-used button is always in the same location, users eventually click it without conscious thought. Conversely, if button locations change inconsistently, users never develop helpful habits and remain dependent on conscious attention.
The User Experience Honeycomb Framework
The User Experience Honeycomb is a widely-used framework that identifies seven interconnected dimensions of quality. These dimensions should all be present in excellent interface design:
Useful means the interface fulfills a genuine need for the user. No amount of beautiful design can salvage a feature nobody needs.
Usable means the interface is easy to learn and straightforward to operate. Users should accomplish tasks without extensive training or documentation.
Desirable means the interface is attractive and provides a pleasant experience. Users should want to spend time with the interface rather than resenting necessary use.
Findable means information is easy to locate and navigation is intuitive. Users should find what they need without extensive searching or memorizing cryptic pathways.
Accessible means the interface works for users with disabilities. This includes supporting enlarged text for vision impairments, keyboard-only navigation for motor impairments, and screen reader compatibility for blindness. Accessibility isn't an afterthought—it's integral to good design.
Credible means the interface conveys trustworthiness, security, and transparency. Users need confidence that their data is safe and that the system operates with integrity.
Valuable means the overall experience delivers value that users recognize and appreciate. Value might be practical (saving time), emotional (enjoyment), or relational (connection with others).
These seven dimensions are interconnected: a useful but inaccessible interface fails; a beautiful but unusable interface frustrates. Excellence requires attention to all dimensions simultaneously.
Flashcards
What do personas represent in the design process?
Typical users used to guide design decisions.
What does activity-oriented design examine?
How users perform tasks in real contexts.
What is the goal of resiliency design for interfaces?
To ensure interfaces remain usable under error conditions.
What do use cases describe in software specification?
Typical sequences of user actions and system responses.
How do interaction protocols help avoid user errors?
By constraining possible actions.
What information does a concise interface present to the user?
Only the information needed at a given moment.
How do familiar elements help new users recognize functions quickly?
By using real-world metaphors.
What defines a responsive interface?
It provides immediate feedback that input has been received and processed.
What is the core idea of the principle of least astonishment?
The interface should behave in a way that minimizes surprise for the user.
According to the principle of habit formation, what should designers do regarding user habits?
Shape habits so that they are beneficial to the user.
What are the seven facets of the User Experience Honeycomb framework?
Useful
Usable
Desirable
Findable
Accessible
Credible
Valuable
In the UX Honeycomb, what does it mean for an interface to be 'Useful'?
It fulfills a genuine need for the user.
In the UX Honeycomb, what does it mean for an interface to be 'Usable'?
It is easy to learn and simple to operate.
In the UX Honeycomb, what defines a 'Desirable' interface?
It is attractive and provides a pleasant experience.
In the UX Honeycomb, what defines a 'Findable' interface?
Information is easy to locate and navigate.
How is 'Credibility' conveyed in the UX Honeycomb framework?
Through trustworthiness, security, and transparency.
In the UX Honeycomb, what does 'Valuable' refer to?
The overall experience delivers value that users recognize and appreciate.
Quiz
User interface - Design Considerations and Quality Quiz Question 1: Which design consideration focuses on matching the interface to users' physical capabilities?
- Ergonomics (correct)
- Psychology
- Aesthetics
- Consistency
User interface - Design Considerations and Quality Quiz Question 2: Which design approach emphasizes the needs and preferences of the end user?
- User‑centered design (correct)
- Scenario‑based design
- Activity‑oriented design
- Resiliency design
User interface - Design Considerations and Quality Quiz Question 3: In UI design, what term refers to fictional representations of typical users?
- Personas (correct)
- Use cases
- Prototypes
- Scenarios
User interface - Design Considerations and Quality Quiz Question 4: What design technique creates narrative stories to illustrate user interactions?
- Scenario‑based design (correct)
- Persona design
- Ergonomic design
- Accessibility design
User interface - Design Considerations and Quality Quiz Question 5: What specification method describes typical sequences of user actions and system responses?
- Use cases (correct)
- Interaction protocols
- Prototypes
- Scenarios
User interface - Design Considerations and Quality Quiz Question 6: Which method constrains possible user actions to prevent errors?
- Interaction protocols (correct)
- Use cases
- Personas
- Activity‑oriented design
User interface - Design Considerations and Quality Quiz Question 7: What primary benefit does prototyping provide designers?
- Testing usability before full implementation (correct)
- Defining visual hierarchies
- Ensuring accessibility compliance
- Creating detailed interaction protocols
User interface - Design Considerations and Quality Quiz Question 8: Which quality principle aims to eliminate ambiguity through precise language and logical flow?
- Clarity (correct)
- Concision
- Consistency
- Efficiency
User interface - Design Considerations and Quality Quiz Question 9: Which quality attribute uses real‑world metaphors so new users can quickly recognize functions?
- Familiarity (correct)
- Aesthetics
- Consistency
- Responsiveness
User interface - Design Considerations and Quality Quiz Question 10: Which quality characteristic reduces task completion time by offering shortcuts?
- Efficiency (correct)
- Responsiveness
- Consistency
- Concision
User interface - Design Considerations and Quality Quiz Question 11: The principle of least astonishment advises designers to minimize what?
- User surprise (correct)
- Visual clutter
- Loading time
- Interaction steps
User interface - Design Considerations and Quality Quiz Question 12: Repeated use of an interface leads to habit formation; designers should aim to shape habits that are what?
- Beneficial (correct)
- Complex
- Unpredictable
- Obscure
User interface - Design Considerations and Quality Quiz Question 13: In the UX honeycomb, which facet describes meeting a genuine user need?
- Useful (correct)
- Usable
- Desirable
- Valuable
User interface - Design Considerations and Quality Quiz Question 14: Which honeycomb facet emphasizes ease of learning and simple operation?
- Usable (correct)
- Useful
- Findable
- Credible
User interface - Design Considerations and Quality Quiz Question 15: What honeycomb attribute refers to an attractive and pleasant user experience?
- Desirable (correct)
- Usable
- Accessible
- Forgiving
User interface - Design Considerations and Quality Quiz Question 16: Which UX honeycomb element focuses on making information easy to locate?
- Findable (correct)
- Useful
- Valuable
- Consistent
User interface - Design Considerations and Quality Quiz Question 17: Which honeycomb quality conveys trustworthiness and transparency?
- Credible (correct)
- Useful
- Findable
- Efficient
User interface - Design Considerations and Quality Quiz Question 18: In the UX honeycomb, which facet relates to delivering overall value recognized by users?
- Valuable (correct)
- Usable
- Desirable
- Accessible
User interface - Design Considerations and Quality Quiz Question 19: Which quality principle aims to reduce visual clutter by showing only the information needed at each step?
- Concision (correct)
- Consistency
- Responsiveness
- Aesthetics
User interface - Design Considerations and Quality Quiz Question 20: Which quality principle helps users apply what they learned in one part of an app to another part?
- Consistency (correct)
- Aesthetics
- Responsiveness
- Forgiveness
User interface - Design Considerations and Quality Quiz Question 21: Which UI quality is concerned with making the interface visually attractive and enjoyable?
- Aesthetics (correct)
- Consistency
- Concision
- Responsiveness
User interface - Design Considerations and Quality Quiz Question 22: Which of the following is an example of a forgiving feature in a user interface?
- Undo button (correct)
- Complex nested menus
- Bright color scheme
- Mandatory form submission
User interface - Design Considerations and Quality Quiz Question 23: Which of the following is an example of a responsive interface providing immediate feedback?
- A loading spinner appears right after the user clicks a button (correct)
- The application saves the user's settings when it is closed later
- The color scheme changes automatically based on the time of day
- User data is backed up to the cloud during nightly maintenance
Which design consideration focuses on matching the interface to users' physical capabilities?
1 of 23
Key Concepts
Design Principles
User‑centered design
Principle of least astonishment
Consistency (interface design)
User Interaction
Human–Computer Interaction
User experience honeycomb
Accessibility (web)
Design Process
Ergonomics
Persona (design)
Use case
Prototyping (software)
Definitions
Ergonomics
The scientific discipline concerned with designing equipment and environments to fit human physical capabilities and limitations.
Human–Computer Interaction
The interdisciplinary field studying the design and use of computer technology focusing on the interfaces between people and computers.
User‑centered design
A design philosophy and process that prioritizes the needs, preferences, and limitations of end users throughout development.
Persona (design)
A fictional, archetypal user profile created to represent a target audience and guide design decisions.
Use case
A textual description of a system’s behavior as it responds to a user’s actions to achieve a specific goal.
Prototyping (software)
The creation of early, interactive models of a user interface to evaluate usability before full implementation.
Principle of least astonishment
A usability guideline stating that software should behave in a way that minimizes surprise for users.
User experience honeycomb
A framework that defines seven facets of good UX: useful, usable, desirable, findable, accessible, credible, and valuable.
Accessibility (web)
The practice of designing digital content so that it can be perceived, understood, and used by people with diverse abilities.
Consistency (interface design)
The practice of applying uniform visual and interaction patterns across a system to enable predictable user behavior.