2nd 4 tile /allrecipes

 

 

Allrecipes

Allrecipes Overview screens flying out Dark Gray.png

About allrecipes

Allrecipes is the #1 ranking most popular social networking recipe sharing website. The company is based in Seattle, WA and traffics an estimated 25,000,000 unique monthly visitors. The business originated in 1997 and now operates 19 websites in 13 languages. Allrecipes.com's smartphone apps allow users to access the site and its user-uploaded content while on the go.  

Process Overview

  • 1:1 Interviews

  • Online Surveys

  • Competitive Analysis

  • Site map & User Flows

  • Wireframes & Iterations

  • Visual Design & Prototype

Process icon 2.png
 

Research

Survey

  • I created a survey containing 9 multiple choice questions to discover peoples cooking habits

  • I posted the survey on Facebook. My teammates likewise posted it on their social media outlets

  • 35 people participated providing solid pool of data

  • Surveys provided us demographics of our most likely users

Mag Over Paper Icon.png
single survey man 1.png
 
 

How Do You Store Recipes?

 

Findings

  • Most people used websites instead of mobile apps

  • Ironically most people showed a willingness to use a mobile app

  • We investigated why people used websites over mobile apps

  • Scrolling between ingredients and directions was a big issue

  • We tried to adopt things not available on mobile

Use a Mobile App?

Service You Use?

 

 
Interview photo.png
 
 

IN pERSON INTERVIEWS

  • 6 in person interviews were conducted

  • Similar questions to what was on the survey were asked

  • The purpose was to discover qualitative data that was not yet found

Common User Complaints With Original App

  • Spelling errors

  • Separation of ingredients from directions

  • Lack of filtering options

  • Ineffective shopping list feature

 
Affinity Photo.png

Affinity Diagram

  • Wrote down common responses people gave to questions on post it notes

  • Grouping these responses based on similarities helped us notice trends

  • We identified the most common reoccurring problems

  • Prioritized the most prominent complaints as our design focus

 
Competitive Picture 2.png

Competitive Analysis

  • Identified 4 of our strongest competitors

  • Ironically Pinterest was the biggest

  • We discovered Allrecipes already incorporated most features

  • Emphasis shifted from keeping up with the other apps to improving existing features and creating new innovations

    existing features and distinguishing ourselves

  • We added voice activation to separate us from our competitors

 

Competitive analysis chart

Analysis: Since Allrecipes was already doing most things it’s competitors were doing, we decided to focus on making the features better as well as creating something new to set us apart from the other competitors.

 
 

primary persona

 

Wireframes

Explainer wires 1.png
 

Left Wire) People had difficulty noticing that items were being added to shopping cart until a prompt over the cart icon would indicate it.

Right Wire) Adding lower navigation bar and putting lesser used features in hamburger menu was easier to mentally process.

Explainer wires 2.png
 

Left Wire) Selecting between ingredients and directions by tapping solved the complaint of having to scroll up and down between the two.

Right Wire) Our hands free version of instructions covers 3 learning styles for auditory, visual & kinesthetic, making it easy to follow along


Visual Design

1.gif
 

Next steps

  • Research the complaints people are having with Alexa's narration of recipes and solve those problems.

  • Our teammates expressed regret not having more time to work on the visual design. Doing so would also require more testing after.

 
Allrecipes with ratings.png
 

What I learned

  • Often large companies will still produce products with many flaws

  • Let usability testing indicate what the best design is over another

  • What seems intuitive to the designer may not be intuitive to other users