wireframe annotations uk

download wireframe annotations uk

of 69

  • date post

    16-Apr-2017
  • Category

    Travel

  • view

    1.540
  • download

    3

Embed Size (px)

Transcript of wireframe annotations uk

  • Annotations.Royal CaribbeanDecember 2010 Redesign

    October 21, 2010

  • Table of ContentsOpen Items 3

    General Requirements 4

    Search. 5

    Overview 6

    M1.0 Quick Vacation Search (QVS) Module 7

    M1.0 QVS Module - Dropdown Expansions 9

    M1.0 QVS module - Additional placements 11

    2.0 Advanced Search 12

    1.0 Search Results Page 14

    1.09 Individual Search Result Listings 16

    M2.0 Search Results Widget 18

    M2.0 Search Results Widget - Additional States 19

    3.0 Cruise Detail Page 20

    3.0 Cruise Detail Page - See All Departures 22

    Booking Flows. 23

    Overview 24

    Booking Flow Illustration 25

    M2.0 Interactive Progress Bar & M4.0 CTA - Purchase 26

    M2.0 Interactive Progress Bar & M4.0 CTA - Courtesy Hold 27

    M4.0 CTA - Amend 28

    M5.0 Stateroom Progress Bar and M4.0 CTA 29

    M3.0 Your Cruise Module 30

    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

    6.0 Select Stateroom - Select Room (Search Results) 45

    7.0 Guest Details (Single or Primary Stateroom) 46

    7.0 Guest Details (Additional Rooms) 47

    7.0 Guest Details (Error States) 48

    8.0 Review Reservation 49

    9.0 Payment (Single Credit Card) 50

    M7.0 Payment Amount Module Variations 51

    9.0 Payment (Multiple Credit Cards) - Single Room 52

    9.0 Payment (Multiple Credit Cards) - Multiple Rooms 53

    9.0 Payment (Error States) 54

    10.0 Reservation Confirmation (Multiple) 55

    10.0 Reservation Confirmation (Single) 56

    18.0 Courtesy Hold 57

    10.0 Courtesy Hold Confirmation (Single Room) 58

    10.0 Courtesy Hold Confirmation (Multiple Rooms) 59

    Email & Sharing 60

    Overview 61

    11.0 Email Form 62

    13.0 Email Output 64

    14.0 Facebook Share 65

    15.0 Twitter Share 66

    Revision History 67

    October 21, 2010 | Page 2Royal Caribbean // Annotated Wireframes

    45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.comBrooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com

  • PAGE FEATURE DETAILS OWNER

    Open Items

    13 Cruise Details RC to create text for tool tips next to dates that have deals associated with them.

    RC

    15 Ship Features Contextual help content for Crown and Anchor is new and to be written by RC.

    RC

    40 Deck Map Legend IT to confirm that this is possible to filter legend. If not, full legend will appear in this area on this page

    RC

    43 Select Stateroom - Price

    IT to confirm feasibility for displaying price within Category Results listings.

    RC

    44 Create Account Royal Caribbean to confirm that account can be created automatically within Booking Flow.

    RC

    48 Payment IT to confirm whether address fields can be removed from Payment page. Can we validate Credit Card based on Zip Code?

    RC

    October 21, 2010 | Page 3Royal Caribbean // Annotated Wireframes

    45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.comBrooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com

  • General Requirements

    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

    OVERVIEW

    October 21, 2010 | Page 4Royal Caribbean // Annotated Wireframes

    45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.comBrooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com

    Globalization 0.01 Text cant 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 shouldnt be hard-coded in js.

    Foreign Characters

    0.02 Special (foreign) characters must be considered within dropdown valies

    Multi-Lingual Support

    0.03 Designs should account for text expansion upwards of 30% in order to account for foreign translations.

    In order to get a sense of how this looks today, go to the upper right, 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 Currency

    0.04 Price display must be scalable to show up to 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 Values

    0.06 Values in dropdown menus are filtered based on users previous selectons unless user has Javascript disabled.

    Optional Fields

    0.07 Optional form fields are designated as (optional)

    Instructional Text

    0.08 Instructional copy on form fields is displayed below the field.

  • Search.

    October 21, 2010 | Page 5Royal Caribbean // Annotated Wireframes

    45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.comBrooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com

  • Overview

    SEARCH FLOW UPDATESAs 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.

    October 21, 2010 | Page 6Royal Caribbean // Annotated Wireframes

    45 Main Street, Suite 220 p. +1 718 625 4843 www.hugeinc.comBrooklyn, NY 11201 f. +1 718 625 5157 info@hugeinc.com

  • FEATURE NO. REQUIREMENT DETAIL NOTES

    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.

    September 21, 2010 | Page 3 of 18Royal Caribbean | Booking and Search Enhancements

    www.hugeinc.cominfo@hugeinc.com

    45 Main St, 2nd FloorBrooklyn, NY 11201

    p. 718 625 4843f. 310 625 5157

    Close

    Close

    Close

    Close

    FIND A CRUISETour the inland on your cruise. Find a Cruisetour

    When can you cruise?

    M1.0 - Quick Vacation Search (QVS) ModuleHomepage Placement

    When do you want to leave? Dropdown

    Any Month

    2010 2011 2012

    JAN FEB MAR

    APR MAY JUN

    JUL AUG SEP

    OCT NOV DEC

    JAN FEB MAR

    APR MAY JUN

    JUL AUG SEP

    OCT NOV DEC

    JAN FEB MAR

    APR MAY JUN

    JUL AUG SEP

    OCT NOV DEC

    Find Cruises

    View our Cruise Schedule | Advanced Search

    Where would you like to go?

    Any ship

    Leaving from?

    When do you want to leave?

    Leaving From?

    Any Ship

    Where do you want to go?

    Leaving From? Dropdown

    Any Ship? Dropdown

    Where would you like to go? Dropdown

    North AmericaBaltimore, MDBoston, MACape Liberty Cruise Port, NJFort Lauderdale, FLGalveston, TXHonolulu (Oahu), HILos Angeles, CAMiami, FLNew Orleans, LANew York, NYPort Canaveral, FLSeattle, WASeward, AK Tampa, FLVancouver, British Columbia

    South America & CaribbeanColon, PanamaRio De Janeiro, BrazilValparaiso, Chile

    UKHarwich, EnglandSouthampton, England

    ScandinaviaCopenhagen, DenmarkOslo, NorwayStockholm, Sweden

    Spain & PortugalBarcelona, SpainLisbon, PortugalMalanga, SpainPalma De Mallorca, SpainValencia, Spain

    Italy & TurkeyCifitavecchia (Rome), ItalyGenoa, ItalyIstanbul, TurkeyVenice, Italy

    Asia & the PacificBusan, Republic of Korea (S. Korea)Hong Kong, ChinaPerth (Fremantle), AustraliaShanghai (Baoshan), ChinaSingapore Sydney, AustraliaTianjin, ChinaTokyo (Yokohama), Japan

    DubaiDubai, United Arab Emirates

    Any DestinationAlaskaAsiaAustralia / New ZealandBahamas

    BermudaCanada / New EnglandCaribbeanDubai / EmiratesEurope & the Mediterranean

    HawaiiMexicoPacific Northwest Panama CanalSouth America

    Repositioning Cruises Transatlantic Cruises

    Any Port

    Cruise Further

    Any ShipBrilliance Of The SeasEnchantment Of The SeasExplorer Of The SeasFreedom Of The SeasGrandeur Of The SeasJewel Of The Seas

    Independence Of The SeasLegend Of The SeasLiberty Of The SeasMariner Of The SeasMajesty Of The SeasMonarch Of The SeasNavigator Of The Seas

    Oasis Of The SeasSerenade Of The SeasSplendour Of The SeasRadiance Of The SeasRhapsody Of The SeasVision Of The SeasVoyager Of The Seas

    Find a Cruisetour

    M1.01 Links to Cruisetour Landing page where the QVS module is defaulted to search Cruisetours.

    Destination M1.02 Allows user to select one or more destination. Dropdown values are filtered based on selections made within other d