top of page
Case study
Ur flower
Project overview
The product
The Ur flower app is created for people to choose what flower they want and help them design their flowers.
Project duration
Oct.2021 to Jan 2011
My role
ead UX designer, UX researcher
The problem
To people who lack the knowledge of design but still want to make their flowers.
The goal
I wish people can feel peace and happiness while designing their flowers.
Responsibilities
user research, wireframing, prototyping,
ideate, design.
Understanding the user
I ask both males and females about my app design. Males think about how many suppliers there should be while females think about how many examples they can learn from.
Plus, boys also think if this is a PC app, the arrangement should be more clear which matches my previous beliefs. Girls prefer it on an app because they like shopping online, and there are not so many flower DIY apps.
Pain points
Variable
Worry about the options are not enough
Size
The app might be too large to load because it contains too many pictures.
Usable
Most flower courses are offered offline while people want them to be available on phone.
Accessibility
The product might be delayed and the flowers might lose freshness.
Persona & problem statement
Cathy is an undergraduate student who needs to learn and enjoy flowers because she likes them.
User journey map
My goal is to make a flower app to provide users with fresh flowers and design courses. So they can choose flowers to DIY or follow the online videos to make flower arrangements.
Starting design
Paper wireframes
The home page should include many sections such as class, article, and community, so people can conveniently find their enjoyment.
Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.
Digital wireframes
I wish my users can simply find the nearest location and choose whatever they like to make their design.
This section allows people to choose what they want
People can get into the menu here.
I made a menu page that linked to each shop and help me get their payment down.
Users can choose the nearest shop depending on their location.
People can choose flowers here.
Low-fidelity prototype
The low fidelity prototype connected the primary user flow of building and ordering flowers from the nearest shop. So the prototype could be used in a usability study with users.
View Ur flower
Usability study: findings
I made several pages to navigate users to the menu and complete orders. I found that a map can help check the nearest shop. The class, article, community, and other sections can allow users to get together.
Round 1 findings
1. users need a better way to expand the picture
2. users need a clear way of the buttons
3. users need to put their info before starting shopping, and an editable information page
Round 2 findings
1. reorganize the sections and replace the search bar
2.reorganize the options add language options
Refining the design
Mockups
Early designs allowed for some customization, but after the usability studies, I reorganized the options to choose flowers and show prices. I also revised the design. So users see all the customization options when they scroll the screen.
Before usability study
After usability study
The second usability study revealed frustration with the sections. To streamline this flow, I reorganized sections and replace the nav bar to make the screen nice and clean.
Before usability study
After usability study
High-fidelity prototype
High-fidelity prototype
The final high-fidelity prototype presented cleaner user flows for building flowers and checkout. It also met user needs for a pickup or delivery option as well as more customization.
View Ur flower
Accessibility considerations
1. Provided access to users who need another language when using the app
2. Used icons to help make navigation easier.
3. Used detailed imagery for flowers and a clear search bar so users can find things the right way.
Takeaways
Impact
The app makes users feel like Ur flower thinks about how to meet their needs.
One quote from peer feedback:
“I like the design of the app, it nicely navigates all the sections and I feel a sense of mental healing while using it.”
What I learned
While designing the Ur flower app, I learned that the user flow and visual appeal are both keys to the design. Usability studies and peer feedback influenced each iteration of the app’s designs.
Next steps
1. Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.
2. Conduct more user research to determine any new areas of need.
3. Work on other sections and make them efficient and usable.
bottom of page