want to bulid a platform
to let user share their dining experience like Instagram 2) users can find a reaturant conveniently when they have no idea what to eat UX Research
Customer's Expectation I
1)
Empathy Map
Based on real data, substitute the situation of users and understand their desires/needs
UX Research
Affinity Map
I used affinity map to more clearly summarize the results of 50 online questionnaires and 10 interviews
UX Research
UX Research Though the above information collection, 1. Factors that drive users to post food reviews: 2. The important conditions for choosing a restaurant: 3. Conditions for a good food review website/platform: 4. The important conditions for choosing a restaurant: I found that...... Memorable dining experience Avoiding bad food for relatives and friends Recommending food to relatives and friends, special occasions Photo Price Concise Detailed scoring items Taste Price Menu information Taste Detailed restaurant information Accurate screening and search Portion size Location
This step is to identify and describe the user's goals, expectations, motivations, and real behaviors.
Why would they use our app? What do you want? What problem troubles them?
Persona UX Research
User Journey Map
As in the previous steps, I also divided the users into two groups, assuming their journey，and then figure out what the users are most concerned about
UX Research
Site Map UX Research
The goal is to design a process that is simple and effective.
To ensure the smooth flow of users within our information architecture, without getting stuck and lost.
Site Map
UX Research
Primary Secondary Contrast White Grey Black #FF4500 #FF8D68 #187C8A #FFFFF #979797 #44444 #C1EEF4 #CBCBCB #E5E5E5 Design System UI Design Color is the most intuitive design element, warm colors can remind users of the delicious food Adding a bit of turquoise can bring out some of the key points without being boring Different shades of grey give a sense of hierarchy
In order to gradually implement the restaurant review platform, there are a lot of changes and opinions generated from paper to digital wireframe.
Wireframing UI Design
Show case
In this project, not only to do the preliminary UX reseasrch, I was responsible for design of the home page, explore page, photo editing funtion and part of the searching page.
UI
Design
Home Page Searching Page
Show case
In this project, not only to do the preliminary UX reseasrch, I was responsible for design ofthe home page, explore page, photo editing funtion and part of the search page.
UI
Design
Explore
Page Photo editing function
Thank you