huge data, little screen: assisting mobile users finding information quickly using site search
DESCRIPTION
How does the designer handle large data sets on the small screen to create solutions that deliver satisfying search results simply and quickly for users on the go? This session takes a closer look at designing the user experience of searching for content that originated on large screens, and is being repurposed for the small screen, given the challenges and opportunities the mobile platform presents.TRANSCRIPT
![Page 1: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/1.jpg)
Hello
1
Melissa Cooper
@mississa
Huge Data, Little Screen Assisting mobile users find information quickly using
site search on the go.
![Page 2: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/2.jpg)
Hello
2
• Design challenge• What is out there• User research• Site Model
Agenda
![Page 3: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/3.jpg)
About me
Melissa Cooper
@mississa
3
![Page 4: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/4.jpg)
✔ In site search
x SEO x Apps
Scope
4
![Page 5: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/5.jpg)
About Search
5
Scope
![Page 6: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/6.jpg)
Scope
6
Click?Trackball?Gesture?
Operating System?
Screen size?
Javascript?
Flash?
![Page 7: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/7.jpg)
Scope
7
Search
Information
Goal: simplify a complex search
Context
Broad Audience
![Page 8: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/8.jpg)
Scope
8
Without watering down the experience
![Page 9: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/9.jpg)
Scope
9
Competitor Analysis
![Page 10: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/10.jpg)
Mobile Search Patterns
10
Browse model
![Page 11: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/11.jpg)
Mobile Search Patterns
11
![Page 12: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/12.jpg)
Mobile Search Patterns
12
![Page 13: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/13.jpg)
Mobile Search Patterns
13
Keyword and location
![Page 14: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/14.jpg)
Mobile Search Patterns
14
Get the app!
Recent redesign
![Page 15: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/15.jpg)
Mobile Search Patterns
15
Advanced input
Sorry
![Page 16: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/16.jpg)
Mobile Search Patterns
16
No music?(no reggae)
![Page 17: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/17.jpg)
Mobile Search Patterns
17
Define your search
![Page 18: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/18.jpg)
Mobile Search Patterns
18
![Page 19: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/19.jpg)
19
Harsh reality
Mobile search Patterns
![Page 20: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/20.jpg)
Search Insight
Good results give users confidence
20
![Page 21: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/21.jpg)
Search Insight
Search entry is key to quality results
21
![Page 22: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/22.jpg)
Search
Faceted Search
22
![Page 23: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/23.jpg)
Search
Faceted Search
23
![Page 24: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/24.jpg)
Design for possibilities
24
Search Insight
![Page 25: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/25.jpg)
Goal
Quality results
• Make options visible• Quick entry results• Support specific criteria• Provide refinement • Search feedback• Support repeat users
25
![Page 26: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/26.jpg)
Scenario
26
Context is complex
![Page 27: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/27.jpg)
What is on in my area?
What is coming
up?
What suits my
interests?
What is on next
week?
What free?
Scenario
27
![Page 28: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/28.jpg)
Scenario
28
When?
Where?
How much?
How do I get there?
What is it about
![Page 29: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/29.jpg)
Scenario
29
Where is <artist> playing?
What is on at the powerhouse?
Oops, forgot the address…
Any reggae coming up?
What’s on this weekend?
![Page 30: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/30.jpg)
Scenario
30
Where is <artist> playing?
What is on at the powerhouse?
Oops, forgot the address…
Any reggae coming up?
What’s on this weekend? Date
Category
Location
Venue
Keyword
![Page 31: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/31.jpg)
Scenario
31
Date
21st Dec
Next weekend
Date range
Location
PerthNear me
Venue /
Address
VenueArtist
Event type
Keyword
Music
GenreTaste
Activity
Category
![Page 32: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/32.jpg)
ABC’s The Big Diary goes mobile
Mobile Search Patterns
32
![Page 33: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/33.jpg)
Home Page
33
Featured Events
The Big Diary
Location
Keyword / location
Category
Date
My Diary
ABC Mobile nav
Default location
Content Affordance
Simple input &
retention
Customise Quick-links
Popular Quick-links
Advanced Options
Shortlist
![Page 34: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/34.jpg)
Search Results
34
Search Feedback And Refinement
The Big Diary
Events in <Location>
Events Listings
ABC Mobile nav
Pagination
Clear Search
Feedback
Allow users to
refine
Easy to scan
listings
<Event Title> <Category> <venue>
03Oct
<Event Title> <Category> <venue>
03Oct
Skip results
![Page 35: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/35.jpg)
Event Details
35
Image
The Big Diary
Event title
Add to shortlist
Details
My Diary / share
ABC Mobile nav
Events like this one
Shortlist
Share
Map
Next resultVenue
Sub-Cat
![Page 36: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/36.jpg)
The Big Diary
36
Image
The Big Diary
Event title
Add to shortlist
Details
My Diary / share
ABC Mobile nav
Events like this one
Search Feedback And Refinement
The Big Diary
Events in <Location>
Events Listings
ABC Mobile nav
Pagination
Featured Events
The Big Diary
Location
Keyword / location
Category
Date
My Diary
ABC Mobile nav
Search Feedback And Refinement
The Big Diary
Events in <Location>
Events Listings
ABC Mobile nav
Pagination
![Page 37: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/37.jpg)
Goal
Quality results
✔ Make options visible✔ Quick entry results✔ Support specific criteria✔ Provide refinement ✔ Search feedback✔ Support repeat users
37
![Page 38: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/38.jpg)
Thank you
38
ResourcesImages by:- Web pages as graphs by http://www.aharef.info/static/htmlgraph/ - South Park avatar powered by http://www.sp-studio.de/ - Our direction by T_Bal- Reflections of Amsterdam – Alice in Wonderland by AmsterS@m - The Wicked Reflectah - Empty sack by NickySmith - Karate Class by gdraskoy - Red/Yellow by pietroizzo - Turn to clear vision by Philipp Klinger - Grand Street: Texting by moriza - Against the wall by Shanghai Sky - Things We Lost Along The Way | 130.365 by Stephan Geyer - (4 + 1) by Surukei
Mobile sites presented:-Ticketmaster USA, http://www.ticketmaster.mobi/ - Upcoming, Yahoo, http://m.upcoming.mobile.com- Yelp, http://mobile.yelp.com - Under the Radar, NZ, http://m.utr.co.nz - MSN Your Gigs, http://mobile.yourtime.com.au/gigs
Special thanks to…My presentation user group: Adrian Wiggins, Robyn Webster, Katherine Barnsley, Paul Hart, Eleanor Bell, Manuela Davidson, ABC Mobile Core Team and ABC Innovations.
![Page 39: Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search](https://reader036.vdocument.in/reader036/viewer/2022070303/5491e94bb47959324b8b4875/html5/thumbnails/39.jpg)
Thank you
39
Acknowledgements- ABC Innovation, 2ergo, UX Team Fairfax Digital, UTS
Melissa [email protected]@mississa
Questions?