wireframe annotations uk

1,528 views

Published on

Published in: Travel, Business, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,528
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
35
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

wireframe annotations uk

  1. 1. Annotations.Royal CaribbeanDecember 2010 RedesignOctober 21, 2010
  2. 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. 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. 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. 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. 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. 7. Royal Caribbean | Booking and Search Enhancements September 21, 2010 | Page 3 of 18 M1.0 - Quick Vacation Search (QVS) ModuleRoyal 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. 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. 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, China1.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 Ship1.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. 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. 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 Repositioninghedule 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 users 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.com0 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 ship0 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 cruise0 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.comext > 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. 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. 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. 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. 15. Bahamas Pacific Northwest Bermuda Panama CanalRoyal 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 users 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. 16. Royal Caribbean // Annotated Wireframes October 21, 2010 | Page 16 1.09.3 1.09.6 1.09 Individual Search Result Listings1.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. 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

×