Designing Mobile Search, NYC Edition

1. Designing Mobile Search by Tyler Tate, TwigKit photos by Matthew Kenwrick, ゆうくんと呼んで, Mikhail Koninin, Neil Oliver, Iam Carroll, Pithawat Vachiramon, Kamshots

2. design search

3. Units Shipped 800 million Desktop PCs Smartphones Forecast Laptop PCs Tablets 2005 2006 2007 2008 2009 2010 2011 2012 2013 “Beyond the PC” by The Economist, Oct 8th 2011. Sources: Cisco, Gartner, Informa Telecoms & Media, KPCB, Morgan Stanley, UN, Yankee Group, The Economist. .

4. Bring Your Own Device ✴ 28% of the current workforce is already using personal devices for work ✴ 56% of US companies already have a formal BYOD policy in place ✴ 94% of global companies plan to have a BYOD policy by mid-2013 – Citrix, http://www.citrix.com/site/resources/dynamic/additional/Citrix_BYO_Index_report.pdf

5. Designing Mobile Search 1 Mobile Searchers 2 Design Principles 3 Design Solutions 4 Implementation Strategies

6. 1 MOBILE SEARCHERS photos by William Hook, Risager, and Whatleydude

7. 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

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

9. Information Needs Type Motive

10. Search Motive Casual

11. Search Motive Casual Lookup

12. Search Motive Casual Lookup Learn

13. Search Motive Casual Lookup Learn Investigate

14. Search Type Informational

15. Search Type Informational Geographic

16. Search Type Informational Geographic Personal Info

17. Search Type Informational Geographic Personal Info Transactional

18. Search Type Informational Geographic Personal Info Transactional

19. Casual Lookup Learn Investigate Informational Geographic Personal Information Management Transactional

20. Casual Lookup Learn Investigate Window Information Informational Trivia Research Shopping Gathering Geographic Personal Information Management Transactional

21. Casual Lookup Learn Investigate Window Information Informational Trivia Research Shopping Gathering Friend Local Points Travel Geographic Directions Check-ins of Interest Planning Personal Information Management Transactional

22. Casual Lookup Learn Investigate Window Information Informational Trivia Research Shopping Gathering Friend Local Points Travel Geographic Directions Check-ins of Interest Planning Personal Checking Checking Situation Lifestyle Information Messages Calendar Analysis Planning Management Transactional

23. Casual Lookup Learn Investigate Window Information Informational Trivia Research Shopping Gathering Friend Local Points Travel Geographic Directions Check-ins of Interest Planning Personal Checking Checking Situation Lifestyle Information Messages Calendar Analysis Planning Management Acting on Price Online Product Transactional Notifications Comparison Shopping Monitoring

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

25. 2 DESIGN PRINCIPLES photos by William Hook, Risager, and Whatleydude

26. 1. Content Trumps Controls Most search controls (such as sorting and filtering) should be displaced off-screen so that search results take center stage.

27. 2. Answers Over Results For “lookup” information needs, it’s often more efficient to directly answering the user’s query rather than force them to click on a search result.

28. 3. Contextual Sensitivity Strive for awareness of the the user’s context, such as their task, location, and social surroundings.

29. 4. Cross-Channel Continuity The actions performed on any particular channel should propagate to all other channels of the ecosystem.

30. 4. Cross-Channel Continuity

31. 3 DESIGN SOLUTIONS

32. input refine search results

34. The Search Box

35. In the navigation bar Search... Sort

36. In a secondary Sort toolbar Search...

37. Via a pull-to-reveal Search... Sort gesture

38. Via a pull-to-reveal Sort Search... gesture

39. Via a pull-to-reveal Sort gesture Search...

40. Via a pull-to-reveal Sort gesture Search...

41. As-you-type suggestions

42. As-you-type suggestions

43. Other Input Methods

44. Location

45. Audio

46. Visual

47. Drawing

50. Display Formats

51. List

52. Grid

53. Map

54. Augmented Reality

55. Toggling the Display Format

56. Segmented Search... control in a List Map Images toolbar

57. Segmented List Map Images control centered in the navigation bar

58. Single button in Search... Map the navigation bar

61. Inline Controls

62. Dedicated Screen

63. Best Match Refine Price Date

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

65. Filtering with a Best Match Refine Price Date segmented Narrow by New Refurb. Used Broken control Category Acoustic Price Buying Formats Location

66. Filtering with a Best Match Refine Price Date slider Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location

67. Sorting with a Best Match Refine Price Date segmented Sort by Best Match Price Date control Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location

68. Dedicated refinement screens

69. Accessing the Refinement Screen

70. Button in the Guitar Best Match Price Date efine R navigation bar

71. Button in the Search... Guitar Best Match Price Date efine Refine R navigation bar Best Match Refine Price Date Sort by Best Match Price Date Narrow by New Refurb. Used Broken Price

72. Button in the Search... Best Match Refine Price Date efine RDone navigation bar Sort by Best Match Price Date Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location

73. Button in the navigation bar

74. Gesture

75. Gesture RefineBest Match Price Date Used Broken Acoustic

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

77. Button or gesture

78. Button and popover

79. 4 IMPLEMENTATION STRATEGIES

80. 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

81. 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

82. 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

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

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

85. Designing Mobile Search by Tyler Tate, TwigKit photos by Matthew Kenwrick, ゆうくんと呼んで, Mikhail Koninin, Neil Oliver, Iam Carroll, Pithawat Vachiramon, Kamshots

Designing Mobile Search, NYC Edition

You are reading a preview.

Designing Mobile Search, NYC Edition

More Related Content

More from Tyler Tate

Featured

Related Books

Related Audiobooks