Your SlideShare is downloading. ×
Cook Think Ux.090909
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Cook Think Ux.090909

900
views

Published on

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 …

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.


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
900
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Search results for “chicken,” “pesto” and “pasta”
  • Transcript

    • 1. UX Kudos: Cookthink.com Choreography cans meet 3D online The Pepsi Sphere September 9, 2009
    • 2. 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
    • 3. 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.”
    • 4. 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.”
    • 5. 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.
    • 6. 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.
    • 7. The Visitor’s Mindset Guides the User Experience Choreography cans meet 3D online The Pepsi Sphere July 28, 2009
    • 8. What do I want for dinner?
    • 9. What are you craving?
      • Free-form search box combined with four sets of tag clouds
        • Ingredients
        • Dish
        • Cuisine
        • Mood
    • 10. 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 ...
    • 11. Cookthink: Search results with rollover state
    • 12. 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.
    • 13. 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.
    • 14. Meal Builder: Meal Timer
      • Meal Timer allows you to compare prep time for all dishes
    • 15. UX that helps you learn how to use the site Choreography cans meet 3D online The Pepsi Sphere July 28, 2009
    • 16. 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”
    • 17. Meal Builder
      • Most Popular call-out on home page:
      • Exposes content that other users have found valuable
        • Recipes
        • Reference
        • Searches
    • 18. Search, tag cloud and relational exposure to content Choreography cans meet 3D online The Pepsi Sphere July 28, 2009
    • 19. 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
    • 20. What do I want for dinner? I wonder what a “brothy outdoorsy” dinner would taste like? Let’s see …
    • 21. 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
    • 22. A few minor quibbles: Because no site is perfect Choreography cans meet 3D online The Pepsi Sphere July 28, 2009
    • 23. 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
    • 24. UX issues
      • Advertising
        • The ad “Mom Loses” 41 lbs. After Discovery” cheapens the whole site experience
    • 25. What I really dig about this site … Choreography cans meet 3D online The Pepsi Sphere
    • 26. 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
    • 27. 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
    • 28. Harley Jebens Senior Information Architect http://www.linkedin.com/in/hjebens [email_address] Ph. 469-235-4087 Choreography cans meet 3D online The Pepsi Sphere September 9, 2009