Environmental Application Process Book Winter 2014 | Shayne Smith
01
Inspirational Research
02
Snooth Wine Pro
AG Wine
CLO Wine Bar
iPhone App
iPhone App
Installation
Enables people to take a photo of the wine label and get more information. From there, you can read a description of the wine and user reviews. Provides a virtual cellar.
Information rich resource learning about wine, styles, appellations, great varieties and food pairings. Easy to use interface by selecting country of choice.
Projects illustrations of wine bottles customers can select by touch on a tabletop. Acting as both menu and guide, the 20 foot touch-sensitive surface invites patrons to simultaneously access information about wine.
Pros: Able to take photo of label and very educational.
Pros: Design is more appealing and has more info.
Pros: Fun and engaging to use. It’s a social experience.
Cons: The design of the interface is poor and looks dated.
Cons: Only has static information.
Cons: Projector-based instead of a digital touchscreen.
Competitive Analysis
03
Vivino
HelloVino
- Sign in to use / Fill out your profile (Name, email, state, country, rating visible?, receive email newsletters?, agree to terms of use) then register and receive email confirmation - Add friends (can skip) - Enter interface (suggests to take a photo of a label) - STATIC CONTENT: Camera icon - HOME: Discover wines, see your profile and adjust settings, add friends and search friends. - MY WINES: Would show database of wines you scanned. List by (Grape, Scanned-At, Country, Food Pairing, Type), Rated, Wishlist, Collection (Pro only), Sort by (Default, Price, Rating, Alphabetical, When, Year) - RECOMMENDATIONS: Rate 3 wines before they begin finding recommendations for you - NEARBY PLACES: Find places near you, search places
- Opening screen says need help choosing wine? Asks for new recommendations - VINO: Can we help you choose a wine? Wine with a Meal/Food, Wine for an Occasion, Wine by Taste Preference, Wine by Type/Variety, Holiday Food & Wine, Holiday Gift Guide - VINO: Already have a wine? Food Pairings for Your Wine - SEARCH: By wine label image, by brand name, by food pairing, by taste preference - MY WINES: All Wines, Favorites, Wish List, Add - REVIEWS: Wine reviews from websites - PROFILE: Connect with others, wine picks for you, add label scanner credits, settings
Corkbin
WineFog
- Sign in to use - Terms of service agreement and privacy policy - Enter interface (asks you to add a wine) - STATIC CONTENT: Places icon and add wine icon (using camera or gallery) - MY BIN: Bin of wines you saved, not much but pictures - FRIENDS: Followers, Following, Follow (suggest you look if there’s someone “drinking” wine nearby) - NEARBY: Stream of other users’ wines with location, option to bookmark, price to buy - EXTRAS: Pairings, Terms (list of wine terms), Blog
- Opening screen has full instructions you swipe through - ADD WINES: The first step is to add wines that you have drank as a record by recording or taking photos. Enter picture, varietal, year, rating, winery, location, tasting notes, price per bottle and how many bottles of it you own - HISTORY: History is all wines you have enjoyed - MY CELLAR: All wines you own - DISCOVER: Learn about wines that are highly rated by the community. You can also find pricing and purchasing options for wines that you add or recommend. Shows stream of users ratings - Small option to create an account
TastingGuide
Wine Notes
- Opening screen has instructions with a “Got It!” button - Option to set up an account or “Not Now” - Account set up with email, password, name, country, state - Enter interface (search bar, advance search filter option) - WINE SEARCH: Rating, Style (Dessert, Fortified, Port/Sherry, Red, Rose, Sparkling, White), Varietal, Country, Region, Wines that qualify for “Cellar Selection”, “Best Buy”, “Editors Choice” - MENU: Search, Vintage Chart, UPC Scanner, Articles/Wine101/TopLists from Wine Enthusiast Magazine, Restaurant Guide, My Notes, My Badges, Profile, Deals, Contact Support, Send Feedback, FAQ, Rate This App, Logout - Also has Beer and Spirits search
- Has a clean, flat look. I love the wine bottle icons. - Good reference for wine information and categories.
Competitive Analysis: Features of Other Wine Apps
04
01
04
06
Local Music
Illustion of Choice
Food/Drinks
- App that finds all of the local bands in the area you are in - Has a database and profiles for each band/musician
- App about the biggest corporations, that own different companies - See a product and learn where the financial source is - Transparency, educational, controversial, scandal - Or illusion of media channels (ex. Time Warner, Disney, GE, Viacom) - Maybe it has a feature where you go to a store and scan a barcode of a product and find out where it’s financial point of origin is - User reviews - New product - Where did it come from? Can I trust it? - Personalize - Can I support the company? Do the values of the company reflect my own? - Consumer/buyer profile
- Food related - Or ingredients of drinks that are mostly unknown
02 Local Events - Rate shows, “I would see them again” - Receive alerts for when they’re playing a show where you are - Calendar, track dates for shows - Maybe a feature for artist seeing where they are in demand
03 Western Washington University - An app all about the school - Or maybe an app for a specific location on campus
05 Hackers - Hacked websites info, hackers locations (historic)
07 Internet-Related - Google stats, search terms, trending topics - Social media data
08 Environmental Awareness - Water source/plastic use - Coal/oil use - Marine debris
Brainstormed Ideas for App
05
Overview
User Experience
User Goals
Invite people to learn about wine and experience tasting wine in an interactive and visual way.
Our installation will be located at wine tasting venues. It is a table in which a large touchscreen surface invites 21+ guests to interact and make educated choices. Each user has their own personal interface in front of them, but they share the table. - Beginner: Take a questionnaire to ultimately view their best wine matches. - Intermediate: Browse through new wines based off prior experience with wine. May be influenced by Wine Enthusiast Magazine ratings. - Expert: Practice their knowledge and learn about new wines they haven’t tried before.
- Make wine buying an interactive experience - Educate the user with information and statistics about different wines they might taste or buy - Guide the user to make an educated decision based on their taste and preference - Connect with other users through reviews and ratings - Feel less intimidated about the product
Project Goal Oftentimes, people are intimidated to ask about wine because wine culture may seem like a different world to them. We would like to make information about wine accessible so they can become more knowledgable about wine and make decisions based off that knowledge.
Categories The application will be on a touch screen and users will learn how to differentiate wine categories and select wines based off of: Location (region), age, color/blend, acidity, taste, appearance, price, description, winery, and popularity.
How? Our app will be database driven with static content. It will be designed in a way that is framiliar to the user and very clean/ simple. We want the user to not be completely distracted by the app as well, to maintain that social wine tasting experience. There will still be access to an assistant for help, if the user has questions or is having trouble.
Priority Pyramid User goals sectioned into a pyramid based on their priority/importance: 20% = Educate the user about wine 30% = Guide the user to information on other wines and to make an educated decision based on their taste 50% = Connect with users ratings, maintain social aspect, provide help
20% High Priority 30% Medium Priority 50% Low Priority
Overview/Goals/Concept
06
Rachel Anderson
Allan Chandler
Richard Baker
Age: 42 Social Worker
Age: 24 Student
Age: 63 Retired Pilot
Rachel Anderson wakes up at 6am, makes her kids lunch and takes them to school on her way to work. After a 9 hour day, she picks up her kids and takes them to soccer practice on Mondays and Wednesdays. On Fridays, her and her friends go to the store, select a wine and enjoy the rest of their evenings socializing at home.
Allan Chandler is finishing his last year at university with a degree in anthropology. He goes to school full time, is president of the anthropology club and works part time at a local restaurant. In his spare time, he enjoys hiking, cooking and chilling with his friends on the weekends.
After serving 35 years in the industry, Richard enjoys retirement. On an average day he wakes up and has breakfast with his wife and takes the dogs out for a walk. On weekends, he enjoys spending time with the grandkids and playing card games with the whole family. Richard enjoys traveling and takes his wife on wine tours around the world twice a year.
Audience Personas/Scenarios
07
Sitemap Opening Screen (before initiating): - Logo Welcome (after initiating): - Welcome / short introduction - Instructions
Opening Screen
Browse: - Slider of all wines you can scroll through - Filter based on region, color/blend, rating, taste, and age - Visualized data: - Description of wine - Region (icon, winery description, interactive map) - Color/blend (icon) - Price of glass and bottle (icon) - Popularity (pie chart based on third-party user ratings) - Taste (charts for sweet, dry, fruity, earthy, rich, light/mild, and acidity) - Options to ‘add wine to cellar’ or ‘taste now’ Cellar: - Up to six wines that you have added to your cellar - Options to ‘purchase a bottle’ or ‘taste now’
Welcome Browse
Cellar
Match
Match: - Interactive quiz to find out the best wine matches for you - Thumbnails of best matches
Sitemap Structure/Flow
08
Layout/Wireframe Sketches
09
Moodboard Flat, modern, simple, illustrative, clean, icon-based, retro, hip, fresh, pattern-based, solid colors, line-drawn
10
Moodboard Classic, illustrative, classy, sophisticated, chic, old-school, vintage, revival, wooden, pictoral, detailed
11
Logo Development
12
Paper Prototype http://www.youtube.com/watch?v=Xn16OfhF3wk
13
This design comp featured a geometric-style background in the opening screen, which I imagined to be animated before the screen is touched to draw in the user. Once the screen was initiated, it would take you to the welcome/instructions page. From this screen, the user would choose which option to go to and would be introduced to the navigation. I designed the browse page next where we see a tiled image of the different wines available. The flat wine icons were filled with gradients, relating to the color/ type of wine it is (red, white, rose, sparkling, and dessert). There is a filter on the top as well. Once someone chose a wine to look at, they are taken to a more specific view of information about that wine. I also designed the picks popup page, where you see all the wines you saved to your ‘picks’. The success of this design comp was in the opening screen background and color choice, although during a critique, many people had different connotations about purple. Also, the simple flat design and simplicity was a plus. There were some issues in things like the icons, overall browse page, color of the bottles, etc.
Initial Design Comps
14
This comp featured a more flat but textured design and an overall classical mood. All icons are encompassed in circles to make clear that they are clickable, and the navigation is on the top. The layout of the browse page had the filter on the bottom, and allowed for a lot more sub-categories under each main category. The singular browse page had all the same information, just organized differently and presented somewhat different too, with sliders instead of bar charts. The picks page drops down from the top navigation. The color scheme of this design comp was both good and bad. For some, it reminded them too much of specifically red wine, which made it seem like the wine tasting would only have red wine and not the other types. At critique, it was an overall consensus to not have the navigation at the top, because people can imagine reaching so far up to go to the next page and potentially knocking over their drink! The layout of the singular browse page was liked more at critique, but the slider design confused them - they thought that you could touch them and change the values.
Initial Design Comps
15
Our revised design comp allowed my partner and I to come together and collaborate fully on a more finalized design of the app. We took successes from both of our comps, and produced this. In terms of the color scheme, the majority of my partner’s comps were red, so we ended up combining the purple with red to get a sophisticated and appropriate magenta/burgundy color. We combined that with a cream background with a bit of texture. For the welcome/instructions page, we took out the navigation because that seemed redundant. For the browse page, we combined the filter, thumbnails, and information into one page. This way, the user could stroll through the wines, have an option to filter the wines, and can read about the selected wine right away. The navigation was kept at the bottom - closest to the user - and the browse thumbnails were put on the right side since most people are right handed. For the order page, it is still a popup from the navigation, but it displays more functions for ordering a glass to taste and purchasing a bottle. The match page was designed as well, with the first question and what the best matches would look like. I also designed a popup for requesting assistance.
Revised Design Comp
16
With our revised design comp, we got the opportunity to test it out on a SMART Board. From this, even though the monitor was against the wall and our app is flat on a table, we were able to see the app at its actual intended size of 22� x 17�. We were also given a critque from those in the room about our different pages with what is working and what can be improved.
Revised Design Comp SMART Board Testing
17
Museo Slab 300 Museo Slab 300 Italic
Museo Slab 700 Museo Slab 700 Italic
Museo Sans 300 Museo Sans 300 Italic
Museo Sans 700 Museo Sans 700 Italic
Final Design Comp
18
Partnership
Screens
This project was a collaborative effort between Jeanée Vilja and Shayne Smith, design students at Western Washington University.
Opening Screen: Shayne Welcome & Navigation: Collaboration Overall layout: Shayne Remove navigation from this page: Jeanée Made navigation words, not icons: Jeanée Icon design: Shayne Help feature idea: Shayne Removal of arrows: Jeanée Color scheme: Collaboration Browse: Collaboration Overall layout: Shayne Gathering data: Jeanée Scroll through wines vertically: Jeanée Filter option on right & design: Shayne Grid of filter: Collaboration Icons for data points: Jeanée Design of taste chart: Jeanée Map and its interactivity: Shayne Final decisions of what data to show: Collaboration Cellar: Shayne Match: Collaboration Help Popup: Shayne
The progress of this project was recorded on Tumblr: http://shaynesmith361.tumblr.com
Aspects Competitive Analysis: Collaboration Overview/Goals/Concept: Collaboration Audience Personas/Scenarios: Jeanée Sitemap Structure/Flow: Collaboration Moodboard: Shayne Logo Development: Collaboration, Final by Shayne Paper Prototype: Collaboration Revised Design Comp: Collaboration Final Presentation: Collaboration Intitial Draft: Jeanée Second Draft: Shayne Final: Collaboration
Key Contributions
19