A Practical Guide to Deact’s visual system
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
1
A Practical Guide to Deact’s visual system
Deact is here to bring aid to 15 million Americans who suffer from food allergies. This number is quickly rising creating a need for education and awareness on how to properly prepare food for those with allergy related dietary needs. There are slowly more and more restaurants creating gluten and dairy free dishes, but there is still much that can be done to help this community. A lack of communication, knowledge and understanding is causing many families to go through food induced allergy attacks in these commercial dining spaces. To help fill that gap, Deact is creating an easier way for restaurants to communicate with their clients without having to disclose their ingredients to their competitors. Plus it is also offering educational materials to teach families how to prep, cook and store their meals safely and avoid cross-contact. Education, awareness and communication are the main tools Deact uses to lower the risk of food induced anaphylaxis.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
2
MARK AND LOGO USAGE The signature is the foundation of a consistent visual system. Our signature consists of the name “Deact” (the logotype) and an icon of a set of eating utensils integrated to the star of life. The mini-list approach to our logotype and dynamic icon are paired together to
communicate our dedication to improving quality of life and health. It is also a visual representation of our commitment to lowering food induced allergy attacks in the United States.
1.0 X
1.0 X
1.0 X
1.0 X
1.0 X
1.0 X
Both the logotype and the mark must have “breathing room” around the icon and logotype. There shouldn’t be any graphic, text or other sort of element with in this area. The width of the capital T represents the x measurement that makes up the “breathing are.” It is the minimum amount of clean space both the mark and the logotype need between one another, when presented at the same time.
The space can be white or a neutral background. Deact’s icon also has a “breathing room” which is equivalent to the width of the middle bar on the star. The Deact’s logotype must always be shown on a clean background, otherwise it will be too difficult to read. If it is not possible the icon may be used by itself.
X
X
X
X
1.0 X
Deact’s icon was strongly influenced by Leo Schkwartz creator of the Star of Life for (EMS) Emergency Medical Services. This well known symbol was trade-marked on the first of February in 1977. Since then is was been widely used in the medical field from ambulances to uniforms. We have altered Schkwartz star by curving the edges to make it more approachable, plus added a silhouette of eating utensils to represent our focus on the food service industry and our involvement
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
in keeping our clients kitchens allergy free. The Star of Life supports our focus on food safety, health and food allergen detection. It uses an iconic visual that the American public will connect to health support. Our mission is to Deact any future food allergy attacks rather than reacting after it has happened. Our logo will asure families and individuals that they are sadely cosuming a meal.
3
X
X
X X
X 0. 1
X
CORPORATE SIGNATURE The Deact corporate signature is a unity between the brand’s icon and the logotype. Together they represent the brand’s soul purpose, to support and bring aid to families with food allergies. It represents our involvements with the food industry, our involvement in keeping your kitchens allergy friendly.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
In order to keep both the brand logotype and icon unified and represented in a balance manner. There needs to be enough “breathing room,” between each other. That space is the width of the capital T used in the logotype. It is also used to create the breathing room around the corporate signature.
4
ICON DO’S AND DON’TS
CORRECT LAYOUT
CORRECT LAYOUT
CORRECT LAYOUT
Do not use other colors than Deact blue, charcoal black and white.
There should never be a gradient or special effect applied to the logotype.
Do not use three-dimensional effects that includes shadows and glows.
CORRECT USAGE
CORRECT USAGE
CORRECT USAGE
Do not distort or alter the shape of the logotype at anytime.
Do not outline any part of the logotype.
The logotype should always be intact and never cropped.
INCORRECT LAYOUT
INCORRECT LAYOUT
INCORRECT LAYOUT
Do not rotate the logotype, it always should have the knife pointing up.
Do not lower the opacity on the logotype to make it look transparent.
Do not alter or modify the icon. Use the master icon and never redesign it.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
5
ICON DO’S AND DON’TS
DO NOT CHANGE COLOR
NO GRADIENTS
DO NOT USE EFFECTS
Do not use other colors than Deact blue, charcoal black and white.
There should never be a gradient or special effect applied to the logotype.
Do not use three-dimensional effects that includes shadows and glows.
DO NOT ALTER
NO OUTLINES
NO CROPPING
Do not distort or alter the shape of the logotype at anytime.
Do not outline any part of the logotype.
The logotype should always be intact and never cropped.
DO NOT ROTATE
NO TRANSPERANCIES
NO SPACE VIOLATIONS
Do not rotate the logotype, it always should have the knife pointing up.
Do not lower the opacity on the logotype to make it look transparent.
Do not violate the logotype’s breathing space by adding elements too close.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
6
ICON DO’S AND DON’TS
DO NOT CHANGE COLOR
DO GRADIENTS
DO NOT USE EFFECTS
Do not use other colors than Deact blue, charcoal black and white.
There should never be a gradient or special effect applied to the icon
Do not use three-dimensional effects that includes shadows and glows.
DO NOT ALTER
NO OUTLINE
DO NOT USE AS A PATTERN
Do not distort or alter the shape or design of the icon at anytime.
Do not outline any part of the icon.
Do not outline any part of the icon.
DO NOT ROTATE
NO TRANSPARENCIES
NO SPACE VIOLATIONS
Do not rotate the icon, it always should have the knife pointing up.
Do not make the icon look transparent. The color should always be solid.
Do not violate the logotype’s breathing space by adding elements too close.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
7
COLOR PALETTE
#F1E16E
#CFE365
#918E47
#B29728
#FA8072
#FFF5EE
#EFBF90
#FDB89C
PLANT BASED ALLERGIES
ANIMAL BASED ALLERGIES
The green color palette is used to remind and at times warn, our audience that their are potential allergens in a meal or cooking tool. These are all warm greens to easily grab someone’s attention and to remind our audience to be cautious. The yellow tint is also meant to represent instability.
The other half of the top eight food allergens in America are being categorized by different shades and tones of red. It is strategically used to easily identify them as animal based allergens. Plus red naturally creates a feeling of caution and danger. It is also known to raise people’s blood pressure.
#5A90B4
#C1DEEF
#E5E5E5
#434449
To create a feeling of ease and trust blue hues and shades will be used in the entire project. Only to be used for type, informative icons and design purposes. It is not meant to be used or mistaken as a representation of an allergen.
DESIGN PURPOSES ONLY
ALLERGEN ICONOGRAPHY
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
8
PHOTOGRAPHY TECHNIQUES
The imagery will be soft focused with large depth of field, to guide the eye of the viewer from one ingredient and step, to the next. The large depth of field will allow the images to be show in an location that looks familiar to them, for example a kitchen, without being distracting. This way the imagery does not feel unreal but rather reachable and connectible.
It is very important to show a clean environment. An emphasis on soft, pastel colors will be seen throughout the imagery. The cleaner the image the safer it feels and the less possibilities of cross-contact. Processes shots as well as food hero shots will be used in the books and website.
Environment imagery will also be taken both for All of the imagery will look fresh, comproduct/packaging placement and to show how the forting and homey. There will be a visual recipes can be stored safely from being in contact with story told about living worry free with food any allergen. The images will be lit with ambient light, allergies, that will show detail shots, and which will at times be filtered with diffusers. actions stills of someone cooking .
For the deact app there will be interior and exterior photographs for all of the restaurants listed. The imagery will include clients in various spaces enjoying their food and some action shots of staff. There will be some images shot with a mobile phone to give them a look that clients uploaded the imagery and G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
some professional shots that restaurants have the possibility of posting, if they hire a food photographer. The main purpose is to show what the place feels like so that the client is enticed to bring their friends and family to this allergy friendly business. 9
THE VISUAL VOICE OF THE BRAND
Subtitle Gotham Rounded, Book
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 8 pt. Gotham Rounded, Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Mm Nn Oo Pp Qq Rr Ss Tt UWu Vv Ww Xx Yy Zz 8 pt. Gotham Rounded, Book
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Mm tNn Oo Pp Qq Rr Ss Tt UWu Vv Ww Xx Yy Zz 8 pt Gotham Rounded, Light
Headline
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Sentinel, Book
Body Copy Sentinel, Light
8 pt. Sentinel, Semibold
8 pt. Sentinel, Medium
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Mm Nn Oo Pp Qq Rr Ss Tt UWu Vv Ww Xx Yy Zz 8 pt. Sentinel, Book
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Mm Nn Oo Pp Qq Rr Ss Tt UWu Vv Ww Xx Yy Zz 8 pt. Sentinel, Light
The typography used to represent the brands voice will be Rounded Gotham and Sentinel. Rounded Gotham has a similar look and feel to the brands logotype. It is important that the brand’s typefaces connects with the logotype. They are both the visual voice of the brand and should communicate in a similar manner. Gotham Rounded will be used the most in the design of the application and website. The typeface was designed to be read on a digital platform.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
Sentinel will be used for titles and body type . It is a bit more elegant than Rounded Gotham and it’ s better suited for body copy. There is a big contrast between them but both share a few geometric characters that helps the pairing. Sentinel is better suited for print and will be used the most in the books, packaging and the marketing campaign.
10
COOK BOOK ELEMENT COLLAGE Deact’s cook book collection is focused on teaching how to prep everyday meals that are allergy friendly. The books must be clean easy to read and understand. Instructions will include images, written content and icons to help those visual learners. The look of every book has to be relaxing and straight foward. DESIGN COLOR PALETTE
#5A90B4
#C1DEEF
#E5E5E5
#434449
BOOK FORMAT
The book will be hard cover , wire frame bound with a ribon. An E-book for every printed book will also be included.
T YPOGR APHY
Headline Clarendon LT Std, Light
Subtitle Gotham Std, Light
Sentinal, Trade Gothic and Claridon will be the chosen typefaces for Deact’s the cook book collection. The chosen fonts will be used to present important information like recipes, cooking instructions and recomended ingridients to purchase. They may not be mixed with any other fonts from the list of fonts chosen for the project. This is an example of a text link Sentinal, Light
PHOTOGR APHY ST YLE
ICONOGR APHY
These icons will help the user quickly understand what type of tools to use for each recipe. This could range from a food processor to measuring spoons.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
11
COOK ROUGH LAYOUTS
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
12
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
13
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
14
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
15
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
16
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
17
COOKING KIT ELEMENT COLLAGE Deact’s cooking kit is another educational tool that families and individuals with food allergies can use to keep their meals safe from cross-contact. A visual system made up of iconography and color coding will help families be able to organize their kitchen and their way of cooking in order to keep their loved ones safe. DESIGN COLOR PALETTE
#5A90B4
#C1DEEF
#E5E5E5
#434449
PACK AGING MATERIALS
T YPOGR APHY
Headline Sentinel, Roman
Subtitle Gotham, Medium
Sentinal, Gotham and Palatino will be the chosen typefaces for Deact’s cooking kit. It is a tool to keep families safe, remind them to be clean and organize their way of cooking. The fonts chosen are easy to read at distance and can be understood quickly. They may not be mixed with any fonts from the list of fonts chosen for the thesis project. This is an example of a text link Sentinal, Book
MATERIALS
The materials used to contain allergen free ingredients will be made of ceramic, white stone wear, wood and at times be complimented by cork. Glass and stainless steel feel too cold and medical to be appropriate for the mood of the brand. These materials can be details of the product or object. It may not however be mostly made up glass or stainless steel.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
All of the products will be packaged by paper with a matte finish. The design will be clean and to the point. Our purpose is to stay away from clutter and keep it clean in order to promote organization, simplicity and ease.
18
APPLICATION ELEMENT COLLAGE Deact’s application has to be easily read and quickly understood. The cleaner and more intuitive the design, the better. Users should be able to input their needs, search and then find their ideal place. The color palette, icons and typography should all create a feeling of ease
DESIGN COLOR PALETTE
#5A90B4
#C1DEEF
#E5E5E5
#434449
INPUT FIELD & BUTTONS
T YPOGR APHY
Headline Sentinel, Book
Subtitle Gotham, Book
Sentinal, Oswald and Proxima Noda will be the chosen typefaces for deact’s the application. The chosen fonts will be used in both the restaurant and the user part of the applicaiton. They may not be mixed with any other fonts from the list of fonts chosen for the project. This is an example of a text link Sentinel, Book
USER NAME
SIGN IN
MAP ST YLE
ICONOGR APHY
A form of navigation will be through clean outlined iconography. It may not be filled in. The main goal is to keep it light, clean and approchable.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
19
DEACT’S APP MISSION
Our mission is to be here for you, your children and your friends. We know that being social is a struggle when it comes to eating out, but our belief is, that you should always feel free to choose from a vast number of places to eat from. Eating out is about enjoying the moment, the food and your companions. Life with food allergies causes uncertainty, stress, and anxiety. We believe that life should be about living confident, trusting your restaurants and being certain that you will be taken care of accordingly. Every meal counts and should be prepared to the needs of the client and their family members. Let us take the stress our of your meals and help you choose a safer way to dine.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
20
APPLICATION DESIGN BRIEF
WHAT DOES THE APPLICATION DO?
Deact offers aid to individuals with food allergies find dishes and restaurants that cater to their dietary needs. What sets this app apart is that in one account parents have the option of creating a profile for the children. All profiles are linkable both friends and family members. That way when family’s go out to eat the application searches for everyone’s needs at the same time. Through research Deact knows that food allergies can create barriers in social when it comes to eating out. In order to ease the stress and make the users lives more sociable. Deact helps friends by linking their profiles and searching for restaurants that everyone will enjoy and keep them safe. WHO IS IT FOR?
It is for adults who are searching for dining spaces to take their families to but have a hard time finding a place that is safe for the whole family to dine at. The target audience also include adults who are new to the decease and need a helping hand searching for a safe place to dine, especially when traveling.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
WHAT IS ITS PURPOSE?
The app will make life less stressful and easier for those with this decease. It helps them take control of their life, food and helps them have a better social life. It is also about making them feel better about eating in unfamiliar restaurants. WHY IS THIS USEFUL TODAY?
Food allergies are rising all over the world but are more predominant in the United States. The exact cause is not known yet but what is for certain is thaWt the government has taken notice. Enough to pass the Food Allergy Awareness Act passed in Massachusetts and implemented in three different states. Where a restaurant can apply, pass a test and get certified. More and more has there been an emphasis on allergy friendly meals in the restaurant industry and the Act is only pushing the restaurant industry to make a change. It is a perfect time to have an app that will guide, inform and serve as a tool for those that suffer from this decease.
21
APPLICATION USER JOURNEY
AWARE
FIRST USER
Out Door Advertisement
Explore
- Ads on buss stops, BART - Billboards, News Stands - Doctors Offices, Pamphlet
- Look through home page - Familiarize with icon menu selections
Internet Advertisement - Blogs, Google ads, Online shopping ads - Pinterest, Facebook, Twitter, Podcasts, Instagram - E-magazines, Online New sites
Other Apps
- Ads on app games, App store
- Magazines, Newspaper - Press Release
ACQUIRE/SET UP
Search
- Look for a restaurant to see how the app works - Read some reviews posted by users
Hoke Page
- - - -
Look through top rated (by users) dining establishments in the area. Check out recommended locations Play with filter options Look through photography catalogs posted by users
FULLY ADOPTED Search
Download App
- Read app info on app store
Welcome Screens
Sign up
Check In - Checks in and posts pictures of the experience and location.
- Read and watch welcome screens
- Use social media to sign up or email.
Create Profile
- - - -
Add profile Picture Type in personal information Select Allergens, favorite foods and select dislikes Allow app to use GPS locater
- Change app Settings - Accept or reject app alerts
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
- Uses the search and filter option
Contributes - Adds reviews about restaurants they have checked in - Posts photos, shares it in social media (Facebook, Twitter) - recommends places to their friends and family members Winner - Accumulates badges for con tributing to the app.
22
APPLICATION DESIGN PRINCIPLES
IT’S ALL ABOUT TRUST Life with food allergies causes uncertainty, stress, and anxiety. We believe that life should be about living confident, trusting your restaurants and being certain that you will be taken care of accordingly. Every meal counts and should be prepared to the needs of the client and their family members. COMMUNICATION IS KEY With us you will always be able to communicate your needs to the restaurant of choice. With the main purpose to diminish any risk of a food induced allergy attacks. You will finally be able to have a vast verity of restaurants to choose from, feel free to go out with friends and always feel safe. This will allow you to finally enjoy your meals cooked by professional chefs that understand and care for your needs. HERE FOR YOU AND YOUR FAMILY Our goal is to be here for you, your children and, yes, even your friends. We know that being social is a struggle when it comes to eating out, but our belief is, that you should always feel free to choose from a vast number of places to eat from. Eating out is about enjoying the moment, the food and your companions. We are here to relive the stress and help you enjoy life to the fullest. MADE TO HELP THOSE YOU CARE FOR It is not only focused for individuals with food allergies but it is also for families who live, love or care for those with this decease. Finding places where everyone will agree on is always difficult but even harder with food restrictions. We are here to make it quick, fun and easy, all while being safe. The more you search and input your thoughts on a location the better the experience for the rest.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
23
APPLICATION SECTIONS AND ELEMENTS
DASHBOARD
- - - - -
Search by name, city name, Free allergen meals Info on users favorite meals, restaurants, check in history Restaurants voted by users in the area Friend recommendations Up to date news or warnings on restaurants posted by users/ or US government
FRIENDS
- Recommendations - Friend Search - Friend contact list - Invite - Message - Meet Ups - Delete/Block - Friends Profile - Contact information - Profile Linking - Followers USER PROFILE - Profile picture/s - Personal information (name, date or birth) - Allergens to avoid - Favorite meals - Badge collection - Favorite restaurants - Photo gallery - Check in history - Reviews - Photography albums
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
LOCATION PROFILE
- Profile picture - Photo gallery (Interiors/Food) - Reviews / rating - Address and opening hours - Handicap amenities - Restaurant short bio - Warnings - Free allergen meals - Badges - Cleanliness rating - Amount of Check Ins by users - Current waiting time - Seating arrangement ACCOUNT/PREFERENCES
- Location permission - Feed settings - User name / Email / Password change - Map metric/American - Notifications - Privacy - Secure - Terms & Agreement - Support / FAQ - Deactivate / Delete - Link social media - Language SEARCH MODE
- - - -
Search by name, city name, Free allergen meals Change filter settings Visual of search results shown as a map /list option Directions uses (Google Maps)
24
APPLICATION USER TESTING
SCREENER
+ + +
12 - 60 year old Owns a smart phone Suffers from food allergies or work at a restaurant
OBJECTIVES
+ Figure out if users find food allergy restaurants by asking locals or by using an a lready existing app + If it was an app, was it successful and an easy experience. If not what was it that made it difficult. +
Ask if there are certain things about the place that they would like to know. For example safety, cleanliness or the knowledge the restaurant has about food allergies. Make sure to ask if pictures posted by other users would be helpful when searching. Should the restaurant be certified allergy friendly?
+
Do they prefer photos over lists? Who would they trust more when it comes to reviews? Secret shoppers, others with their own personal food allergies or the general public. Do they rather see a big list of restaurants or a small one to choose from that goes according to their dietary allergy needs.
+
What do restaurants need to keep their menus up to date? Should it be through a website or does an ipad work? Who reads the emails sent to the restaurant by clients? Is there a designated person that takes on reservation and do they do it via email or only through phone calls.
+ Are the users able to navigate through the screens? Is the type big enough to read and do the icons make sense? + To find out if the users are able to go through the three tasks successfully. If not what was the cause of the confusion?
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
25
APPLICATION USER TESTING
SCRIPT, INTRO
Hello, my name is Esmeralda Ruiz and thank you very much for taking the time off your busy day to give me a few minutes to talk about finding allergy friendly meals in nearby restaurants. I am working on a design project about finding allergy friendly locations you and your family would like to eat at. First I would like to know how you currently find allergy friendly restaurants? Then I would like to find out what your experience has been and how it can be improved. When you find one place that truly serves your needs, do you share it with your friends and do you come back to that location? Do you follow any allergy friendly blogs, websites, podcasts or other forms of media that tell you about such places? Would it be useful if yelp or your current favorite app had people you could follow that posted great places that catered to those with certain food allergies? When you are away from home, do find yourself more stressed out about where to eat and how you can trust restaurants that can cater to your needs? How do you find these restaurants? What are you currently using and is it successful? If not, is it difficult to use or what makes it frustrating?
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
26
APPLICATION USER TESTING
PROTOT YPE INTRO
Here is my prototype of an app that can be a useful tool for families and individuals that would like to eat out more often. The app would guarantee that the place they choose will have an allergy friendly meal, focused on their health preferences. Deact will be able to help you filter through thousands of restaurants and guide you to specific places that have dishes that cater to your needs. Rather than getting a large list of restaurants the user will be given a filtered group of dishes that cater to the user’s health restrictions. It is both an app about health and an app that will expand your social life by giving you and your friends more options to dine out. Within the app you are able to follow friends, family members and the company’s secret diners. Giving you a chance to expand your list of places to go in your area. HOME SCREENS
When looking at the prototype on the phone or on print are you able to find the Home icon? What do you see and understand from the different screens? What feels useful and what seems repetitive? In the home section of the app you will see a feed where you can find the top ten places voted by users with your similar allergens. This list will be updated every month to give you more options to choose from. The news section will be updated daily with information on places to watch out for, information on food allergy attacks or law updates on the subject. Being that this is also a very social focused app you are able to see what your friends post on social media without having to go directly to those applications and they can recommend locations for you to visit.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
27
APPLICATION USER TESTING
SEARCH SCREENS
What is the first menu you see and is it easy to navigate? When you are searching does it make sense to have the filter icon separate from the search icon? Does having the list or map of suggested restaurants work for you or is it distracting? Is it separated correctly or should it only show the menu options that correspond with the time of day that you are searching in? In order to search for a restaurant the user must input what they are looking for, use current location or an address. There is an automatic filtering process when you search that makes sure none of the dishes you are offered have your food allergen. In case the user has more specifications they can go through the filter section. The results can be seen in a map or in a form of a list with images. The images allows the user to click on the ingredient list and specific reviews posted by users on the dish. Users have several options to either keep searching, check the restaurant’s app screen, reserve a table, or order for pick up. The most common and important one is the Go option where the app directs you in the map how to get to your destination from your current location. PROFILE SCREENS
Users will be able to have several profiles in one account. This is made to service families with children with food allergies. When families go out parents are able to link their children’s and husband’s profile with their own. In the prototype you can see that Lynda has David and Emma under Lynda’s profile. Children profiles are called Jr. Profiles. In order to keep children safe parents are the only ones that can upload images of them, share them on social media and include them in their check in actions. Linking is very useful when reserving restaurants or when it is too difficult to know if a pace will be able to serve multiple types of allergen free meals. The user profile will offer users check in history, photo albums, share history, follow and message sections. Is it useful to have so many menus for the photography albums? Why is it important to see your history of check ins and shares? Does that help you organize the restaurants you enjoyed and those that weren’t that great?
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
28
APPLICATION USER TESTING
RESTAURANT PROFILE
The restaurant profile will show users an allergy friendly menu that is focuses on the user’s needs. Users will be able to see how many people have checked in, shared a post and photographs ,posted by both users and the restaurant. The welcome screen for this section includes the address, time of opening and closing of the day. Plus the rating and reviews of the restaurant as a whole. Are the ratings useful? Do they make sense and what other sort of rating would you add? Users may follow the restaurant, send them a message, and rate the services provided to them according to their experience. The info section will communicate information on the history of the restaurant, the owner or chef plus see what extra services the restaurant may offer. Some restaurants will also share what their specialties are. Is there any important information in the profile that is missing? What else would you like to know? Can you easily navigate through the screens? Can you read the words easily? Is it useful to have the ingredients for the dish under the image of the dish? Are individual dish reviews important and useful to you? Do you find it important to see what other users have shared or posted about the restaurants and its dishes? FRIENDS LIST SCREEN
This section will help you link your friend and family profiles to later on search a restaurant that serves your group’s health needs. You can also find your family and friends profiles to see what they are up to and what places they have recently dined at. In group outings would you like to be able to sync different profiles together to be able to find a place that caters to everyone’s needs? Do the lists make sense and are the screens easy to navigate through?
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
29
APPLICATION USER TESTING
TIME & RESERVATION
This section is focused on being a table pager, and reservation planner. Users will be able to walk around the surrounding area of the restaurant while they wait for a table without feeling restricted or trapped to be close to the restaurant. This app will replace the table pager that has a limited range. Do you think that is useful? Would you use this section of the application? Those the layout make sense to you? Does it seem logical to be able to call ro communicate with the restaurant? Is it useful to be able to reserve tables for large parties and be able to communicate with them all with in the same app? Do you think it’s a good idea to show the names and images of the people in your party? The reservations section shows your active reservations and history. With a record of the restaurant you ate at, the meal you chose and the overall success of the user’s experience. It also states who sent out a chef card and who the chef cards represented. Do you think that this is useful? Would you ever go back and check your reservations?
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
30
PROTOTYPE USERES
USER 1
MOTHER OF 2 WITH FOOD ALLERGIES
Children are fourteen and sixteen. USER 2
MALE ALLERGIC TO DAIRY, GLUTEN
Former restaurant owner and food vendor. USER 3
WIFE OF HUSBAND WITH FOOD ALLERGIES
Former Co-owner of restaurant. USER 4
CATERS TO THOSE WITH FOOD ALLERGIES
Restaurant Manager USER 5
TEENAGE BOY WITH FOOD ALLERGIES
Allergic to Peanuts USER 6
TEENAGE BOY WITH FOOD ALLERGIES
Allergic to Dairy USER 7
GRANDMOTHER AND RESTAURANT CO-OWNER
Has been in the restaurant business for years.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
31
PROTOTYPE USER TESTING
USER 1
CRITICAL ERRORS
User pointed out that in the friends section the app didn’t have a way to link profiles in order to search for their meals. Nor did the section have a list of profiles it was following. Especially for those profiles that might be useful sources but are not necessarily friends or family members. Children’s profiles are too obscure and not thought out. While creating the profiles parents should be able to input what the child does not like to eat or if the child is lactose intolerant. Even adding some favorite foods or ingredients will help the parent choose a suitable restaurant that will make the whole family happy and safe. It would also be a good idea to show how many times the child has had an allergy attack. To show the restaurant the severity of the child’s condition. An image of the child and the ingredients they are allergic too might visually help the chef and staff serve him better. USER 2
CRITICAL ERRORS
The user pointed out that in the home screens the news section shouldn’t only be focused on sharing bad news. He believed that the area should be a great way for restaurants to share their new plates or promote some sort of news related to food allergies. It would also be a great section to daybute new restaurants that have safe dishes for those with food allergies. According to his experience it is important for restaurants to advertise their meals and show how they are different from their competitors. Friends and Recommended subsection of the home screen were confusing the user. His commentary made a point that the titles made it seem like the same information. After he read through it, he realized, it was very different because the friends screen is focused solely on seeing what your friends have posted without having to go into different apps. On the other hand recommended are real messages sent to you by your friends recommending places to visit.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
32
PROTOTYPE USER TESTING
USER 3
CRITICAL ERRORS
Her biggest problem when looking for a place to go out and eat with her husband has been to insure that the place was clean. She mentioned that when she uses Yelp there is no reference on what the grade level the US health department has given the restaurant listed on the app/site. Food allergies is all about keeping things clean with out cross contact. In her mind and her husbands, it is very important to make sure they dine at A level restaurants. In order for her to consider the app she would like to see more information on the cleanliness of the restaurant, its certifications and the knowledge the chef or owner have with prepping for those with food allergies. USER 4
CRITICAL ERRORS
This user pointed out that there isn’t a defined action when the user taps on the map on a location that the app is recommending. Does it go to the menu or will there be information that shows up with the restaurant’s contact information? The user mentioned that if they were looking for a quick meal they wouldn’t want to look through the whole menu but rather just go to the map see what was closest and then go. The app feels too difficult to manage for quick searches. She was overwhelmed by the amount of filters a person had to go through to find the ideal meal for their needs. As an individual in the food industry User 4 stated it might be impossible to find a meal or a restaurant that could cater to all their needs. On the other hand it was a positive list of filters for her business. Her restaurant caters to most food allergies and has focused on serving organic meals both vegan and non vegan dishes. As she stated “our business ideals are not the norm so this is the reason why it might be difficult to really give your users a large list of options.”
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
33
PROTOTYPE USER TESTING
USER 5
CRITICAL ERRORS
User thought it would be a good idea to have the app remind you or send you an alert of restaurants you were close to, that you had added to your favorites list. He mentioned that in the past he remembers going to places with his parents that everyone enjoyed but there isn’t a way for them to save it in a list or a way for them to remember it for future outings. If the app reminded users by sending them an alert that they were in the area in one of their favorite restaurants, it might make the app more useful and different from Yelp. He also believed that there has to be a favorite restaurant list. That not having one just did not make sense. USER 6
CRITICAL ERRORS
The social aspect of the app was very important to this user. He believed that people should be able to follow chefs, restaurants and not just their families and friends. It was pointed out that it would be a great idea to be able to follow famous food critics and see what locations are their favorite places to eat at. The user also wanted to see a system where the amount of check ins would get users the possibility of discounts and or free meals. Or a badge system like Foursquare where people could interact with it more in a social level.
USER 7
CRITICAL ERRORS
This user wanted to have the images of the restaurant separated between night time imagery, daytime imagery, inside and outside. She believed that the albums for the restaurant were too broad and not separated in a way that made it easy to sort through. From her experience a restaurant can change drastically from noon to evening. The menus change as well as the crowds. She also mentioned that it might be a good idea to say whether a place requires to see an ID, since the option of nightlife/bars is included. Another thing that was pointed out was that she wanted the user to be able to easily contact the restaurant if need be without having to jump through so many screens. She also pointed out that the rating system was not clear. Her biggest problem is that she didn’t see how she could input her own rating into the app. At the moment it seems like the user can only view it but not interact with it.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
34
PROTOTYPE USER TESTING
USER 1
INTERACTIONS
Mostly focused on the profiles of the children and mother/father main user. Questions were brought up if both parents could have a profiles of their children and how the parents profiles could connect or communicate with one another. She mentioned that the icon for family, friends and following looked to much like the profile icon and if there could be a way to put them together. UNEXPECTED RESULTS
The tester thought that the app could also message or email camps, school cafeterias, and other sorts of places that her children might be consuming food in. As to keep them safe no matter where they go. She also mentioned that there should be a way for the user to print the chefcard created by the app. That way the child could have the card with them at all times.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
35
PROTOTYPE USER TESTING
USER 2
INTERACTIONS
Throughout the prototype testing the user was confused why the filter icon and the search icon were separated. The menu/map with different meal times is unique and helpful, but the filtering when searching for something specific should all be together and shouldn’t be accessed through different icons. UNEXPECTED RESULTS
The user stated that this would be a great competitor for yelp or a great direction Yelp should take in the future. He also mentioned that there could be much more of a selling point to the app than there is now. Restaurants should want to be on your app because they feel its going to bring them more business. How do you design this app in a way that fills more seats?
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
36
PROTOTYPE USER TESTING
USER 3
INTERACTIONS
In the restaurant profile the user wanted to see if the restaurant had gotten any awards or been reviewed by a magazine. She mentioned that for those special dates it would be nice to be able to see awards the restaurant had won. Not to just rely on user reviews. She also said that it was nice to have the menu on top and that users could see images of the menu items. That it would come especially handy for those that did not speak English well. They would at least get a visual reference of what they were going to order. UNEXPECTED RESULTS
One of the comments that stood out was that those with food allergies tend to spend more money on food than those without this decease. The reason being is that they have to go to special restaurants that at times rise their prices because of the demand of healthy eating. She asked if there would ever be any discounts on the app that would make her use my app over Yelp or AlleryEats? There was also a comment on adding a point system users that posted useful reviews would get discounts after a certain number of good reviews or restaurants would be awarded with free advertising for their accumulated good reviews and happy customers. She mentioned that an award system causes users to really get involved if they are getting more than just service. G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
37
PROTOTYPE USER TESTING
USER 4
INTERACTIONS
User 4 requested that the app have an option where the user could save various filtered settings so that the user wouldn’t have to constantly fill out the filter menu. Especially when the filter menu is so overwhelming. The idea was that the settings be categorized by food ethnicity or by ambiance, from fast food restaurants to date night. She stated that app should be a tool that are quick to use and don’t take forever to figure it out. UNEXPECTED RESULTS
The user dislikes Yelp with a passion and can’t wait to see what is the next new app that people will really use to find their new dining experience. One of the strongest comments was that the company needed to be straightforward with the restaurants it represents. It is acceptable to charge restaurants to advertise their business, as long as it worked and they truly got more foot traffic. Her goal is to have new returning diners because they are happy with the food and the service.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
38
PROTOTYPE USER TESTING
USER 5
INTERACTIONS
Enjoyed the pictures and understood all the icons. Was a bit confused about the filtering icon that looked like a cooking tool. He preferred the one with the lines and the circles. Having his friends feed on the homepage was very familiar to him. Especially since he won’t have to go to various social apps to see what his friends are posting. UNEXPECTED RESULTS
New ideas on services the app could offer came up, such as discounts, free meals and even a badge category system that would entice users to post more reviews and rate their experiences. This user believed that if people get something return from reviewing an app or an experience that users would do it more often. He stated that some of the games he playing on his phone give him coins if he gives a review of the app.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
39
PROTOTYPE USER TESTING
USER 6
INTERACTIONS
According to user 6 the friends and family section needs to include a category for profiles the user is following as well. Separated into two categories on places and people. He also mentioned that users would like pictures posted by other users and people they followed. As well as have the possibility of sharing such images. The reservation section wasn’t something he would ever use. He suggested I take it out completely but the idea of the table pager did work. The title Table Timer didn’t work for him and didn’t catch on quickly on what the name represented. UNEXPECTED RESULTS
The thought of adding chefs, trainers, brands and famous people into the mix was agreed upon by most of the group. They though knowing what weight watchers would share on their page for those with food allergies would be something they would care about. They even added that it would be great to see what and where famous people would go out and eat.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
40
PROTOTYPE USER TESTING
USER 7
INTERACTIONS
Having the photography albums separated between users and restaurant posted imagery worked for this user. She stated that even though it is nice to see how the customer sees the restaurant through their eyes. It is very important to see the restaurant in a way that the user can understand the space and the food in a more professional manner. Which is usually presented through well photographed imagery done by a professional. She believes the images how ever should represent the restaurant in different ways. If it has outside sitting there should be a category for it, if the mood changes over night that should be another album and if there are events that happen often then that should be another category. This way it would show the many different phases of the place and could potentially bring in more business. UNEXPECTED RESULTS
User 7 believed that it might be smart to add the option of catering to the restaurant profiles in case they offered this service. Especially for school events where food allergies is such a big thing.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
41
PROTOTYPE USER TESTING
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
42
APPLICATIONSCREENS
Deact offers aid to individuals with food allergies by finding dishes and restaurants that cater to their dietary needs, What sets us apart is that in one account parents have the option of creating a profile for their children. Allprofiles are linkable by both friends and family members. That way when family’s go out to eat the application searches for everyone’s needs at the same time.
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
43
INTRO
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
44
DASHBOARD
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
45
SEARCH
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
46
FILTERS
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
47
FILTERS & RESULTS
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
48
RESULTS
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
49
USER PROFILE
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
50
RESTAURANT PROFILE
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
51
RESTAURANT PROFILE
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
52
RESTAURANT PROFILE
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
53
RESTAURANT PROFILE
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
54
FRIENDS SECTION
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
55
RESERVATION
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
56
CAMPAIGN POSTER
ALLERGY FREE LIFE Deact is here for you in the kitchen and on the go.
Deact is here to bring aid to 15 million Americans who suffer from food allergies.
deact.com
G3 830: Thesis 2 - Exploration Deliverables // Visual System // 02137739 ERuiz
57