Mobile Design Flashcards
Who said this quote?
“Good design is obvious. Great design is transparent.”
Joe Sparano
Key differences of PC and Mobile
- Screen Size
- Interaction Methods
- Context of Use
- Performance and Connectivity
- User Goals and Behavior
Summary of Key Differences between Desktop and Mobile
Desktop vs Mobile
Complexity vs Simplicity
Detail vs Efficiency
Feature Richness vs Adaptability
User-Centered Design Key Principles
- Focus on the USER
- User Involvement
- Iterative Design
- Understanding Context
User-Centered Design Research Methods
- Interviews
- Surveys
- Observations
- Focus Groups
- Persona Creation
- User Stories
- Competitive Analysis
Prototyping Methods
- Wireframing
- Prototyping
- User Flow Diagrams
Design Evaluation and Testing Methods
- Usability Testing
- A/B Testing
- Heuristic Evaluation
- Cognitive Walkthrough
- Analytics
Define User Experience
How a person interacts with a product, service, or system. It encompasses a user’s thoughts, feelings, and actions.
UX vs UI
UX
* Usability Testing
* User Research
* User Stories
* Personas
UI
* Layout
* Visual Design
* Branding
UX -> Wireframes -> UI
Information Architecture
Context, Content, Users
Peter Morville’s UX Honeycomb
- credible
- useful
- usable
- valuable
- desirable
- accessible
- findable
Essential Mobile Design Principles
- Navigation
- Typography
- Color
- Visual Hierarchy
Example Tool in slides
Figma
User-Centered Design Research Methods
Developing fictional representations based on research data
Persona Creation
User-Centered Design Prototyping Methods
Low-fidelity sketches of the UI to define the layout and structure
Wireframing
User-Centered Design Prototyping Methods
- Creating interactive mockups of the product to simulate the user experience.
- Useful for testing design concepts and gathering user feedback.
Prototyping
User-Centered Design Prototyping Methods
- Visualizing the path a user takes to complete a task.
- Useful for identifying potential usability issues.
User Flow Diagrams
Visual Hierarchy
Users notice __________ elements more easily.
larger
Visual Hierarchy
__________ colors typically attract more attention than muted ones.
Bright
