Designing Mobile Search, NYC Edition

4,242 views

Published on

Presented in New York at the Enterprise Search Summit and the NY Enterprise Search meetup.

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,242
On SlideShare
0
From Embeds
0
Number of Embeds
1,947
Actions
Shares
0
Downloads
38
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

Designing Mobile Search, NYC Edition

  1. 1. Designing Mobile Searchby Tyler Tate, TwigKitphotos by Matthew Kenwrick, ゆうくんと 呼んで, Mikhail Koninin, Neil Oliver,Iam Carroll, Pithawat Vachiramon, Kamshots
  2. 2. design search
  3. 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. 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. 5. Designing Mobile Search1 Mobile Searchers2 Design Principles3 Design Solutions4 Implementation Strategies
  6. 6. 1 MOBILE SEARCHERSphotos by William Hook, Risager, and Whatleydude
  7. 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. 8. Average Queries per Session Computer iPhone Mobile 1.94 1.82 1.7– Google, http://www2009.eprints.org/81/1/p801.pdf
  9. 9. Information Needs Type Motive
  10. 10. Search Motive Casual
  11. 11. Search Motive Casual Lookup
  12. 12. Search Motive Casual Lookup Learn
  13. 13. Search Motive Casual Lookup Learn Investigate
  14. 14. Search TypeInformational
  15. 15. Search TypeInformational Geographic
  16. 16. Search TypeInformational Geographic Personal Info
  17. 17. Search TypeInformational Geographic Personal Info Transactional
  18. 18. Search TypeInformational Geographic Personal Info Transactional
  19. 19. Casual Lookup Learn InvestigateInformational Geographic PersonalInformationManagementTransactional
  20. 20. Casual Lookup Learn Investigate Window InformationInformational Trivia Research Shopping Gathering Geographic PersonalInformationManagementTransactional
  21. 21. Casual Lookup Learn Investigate Window InformationInformational Trivia Research Shopping Gathering Friend Local Points Travel Geographic Directions Check-ins of Interest Planning PersonalInformationManagementTransactional
  22. 22. Casual Lookup Learn Investigate Window InformationInformational Trivia Research Shopping Gathering Friend Local Points Travel Geographic Directions Check-ins of Interest Planning Personal Checking Checking Situation LifestyleInformation Messages Calendar Analysis PlanningManagementTransactional
  23. 23. Casual Lookup Learn Investigate Window InformationInformational Trivia Research Shopping Gathering Friend Local Points Travel Geographic Directions Check-ins of Interest Planning Personal Checking Checking Situation LifestyleInformation Messages Calendar Analysis PlanningManagement Acting on Price Online ProductTransactional Notifications Comparison Shopping Monitoring
  24. 24. Delayed Gratification Later 30% At the time 45% Never 25%– Sohn et al. 2008, http://tinyurl.com/mobileinfoneeds
  25. 25. 2 DESIGN PRINCIPLESphotos by William Hook, Risager, and Whatleydude
  26. 26. 1. Content Trumps ControlsMost search controls(such as sorting andfiltering) should bedisplaced off-screen sothat search results takecenter stage.
  27. 27. 2. Answers Over Results For “lookup” infor- mation needs, it’s often more efficient to directly answering the user’s query rather than force them to click on a search result.
  28. 28. 3. Contextual SensitivityStrive for awareness ofthe the user’s context,such as their task,location, and socialsurroundings.
  29. 29. 4. Cross-Channel ContinuityThe actions performed on anyparticular channel should propagate toall other channels of the ecosystem.
  30. 30. 4. Cross-Channel Continuity
  31. 31. 3 DESIGNSOLUTIONS
  32. 32. inputrefine search results
  33. 33. inputrefine search results
  34. 34. The Search Box
  35. 35. In the navigation bar Search... Sort
  36. 36. In a secondary Sorttoolbar Search...
  37. 37. Via a pull-to-reveal Search... Sortgesture
  38. 38. Via a pull-to-reveal Sort Search...gesture
  39. 39. Via a pull-to-reveal Sortgesture Search...
  40. 40. Via a pull-to-reveal Sortgesture Search...
  41. 41. As-you-type suggestions
  42. 42. As-you-type suggestions
  43. 43. Other Input Methods
  44. 44. Location
  45. 45. Audio
  46. 46. Visual
  47. 47. Drawing
  48. 48. inputrefine search results
  49. 49. inputrefine search results
  50. 50. Display Formats
  51. 51. List
  52. 52. Grid
  53. 53. Map
  54. 54. AugmentedReality
  55. 55. Toggling the Display Format
  56. 56. Segmented Search...control in a List Map Imagestoolbar
  57. 57. Segmented List Map Imagescontrol centeredin the navigationbar
  58. 58. Single button in Search... Mapthe navigationbar
  59. 59. inputrefine search results
  60. 60. inputrefine search results
  61. 61. Inline Controls
  62. 62. Dedicated Screen
  63. 63. Best Match Refine Price Date
  64. 64. Filtering Best Match Refine Price Date Filter by Category Acoustic Condition Price Seller Buying Formats Location
  65. 65. Filtering with a Best Match Refine Price Datesegmented Narrow by New Refurb. Used Brokencontrol Category Acoustic Price Buying Formats Location
  66. 66. Filtering with a Best Match Refine Price Dateslider Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location
  67. 67. Sorting with a Best Match Refine Price Datesegmented Sort by Best Match Price Datecontrol Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location
  68. 68. Dedicated refinement screens
  69. 69. Accessing the Refinement Screen
  70. 70. Button in the Guitar Best Match Price Date efine Rnavigation bar
  71. 71. Button in the Search... Guitar Best Match Price Date efine Refine Rnavigation bar Best Match Refine Price Date Sort by Best Match Price Date Narrow by New Refurb. Used Broken Price
  72. 72. Button in the Search... Best Match Refine Price Date efine RDonenavigation bar Sort by Best Match Price Date Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location
  73. 73. Button in the navigation bar
  74. 74. Gesture
  75. 75. Gesture RefineBest Match Price Date Used Broken Acoustic
  76. 76. Gesture Best Match Refine Price Date Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats
  77. 77. Button or gesture
  78. 78. Button and popover
  79. 79. 4IMPLEMENTATION STRATEGIES
  80. 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. 81. 2. Mobile Web AppsPros: 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. 82. 3. Responsive WebsitesPros: 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. 83. ENTERPRISE SEARCHMeetupswww.searchmeetups.comENTERPRISE ENTERPRISESEARCH SEARCHLondon Frankfurt
  84. 84. Thank You!@TylerTate@TwigKitwww.twigkit.com
  85. 85. Designing Mobile Searchby Tyler Tate, TwigKitphotos by Matthew Kenwrick, ゆうくんと 呼んで, Mikhail Koninin, Neil Oliver,Iam Carroll, Pithawat Vachiramon, Kamshots

×