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
Hello
1
Melissa Cooper
@mississa
Huge Data, Little Screen Assisting mobile users find information quickly using
site search on the go.
Hello
2
• Design challenge• What is out there• User research• Site Model
Agenda
About me
Melissa Cooper
@mississa
3
✔ In site search
x SEO x Apps
Scope
4
About Search
5
Scope
Scope
6
Click?Trackball?Gesture?
Operating System?
Screen size?
Javascript?
Flash?
Scope
7
Search
Information
Goal: simplify a complex search
Context
Broad Audience
Scope
8
Without watering down the experience
Scope
9
Competitor Analysis
Mobile Search Patterns
10
Browse model
Mobile Search Patterns
11
Mobile Search Patterns
12
Mobile Search Patterns
13
Keyword and location
Mobile Search Patterns
14
Get the app!
Recent redesign
Mobile Search Patterns
15
Advanced input
Sorry
Mobile Search Patterns
16
No music?(no reggae)
Mobile Search Patterns
17
Define your search
Mobile Search Patterns
18
19
Harsh reality
Mobile search Patterns
Search Insight
Good results give users confidence
20
Search Insight
Search entry is key to quality results
21
Search
Faceted Search
22
Search
Faceted Search
23
Design for possibilities
24
Search Insight
Goal
Quality results
• Make options visible• Quick entry results• Support specific criteria• Provide refinement • Search feedback• Support repeat users
25
Scenario
26
Context is complex
What is on in my area?
What is coming
up?
What suits my
interests?
What is on next
week?
What free?
Scenario
27
Scenario
28
When?
Where?
How much?
How do I get there?
What is it about
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?
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
Scenario
31
Date
21st Dec
Next weekend
Date range
Location
PerthNear me
Venue /
Address
VenueArtist
Event type
Keyword
Music
GenreTaste
Activity
Category
ABC’s The Big Diary goes mobile
Mobile Search Patterns
32
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
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
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
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
Goal
Quality results
✔ Make options visible✔ Quick entry results✔ Support specific criteria✔ Provide refinement ✔ Search feedback✔ Support repeat users
37
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.
Thank you
39
Acknowledgements- ABC Innovation, 2ergo, UX Team Fairfax Digital, UTS
Melissa [email protected]@mississa
Questions?