Design Caffeine For Search and Browse UI IASummit2010
-
Upload
designcaffeine-inc -
Category
Design
-
view
105 -
download
1
description
Transcript of Design Caffeine For Search and Browse UI IASummit2010
![Page 1: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/1.jpg)
Greg Nudelman
Email: [email protected]: @DesignCaffeine
Design Caffeine for Search and Browse UI(a.k.a. Resourceful Finding UI)
![Page 2: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/2.jpg)
Huh? Resourceful UI?
![Page 3: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/3.jpg)
Resourceful: Able, capable, clever, creative, adventurous, enterprising, ingenious, intelligent, inventive, original, quick-witted, sharp, talented, etc.
http://thesaurus.com/browse/resourceful
![Page 4: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/4.jpg)
SystemCapabilit
ies
Customer
Goals
Resourceful UI
![Page 5: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/5.jpg)
Start From Zero: No Search Results
1. Don’t Be Afraid to Say: I Did Not Understand
2. Focus on Providing a Way Out
3. Design from Zero
![Page 6: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/6.jpg)
![Page 7: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/7.jpg)
![Page 8: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/8.jpg)
Don’t Be Afraid to Say I Did Not Understand
![Page 9: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/9.jpg)
![Page 10: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/10.jpg)
Focus on Providing a Way Out
![Page 11: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/11.jpg)
Why do most Zero Search Results Pages
SUCK?
![Page 12: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/12.jpg)
Effort and ingenuity invested in the Zero Search Results Page = overall dedication to customer
success
![Page 13: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/13.jpg)
Starting from Zero: focuses your team on the needs of the customer = deeper
connection + tremendous competitive advantage
![Page 14: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/14.jpg)
http:// http://beetlebabee.files.wordpress.com/2008/11/painting-the-roses-red-3.jpg
![Page 15: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/15.jpg)
http://blogs.nyu.edu/blogs/val239/digiprodval/10_AliceInWonderlandLabyrinth.jpg
![Page 16: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/16.jpg)
![Page 17: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/17.jpg)
http://img.thesun.co.uk/multimedia/archive/00853/SNN2537A-682_853019a.jpg
![Page 18: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/18.jpg)
![Page 19: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/19.jpg)
Office Depot Faceted Search Redesign
1. Stick to your filter value-selection paradigm
2. Provide an obvious and consistent way to undo filter selection
3. Always make all filters easily available
4. Provide filter values that encompass all items, or the complete inventory
![Page 20: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/20.jpg)
Drill-DownI want to narrow my search results to Department = Books
Parallel SelectionI want to narrow the search results to: Airline = American OR Delta OR …
http://www.Amazon.com http://www.Kayak.com
![Page 21: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/21.jpg)
http://www.OfficeDepot.com
![Page 22: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/22.jpg)
¾ oz. Bailey's Irish Cream ¾ oz. Lime Juice
“… it's not so much the taste, but the consistency with this one. The lime juice makes the Bailey's curdle, turning into a booger-like consistency.” http://www.campussqueeze.com/post/The-Worst-Shots-Ever-Created.aspx
Drill-Down Parallel Selection
![Page 23: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/23.jpg)
[ ] All: Obvious Way to Undo
Deselect-to-undo: ensure consistency in the filter value options
http://www.Kayak.com http://www.Yelp.com
![Page 24: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/24.jpg)
Office Depot UI is sensitive to the order in which a user deselects the check boxes for a single filter…Price filter option $50-$100 simply disappears if a user deselects it before the $50-$60 filter option (still only 2 items)
http://www.OfficeDepot.com
![Page 25: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/25.jpg)
Always Make All Filters Easily Available
![Page 26: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/26.jpg)
http://www.OfficeDepot.com
![Page 27: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/27.jpg)
http://www.Kayak.com
![Page 28: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/28.jpg)
http://www.OfficeDepot.com
![Page 29: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/29.jpg)
Alice's Adventures in Wonderland
1. A red-hot poker will burn you if you hold it too long;
2. If you cut your finger very deeply with a knife, it usually bleeds;
3. If you drink much from a bottle marked "poison", it is almost certain to disagree with you, sooner or later."
![Page 30: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/30.jpg)
![Page 31: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/31.jpg)
What’s Next for Finding?
![Page 32: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/32.jpg)
“Browse and Search work best in tandem… the best finding interfaces achieve a balance, letting users move fluidly between browsing and searching” –Peter Morville
![Page 33: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/33.jpg)
![Page 34: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/34.jpg)
Sou
rce: h
ttp://w
ww
.sola
rnavig
ato
r.net/m
ytholo
gy/fra
nken
stein
.htm
![Page 35: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/35.jpg)
Integrated Faceted Breadcrumb
![Page 36: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/36.jpg)
http://www.pactralink.com/global-search-icon.jpg
![Page 37: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/37.jpg)
![Page 38: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/38.jpg)
![Page 39: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/39.jpg)
Integrated Faceted Breadcrumb
1. Hierarchical Location-Attribute breadcrumbs
2. Change instead of Set-Remove-Set3. Labels breadcrumb aspects4. Intuitive new search5. Direct keyword manipulation.
![Page 40: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/40.jpg)
Why Breadcrumbs? “Breadcrumbs show people their current
location relative to higher-level concepts, helping them understand where they are in relation to the rest of the site. Breadcrumbs afford one-click access to higher site levels and thus rescue users who parachute into very specific but inappropriate destinations through search or deep links. Breadcrumbs never cause problems in user testing… people… never misinterpret breadcrumb trails or have trouble operating them.” – Jared Spool
![Page 41: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/41.jpg)
Breadcrumbs are Resourceful.
![Page 42: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/42.jpg)
Location, Path & Attribute- Keith Instone
![Page 43: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/43.jpg)
![Page 44: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/44.jpg)
![Page 45: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/45.jpg)
![Page 46: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/46.jpg)
![Page 47: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/47.jpg)
![Page 48: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/48.jpg)
“This feels like having to turn off the radio every time I want to change the station”
![Page 49: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/49.jpg)
![Page 50: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/50.jpg)
![Page 51: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/51.jpg)
![Page 52: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/52.jpg)
![Page 53: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/53.jpg)
![Page 54: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/54.jpg)
![Page 55: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/55.jpg)
![Page 56: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/56.jpg)
![Page 57: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/57.jpg)
MAYA: Most Advanced Yet Acceptable
Faceted breadcrumb holds the promise to become the key component in the next generation of intuitive finding interfaces that fully integrate the best of faceted search and browse capabilities
![Page 58: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/58.jpg)
![Page 59: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/59.jpg)
Faceted Search on Mobile
1. Limited Screen Real Estate2. Lack of Filtering Options3. Broken Flow
![Page 60: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/60.jpg)
![Page 61: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/61.jpg)
http://www.youtube.com/watch?v=T85PfDfQc9Q
![Page 62: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/62.jpg)
![Page 63: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/63.jpg)
![Page 64: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/64.jpg)
![Page 65: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/65.jpg)
![Page 66: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/66.jpg)
![Page 67: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/67.jpg)
![Page 68: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/68.jpg)
![Page 69: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/69.jpg)
http://findability.org/
![Page 70: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/70.jpg)
http://www.srcf.ucam.org/cush/wp-content/uploads/2009/06/politburo.png
![Page 71: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/71.jpg)
http://www.wikinomics.com/blog/uploads/if-you-cant-open-it.jpg
![Page 72: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/72.jpg)
vs.
http://www.amicofragile.org/wp-content/uploads/2008/11/linux_vs_apple_v2.jpeghttp://i.zdnet.com/blogs/apple-ipad-official-02.jpg
![Page 73: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/73.jpg)
![Page 74: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/74.jpg)
http://findability.org/
![Page 75: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/75.jpg)
Educational Tech
![Page 76: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/76.jpg)
http://mocoloco.com/art/upload/2007/10/the_moleskine_p/moleskine_whitejacket.jpghttp://www.moleskinerie.com/images/moleskine-2004-06-22.jpg
![Page 77: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/77.jpg)
http://www.ozoux.com/eclectic/archive/2007/02/20/images/2007/moleskine-reloaded.jpg/image_mini
![Page 78: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/78.jpg)
http://findability.org/
![Page 79: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/79.jpg)
http://solarsystem.nasa.gov/multimedia/downloads/sse_wp1_1280x1024.jpg
![Page 80: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/80.jpg)
http://www.interactions.org/sgtw/2006/0712/images/hiv_tg_800.jpg
![Page 81: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/81.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 82: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/82.jpg)
![Page 83: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/83.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 84: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/84.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 85: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/85.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 86: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/86.jpg)
http://jimstips.com/wp-content/uploads/images/stories/iPodTouch/ipt_googlemaps_02.jpg
![Page 87: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/87.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 88: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/88.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 89: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/89.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 90: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/90.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 91: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/91.jpg)
http://www.youtube.com/user/techsavvyagent
![Page 92: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/92.jpg)
www.prisjakt.nuwww.staples.com
www.tripadvisor.com
![Page 93: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/93.jpg)
![Page 94: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/94.jpg)
http://www.youtube.com/user/Apple?
feature=pyv&ad=4586558836&kw=steve%20jobs
%20keynote#p/u/6/Z03PR_4Ln90
![Page 95: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/95.jpg)
http://www.youtube.com/user/Apple?
feature=pyv&ad=4586558836&kw=steve%20jobs
%20keynote#p/u/6/Z03PR_4Ln90
![Page 96: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/96.jpg)
http://www.youtube.com/user/Apple?
feature=pyv&ad=4586558836&kw=steve%20jobs
%20keynote#p/u/6/Z03PR_4Ln90
![Page 97: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/97.jpg)
![Page 98: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/98.jpg)
http://www.amazon.com/gp/product/1933988495
![Page 99: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/99.jpg)
SystemCapabilities
CustomerGoals
Resourceful UI
![Page 100: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/100.jpg)
http://static.arstechnica.com/ipad/apple_ipad_3g.jpghttp://www.amazon.com/gp/product/1933988495
![Page 102: Design Caffeine For Search and Browse UI IASummit2010](https://reader036.fdocuments.us/reader036/viewer/2022070304/54c7bbbf4a795931208b45e9/html5/thumbnails/102.jpg)