Product Design
Dog Walking
Moblie App
My responsibility
- User research, interviews
- Paper and digital wireframes
- Low and High-fidelity prototyping
- Conducting usability study
- UI design
My role
Lead the App design from beginning to delivery
Why
Some local dog owners who don’t have enough time that needs someone to take care of and walk their loved dogs.
The Problem
How to reduce time on finding a dog walker you can trust. People sometimes are lazy or busy, even have no time spend on a Dog walk App.
How about others
There are a lot of applications for Dog walk and taking care. Some of them are doing well, covering everything you can imagine. After my research, they exposed the same shortcomings: The contents & information shown in App were crowded, and the user flow was weighty.
It determines that the screen size limit makes some operations difficult. One of the most representative things is picking a date. Click on a calendar table on such a small screen! There is a fact: our users are 100% using these apps on their mobile.
My goals
There is still a big gap and opportunity to change the user experience. To reduce the booking steps and times as much as possible.Make the user experience simple and smooth
About users
Team and I conduct some user interviews with local participants who is our potential users. We collect their feedback to sort out user pain points. After that, based on information we have, team conducted a brainstorm to determine the user pain points prioritization.
Quotes
Persona
Depends on the information I collected, I build our personas. They are representative of potential users.
User flow
When I start to build user flow, the top question to me was: How it makes user easy to achieve their goal? As I created the user flow I identified actions and decisions.
The user-centre questions in table:
What to make user to
trust the walker?
Which part will affect
the user's choice?
How to reduce time in
booking process?
Wireframes
After paper wireframes, I made the Mid-Fi digital prototype guide user to complete main flow.
Usability study
After paper wireframes, I made the Mid-Fi digital prototype guide user to complete main flow.
Think-aloud cognitive walkthrough
- Task 1: Ask user to complete booking process.
- Task 2: Ask user to search a dog walker.
Findings
- Many users think the process was easy to complete.
- Some user feels confused about certification.
- Some user feels the walker’s profile was incomplete.
Design system
Building a design system is one of the most rewarding things through design process
UI & Interaction Design
By collating user feedback from the prototype stage, I made some big changes in the UI design stage.
- I redesigned the Date select part and didn’t use the standard way; instead, with big slide blocks.
- Emphasize the certificate with more instructions and illustrations.
- Reduce the page information, and hide it in the ‘Profile’ button.
- Highlight essential information: price, number of dog walk times, etc.
Presenting a clean and simple user interface to the user always is my goal.
- Enough negative space to make more breath
- Layer information by the depth
- Consider mobile screen size limitations
Hi-Fi usability study
After finish most UI design, I made the Hi-fi interactive prototypes and conduct another usability study.
Findings
- Many users think the App is easy to use and has a friendly and clean interface.
- Some users didn't realize some left and right swipe actions.
- Many users feel confused about selecting a specific dog walk time.
- Some user feels that some hints are not prominent enough (such as a prompt to verify an email)
Think-aloud cognitive walkthrough
- Task 1: Ask the user to complete the booking process.
- Task 2: Ask the user to search and choose a dog walker.
- Task3: Ask the user what’s feeling about the app.
Update designs
- Give the user more filter options to find the walker
- Re-layout to make information more reasonable
- Add a slide bar button on the left top to let the user jump to another page and a red banner on the right top to remind the user of important information.
- Add 'Dots' below the images to remind the user to slide right and left.
- Change the Login' link to the CTA button so that the user can easily fin
Final Design
Home page
- Show Date, weather condition
- Event Banner
- The status of your order
- Discover the walkers around you
Find walker
- Easy & quick to choose time
- Hidden filter option
- Certificate badge
Walker page
- Reduce the information on the page
- Hide other details in the ‘Profile’ button
- Highlight key information:
price, number of dog walk times, etc
Chat-Schedule
- Schedule through the chat with walker
- Improve communication efficiency
Takeaway & Impact
The user pain points show up in different steps, you need keep to let user in the top of design. To find balance between visual and practicability is the key of good product. There is no final design, keep learning from your user.
Thank you for scrolling to the end
Copyright © 2022 Taony Liu. All rights reserved.
