Huge Data, Little Screen: Assisting Mobile Users Finding Information Quickly Using Site Search

  • View
    1.880

  • Download
    0

  • Category

    Design

Preview:

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.

Citation preview

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 Coopermelis.cooper@gmail.com@mississa

Questions?

Recommended