Designing Mobile Search — Frankfurt Edition

1. Designing Mobile Search by Tyler Tate, TwigKit photos by Matthew Kenwrick, , Mikhail Koninin, Neil Oliver, Iam Carroll, Pithawat Vachiramon, Kamshots

2. ux search

3. <widget:facets facets=”Categories,Sources” />

4. <widget:facets facets=”Categories,Sources” type=”expandable” />

5. <widget:facets facets=”Categories,Sources” type=”expandable” />

6. Designing Mobile Search 1 The Rise of the Cross-Channel Experience 2 Characteristics of Mobile Search 3 Design Patterns for Mobile Search 4 Implementation Strategies for Mobile Search

7. 1 THE RISE OF CROSS-CHANNEL EXPERIENCES photos by William Hook, Risager, and Whatleydude

8. source: Google

9. photo by Alaina Buzas

10. photo by thefourelements

11. source: Amazon.com

12. Retail – REI

13. Travel – Virgin Atlantic

14. Banking – Bank of America

15. Cross-Channel Design Principles ✴ Consistency Users should be able to accomplish a given task in a like manner across all channels.

16. Cross-Channel Design Principles ✴ Consistency Users should be able to accomplish a given task in a like manner across all channels. ✴ Optimization Each channel should play to its strengths.

17. Cross-Channel Design Principles ✴ Consistency Users should be able to accomplish a given task in a like manner across all channels. ✴ Optimization Each channel should play to its strengths. ✴ Continuity Each channel must be aware of all the others.

18. 2 CHARACTERISTICS OF MOBILE SEARCH photos by William Hook, Risager, and Whatleydude

19. “Mobile will be bigger than desktop Internet in 3 years” – Morgan Stanley

20. users info context needs

22. Partial Attention “I like to imagine people as ‘one eyeball and one thumb.’” – Luke Wroblewski, Mobile First

23. Delayed Grati cation Later 30% At the time 45% Never 25% – Sohn et al. 2008, http://tinyurl.com/mobileinfoneeds

24. Average Query Length Computer iPhone Mobile Words 2.93 2.93 2.44 Characters 18.72 18.25 15.89 – Google, http://www2009.eprints.org/81/1/p801.pdf

25. Average Queries per Session Computer iPhone Mobile 1.94 1.82 1.7 – Google, http://www2009.eprints.org/81/1/p801.pdf

27. Casual Lookup Learn Investigate

28. Time Casual Lookup Learn Investigate

29. Informational Geographic Personal Info Transactional

30. Casual Lookup Learn Investigate Checking Topical Informational Trivia Notifications Research Friend Local Geographic Directions Check-ins Exploration Personal Checking Checking Info Email Calendar Product Transactional Monitoring

32. Contextually-driven Info Needs Intrinsic 28% Contextual 72% – Sohn et al. 2008, http://tinyurl.com/mobileinfoneeds

33. spatial temporal social

34. – Church & Smyth 2009, http://tinyurl.com/understandingintent

35. Mobile Search Design Principles ✴ Answers over results Mobile information needs are more defined than some desktop searches and are contained in shorter sessions.

36. Mobile Search Design Principles ✴ Answers over results Mobile information needs are more defined than some desktop searches and are contained in shorter sessions. ✴ Precision over recall Mobile users are less likely to refine their search than desktop users. Ensuring that the best matches are on the first page is important for mobile.

37. Mobile Search Design Principles ✴ Location awareness When users are searching for nearby places or services, filter the results to the user’s proximity.

38. Mobile Search Design Principles ✴ Location awareness When users are searching for nearby places or services, filter the results to the user’s proximity. ✴ Time awareness When users are interested in timely information, and filter results by time period.

39. Mobile Search Design Principles ✴ Location awareness When users are searching for nearby places or services, filter the results to the user’s proximity. ✴ Time awareness When users are interested in timely information, and filter results by time period. ✴ Social awareness Mobile search should both incorporate social signals as well as facilitate collaboration.

40. 3 DESIGN PATTERNS FOR MOBILE SEARCH

41. Components Activation Methods Display Methods Search results Always visible Modal Search box Button Full-screen Sort controls Gesture Inline Faceted nav Breadcrumbs

42. The Search Box

43. Always visible Search... Sort

44. Button

45. Gesture Search... Sort Inline

46. Gesture Sort Search... Inline

47. Gesture Sort Inline Search...

48. Gesture Sort Inline Search...

49. Sort Controls

50. Always visible Best Match Price Date

51. Button Sort

52. Faceted Navigation

53. Best Match Refine Price Date

54. Best Match Refine Price Date Filter by Category Acoustic Condition Price Seller Buying Formats Location

55. Best Match Refine Price Date Filter by Category Acoustic Condition Price Seller Buying Formats Location

56. Best Match Refine Price Date Narrow by New Refurb. Used Broken Category Acoustic Price Buying Formats Location

57. Best Match Refine Price Date Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location

58. Best Match Refine Price Date Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location

59. Best Match Refine Price Date Sort by Best Match Price Date Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location

60. Always visible Search... Sort Match Best Price Date Electric Acoustic Bass Aplifiers Access

61. Always visible Search... Sort Match Best Price Date Electric Acoustic Bass Aplifiers Access

62. Gesture Best Match Refine Price Date Inline

63. Price Gesture Best Match Refine Price Date Category Acoustic Inline Seller Buying Formats

64. Gesture Best Match Refine Price Date Inline Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats

65. Button Best Match Refine Price Date Refine Modal

66. Button PriceMatch Best Refine Price Date Refine Modal Category Acoustic Seller Buying Formats

67. Button Best Match Refine Price Date Refine Modal Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats

68. Gesture Full-screen

69. Gesture RefineBest Match Price Date Full-screen Used Broken Acoustic

70. Gesture Best Match Refine Price Date Full-screen Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats

71. Button Guitar Best Match Price Date efine R Full-screen

72. Button Search... Guitar Best Match Price Date efine Refine R Full-screen Best Match Refine Price Date Sort by Best Match Price Date Narrow by New Refurb. Used Broken Price

73. Button Search... Best Match Refine Price Date efine RDone Full-screen Sort by Best Match Price Date Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location

74. Breadcrumbs

75. Guitar Best Match Price Date efine R Showing new, acoustic guitars. Sorting by price.

76. 4 IMPLEMENTATION STRATEGIES

77. 1. Native Apps Pros: Cons: ✴ Apps feel native ✴ Must be built per platform ✴ Greater access to OS features ✴ Expensive to build and ✴ Works offline maintain ✴ Marketed in ✴ App store must app store approve & takes cut of sale

78. 2. Mobile Web Apps Pros: Cons: ✴ One app for all ✴ Doesn’t feel mobile platforms native ✴ Easier to update ✴ Lacks access to core OS features ✴ No maintenance needed for OS upgrades ✴ Keep all profits

79. 3. Responsive Websites Pros: Cons: ✴ One code base ✴ Definitely doesn’t for all channels – feel native desktop & mobile ✴ Not as optimized ✴ Cheap to build for each channel and maintain ✴ No offline access ✴ Consistent ✴ Lacks access to experience core OS features across channels

80. Responsive Web Design

81. ENTERPRISE SEARCH Meetups www.searchmeetups.com ENTERPRISE ENTERPRISE SEARCH SEARCH London Frankfurt

82. Thank You! @TylerTate @TwigKit www.twigkit.com

83. Designing Mobile Search by Tyler Tate, TwigKit photos by Matthew Kenwrick, , Mikhail Koninin, Neil Oliver, Iam Carroll, Pithawat Vachiramon, Kamshots

Designing Mobile Search — Frankfurt Edition

You are reading a preview.

Designing Mobile Search — Frankfurt Edition

More Related Content

Similar to Designing Mobile Search — Frankfurt Edition

More from Tyler Tate

Featured

Related Books

Related Audiobooks