Designing Resourceful Mobile E-Commerce Search

2,998 views
2,904 views

Published on

150+ slides of bullet-free scrumptious mobile design goodness. Check out http://www.designcaffeine.com for more mobile design patterns & articles.

Published in: Design, Technology, Spiritual
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,998
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
84
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide
  • 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
  • Designing Resourceful Mobile E-Commerce Search

    1. 1. Designing Resourceful Mobile E-Commerce Search Greg Nudelman Principal, DesignCaffeine, Inc. Twitter: @DesignCaffeine www.DesignCaffeine.com
    2. 2. Resourceful: Able, capable, clever, creative, adventurous, enterprising, ingenious, intelligent, inventive, original, quick-witted, sharp, talented, etc. http://thesaurus.com/browse/resourceful
    3. 3. Resourceful UI System Capabilities Customer Goals
    4. 4. Introduction Design for Mobile Context
    5. 5. Introduction “ The first thing we do, let's kill all the lawyers ” Henry VI, William Shakespeare
    6. 16. http://retroslashers.net/small-screen-slashers-freddys-nightmares-1988-1990/
    7. 17. Introduction
    8. 18. Introduction Mobile Search Begins with the Home Screen
    9. 21. Introduction Build Resourceful Browse Deals Visual Local
    10. 22. Introduction Design for Mobile Context
    11. 23. Introduction One Place for Deals
    12. 24. Introduction
    13. 25. Introduction
    14. 26. Introduction
    15. 27. Introduction
    16. 28. Introduction
    17. 29. Introduction
    18. 30. Introduction
    19. 31. Introduction
    20. 32. Introduction
    21. 34. Introduction
    22. 35. Introduction
    23. 36. Introduction More Like This
    24. 37. Introduction
    25. 39. Introduction Design Caffeine .com
    26. 40. Introduction Product Family Page
    27. 43. Introduction Visual Browse
    28. 52. Introduction However, flick is not (yet) discoverable
    29. 53. Introduction
    30. 54. Introduction
    31. 55. Introduction
    32. 56. Introduction
    33. 58. Introduction
    34. 59. Zero Results Page <ul><li>Don’t Be Afraid to Say: I Did Not Understand </li></ul><ul><li>Focus on Providing a Way Out </li></ul><ul><li>Design from Zero </li></ul>
    35. 60. <ul><li>Design from Zero: focuses your team on the needs of the customer = deeper connection + tremendous competitive advantage </li></ul>
    36. 61. <ul><li>Effort and ingenuity invested in the Zero Search Results Page = overall dedication to customer success </li></ul>
    37. 63. Introduction
    38. 64. Introduction
    39. 65. Introduction
    40. 66. Introduction
    41. 68. Introduction
    42. 69. Introduction
    43. 70. Introduction
    44. 71. Introduction
    45. 72. Introduction
    46. 73. Introduction
    47. 75. Introduction
    48. 76. Introduction
    49. 77. Introduction
    50. 78. Introduction
    51. 79. Introduction Design for Mobile Context
    52. 80. Introduction Turn off Phone’s Auto Correction Curtsey of Michael Manning, WebEx
    53. 81. Introduction
    54. 82. Introduction
    55. 83. Introduction
    56. 84. Introduction Design for Mobile Context
    57. 85. Introduction
    58. 86. Introduction
    59. 87. Introduction Internet of Things Spimes
    60. 88. Introduction
    61. 89. Introduction
    62. 90. Introduction
    63. 91. Introduction
    64. 92. Introduction
    65. 93. Introduction Remember without Login
    66. 94. Introduction
    67. 95. Introduction
    68. 96. Introduction
    69. 97. Introduction Search Results: Info Scent vs. Pogosticking
    70. 98. Introduction Provide Meaty Content
    71. 99. Introduction
    72. 101. Introduction Avoid Pogosticking
    73. 106. Introduction
    74. 111. Introduction “ We Got an App Too” Syndrome
    75. 112. Introduction Sloppy Mobile Apps Damage Your brand… Forever
    76. 113. Introduction Wise investment into your app design positions your brand as a mobile leader
    77. 116. Introduction Faceted Search Design Patterns
    78. 148. Introduction iPad Search
    79. 154. http://www.youtube.com/user/techsavvyagent
    80. 156. http://www.youtube.com/user/techsavvyagent
    81. 166. www.prisjakt.nu
    82. 169. Resourceful UI System Capabilities Customer Goals
    83. 170. http://www.bbc.co.uk/radio4/youandyours/media/yy_electro_magnet247x165.jpg
    84. 171. Introduction What is the use of an infant ? -Michael Faraday
    85. 172. http://www.starlinetours.com/images/LasVegas/HooverDam-Front.jpg
    86. 173. http://1.bp.blogspot.com/_ax5ZIdFoW1U/SqdShV6S3-I/AAAAAAAAUME/b0GESUNj45A/s400/earth-nightime-light-space-05.png
    87. 174. Contact Questions: Greg Nudelman On the web: DesignCaffeine.com Twitter: @DesignCaffeine Thank you! Book: &quot;Designing Search: UX Strategies for eCommerce Success&quot; – Spring 2011 from Wiley

    ×