Successfully reported this slideshow.

Designing Mobile Search, NYC Edition

6

Share

Upcoming SlideShare
Sogamo & Sogamo x10
Sogamo & Sogamo x10
Loading in …3
×
1 of 93
1 of 93

More Related Content

Related Books

Free with a 14 day trial from Scribd

See all

Designing Mobile Search, NYC Edition

  1. 1. Designing Mobile Search by Tyler Tate, TwigKit photos 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 Search 1 Mobile Searchers 2 Design Principles 3 Design Solutions 4 Implementation Strategies
  6. 6. 1 MOBILE SEARCHERS photos 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 Type Informational
  15. 15. Search Type Informational Geographic
  16. 16. Search Type Informational Geographic Personal Info
  17. 17. Search Type Informational Geographic Personal Info Transactional
  18. 18. Search Type Informational Geographic Personal Info Transactional
  19. 19. Casual Lookup Learn Investigate Informational Geographic Personal Information Management Transactional
  20. 20. Casual Lookup Learn Investigate Window Information Informational Trivia Research Shopping Gathering Geographic Personal Information Management Transactional
  21. 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. 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. 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. 24. Delayed Gratification Later 30% At the time 45% Never 25% – Sohn et al. 2008, http://tinyurl.com/mobileinfoneeds
  25. 25. 2 DESIGN PRINCIPLES photos by William Hook, Risager, and Whatleydude
  26. 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. 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 Sensitivity Strive for awareness of the the user’s context, such as their task, location, and social surroundings.
  29. 29. 4. Cross-Channel Continuity The actions performed on any particular channel should propagate to all other channels of the ecosystem.
  30. 30. 4. Cross-Channel Continuity
  31. 31. 3 DESIGN SOLUTIONS
  32. 32. input refine search results
  33. 33. input refine search results
  34. 34. The Search Box
  35. 35. In the navigation bar Search... Sort
  36. 36. In a secondary Sort toolbar Search...
  37. 37. Via a pull-to-reveal Search... Sort gesture
  38. 38. Via a pull-to-reveal Sort Search... gesture
  39. 39. Via a pull-to-reveal Sort gesture Search...
  40. 40. Via a pull-to-reveal Sort gesture 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. input refine search results
  49. 49. input refine search results
  50. 50. Display Formats
  51. 51. List
  52. 52. Grid
  53. 53. Map
  54. 54. Augmented Reality
  55. 55. Toggling the Display Format
  56. 56. Segmented Search... control in a List Map Images toolbar
  57. 57. Segmented List Map Images control centered in the navigation bar
  58. 58. Single button in Search... Map the navigation bar
  59. 59. input refine search results
  60. 60. input refine 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 Date segmented Narrow by New Refurb. Used Broken control Category Acoustic Price Buying Formats Location
  66. 66. Filtering with a Best Match Refine Price Date slider Narrow by New Refurb. Used Broken Price Category Acoustic Seller Buying Formats Location
  67. 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. 68. Dedicated refinement screens
  69. 69. Accessing the Refinement Screen
  70. 70. Button in the Guitar Best Match Price Date efine R navigation bar
  71. 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. 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. 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. 4 IMPLEMENTATION 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 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. 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. 83. ENTERPRISE SEARCH Meetups www.searchmeetups.com ENTERPRISE ENTERPRISE SEARCH SEARCH London Frankfurt
  84. 84. Thank You! @TylerTate @TwigKit www.twigkit.com
  85. 85. Designing Mobile Search by Tyler Tate, TwigKit photos by Matthew Kenwrick, ゆうくんと 呼んで, Mikhail Koninin, Neil Oliver, Iam Carroll, Pithawat Vachiramon, Kamshots

×