Design Sprint
A web application that runs Design Sprints affiliated with Google Design Sprint. It offers proven design methodologies and a collaborative workplace for the cross-functional team.
2019
Individual Project
Timeline 3 Weeks
Role User Research, UX Design, Visual Design, Prototyping, and User Testing
The Challenge
Design as an assistive tool for everyone.
​
To develop a digital product, designers team up with developers, researchers, and managers, those who are not familiar with design thinking. And you know, it is hard to get the team aligned when we don't understand each other. What if the folks are physically remote from each other? Like NY and SF. The situation will get even tougher.
This project started with one idea – What if we have an online design boot camp for the entire team?
Tailored sprint recipe
Find right design methodologies for your sprint in a flash
Getting a team aligned
Align a cross-functional team with design thinking to accelerate a project.
Web-based design exercises
A digital experience just like what you do with a pen and paper.
Pain points
Planning a sprint can be overwhelming
"It is hard to figure out what to do next for the sprint. Especially when most of the team do not have any experience in design process."
Not everyone is familiar with design thinking
"It is not like everyone in the team is designer. Sometimes I wish we can all go through the design process to have a better understanding of each other."
Working from
different locations
"Distance, time difference, those things make collaboration harder. Here I can just grab people and talk, but it's hard when they live in 6 hours flight distance."
User Needs and Design Solutions
User Need 1
Plan a sprint for me
Find users a sprint recipe that is tailored for them out of numerous design methodologies.
Design Solution
Custom sprint
The design sprint web app organizes the ideal set of design exercises for a sprint.
User Need 2
Get a team aligned
Grow design culture across the cross-functional team. Even when they are remote from each other.
Design Solution
Web-based design exercises
Invite a team to the design process. Practice proved design methodologies together in real-time.
User Need 3
Easy progress tracking
Users always go back and forth when they are completing solution sketches. What's the way to make their life easier?
Design Solution
Design version control
Edit solution sketches and manage versions in one place. Go back as much as you need with auto-backup.
Information Architecture
Based on the solution features, I mapped out the holistic UX framework of the product.
Field research
To design web-based design exercises, Identifying the key interactions involved in each design exercise was needed. To set a similar situation with a cross-functional team, I recruited two different cohorts for this study. One is a group with experience in a design process, and the other is relatively new to the design process.
* Research result follows after the wireframe.
Exercises
​
How might we practice, User journey mapping, Crazy 8’s.
Screener
​
A mix of people who has 1+ year of experience or equivalent education and has no or less than a year of experience in product design
Wireframe
With the findings from the research, the project started to get visible shape. Here is the one page of wireframes to show you how I design and make decisions.
Annotation
1. Side menu
​
a. Return to Google design sprint home
​
b. Track and manage sprint progress. Users can edit the sprint plan. * Make it collapsible to secure wider workspace.
2. Top bar
​
a. Return to project home
​
b. Check active member *Max number: 5. Show 'ico_more' when active members are more than 5 people
​
c. Search exercises, projects, and members * Disable search when the activity is online. * Or collapse the top bar
​
d. Manage account
​
e. Breadcrumbs to track the phase
3. Working area(Main)
​
a. Show exercise title
b. Show exercise category(Icon and text) and ID of the user who collected this exercise
​
c. Show starting date and time, duration, time left to start
​
d. Detailed information of the exercise. Click the button to see the exercise instruction. *Modal
​
e. Show and add participating members *Modal
Solution design and validation
Exercise 1.
The"How Might We" Note Taking
A. Original Exercise
B. Digital Transform
1) Exercise
How might we?
​
2) Behaviour
Writing HMW sentence while checking pain point.
​
3) UX Solution
Select pain point to post HMW sentence. Type the sentence and submit.
1) Exercise
How might we?
​
2) Behaviour
Grouping similar ideas
​
3) UX Solution
Drag and drop to group ideas.
Exercise 2.
User Journey Mapping
A. Original Exercise
B. Digital Transform
1) Exercise
User journey mapping
​
2) Behaviour
Writing an idea on a sticky note.
​
3) UX Solution
Create sticky note by clicking any blank area. Type task and hit enter to complete the note.
1) Exercise
User journey mapping
​
2) Behaviour
Sequencing the steps. Writing pain point of each steps.
​
3) UX Solution
Click any border of box to create new box. Click and hold to edit the order. Right click the box to add pain point
C. Validation
1) Pain point
​
Some of the participants felt typing less intuitive compared to handwriting. It appears to impact negatively on the ideation process.
2) Refinement
​
Desktop experience has limitations to embody handwriting interaction. Tablet gets the better of this feature. Thus the tablet UI is designed to be more intuitive to embody handwriting experience.
Tap anywhere on the artboard to create a new sticky note. Write the user journey step on the sticky note. To change the writing setting, tap the FAB on the bottom right corner.
Grace Oh is a UX/Product Designer based in NYC.