1. Moviefone Advanced Search UI
>> Scenarios and UI Mock-ups
Version 5.1
By Mrinal Sharma
UI Designer, BDC
January 05, 2009
2. 1
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Advanced Search Scenarios
Mrinal Sharma
UI Designer
Scenario 1 Find Movies in Theaters Scenario 2 Find Theaters, Location Not Set
- Bob wants to search for latest animated movies in theaters - Rob wants to search for an enhanced sound theater near him
- Bob’s location is not set in the system. - Rob’s location is not set in the system.
LINK Advanced Search LINK Advanced Search Set Location Top Bar module
HUB PAGE
TAB 1 TAB 1
(DEFAULT)
Advanced Search (DEFAULT)
Advanced Search
for Movies for Movies
RADIO BUTTONS, TAB 2
OPTION 2
In Theaters (Selected)
Advanced Search
for Theaters
CHECKBOXES, By Genres > ACTIVE DISABLED
OPTION 3 Animation (Selected) MODULE
CHECKBOXES
Set Location by Amenity
DROP-DOWN
by Chain
BUTTON
Search
TEXT FIELD LINK
Search Results Zip or City, State Find Theaters by State
PAGE
LINK
Find Movies by State
Is
Zip NO
or City,State
Scenario 3 Change Current Location
LOGIC
Correct ?
PAGE
- Rob wants to change his location and then find Theaters List of States
- Rob’s location is set in the system. YES
PAGE
Is List of Cities for the State
Zip
NO or City,State LOGIC
Advanced Search LOGIC
LINK ambigious ?
LABEL
LOGIC
Current Location Set
Current Location Set LABEL
YES
TAB 2
Advanced Search
PAGE
for Theaters List of ‘Zip or City, State’ options
DROP-DOWN LIST
LOGIC
LABEL
CHECKBOX
Current Location Set LABEL
Current Location GROUP by Amenity by Chain
LINK
Change Location
Scenario 3 Scenario 2 Scenario 3 Scenario 2
PAGE PAGE
TAB 2
Theaters Near Me Movies Near Me
Advanced Search Results Results
for Theaters
DROP-DOWN LIST
CHECKBOX
LABEL
Current Location GROUP by Amenity by Chain
LINK
Change Location
CHECKBOX
Select ‘Enhanced Sound’
BUTTON
Search
PAGE
Theaters Near Me
Results
3. 2
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Scenario 1 Find Movies in Theaters
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Task 1: Load Advanced Search (Find Movies) Hub Page
Advanced Search for Movies
Theaters Near Me Find Movies Find Theaters
Movies Near Me
All Movies In Theaters Coming Soon DVDs
Advanced Search
by Movie Title
by Cast & Crew
by MPAA Rating G R
PG NC-17
PG-13 Not Yet Rated
by Genres Action Fantasy
Action and Adventure Foreign
Animation Foreign Films
Art and Experimental Horror
Classic Films Musicals
Comedy Romance
Crime and Mystery Science Fiction
Documentary Special Interest
Drama Sports
Epic and Historical Thriller
Family War
Family and Children Westerns
Search
4. 3
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Scenario 1 Find Movies in Theaters
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Task 2: Select ‘In Theaters’, then the specific Genre
Advanced Search for Movies
Theaters Near Me Find Movies Find Theaters
Movies Near Me
All Movies In Theaters Coming Soon DVDs
Advanced Search
by Movie Title
by Cast & Crew
by MPAA Rating G R
PG NC-17
PG-13 Not Yet Rated
by Genres Action Fantasy
Action and Adventure Foreign
Animation Foreign Films
Art and Experimental Horror
Classic Films Musicals
Comedy Romance
Crime and Mystery Science Fiction
Documentary Special Interest
Drama Sports
Epic and Historical Thriller
Family War
Family and Children Westerns
Search
[NEXT] Search Results Page
5. 4
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER OPTIONAL Find Movies
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Recommendation 1: ‘by Movie Title’ autofill list feature
Advanced Search for Movies
Theaters Near Me Find Movies Find Theaters
Movies Near Me
All Movies In Theaters Coming Soon DVDs
Advanced Search
by Movie Title Blood |
Blood Brothers
Blood Diamond
Blood In, Blood Out
Blood Island
by Cast & Crew
Blood Simpllood Work
Blood and Chocolate
Blood: The Last Vampire
BloodRayne
by MPAA Rating G
BloodRayne 2: Deliverance R
PG NC-17
PG-13 Not Yet Rated
by Genres Action Fantasy
Action and Adventure Foreign
Animation Foreign Films
Art and Experimental Horror
Classic Films Musicals
Comedy Romance
Crime and Mystery Science Fiction
Documentary Special Interest
Drama Sports
Epic and Historical Thriller
Family War
Family and Children Westerns
Search
6. 5
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER OPTIONAL Find Movies
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Recommendation 2: ‘by Cast & Crew’ autofill list feature
Advanced Search for Movies
Theaters Near Me Find Movies Find Theaters
Movies Near Me
All Movies In Theaters Coming Soon DVDs
Advanced Search
by Movie Title
by Cast & Crew Tom |
Tom Cruise
Tom Carter
Tom Ford
by MPAA Rating G
Tom Felton R
PG
Tom Hanks NC-17
Tom Kenny
PG-13 Not Yet Rated
Tom Kiesche
Tom McCarthy
Tom McGrath
by Genres Action Fantasy
Tom Moore
Action and Adventure Foreign
Tom Vaughn
Animation Foreign Films
Tommy Lee Jones
Art and Experimental Horror
Classic Films Musicals
Comedy Romance
Crime and Mystery Science Fiction
Documentary Special Interest
Drama Sports
Epic and Historical Thriller
Family War
Family and Children Westerns
Search
7. 6
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER OPTIONAL Find Movies
Mrinal Sharma
UI Designer
<< ALL SCENARIOS
Recommendation 3 By Movie Title Autofill Options
Controlled Vocabulary: displays all serach combinations
by Movie Title Blood |
Blood Brothers
Blood Diamond
Blood In, Blood Out
Blood Island
by Cast & Crew
Blood Simple
Blood Work
Blood and Chocolate
Blood: The Last Vampire
by MPAA Rating G
BloodRayne R
BloodRayne 2: Deliverance
PG NC-17
PG-13 Not Yet Rated
Controlled Selections: display matching selections from the alphabetical list
by Movie Title Marley |
Bedtime Stories
Defiance
Good
Marley and Me
by Cast & Crew Seven Pounds
<
The Curious Case of Benjamin Button
The Tale of Despereaux
The Wrestler
by MPAA Rating Yes Man
G R
PG NC-17
PG-13 Not Yet Rated
Recommendation 4 By Cast & Crew Autofill Options
Controlled Vocabulary, displays all relevant search combinations
by Movie Title
by Cast & Crew Tom |
Cast and Crew Director
Tom Cruise Tom Brady
Tom Hardy Tom Keegan
by MPAA Rating G
Tom Hollander R
Tom Mankiewicz
Tom McGrath
PG Tom McGrath
NC-17
Tom Wilkinson
PG-13 Tom Palmer
Not Yet Rated
Tom Parker
Producer
Tom Wright Writer
Tom Brady
Tom Mankiewicz
Tom McGrath
8. 7
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Scenario 2 Set Location
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Task 1: Enter Location information
Set Your Location
Theaters Near Me Find Movies Find Theaters
Movies Near Me
Advanced Search Hey movie fan...
We will need you to set your location before we can show you theaters
Zip or City, State GO
>> Find Theaters by State
>> Find Movies by State
by Amenity Online Ticketing Enhanced Sound
Stadium Seating Handicap Access
Hearing-Impaired Service Reserved Seating
by Chain A.B. Cinema
>
>
Search
>> Find Theaters by State
Search
9. 8
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Scenario 2 Set Location
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Task 2: Verify Location information
Set Your Location
Theaters Near Me Find Movies Find Theaters
Movies Near Me
Advanced Search Hey movie fan...
We will need you to set your location before we can show you theaters
The zip code 000000 is incorrect. Please enter zip code again.
000000 GO
>> Find Theaters by State
>> Find Movies by State
by Amenity Online Ticketing Enhanced Sound
Stadium Seating Handicap Access
Hearing-Impaired Service Reserved Seating
by Chain A.B. Cinema
>
>
Search
>> Find Theaters by State
Search
10. 9
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Scenario 2 Set Location
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Adavnced Search for Theaters with Current Location
Advanced Search for Theaters
Theaters Near Me Find Movies Find Theaters
Movies Near Me
Advanced Search Current Location California, NB Change Location
by Amenity Online Ticketing Enhanced Sound
Stadium Seating Handicap Access
Hearing-Impaired Service Reserved Seating
by Chain A.B. Cinema
>
Search
>> Find Theaters by State
Search
11. 10
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Scenario 2 Set Location
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Task 4: Make Selections
Advanced Search for Theaters
Theaters Near Me Find Movies Find Theaters
Movies Near Me
Advanced Search Current Location California, NB Change Location
by Amenity Online Ticketing Enhanced Sound
Stadium Seating Handicap Access
Hearing-Impaired Service Reserved Seating
by Chain A.B. Cinema
>
Search
[NEXT] Theaters Near Me Results Page
12. 11
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Scenario 3 Change Location
Mrinal Sharma
UI Designer
<< ALL SCENARIOS Task 1: Enter Location information
Change Your Location
Theaters Near Me Find Movies Find Theaters
Movies Near Me
Cancel X
Advanced Search
Current Location California, NB
Zip or City, State GO
>> Find Theaters by State
>> Find Movies by State
by Amenity Online Ticketing Enhanced Sound
Stadium Seating Handicap Access
Hearing-Impaired Service Reserved Seating
by Chain A.B. Cinema
>
>
Search
>> Find Theaters by State
Search
13. 12
AOL UI DESIGN PAGE JANUARY 05, 2008
Moviefone Advanced Search REFERENCE
NUMBER Find Theaters > States List
Mrinal Sharma
UI Designer
<< ALL SCENARIOS
Browse for Theaters by State
Theaters Near Me Select State >> Select City
Movies Near Me
Advanced Search
AK Alaska MT Montana
AL Alabama NC North Carolina
AR Arkansas ND North Dakota
AZ Arizona NE Nebraska
CA California NH New Hampshire
CO Colorado NJ New Jersey
CT Connecticut NM New Mexico
DC Delaware NV Nevada
DE District of Columbia NY New York
FL Florida OH Ohio
GA Georgia OK Oklahoma
HI Hawaii OR Oregon
IA Iowa PA Pennsylvania
ID Idaho RI Rhode Islands
IL Illinois SC South Carolina
IN Indiana SD South Dakota
KS Kansas TN Tennessee
KY Kentucky TX Texas
LA Louisiana UT Utah
MA Massachusetts VA Virginia
MD Maryland VT Vermont
ME Maine WA Washington
MI Michigan WI Wisconsin
MN Minnesota WV West Virgina
MO Missouri WY Wyoming
MS Mississippi
AS American Samoa AB Alberta
VI U.S. Virgin Islands BC British Columbia
ON Ontario