How should we do design reviews?
Designers conduct reviews of other team’s designs, and product managers or engineers also check the designs of their own team.
In this scenario, we are going to review a design that came from another team. And I'll share what I keep in mind.
2. 2
UI/UX designer, Mercari (from Nov. 2018)
Shoko Morishita
What I'm working on
● UI/UX improvement projects
● Design System
● Design Review
Product design team holds regular MTG
to review each other's designs
5. 5
Q 1. Reduce wrong purchases on EC site
Current spec
Click the purchase button to
complete the purchase
Display a confirmation dialog
after clicking the purchase button
Solution
6. 6
Is this a good design?
How can we determine that?
7. 7
Q 1. Reduce wrong purchases on EC site
If you only look at the design,
the review will be about the appearance.
It's easier to understand
"AAA" instead of "BBB.
This color doesn't follow
the style rules.
8. 8
Thought flow for reviewing
What is
the issue?
1
The best solution
for the issue?
2
Appropriate UI
for the solution?
3
9. 9
Step 1 : What is the issue?
Review whether it is an essential issue
● What is happening?
○ Breaking down targets and phases
○ Quantitative/Qualitative research
■ What we can learn and think from it
● What is the hypothesis for the project?
10. 10
Q 1. Reduce wrong purchases on EC site
Current spec
Click the purchase button to
complete the purchase
Display a confirmation dialog
after clicking the purchase button
Solution
11. 11
Q 1. Reduce wrong purchases on EC site
I noticed that
it takes a long time to
ship after purchase..
I just tapped it
by mistake..
Appropriate solutions will vary depending on the issue.
Why do users purchase by mistake?
12. 12
Thought flow for reviewing
What is
the issue?
1
The best solution
for the issue?
2
Appropriate UI
for the solution?
3
1. Review whether it is an essential issue
13. 13
Q 2. Low completion rate of membership registration
Current spec
Many input fields on one page Make the registration flow
Step by Step
Solution
14. 14
Thought flow for reviewing
What is
the issue?
1
The best solution
for the issue?
2
Appropriate UI
for the solution?
3
15. 15
Step 2 : The best solution for the issue?
Review what is the best way to solve the issue
● Are the method and timing appropriate?
○ e.g. UI improvement within service, push notification, email, etc.
● Are there any inconsistencies with the overall product or
other features?
16. 16
Q 2. Low completion rate of membership registration
Many input fields on one page Make the registration flow
Step by Step
Solution
Current spec
17. 17
Q 2. Low completion rate of membership registration
Current spec
Many input fields on one page
● Is it possible to reduce
the number of input fields?
● Can we shift the timing
of the input?
Are there any other possible
solutions?
18. 18
Thought flow for reviewing
What is
the issue?
1
The best solution
for the issue?
2
Appropriate UI
for the solution?
3
2. Review what is the best way to solve the issue
19. 19
Step 3 : Appropriate UI for the solution?
Review whether the UI design is appropriate
● Is it easy to understand at a glance?
○ Is the information properly organized?
○ Are the expressions appropriate?
■ e.g. wordings, styles, etc.
● Is it consistent with the UI in the service?
20. 20
Thought flow for reviewing
What is
the issue?
1
The best solution
for the issue?
2
Appropriate UI
for the solution?
3
Will the design solve the issue?