Oct 2020
FreshBuy provides users with an accessible and flexible online grocery shopping experience. The aim of this app is to eliminate the waste of food, simplify the operation, and avoid buying the wrong product and quantity. The app concretizes the actual size of the product base on the users’ eating habits, makes it easier for users to repurchase a product by scanning barcodes, and use repetition and emphasis to make sure the details of the purchase are correct.
My users are seeking a clear and enjoyable shopping environment which can provide them with a good shopping experience. When doing shopping, my users would like to hear the comments and feedback from other people who have used the product before. They need to know if the actual functionality and user experience reach their expectations, and they want to avoid buying products with unacceptable shortcomings.
"Age:20-60 Gender: female interests and hobbies: movies, music, handicrafts, food shopping frequency: once a week needs: quick and on-time delivery, fresh food, don’t waste money on things they don’t need wants: a clean and enjoyable shopping environment, good shopping experience, reading reviews from other people, get an idea of the size of the products"
Efficiency: Finding a specific product is one of the most important
goals. In this app, users have multiple options to find the product base
on their personal. They can go into specific categories, search for the
name of the product, or scan the barcode of the product they already own.
Wayfinding: Users can click on the navigation bar on the bottom to
switch between different sections.
Affordance: Real-time feedback and long-term feedback are equally
important. Onclick events and hover events make it easier for users to
navigate on the interface and highlight their selection to avoid mistakes.
Feedback: Base on the input of user information, I visualized the
estimated consumption time of grocery and the quantity of food saved by
concretizes the actual size.
Hierarchy: The product information page needs to include a huge
amount of content. After listening to the feedback from the user test, I
was more aware of the existing problems so I changed the spacings between
elements, replaced the text with visual elements, and adjust the font size
and color to create more contrast.
Aesthetics: I create the color scheme base on users’ aims and
demands for grocery shopping. Fruits, vegetables, and snacks always remind
me of freshness and a healthy lifestyle. For the display font, I choose to
use Futura. Sans-serif is more readable on small screens and conveys a
sense of modern and efficient.