2. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 2
Table of Contents
Open Items 3 6.0 Select Stateroom - Select Room (Search Results) 45
General Requirements 4 7.0 Guest Details (Single or Primary Stateroom) 46
7.0 Guest Details (Additional Rooms) 47
Search. 5 7.0 Guest Details (Error States) 48
Overview 6 8.0 Review Reservation 49
M1.0 Quick Vacation Search (QVS) Module 7 9.0 Payment (Single Credit Card) 50
M1.0 QVS Module - Dropdown Expansions 9 M7.0 Payment Amount Module Variations 51
M1.0 QVS module - Additional placements 11 9.0 Payment (Multiple Credit Cards) - Single Room 52
2.0 Advanced Search 12 9.0 Payment (Multiple Credit Cards) - Multiple Rooms 53
1.0 Search Results Page 14 9.0 Payment (Error States) 54
1.09 Individual Search Result Listings 16 10.0 Reservation Confirmation (Multiple) 55
M2.0 Search Results Widget 18 10.0 Reservation Confirmation (Single) 56
M2.0 Search Results Widget - Additional States 19 18.0 Courtesy Hold 57
3.0 Cruise Detail Page 20 10.0 Courtesy Hold Confirmation (Single Room) 58
3.0 Cruise Detail Page - See All Departures 22 10.0 Courtesy Hold Confirmation (Multiple Rooms) 59
Booking Flows. 23 Email & Sharing 60
Overview 24 Overview 61
Booking Flow Illustration 25 11.0 Email Form 62
M2.0 Interactive Progress Bar & M4.0 CTA - Purchase 26 13.0 Email Output 64
M2.0 Interactive Progress Bar & M4.0 CTA - Courtesy Hold 27 14.0 Facebook Share 65
M4.0 CTA - Amend 28 15.0 Twitter Share 66
M5.0 Stateroom Progress Bar and M4.0 CTA 29
M3.0 Your Cruise Module 30 Revision History 67
19.0 Summary of Charges Overlay 31
4.0 Your Cruise - Single Stateroom 32
4.0 Your Cruise - Multiple Staterooms 33
4.0 Your Cruise - Javascript Disabled 34
4.0 Your Cruise - Additional States 35
16.0 Pricing For All Departure Dates (Overlay) 36
5.0 Select Stateroom Super Category 37
M6.0 Select Stateroom - Category Listings 38
M6.0 Category Listings (Additional States) 39
17.0 Select Stateroom - Upsell 40
6.0 Select Room (Default) - Single Staterooms 41
6.0 Select Room (Default) - Multiple Staterooms 42
6.0 Select Stateroom - Select Room (Change Room) 43
6.0 Multiple Staterooms - Select Room (Change Room) 44
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
3. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 3
Open Items
PAGE FEATURE DETAILS OWNER
13 Cruise Details RC to create text for tool tips next to dates that have deals RC
associated with them.
15 Ship Features Contextual help content for Crown and Anchor is new RC
and to be written by RC.
40 Deck Map Legend IT to confirm that this is possible to filter legend. If not, full RC
legend will appear in this area on this page
43 Select Stateroom - IT to confirm feasibility for displaying price within RC
Price Category Results listings.
44 Create Account Royal Caribbean to confirm that account can be created RC
automatically within Booking Flow.
48 Payment IT to confirm whether address fields can be removed from RC
Payment page. Can we validate Credit Card based on
Zip Code?
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
4. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 4
General Requirements
OVERVIEW
The purpose of this document is to describe the requirements for updating the Search and Booking
flows on RoyalCaribbean.com as part of the December 2010 launch.
The following requirements apply to all pages within this document.
FEATURE NO. REQUIREMENT DETAIL NOTES
Globalization 0.01 Text can’t be hard-coded in JS due to
globalization consideration, it needs to be
passed in as an input. For example, the
month name in the popup shouldn’t be hard-
coded in js.
Foreign 0.02 Special (foreign) characters must be
Characters considered within dropdown valies
Multi-Lingual 0.03 Designs should account for text expansion In order to get a sense of how this
Support upwards of 30% in order to account for looks today, go to the upper right,
foreign translations. change your country to Spain,
Brazil, or any country in Latin
America and you will see Spanish
and/or Portuguese translations for
this section of the website.
Foreign 0.04 Price display must be scalable to show up to
Currency 7 digits with 3 digit currency code in order to
support international currencies.
Alt Text 0.05 All images within the final designs should
allow for alt text.
Dropdown 0.06 Values in dropdown menus are filtered based
Values on user’s previous selectons unless user has
Javascript disabled.
Optional 0.07 Optional form fields are designated as
Fields “(optional)”
Instructional 0.08 Instructional copy on form fields is displayed
Text below the field.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
5. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 5
Search.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
6. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 6
Overview
SEARCH FLOW UPDATES
As part of the December 2010 release of RoyalCaribbean.com, enhancements will be made to the
existing Search functionality to narrow down result sets and the available selection criteria in real-
time. This approach ensures that a user will never encounter a zero results scenario when searching
for a cruise.
Changes will impact the Quick Vacation Search (QVS) module that currently lives on the Home
Page and content pages as well as a new Search Widget on Search results pages.
These changes assume an Ajax implementation. When applicable, an alternate design will be
presented for usrs who have disabled Javascript.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
7. Royal Caribbean | Booking and Search Enhancements September 21, 2010 | Page 3 of 18
M1.0 - Quick Vacation Search (QVS) Module
Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 7
Homepage Placement
M1.0 Quick Vacation Search (QVS) Module
NOTES
This page illustrates the revised Quick Vacation module that appears on the
Home Page. The existing module is simplified in order to drive users into the
search results page.
FEATURE NO. REQUIREMENT DETAIL NOTES
Find a M1.01 Links to Cruisetour Landing page where the
Cruisetour QVS module is defaulted to search Cruisetours.
Destination M1.02 Allows user to select one or more destination. Expanded dropdowns illustrated
Dropdown values are filtered based on on page 9.
selections made within other dropdowns in
module unless user has javascript disabled.
FIND A CRUISE M1.01
Tour the inland on your cruise. Find a Cruisetour
Where would you like to go? Month of M1.03 Allows user to select one or more month of
M1.02
When do you want to leave?
Departure departure to filter results. Values in dropdown
M1.03
are updated based on previously selected
Leaving from?
M1.04` criteria unless user has javascript disabled.
Any ship
M1.05
Find Cruises
Departure Port M1.04 Allows user to select one or more destination
M1.07 from a list of destinations grouped by region.
View our Cruise Schedule | Advanced Search
M1.08 M1.09 Value defaults to show user’s location, based
on user’s IP address, first in list. If IP address
cannot be determined, default sort order will
be defined.
‘Where would you like to go?’ Dropdown
Where do you want to go? Show Nearby M1.05 By default, this parameter is set to true and is
Any Destination Bermuda Hawaii Ports hidden within the Home Page QVS module.
Alaska Canada / New England Mexico
Asia Caribbean Pacific Northwest
Australia / New Zealand Dubai / Emirates Panama Canal Ship Name M1.06 Allows user to select one or more ship. Values
Bahamas Europe & the Mediterranean South America
in list are updated based on current selections
Cruise Further unless user has javascript disabled.
Repositioning Cruises Transatlantic Cruises
Close
Find Cruises M1.07 Displays search results page based on user’s If user has Javascript disabled,
current selection. use existing logic to back out
criteria in order to present 1 or
If no selections are chosen, display search more result.
‘When do you want to leave?’ Dropdown results for departure ports that map to user’s IP
When can you cruise? address. If IP address cannot be detected and
no selections are chosen, display current error
Any Month
message popup instructring the user to make a
2010 2011 2012
selection.
JAN FEB MAR JAN FEB MAR JAN FEB MAR
APR MAY JUN APR MAY JUN APR MAY JUN
JUL AUG SEP JUL AUG SEP JUL AUG SEP
OCT NOV DEC OCT NOV DEC OCT NOV DEC
Close
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
8. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 8
FEATURE NO. REQUIREMENT DETAIL NOTES
View Cruise M1.08 Icon and text link to Cruise Calendar: http:// This page is not being
Schedule www.royalcaribbean.com/findacruise/search/ redesigned as part of the 12/10
cruiseCalendar/home.do redesign.
Advanced M1.09 Links to Search Results page with Search Takes user to the equivalent of
Search Widget expanded. User’s current location, http://www.royalcaribbean.
determined based on IP address, is defaulted com/findacruise/search/
within Departure Port field. buildAdvancedSearch.do which
is the stand alone search widget
on a page.
Exclusive Rates M1.10 HUGE recommends removing the ability to
search based on exclusive rates from QVS
module to simplify entry point into search
results. This parameter is exposed within the
Search Widget on the Search Results page.
Learn More - M1.11 HUGE recommends removing the Learn more
Guarantee pop-up from Best Priced Guarantee.
Search by # M1.12 HUGE recommends removing the ability to
Nights search based on # Nights rom QVS module
to simplify entry point into search results. This
parameter is exposed within the Search Widget
on the Search Results page.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
9. Find Cruises
View our Cruise Schedule | Advanced Search
Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 9
‘Where would you like to go?’ Dropdown M1.0 QVS Module - Dropdown Expansions
Where do you want to go? NOTES
1.04.01
Any Destination Bermuda Hawaii This page illustrates the expanded variations of the dropdowns within the QVS
Alaska Canada / New England Mexico
Asia Caribbean Pacific Northwest module. If user has Javascript disabled, system dropdowns are displayed.
Australia / New Zealand Dubai / Emirates Panama Canal
1.04.02 Bahamas Europe & the Mediterranean South America
FEATURE NO. REQUIREMENT DETAIL NOTES
Cruise Further
Any Destination M1.04.1 Resets dropdown selection to search all
Repositioning Cruises Transatlantic Cruises destinations.
1.04.03 Close
Destinations M1.04.2 Displays list of destinations sorted
alphabetically.
HUGE recommends grouping Repositioning
‘When do you want to leave?’ Dropdown
and Transatlantic options separately from other
When can you cruise?
destinations in list.
1.03.01
Any Month
2010 2011 2012 Close M1.04.3 Closes dropdown list
JAN FEB MAR JAN FEB MAR JAN FEB MAR
APR MAY JUN APR MAY JUN APR MAY JUN 1.03.2
Any Month M1.03.1 Resets dropdown selection to search all
JUL AUG SEP JUL AUG SEP JUL AUG SEP
departure dates.
OCT NOV DEC OCT NOV DEC OCT NOV DEC
Select Month M1.03.2 Allows user to select one or more month of
1.04.03 Close departure. There are two variations of this
module (either two or three calendar years
displayed) based on how far out scheduled
‘Leaving From?’ Dropdown cruise information is available.
Leaving From?
Any Port
Any Port M1.02.1 Resets dropdown selection to search all
North America
1.02.01
South America & Caribbean Italy & Turkey
departure ports
Baltimore, MD Colon, Panama Cifitavecchia (Rome), Italy
Departure Ports M1.02.2. Displays list of departure ports. Values Final region groupings are
Boston, MA Rio De Janeiro, Brazil Genoa, Italy
Cape Liberty Cruise Port, NJ Valparaiso, Chile Istanbul, Turkey are updated based on current result set. reflected in Visual Design.
Fort Lauderdale, FL Venice, Italy
Galveston, TX
UK Destination dropdown defaults with region
Harwich, England Asia & the Pacific
Honolulu (Oahu), HI
Los Angeles, CA
Southampton, England Busan, Republic of Korea (S. Korea) corresponding to user’s location (based on IP)
Hong Kong, China
1.02.02 Miami, FL Scandinavia
Perth (Fremantle), Australia is shown first in list. If IP cannot be detected,
New Orleans, LA Copenhagen, Denmark
New York, NY Oslo, Norway
Shanghai (Baoshan), China
Singapore
display list alphabetically by region.
Port Canaveral, FL Stockholm, Sweden
Sydney, Australia
Seattle, WA
Spain & Portugal Tianjin, China
Seward, AK
Barcelona, Spain Tokyo (Yokohama), Japan
Tampa, FL
Lisbon, Portugal
Vancouver, British Columbia Dubai
Malanga, Spain
Dubai, United Arab Emirates
Palma De Mallorca, Spain
Valencia, Spain
Close
‘Any Ship?’ Dropdown
Any Ship
1.04.03 Any Ship Independence Of The Seas Oasis Of The Seas
Brilliance Of The Seas Legend Of The Seas Serenade Of The Seas
Enchantment Of The Seas Liberty Of The Seas Splendour Of The Seas
Explorer Of The Seas Mariner Of The Seas Radiance Of The Seas
Freedom Of The Seas Majesty Of The Seas Rhapsody Of The Seas
Grandeur Of The Seas Monarch Of The Seas Vision Of The Seas
Jewel Of The Seas Navigator Of The Seas Voyager Of The Seas
Close
45 Main St, 2nd Floor p. 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. 310 625 5157 info@hugeinc.com
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
10. Royal Caribbean // Annotated Wireframes Enhancements
Royal Caribbean | Booking and Search September 21, 2010 | Octoberof 19
Page 4 21, 2010 | Page 10
M1.0 - Quick Vacation Search (QVS) Module (Continued)
FEATURE NO. REQUIREMENT DETAIL NOTES
Any Ship M1.06.1 Resets dropdown selection to search all ships
‘Any Ship?’ Dropdown available based on user’s selections.
Any Ship 1.06.3
Ship M1.06.2 Displays list of ship names, grouped by class,
Any Ship
1.06.1
newest first, and then sorted alphabetically.
Values in list are updated based on current
Oasis Voyager Freedom selections.
Oasis of the Seas Legend of the Seas Grandeur of the Seas
Brilliance of the Seas Liberty of the Seas Jewel of the Seas
1.06,2 Enchantment of the Seas Independence of the Seas Multi-Select M1.06.3 Once user has made a selection, dropdown Not shown in wireframe. Note
Sovereign Explorer of the Seas displays first selected value followed by “…” that multi-select property will be
Serenade of the Seas Freedom of the Seas Radiance to indicated that multiple choices have been enabled for non-JS users.
Splendor of the Seas Mariner of the Seas made.
Vision Majesty of the Seas
Vision of the Seas Mariner of the Seas
Voyager of the Seas Majesty of the Seas
Radiance of the Seas
Rhapsody of the Seas
1.04.03 Close
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
11. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 11
Other Content Pages
M1.0 QVS module - Additional placements
NOTES
This page illustrates the QVS module as it appears on content pages
throughout the site and default values based on where the module lives.
FEATURE NO. REQUIREMENT DETAIL NOTES
FIND A CRUISE M1.01
Tour the inland on your cruise. Find a Cruisetour Search M1.01 If QVS appears on a content page that has an
September 21, 2010 | Page 7 of 18
Where would you like to go? Cruisetours associated Cruisetours, the module content
M1.02
When do you want to leave?
defaults to search Cruisetours.
M1.03
Multi-Select Leaving from?
M1.04 In this context, Book a Cruisetour link is
Where would you like to go? Clear Any ship
Alaska Europe / Mediterranean M1.06 replaced with Book a Cruise link, which links to
Any ship feature
f | Share Tweet
Asia
Australia / New Zealand
Hawaii
Mexico M1.14 Advanced Search page with Cruises selected
CONTENT
Bahamas
Bermuda
Pacific Northwest
Panama Canal as Cruise Type.
Canada / New England South America
Find Cruises
Caribbean Repositioning
hedule View our Cruise Schedule | Advanced Search
Dubai / Emirates Transatlantic
Destination M1.02 If QVS appears on a content page that has
an associated destination, Destination Port
Royal Caribbean | Booking and Search Enhancements Let us help you plan the September 21, 2010 | Page 5 of 18
Pagination dropdown defaults to that location.
MAR
JUN perfect cruise M1.15
SEP
If there are more than 10 cruise results, pagination controls will be shown.
DEC
866.562.7625
M1.0 - Quick Vacation Search (QVS) Module (continued)
If there are fewer than 10 then suppress pagination.
Clicking a pagination arrow will cause the area to refresh, showing the next
(or previous) 10 cruises in the list. The page number would advance (or have us call you - or - locate a travel agent Ship Name M1.06 If QVS appears on a content page that has
Cruisetour Page when the user is on page 1 while the
n More
decrease) as well.
ptions The previous arrow will be disabled
an associated specific ship, Ship dropdown
next arrow will be disabled when the user is on the last page.
defaults to that location.
On hover over a number box, prev, or next link, the box will highlight. The
user's current page does not have a box and the link is disabled.
xt >
Hover State
Search by Ship M1.14 Ability to search based on one or more specific
Features ship features appears within QVS module when
D
EA
< Prev 1 2 3 4 5 Next >
...
it appears on any page other than the Home
L
5 JAN 45 Main St, 2nd Floor p. 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. 310 625 5157 info@hugeinc.com
0 USD Current Page Ellipsis if there more pages beyond the last Page. This will be table driven and will map
99.00 number displayed
FIND A CRUISETOUR M1.01 feature to ship.
Looking for a standard cruise? Find a Cruise
If the user is clicking next or previous continuously, the current page
moves among the numbers until it hits the middle. From that point on, the
Where would you like to go?
numbers shift instead and the current page stays in the middle.
Contact Us M1.15 In the default state, booking phone number
When do you want to leave?
< Prev 1 2 3 4 5 Next >
(Default) is displayed along with links to Find Travel
Leaving from?
D
...
Agent (http://www.royalcaribbean.com/
EA
L
Any ship
0 USD < Prev
...
2 3 4 5 6
...
Next >
customersupport/travelagentLocate.
Any ship feature
Current page stays in the middle while
do) and Have Us Call You (https://secure.
numbers around change
Find Cruises
royalcaribbean.com/gvs.do ) pop up.
If the user clicks on a specific page number, that number becomes the new View our Cruise Schedule | Advanced Search
center unless it is less than 3 pages away from the first or last page.
The phone number shown is conditional based
on user’s location (current functionality).
< Prev 1 2 3 4 5
...
Next > Let us help you plan the
perfect cruise
0 USD
< Prev
...
3 4 5 6 7
...
Next > 866.562.7625
have us call you - or - locate a travel agent
PBL Contact
Please contact your Travel Agent to help you plan
your perfect cruise M1.16
25
Y Dadeland Travel Agency
7950 Nw 53rd St
Suite 237
Miami, FL 33166
8004943048
AugustaTestingEmail@rccl.com
ext >
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
12. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 12
2.0 Advanced Search
NOTES
2.01 This page illustrates the page a user sees when they click Advanced Search link within the QVS module.
The ideal user experience is that when a user makes a selection, search results are updated and search
parameters are disabled based on result set. An alternate interaction for users who have disabled
Javascript is provided on subsequent pages.
2.02
2.01
FEATURE NO. REQUIREMENT DETAIL NOTES
Destinations 2.01 Allows user to select one or more destinations.
Options are enabled/disabled based on user’s
2.13
current selections.
2.03
2.08
Month of 2.02 Displays either two or three calendar years
2.04
2.05 Departure worth of dates based on how far out scheduled
2.10
2.07 cruise information is available. User may select
multiple values.
Search by # 2.03 Allows user to search based on # Nights. Valid
Nights values are:
2.09
1. 2-5 days
2. 6-9 days
3. 10+ days
2.10 Exclusive Rates 2.04 Updates search results upon selection to Exclusive Pricing will not be
display cruises where selected exclusive rate available for display at this point
applies. in the process
Departure Port 2.05 Displays horizontal dropdown that allows user
to select a destination from a list of destinations
2.11
grouped by region.
Value defaults to show user’s location, based
on user’s IP address, first in list. If IP address
cannot be determined, default sort order will
be defined.
Show Nearby 2.06 Field is set to true but not displayed to the user.
Ports
Price Range 2.07 Allows user to filter search results to display Price Range values are the
cruises that have lowest available fares that fall same as today and are
within a specified price range. managed within the CMS.
Cruise Type 2.08 Allows user to filter search results to view either
All Cruises or Cruisetours only. Defaults to
2.14a
Cruises.
Learn More 2.13 Links to Cruisetours landing page
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
13. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 13
FEATURE NO. REQUIREMENT DETAIL NOTES
Ship Name 2.09 Allows user to filter search results to include
results for one or more specific ship.
Search by Ship 2.10 Refer to details within QVS module on page 10
Features
See Results 2.11 Links to Search Results page for selected
criteria. Appears when no user arrives at this
page through direct links to Advanced Search
and links to Search Results page.
Show More 2.12 By default, all search options are shown on the VD to be updated to remove
Results Advanced Search page and the Hide/Show button
option is hidden.
Clear All 2.14 Clear All appears after user makes a selection Button label is different in this
within the search widget. Button removes all case as the user has not yet
selections. started a search.
Prior to selections being made, button is
hidden and alternate text is displayed. See
2.14a.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
14. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 14
1.01 1.0 Search Results Page
NOTES
1.02
The Search Results page is redesigned to accommodate a new new search widget. Search
results are implemented via Ajax where filtering options disappear as user makes selection. This
functionality is only available if Javascript is enabled. This page takes user to the equivalent of the
existing http://www.royalcaribbean.com/findacruise/search/buildAdvancedSearch.do
1.03
FEATURE NO. REQUIREMENT DETAIL NOTES
Share buttons 1.01 Options to share Search Results via Facebook,
Twitter, or email. Refer to Email & Sharing
section for additional details.
1.04 Full Cruise 1.02 Links to calendar view of cruise schedule:
1.06 1.08 Schedule http://www.royalcaribbean.com/findacruise/
2.12 search/cruiseCalendar/home.do
1.12
1.05 1.07
Search Widget 1.03 Allows user to filter search results. Results This module is illustrated in
Module and available criteria update as user makes further detail on p16
selections.
Total Search 1.04 Indicate the total number of cruises that match This module is illustrated in
Results current selections. The number updates after further detail on p15
result list is loaded filters search results.
While results are loading, this area is replaced
1.09
with a Progress Indicator
Compare 1.05 No change from current functionality
Cruises
Stateroom 1.06 Allows user to update pricing display to show If user has JS disabled, entire
Pricing lowest pricing for a specific stateroom type or page refreshes when button is
lowest available fares. clicked.
Sort By 1.07 Allows user to sort search results based on
the same sorting criteria that is available on
current site. Results update on select.
1.12
Default sort order shows cruises with deals first,
with lowest available fare as a secondary sort.
Currency 1.08 Only displays if there are multiple currencies Design should accommodate
associated with user’s country. Updates up to 7 digits with 3 digit
1.10
currency display within pricing module. Results currency code and should
update on select. account for intl character
expansion.
1.11
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
15. Bahamas Pacific Northwest
Bermuda Panama Canal
Royal Caribbean // AnnotatedAmerica
South
Canada / New England
Wireframes October 21, 2010 | Page 15
Caribbean Repositioning
Dubai / Emirates Transatlantic
FEATURE NO. REQUIREMENT DETAIL NOTES
Pagination Number of 2.12 Indicate the total number of cruises that match
If there are more than 10 cruise results, pagination controls will be shown. 1.12
Results current selections. The number updates after
If there are fewer than 10 then suppress pagination. each criteria selection. Does not appear if user
Clicking a pagination arrow will cause the area to refresh, showing the next has Javascript disabled.
(or previous) 10 cruises in the list. The page number would advance (or
decrease) as well.
Search Result 1.09 Lists up to 10 results per page based on Individual elements within this
The previous arrow will be disabled when the user is on page 1 while the
Listings selected criteria. Results are updated module are described in further
next arrow will be disabled when the user is on the last page.
automatically after each selection within the detail on Page 15
On hover over a number box, prev, or next link, the box will highlight. The
user's current page does not have a box and the link is disabled. widget.
Hover State
Contact Us 1.10 Refer to details within QVS module on page 10.
< Prev 1 2 3 4 5 Next >
...
Legal Copy 1.11 HUGE recommends moving legal copy to the RC to confirm with Legal team.
bottom of the page, similar to Royal Caribbean
Current Page Ellipsis if there more pages beyond the last competitors.
number displayed
Pagination 1.12 Pagination is update to allows user to jump to
If the user is clicking next or previous continuously, the current page States a specific page of results.
moves among the numbers until it hits the middle. From that point on, the
numbers shift instead and the current page stays in the middle.
< Prev 1 2 3 4 5 Next >
...
< Prev 2 3 4 5 6 Next >
... ...
Current page stays in the middle while
numbers around change
If the user clicks on a specific page number, that number becomes the new
center unless it is less than 3 pages away from the first or last page.
< Prev 1 2 3 4 5 Next >
...
< Prev 3 4 5 6 7 Next >
... ...
PBL Contact
Please contact your Travel Agent to help you plan
your perfect cruise
Dadeland Travel Agency
7950 Nw 53rd St
Suite 237
Miami, FL 33166
8004943048
AugustaTestingEmail@rccl.com
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
16. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 16
1.09.3 1.09.6
1.09 Individual Search Result Listings
1.09.1
1.09.13 1.09.7 FEATURE NO. REQUIREMENT DETAIL NOTES
Select for 1.09.1 No change from current functionality
Compare
1.09.5
1.09.4
Cruisetour Flag 1.09.2 Appears only if search result is a cruisetour. This is the only difference
between the display of
1.09.10
Cruise and Cruisetour. Visual
designs take precedence
over wireframe in instances of
variation.
Cruise / 1.09.3 Links to Cruise Detail page with Itinerary page
Cruisetour selected.
Name
1.09.13
1.09.9 Cruise Photos 1.09.4 Displays image associated with selected cruise
and links to Cruise Detail page.
1.09.12
Cruise Details 1.09.5 Dates link to Itinerary tab for selected cruise. RC to create text for tool tips.
If there is a deal or Crown & Anchor Member
Cruise associated with a specific date, the
date is visually distinguished within list.
1.09.2 Tooltip on rollover is added next to dates for
which a deal applies. If date has both a Hot
Deal and Crown & Anchor Member Cruise
show Crown & Anchor Member Cruise rollover
text.
1.09.12 Deal 1.09.6 Deal flag appears if Hot Deal or Exclusive Rate
applies to search result.
Rates From 1.09.7 Text changes based on the rate type being
displayed. Text reads either:
1. [Stateroom Type] Rates From
2. Hot Deals From - [Date of Lowest
Available Fare]
Deals & Pricing 1.09.9 Links to Cruise Detail page with date
associated with lowest price defaulted. If there
is a tie for lowest fare is between exclusive and
hot deal, show hot deal.
Crown and 1.09.10 Appears if there are deals available on this Ideal future state is to open
Anchor cruise for Crown & Anchor members. Learn contextual content in an overlay
more links to existing page in a new window: on this page.
http://www.royalcaribbean.com/cas/home.do.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
17. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 17
FEATURE NO. REQUIREMENT DETAIL NOTES
Book Now 1.09.11 Links to Select Departure Date for page within
Booking flow for selected cruise.
More 1.09.12 Appears when there are more than 10 dates
for a given cruise in the selected year. Links to
itinerary tab of Cruise Detail page.
Date Rollover 1.09.13 Tooltip on rollover is added next to dates for RC to create text for tool tips.
which a deal applies. If date has both a Hot
Deal and Crown & Anchor Member Cruise
show Crown & Anchor Member Cruise rollover
text.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com
18. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 18
M2.0 Search Results Widget
NOTES
This page illustrates the expanded state of the Search Results widget. Search options on this page
are the same as on the Advanced Search page.
FEATURE NO. REQUIREMENT DETAIL NOTES
Filter Options 1.03.1 Filter options within the Search Results Widget
are the same as on the Advanced Search
1.14
Page. By default, the widget is collapsed and
only the following filters are exposed:
1. Destination
2. Month of Travel
3. Number of Nights
1.03.01 1.03.20 1.03.13 4. Cruise Type
More Search 1.03.2 Expands Search Widget to show more search If user has Javascript disabled,
Options criteria. Once expanded, button changes button may refresh page.
to “Show Less Options” which collapses the
widget back to default state.
Selected State 1.13 Selected values have distinct visual treatment
1.03.2
within Search Results Widget display. Clicking
on a selected criteria unselects it and updates
search result.
Clear 1.14 Start Over module appears after user makes
a selection within the search widget. Link
removes all selections and resets user’s search
to all cruises Leaving From the port nearest to
the user’s IP address.
If IP cannot be detected, results are not
updated after Start over until after user makes
selection.
Rollover State 1.19 Rollover values have distinct visual treatment
within Search Results Widget display.
Unavailable 1.20 Values for which there are not results have
State distinct visual treatment within Search Results
Widget display.
45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.com
Brooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com