Social Network for Foodies.
(Reviews for Dishes and Venues)
We believe our idea of TasteBuds is the NEW and Improved version of how reviews should function. I have included 3 screenshots and a Concept Document that should show you roughly what we are going for.
The Header should not use a "house" icon but something that better signifies "Profile" as that is where it takes you. The Notification bubble on it shows all the "Activity" items that have occurred since the user's last visit to the app "Activity" screen.
The Profile (My Buds) Section has toggle-able Follower/Following tabs at the bottom that would just filter between the two hiding/showing Followers vs Following but default is to show all.
PALATE CALIBRATION SCREEN
The Palate Calibrator is a series of 6 screens that just show different dishes.
The whole app is all about the Review screen! It will/can be super long. Think of it this way. when a user searches for "Burger" they will be presented with the results screen (which IS the Review screen). It will stack all the venues that have at least one "burger" dish. So you may see 20+ venues on the one screen. It may look similar to the Profile "My Reviews" screen (which is also the review screen by the way) but just collapsed (Remember each venue is an accordion item and expandable to show the actual Venue's Review/Details/map segment followed by the dishes accordion items that match the search). The Dish items are also expandable to reveal the Carousel Review items/photos + Review Comment. So the Review page can be short or long depending on how many items are expanded. For purposes of this design project we need everything to be expanded/displayed.
The Reviews Screen is basically all accordion-style where a user can expand/collapse Venue reviews/details and within the venue accordion Item expand/collapse the Dish review/details. Dish reviews images are horizontally swipe-able carousels. Note that unslid review palate sliders should be a dull color until they have been touched/moved by the user then they turn to a full color (hence why some are grey).
The 1st segment is the expanded Venue Details (with the Review overlay open).
The 2nd segment is a Dish Review (with the review comment overlayed). Note the review comment does not have to be an overlay but can be positioned below the photo and also be expandable/collapsable or slide up into the Photo from the bottom as a semi-transparent overlay <== Just some ideas.
The 3rd segment is just showing the Dish Review overlay open. Each tab other then the 1st "View All Comments" will toggle displaying a review overlay with sliders matching the color-code for "Overall" (All users of TasteBuds), "My Buds" (People who match your similar tastes) and finally "My Review" (which is the only editable sliders) the previous 2 are not editable so always full color (no dull sliders).
The 4th segment, "View All comments" displays a vertically scrollable list of all and any comments made on that dish and allow the user to add their own comments.
The colors I have used are not set in stone. I just want to use some kind of indicators (whether by color or other means) to show the differences between Venues and Dishes and Followers (shown in Orange currently) and people I follow (Shown in Blue currently). also You (Shown as green currently).
We do not have a Logo yet so kudos to whoever wishes to attempt one. Only guideline to follow is "Buds" has to be either capitalized or stand-out (or both) as it is actually our brand identifier.
** Please refer to the screenshot files for latest look proposals (you may introduce better solution if u wish) and use the concept document just for context. **
Rev.2 (07/25/2015 @ 1:50pm)
1) On the Profile Screen Please use the word "Buds" instead of "My Buds".
2) On the Profile/Buds Screen please use 3 toggles/filters buttons at the bottom Instead of just "Following/Followers" add the 3rd "TasteBuds". Followers appear as blue, Following and TasteBuds appear as orange but TasteBuds should be represented by adding some kind of identifier like a small icon on a corner of their photo or something. the difference between Following and TasteBuds is that TasteBuds are people the system will auto match to you based on similar food/venue palates as opposed to just people who have chosen to follow you.
3) on the Review Screen the tabs should be "View Comments", "Overall", "TasteBuds" and "My Review".
Rev.2 (07/26/2015 @ 1:35pm)
1) Move tabs down below the Profile Photo stats and Favorites
2) remove the "Me" tab
3) Add 3rd "Buds" filter toggle ==> "TasteBuds"
4) Default open tab should be "Activity"
Rev. 3 (07/27/2015 @ 10:35am)
If you are submitting a login screen please not we are not entertaining native logins. Logins will be by Twitter or facebook only. Also, if you ae using a photo for the background please make it show people smiling and conversating over a meal.
Those of you who are attempting Logos keep in mind the emphasis is 100% on the "Buds" part not the "Taste" part. We want to show the attracting of people together over a common theme which is in this case Food.
Palate Caibration Screen:
Please use a 6 dot Carousel Pagination technique instead of the Button with next/prev. Users will know they are to swipe left and right when they see those at the bottom of the screen
Don't forget the "Follow Me" link
Add "Match" which will show a % to the Profile Stats. Match is what the App deems is your food compatibility with the person in the profile. Incorporate displaying that percentage also on any user photo seen in comments throughout the app and on the "Buds"/"TasteBuds" view. Only actual "TasteBuds" will have this Match % on their pictures. Not people you Follow or are Following you.
Venue labels need to have an "add Dish" link
Review Photos are carousels that slide horizontally. You should show that and let a user know where they are amongst possibly 100 photos/reviews in the list. Carousel dots won't work here so use "3 of 100" or "3/100" or come up with a unique horizontal line meter that indicates were in the list the user is so if they were at photo/review #50 out of 100 an indicator should show something about halfway on that line. I'll leave it up to your creative minds.