Designing Resourceful Mobile E-Commerce Search
•Download as PPT, PDF•
4 likes•1,539 views
150+ slides of bullet-free scrumptious mobile design goodness. Check out http://www.designcaffeine.com for more mobile design patterns & articles.
Recommended
Recommended
More Related Content
Viewers also liked
Similar to Designing Resourceful Mobile E-Commerce Search
Similar to Designing Resourceful Mobile E-Commerce Search (20)
Recently uploaded
Recently uploaded (20)
Designing Resourceful Mobile E-Commerce Search
- 1. Designing Resourceful Mobile E-Commerce Search Greg Nudelman Principal, DesignCaffeine, Inc. Twitter: @DesignCaffeine www.DesignCaffeine.com
- 2. Resourceful: Able, capable, clever, creative, adventurous, enterprising, ingenious, intelligent, inventive, original, quick-witted, sharp, talented, etc. http://thesaurus.com/browse/resourceful
- 3. Resourceful UI System Capabilities Customer Goals
- 4. Introduction Design for Mobile Context
- 5. Introduction “ The first thing we do, let's kill all the lawyers ” Henry VI, William Shakespeare
- 17. Introduction
- 18. Introduction Mobile Search Begins with the Home Screen
- 21. Introduction Build Resourceful Browse Deals Visual Local
- 22. Introduction Design for Mobile Context
- 23. Introduction One Place for Deals
- 24. Introduction
- 25. Introduction
- 26. Introduction
- 27. Introduction
- 28. Introduction
- 29. Introduction
- 30. Introduction
- 31. Introduction
- 32. Introduction
- 34. Introduction
- 35. Introduction
- 36. Introduction More Like This
- 37. Introduction
- 39. Introduction Design Caffeine .com
- 40. Introduction Product Family Page
- 43. Introduction Visual Browse
- 52. Introduction However, flick is not (yet) discoverable
- 53. Introduction
- 54. Introduction
- 55. Introduction
- 56. Introduction
- 58. Introduction
- 63. Introduction
- 64. Introduction
- 65. Introduction
- 66. Introduction
- 68. Introduction
- 69. Introduction
- 70. Introduction
- 71. Introduction
- 72. Introduction
- 73. Introduction
- 75. Introduction
- 76. Introduction
- 77. Introduction
- 78. Introduction
- 79. Introduction Design for Mobile Context
- 80. Introduction Turn off Phone’s Auto Correction Curtsey of Michael Manning, WebEx
- 81. Introduction
- 82. Introduction
- 83. Introduction
- 84. Introduction Design for Mobile Context
- 85. Introduction
- 86. Introduction
- 87. Introduction Internet of Things Spimes
- 88. Introduction
- 89. Introduction
- 90. Introduction
- 91. Introduction
- 92. Introduction
- 93. Introduction Remember without Login
- 94. Introduction
- 95. Introduction
- 96. Introduction
- 97. Introduction Search Results: Info Scent vs. Pogosticking
- 98. Introduction Provide Meaty Content
- 99. Introduction
- 106. Introduction
- 111. Introduction “ We Got an App Too” Syndrome
- 112. Introduction Sloppy Mobile Apps Damage Your brand… Forever
- 113. Introduction Wise investment into your app design positions your brand as a mobile leader
- 116. Introduction Faceted Search Design Patterns
- 148. Introduction iPad Search
- 166. www.prisjakt.nu
- 169. Resourceful UI System Capabilities Customer Goals
- 171. Introduction What is the use of an infant ? -Michael Faraday
- 174. Contact Questions: Greg Nudelman On the web: DesignCaffeine.com Twitter: @DesignCaffeine Thank you! Book: "Designing Search: UX Strategies for eCommerce Success" – Spring 2011 from Wiley
Editor's Notes
- What’s the moral of the story? Read and heed the following words of wisdom:
- What’s the moral of the story? Read and heed the following words of wisdom:
- Ben Shneiderman describes direct manipulation is one of the key HCI design principles. Integrated Faceted Breadcrumb (IFB) provides direct keyword query manipulation with the dynamic editable Keywords Aspect shown in Figure 12. At the start of a finding session, the search box starts out fully expanded across the entire width of the page. When the customer types in some keywords, they are retained in the search box for easy editing or keyword addition, as shown in Figure 12-A. If the customer selects one or more facets, they are always added according to their respective hierarchy in front of the search box. As more aspects are added, the keyword box gets progressively smaller, until it reaches some reasonable minimum size as shown in Figure 12-B. If sill more facets are applied at this point, a scroll arrow appears immediately after the Home facet, allowing customers to scroll only the applied aspects in the manner of a carousel control, without ever hiding the Home facet or the search box, as shown in Figure 12-C. IFB dynamic editable Keywords Aspect design proved to be very successful with our evaluators who found it intuitive, resourceful and easy to use.
- Four Corners