Skill, Methodology & Tool
I keep learning & practice theories & frameworks related to design, and flexibly select & applicate them according to the context and needs in the tasks.
Tools
1
Discover & Research phase
ACM Digital Library
HCI & Psychology Paper
ACM Digital Library
HCI & Psychology Paper
ACM Digital Library
HCI & Psychology Paper
Google Scholar
Research & Academic Paper
Google Scholar
Research & Academic Paper
Google Scholar
Research & Academic Paper
Nielsen & Norman
UXR/UXD knowledge
Nielsen & Norman
UXR/UXD knowledge
Nielsen & Norman
UXR/UXD knowledge
Interaction Design Foundation
(Member) UX/UI Knowledge
Interaction Design Foundation
(Member) UX/UI Knowledge
Interaction Design Foundation
(Member) UX/UI Knowledge
Heptabase
Ideation & Note
Heptabase
Ideation & Note
Heptabase
Ideation & Note
Chat GPT 4
Exploration & Reminder
Chat GPT 4
Exploration & Reminder
Chat GPT 4
Exploration & Reminder
2
Design Prepare phase
D.S. by Figma
D.S. building reference
D.S. by Figma
D.S. building reference
D.S. by Figma
D.S. building reference
Human Interaction Guidelines
High level D.S. reference
Human Interaction Guidelines
High level D.S. reference
Human Interaction Guidelines
High level D.S. reference
Refero Pro
real-word service reference
Refero Pro
real-word service reference
Refero Pro
real-word service reference
Ant Design
high complete D.S. and UI kit
Ant Design
high complete D.S. and UI kit
Ant Design
high complete D.S. and UI kit
Uizard AI
UI flow try & error
Uizard AI
UI flow try & error
Uizard AI
UI flow try & error
Chat GPT 4
Ideation & Reminder
Chat GPT 4
Ideation & Reminder
Chat GPT 4
Ideation & Reminder
3
Design Implementation phase
Figma
Collaboration design
Figma
Collaboration design
Figma
Collaboration design
Framer
Website design
Framer
Website design
Framer
Website design
Adobe Cloud
Ai, Id, Ps, Xd
Adobe Cloud
Ai, Id, Ps, Xd
Adobe Cloud
Ai, Id, Ps, Xd
Spline
3D & Animation design
Spline
3D & Animation design
Spline
3D & Animation design
Recraft AI
AI generative design
Recraft AI
AI generative design
Recraft AI
AI generative design
Procreate
Digital illustration
Procreate
Digital illustration
Procreate
Digital illustration
Methodology
0 to 1 Design Process
New Double Diamond framework
Diamond 1- Design the Right thing
Discover by Research
Observe and dig the context, problems and needs. Understand people and things by Behavirol mapping or contextul Inquiry.
Discover by Research
Observe and dig the context, problems and needs. Understand people and things by Behavirol mapping or contextul Inquiry.
Discover by Research
Observe and dig the context, problems and needs. Understand people and things by Behavirol mapping or contextul Inquiry.
Define by Synthesis
Find and organize insights & themes. Fully explore the fundamental needs and problems of the object. Use Affinity diagram / Thematic analysis
Define by Synthesis
Find and organize insights & themes. Fully explore the fundamental needs and problems of the object. Use Affinity diagram / Thematic analysis
Define by Synthesis
Find and organize insights & themes. Fully explore the fundamental needs and problems of the object. Use Affinity diagram / Thematic analysis
How Might We
Focus on insights, develop 1~3 HMW: How Might We (help users...). Human-oriented as the starting point for the next design phase.
How Might We
Focus on insights, develop 1~3 HMW: How Might We (help users...). Human-oriented as the starting point for the next design phase.
How Might We
Focus on insights, develop 1~3 HMW: How Might We (help users...). Human-oriented as the starting point for the next design phase.
Diamond 2- Design things Right
Develop by Ideation
Imagine various possibilities from HMW first, and then use frameworks like weighted matrix and research to focus on optimal solutions.
Develop by Ideation
Imagine various possibilities from HMW first, and then use frameworks like weighted matrix and research to focus on optimal solutions.
Develop by Ideation
Imagine various possibilities from HMW first, and then use frameworks like weighted matrix and research to focus on optimal solutions.
Deliver by Implementation
Design MVP for the best solution, test it with real users first, start get real responses from market In the process of service formation .
Deliver by Implementation
Design MVP for the best solution, test it with real users first, start get real responses from market In the process of service formation .
Deliver by Implementation
Design MVP for the best solution, test it with real users first, start get real responses from market In the process of service formation .
Feedback & Iteration
Collect user feedback and market reactions, conduct research and analysis on them, and make iterations with priorities again and again.
Feedback & Iteration
Collect user feedback and market reactions, conduct research and analysis on them, and make iterations with priorities again and again.
Feedback & Iteration
Collect user feedback and market reactions, conduct research and analysis on them, and make iterations with priorities again and again.
Redesign Process
Apply frameworks flexibly
QBQ / WPR
Find the deeper question behind the gived quesiton. What is this problem represent ed to be?
QBQ / WPR
Find the deeper question behind the gived quesiton. What is this problem represent ed to be?
QBQ / WPR
Find the deeper question behind the gived quesiton. What is this problem represent ed to be?
Interaction Map
Visually present architecture, contexts, interactions, main flow, and relationships with each other.
Interaction Map
Visually present architecture, contexts, interactions, main flow, and relationships with each other.
Interaction Map
Visually present architecture, contexts, interactions, main flow, and relationships with each other.
Comparative Analysis
Compare the service with similar or competing ones, analyze the pros and cons, and use them as reference.
Comparative Analysis
Compare the service with similar or competing ones, analyze the pros and cons, and use them as reference.
Comparative Analysis
Compare the service with similar or competing ones, analyze the pros and cons, and use them as reference.
Heuristic Evaluation
Identify problems with UX/UI, functions, etc. in services through appropriate guidelines.
Heuristic Evaluation
Identify problems with UX/UI, functions, etc. in services through appropriate guidelines.
Heuristic Evaluation
Identify problems with UX/UI, functions, etc. in services through appropriate guidelines.
Interview/ Survey
Know the user's goals, needs, behaviors. Find issues, opportunities and research goals.
Interview/ Survey
Know the user's goals, needs, behaviors. Find issues, opportunities and research goals.
Interview/ Survey
Know the user's goals, needs, behaviors. Find issues, opportunities and research goals.
Affinity/ Scenario
Organize the interview results to develop an affinity diagram to find insights.
Affinity/ Scenario
Organize the interview results to develop an affinity diagram to find insights.
Affinity/ Scenario
Organize the interview results to develop an affinity diagram to find insights.
Usability Test
Observe & analyze how users interact with the service, problems & challenges they encounter.
Usability Test
Observe & analyze how users interact with the service, problems & challenges they encounter.
Usability Test
Observe & analyze how users interact with the service, problems & challenges they encounter.
Kano analysis
Quantitatively understand users’ satisfaction and attitudes towards existing or new services
Kano analysis
Quantitatively understand users’ satisfaction and attitudes towards existing or new services
Kano analysis
Quantitatively understand users’ satisfaction and attitudes towards existing or new services
Look In
Understand the organization and industry to serve as a foundation and starting point.
Stakeholder Mapping
Mapping the key stakeholders and relationships. Gain foundational understanding of the business, context of project from them.
Stakeholder Mapping
Mapping the key stakeholders and relationships. Gain foundational understanding of the business, context of project from them.
Stakeholder Mapping
Mapping the key stakeholders and relationships. Gain foundational understanding of the business, context of project from them.
Secondary Research
Discover & learn from exsisting knowledge (what has been done) as much as I can, to identify the gaps and questions that matters.
Secondary Research
Discover & learn from exsisting knowledge (what has been done) as much as I can, to identify the gaps and questions that matters.
Secondary Research
Discover & learn from exsisting knowledge (what has been done) as much as I can, to identify the gaps and questions that matters.
Action Design Research
Identify the problem. 2nd pre-research/ Plan the research/ Act and collect data/ Observe and analyze data/ Reflect and iterate.
Action Design Research
Identify the problem. 2nd pre-research/ Plan the research/ Act and collect data/ Observe and analyze data/ Reflect and iterate.
Action Design Research
Identify the problem. 2nd pre-research/ Plan the research/ Act and collect data/ Observe and analyze data/ Reflect and iterate.
Look Out
Learn about TA and gain an understanding of their motivation, behavior and needs in order to design things right.
AEIOU & ORID framework
Observe the Action/ Environment/ Interation/ Object/ User. Interview with the structure of Objective/ Reflective/ Interpretive/ Decisional
AEIOU & ORID framework
Observe the Action/ Environment/ Interation/ Object/ User. Interview with the structure of Objective/ Reflective/ Interpretive/ Decisional
AEIOU & ORID framework
Observe the Action/ Environment/ Interation/ Object/ User. Interview with the structure of Objective/ Reflective/ Interpretive/ Decisional
Semi-structure Interview
Know and empathy the why and how is happening from users by talk to them deeply and flexibly with the outlines of the curiosities.
Semi-structure Interview
Know and empathy the why and how is happening from users by talk to them deeply and flexibly with the outlines of the curiosities.
Semi-structure Interview
Know and empathy the why and how is happening from users by talk to them deeply and flexibly with the outlines of the curiosities.
Semantic Analysis
Extract themes (users' motivastion, needs, pain points) by quantitatively coding what users said and identify the patterns among them.
Semantic Analysis
Extract themes (users' motivastion, needs, pain points) by quantitatively coding what users said and identify the patterns among them.
Semantic Analysis
Extract themes (users' motivastion, needs, pain points) by quantitatively coding what users said and identify the patterns among them.
Expand
Go broad, explore a multitude of possible solutions and directions.
Ideation/Design cards
Visualizing, unitizing, and porting knowledge & theoy base on cards, can greatly help the team link abstract ideas and discuss in a clear way.
Ideation/Design cards
Visualizing, unitizing, and porting knowledge & theoy base on cards, can greatly help the team link abstract ideas and discuss in a clear way.
Ideation/Design cards
Visualizing, unitizing, and porting knowledge & theoy base on cards, can greatly help the team link abstract ideas and discuss in a clear way.
Behavior Change strategy
Exploring strategies (espacially psychology) that can encourage TA change their behavior. e.g. Make the benefit of positive behavior clear.
Behavior Change strategy
Exploring strategies (espacially psychology) that can encourage TA change their behavior. e.g. Make the benefit of positive behavior clear.
Behavior Change strategy
Exploring strategies (espacially psychology) that can encourage TA change their behavior. e.g. Make the benefit of positive behavior clear.
Gamification
Apply game elements, e.g. task & reward, role play...etc., enhancing user engagement and motivation in non-game environments.
Gamification
Apply game elements, e.g. task & reward, role play...etc., enhancing user engagement and motivation in non-game environments.
Gamification
Apply game elements, e.g. task & reward, role play...etc., enhancing user engagement and motivation in non-game environments.
Focus
Narrow and refine the direction. Who is the user? What roles we play? What are the key oppurtunities?
Journey Map/ Ecosystem
Visualize and have a complete picture of the user's end to end experience and interaction. Find bottlenecks and opportunities among the diagram.
Journey Map/ Ecosystem
Visualize and have a complete picture of the user's end to end experience and interaction. Find bottlenecks and opportunities among the diagram.
Journey Map/ Ecosystem
Visualize and have a complete picture of the user's end to end experience and interaction. Find bottlenecks and opportunities among the diagram.
Service Blueprints
UJM goes widely, SB goes deeply. More focus on internal stakeholders, system, nodes and policies, not only what user can reached.
Service Blueprints
UJM goes widely, SB goes deeply. More focus on internal stakeholders, system, nodes and policies, not only what user can reached.
Service Blueprints
UJM goes widely, SB goes deeply. More focus on internal stakeholders, system, nodes and policies, not only what user can reached.
The Golden Circle
Anchor the direction of action through inside out guidance from 3 questions: Why is that so important to?, How can this be done?, What to do?
The Golden Circle
Anchor the direction of action through inside out guidance from 3 questions: Why is that so important to?, How can this be done?, What to do?
The Golden Circle
Anchor the direction of action through inside out guidance from 3 questions: Why is that so important to?, How can this be done?, What to do?
Look Ahead
From "What is" to "What could be". Setting the design direction and find tools to build.
Design Sprint
Generate solutions from Persona, challenge and scenario without too many details. Saving time & money by rapidly create testable MVP.
Design Sprint
Generate solutions from Persona, challenge and scenario without too many details. Saving time & money by rapidly create testable MVP.
Design Sprint
Generate solutions from Persona, challenge and scenario without too many details. Saving time & money by rapidly create testable MVP.
Participatory Design
Gather materials to construct a design study with participants(users), guide them express their own desire and what the ideal service could be.
Participatory Design
Gather materials to construct a design study with participants(users), guide them express their own desire and what the ideal service could be.
Participatory Design
Gather materials to construct a design study with participants(users), guide them express their own desire and what the ideal service could be.
Wizard of Oz
Early test about concepts and user interaction with vivid moderating by testers behind the scenes. Especially suitable for Human ideas.
Wizard of Oz
Early test about concepts and user interaction with vivid moderating by testers behind the scenes. Especially suitable for Human ideas.
Wizard of Oz
Early test about concepts and user interaction with vivid moderating by testers behind the scenes. Especially suitable for Human ideas.
Creating Fundamental
12 Elements of Beauty
Unity
Simplicity
Form
Design
Proportion
Rhythm
Color
Value
Light
Subject
Technique
Texture
Skills overview
UX Research
ADR (Action Design Research)
AEIOU observation framework
ORID questioning framework
Behavior change strategy
Comparative Analysis
Affinity / Semantic Analysis
Semi-structure interview
HAI research / Wizard of Oz
UX/UI Design
Participatory design
Ideation / design card
Lo/Hi-fi, interactive prototype
Agile iteration
Heuristic Evaluation
Usability test / SUS / Kano model
Design system with Token
React UI: Ant design / Tailwind
Overall
Culture-based interface
Gamification
Elderly's exercise service
Visual communicate design
Service design
Illustration / Art
New Double Diamond
Service Ecosystem
Skills overview
UX Research
ADR (Action Design Research)
AEIOU observation framework
ORID questioning framework
Behavior change strategy
Comparative Analysis
Affinity / Semantic Analysis
Semi-structure interview
HAI research / Wizard of Oz
UX/UI Design
Participatory design
Ideation / design card
Lo/Hi-fi, interactive prototype
Agile iteration
Heuristic Evaluation
Usability test / SUS / Kano model
Design system with Token
React UI: Ant design / Tailwind
Overall
Culture-based interface
Gamification
Elderly's exercise service
Visual communicate design
Service design
Illustration / Art
New Double Diamond
Service Ecosystem