cook think ux.090909

28
3 Choreographycans meet D online The Pepsi Sphere UX Kudos: Cookthink.com September 9, 2009 1

Upload: 22squared

Post on 04-Jul-2015

924 views

Category:

Design


2 download

DESCRIPTION

Cookthink.com offers an example of excellent user experience and information architecture. It does a number of things quite well. I put together this presentation to walk through what I think works well, and why.

TRANSCRIPT

Page 1: Cook Think Ux.090909

3 C h o r e o g r a p h y c a n s m e e t D onlineThe Pepsi SphereUX Kudos: Cookthink.com

September 9, 2009 1

Page 2: Cook Think Ux.090909

Why is it worth taking a look at Cook Think?

Cookthink.com is an example of excellent user experience and information architecture

Visitor’s mind-set guides the entire experience

User experience guides you through the site and helps you learn how to use the site

Search, tag cloud and relational exposure to content very well-thought out

2

Page 3: Cook Think Ux.090909

Cook Think Basics

Launched in late 2006

Created with the goal of “creat(ing) a cleaner, smarter recipe website, something with consistently good recipes, more efficient search, better resources and friendly advice.”

3

Page 4: Cook Think Ux.090909

Cook Think Basics

Cooking, most often, is “about satisfying a craving right now with the ingredients you’ve got on hand. It’s about using leftovers well and experimenting little by little. It’s about what you’re going to have for dinner tonight.”

4

Page 5: Cook Think Ux.090909

It’s the Pandora of cooking

Pandora utilizes the “Music Genome” to provide recommendations for music a user might like, based on their expressed preferences

Cookthink taps into the “Recipe Mapping Project” to break down the components of each recipe, analyzing dozens of characteristics about what goes into a dish — what it tastes like, smells like, feels like, and how it makes you feel to eat it. 5

Page 6: Cook Think Ux.090909

Cook Think Basics

Users tap tap into this process when they use Cookthink's recipe search tool to look for recipes by ingredient (pork chop, zucchini), dish type (salad, burrito) cuisine (Italian, Thai) and mood (exuberant, summery).

When users “cookthink it,” the site takse what they’re craving and compare it to all of their recipes, returning recipes that best fits what you’re looking for. 6

Page 7: Cook Think Ux.090909

3 C h o r e o g r a p h y c a n s m e e t D onlineThe Pepsi SphereThe Visitor’s Mindset Guides the User Experience

July 28, 2009 7

Page 8: Cook Think Ux.090909

8

What do I want for dinner?

Page 9: Cook Think Ux.090909

What are you craving?

Free-form search box combined with four sets of tag clouds Ingredients Dish Cuisine Mood

9

Page 10: Cook Think Ux.090909

What are you craving?

Lets you combine choices from the tag cloud (click on a word and it appears in the search box) or free-form typing

Once you click “search,” you are taken to ...

10

Page 11: Cook Think Ux.090909

Cookthink: Search results with rollover state

11

Page 12: Cook Think Ux.090909

Cookthink: Recipe page

Recipe results display: Number of people served Description Ingredients Instructions

But also: Prep time Cook time Tools needed Dishes it goes well with

Call to action to: Save to my meal builder Modify recipe by adding

ingredients, dishes, etc. 12

Page 13: Cook Think Ux.090909

Meal Builder

Meal Builder allows you to: Create new meals Add dishes to meals you

create Print out meal recipes Send to a friend Edit meal Compare prep and cook

time for all dishes Search for other

ingredients, dishes, etc.

13

Page 14: Cook Think Ux.090909

Meal Builder: Meal Timer

14

Meal Timer allows you to compare prep time for all dishes

Page 15: Cook Think Ux.090909

3 C h o r e o g r a p h y c a n s m e e t D onlineThe Pepsi SphereUX that helps you learn how to use the site

July 28, 2009 15

Page 16: Cook Think Ux.090909

What are you craving?

Tag cloud presents popular terms that prompt user for the type of queries they might enter into the search box “basily” “soothing” “exciting” “kosher” “hangover-friendly”

16

Page 17: Cook Think Ux.090909

Meal Builder

Most Popular call-out on home page:

Exposes content that other users have found valuable Recipes Reference Searches

17

Page 18: Cook Think Ux.090909

3 C h o r e o g r a p h y c a n s m e e t D onlineThe Pepsi SphereSearch, tag cloud and relational exposure to content

July 28, 2009 18

Page 19: Cook Think Ux.090909

Search and tag cloug

Search and tag cloud work together. User can click on

terms in the tag cloud to add them to the search field

Tag cloud terms help prompt ideas for searching

19

Page 20: Cook Think Ux.090909

20

What do I want for dinner?

I wonder what a “brothy outdoorsy” dinner would taste like?

Let’s see …

Page 21: Cook Think Ux.090909

Relational exposure to content

Search leads to results Results lead to recipe Recipe encourages

saving to meal builder Meal builder encourages

comparison of dishes, conducting new searches, etc.

Each step gets user more involved in the site

21

Page 22: Cook Think Ux.090909

3 C h o r e o g r a p h y c a n s m e e t D onlineThe Pepsi SphereA few minor quibbles: Because no site is perfect

July 28, 2009 22

Page 23: Cook Think Ux.090909

UX issues

Wayfinding This is the main

“reference” page, but there are no overt queues to tell you that.

Signing up for the “Root Source” e-mail newsletter is a pain if you’re already a member May be impossible. I

tried to sign up for a newsletter using an existing account and was unable to

23

Page 24: Cook Think Ux.090909

UX issues

Advertising The ad “Mom Loses”

41 lbs. After Discovery” cheapens the whole site experience

24

Page 25: Cook Think Ux.090909

3 C h o r e o g r a p h y c a n s m e e t D onlineThe Pepsi SphereWhat I really dig about this site …

25

Page 26: Cook Think Ux.090909

If you remember nothing else …

Love how the user experience matches up to the mind set of someone using the site

Search and tag cloud work together in a unique way that makes sense to the user

User experience helps you learn how to use the site and exposes you logically to more and more site features as you move through the site

26

Page 27: Cook Think Ux.090909

If you remember nothing else …

This site makes cooking seem so easy that you want to start cooking something

Bottom line -- it’s an enjoyable experience – something we should be striving for with every project we undertake

27

Page 28: Cook Think Ux.090909

3 C h o r e o g r a p h y c a n s m e e t D onlineThe Pepsi Sphere

Harley JebensSenior Information Architecthttp://www.linkedin.com/in/[email protected]. 469-235-4087

September 9, 2009 28