Design Process
Just in case you're curious about my design process :)
#UX # UI #HeuristicEvaluation #UserResearch #ContextualResearch #Interview #Competitor Analysis #SWOT Analysis #Creative #Strategy #Wireframe #Flowchart #Sitemap #ContentStrategy
#Figma #Principle #InVision #Abstract #Adobe
👩🏼💻 Overall
💼 Kick-off Meeting
Starting the UX process - Project kick-off meeting help me get together with the client when a project starts. I do them to make the project start as smooth and fast as I can.
- Acquire domain knowledge
- Get the stakeholders and the design team on the same page
- Explain UX process and challenges
- Create a detailed project plan
- Build trust
📜 Research Canvas
A framework for designing & aligning the DNA of my research study
- Brand Persona
- SMART Product Goals: Specific, Measurable, Achievable, Relevant, and Time-Bound
- Fears & Obstacles
- Assumptions & Hypotheses
- Features Prioritization
- Competitors Analysis & SWOT Analysis
- User Journey featuring Jobs To Be Done
- Brand Analysis, Strategy, System
- Downloaded and tried the existing app/ product/ platform
📊 SWOT Analysis & Competitors Analysis
SWOT Analysis is a strategic planning technique used to help us identify Strengths, Weakness, Opportunities, and Threats.
🧠 Interviews & Observations - Empathize with the users
Interviews and Observations are field study methods like contextual inquiries.
- To inform Personas, Journey Maps, Feature Ideas, Workflow Ideas
- To enrich a contextual inquiry study by supplementing observation with descriptions of tools, processes, bottlenecks, and how users perceive them
- At the end of a interview/usability test, to collect verbal responses related to observed behaviors
👀 Observations - Journey Map / POEMS
POEMS stands for People, Objects, Environments, Messages, and Services. This exercise provides a simple framework for quick and surprisingly deep user observation.
- People: The demographics, roles, behavioral traits, and quantity of people in the environment
- Objects: The items the people are interacting with, including furniture, devices, machines, appliances, tool, etc
- Environments: Observations about the architecture, lighting, furniture, temperature, atmosphere, etc
- Message: The tone of the language or commonly used phrases in tag lines, social/professional interactions, and/or environmental messages
- Services: All services, apps, tools, and frameworks used
🧮 Processing Data and Findings
Find the story & focus in the data
- The big picture
- Structure
- BrainStorm
- White Board
- Ideation
- User Flow & Use Case
- Insights & Opportunities
- Define the problem
- Identifying the users' needs
- Ideate
- Generating ideas for design
💡 Insights & Opportunities / Design Criteria
🦄 User Persona & User Journeys & Storyboards
⛓ Sitemap - User Task Flows - Information Architecture - Content Planning/Strategy
📆 Project Deliverables Template
📰 Implement - Low-Fidelity Wire w/ Prototypes - User Testing
User Testing
- Heuristic Evaluation & Cognitive Walkthrough
- Card Sorting
- A/B Testing - P=()y/x+10*y/w)*2^z)*10 - P: Task Performance; x: # of clicks; y: succeed(1) / fail(0); z: direct(1) / indirect(0); w: time
🧬 Mood Board - Style Guide - Atomic-Design System
Mood Board ⇢ Guide Words ⇢ Style Guide ⇢ Wireframe ⇢ Design System
Atomic - Design System
- Molecules
- Organisms
-Templates
- Pages
📲 High-Fidelity Wire w/ Prototypes - User Testing
Evaluation Deliverables - Usability Report
Satisfaction - usability, accessibility, and pleasure provided in the interaction with the product
📖 Reference
Nielsen, J. and Molich, R. (1990). Heuristic evaluation of user interfaces. Proc. ACM CHI’90 Conf. (Seattle, WA, April1- 5).
Lewis, C. Polson, P, Wharton, C. & Rieman, J. (1990) Testing a Walkthrough Methodology for Theory-Based Design of Walk-Up-and-Use Interfaces CHI ’90 Proceedings.
David G. Novick . Tasha Hollingsed. (2007) Usability inspection methods afer 15 years of research and practice. Departmental Papers (CS). University of Texas at El Paso.