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

Design Process_ UXUI

Product Roadmap

Crisis Curve

Stakeholder Map

Strategic OKR Planning

Business Model

Kanban Framework

Team Retrospective

Reverse Brainstorming

Empathy Mapping

Affinity Diagram

Concept Map

Lean UX Canvas

Customer Journey

Information Architeture

Content Audit

Features Audit

UX Paradigm

💼 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

✨ Design 101

 
 
Screen Shot 2021-05-06 at 1.54.16 PM.png
Screen Shot 2021-03-03 at 5.29.49 PM.png
Screen Shot 2021-03-03 at 5.30.38 PM.png
Screen Shot 2021-03-03 at 5.30.13 PM.png

📜 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

Screen Shot 2020-07-15 at 2.38.29 PM.png

- 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

🧮 Data Synthesis - Qualitative and Quantitative data

 

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