UX UI
Consults
Structuring
Goals
Initial Assessment Deliverables Scope Management
UX UI
Audits
Heuristic Evaluation
User Flow Analysis Competitive Analysis Accessibility & UI Audit Reporting
Visibility of System Status User Control Consistency Error Prevention Recognition Flexibility Interface Errors Help
Everyday Design
UX UI Gestalt Principles
Proximity - Grouping
Continuity - Movement
Similarity - Consistency
Closure - Gaps
Common Region - Together
Why Important
Prevents C ognitive Load Improves U sability & Scanning Strengthens Visual Hierarchy Enhances Structure & Organization
Which model to use?
UX UI Design
Designer
Conceptual Mental Models?
User
Conceptual Mental Models?
Both!
Consider Design Principles
Affordances
Signifiers
Feedback
Constraints
Fundamentals | Flexible | Data Driven
Pareto Principle UX
Focus on Core Functionality
Streamline Data/Analytics
Prioritize
Critical Flows
Simplif
Forms
Optimize
High-Traffic Areas
Fundamentals | Flexible
UX Golden Rules
Fundamentals | Flexible
UI Essential Principles
Progressive Disclosure Consistency Contrast Proximity Alignment
-
Web Content | Accessibility Guidelines Mandatory International Standard WCAG 2.1 AA | AAA
Digital Accessibility (Web Content, Apps, Devices)
Used by: Tech Giants
SaaS
Digital Platforms
Financial
E-commerce
Service Providers
Public Sectors
-
Web Content | Accessibility Guidelines Current International Standard WCAG 2.2 AA | AAA
Digital Accessibility (Web Content, Apps, Devices)
Used by: Public Sectors
UI Design Systems
UI Design Systems - GDS
GDS
Gov.UK Design System
Government Digital Service
Updated Service Standard - 2019
UI Design Operating SystemS - HIG
iOS
International Organization for Standardization
Used First
UI Design Operating Systems - MATERIAL 3 DESIGN
Android
International Organization for Standardization
Used More