Portfolio of Works (Incomplete)

Page 1

Navigation Area

Navigation Server Pages

Accessing View (System Console)

Editing View (before changes)

Previewing View (after changes)

Editing Server Pages

Editing View - Form and Table

Clifton Evans

Tool Server Pages

Portfolio of Works Editing Tool

Paper Prototypes and Wireframes

Customization Server Pages

Customization View - Form and Table

The information and recommendations contained in this document, and all other information submitted in the past and in the future by and on behalf of 'Clifton Evans' and IAgency, oral, written, and in electronic form, is confidential and/or trade secret information and is proprietary to IAgency. It is to be used only for purposes of this project and for no other purposes. The information contained in this document and other information received from IAgency which is identified as confidential and/or trade secret information, or which by the nature of the circumstances surrounding the disclosure should in good faith be treated as confidential and/or proprietary, in particular, information which relates to the processes, methods, procedures, and tools employed by IAgency, should be disclosed only to authorized persons on a need to know basis only in furtherance of this project with appropriate notification of the confidential and/or proprietary nature of the material being disclosed. Submission of any information and/or artwork by IAgency is not to be considered a transfer of any intellectual property rights. Removal of this Notice, and/or use or dissemination of any information or materials submitted by IAgency without the inclusion of this Notice, is strictly prohibited.

BLUEPRINT TITLE. UI / IA / ID Flow for WYSIWIG CMS CLIENT. Object1 (http://www.object1.com) PROJECT. 'GAS' - Global.Access.System. LOCATION. London, England

JOB NO. 4599

INFORMATION ARCHITECT. Clifton Evans

DATE. d17 06 03

PROPERTY OF. Clifton Evans


Project: Starbucks Store Extranet Structural Recommendations for the Store Extranet in North America and the UK

Starbucks


MasterHome Portal Page Wireframe

Author: CD Evans

Retail Store Portal Redesign Project: To-Be Documentation

2006-08-01 T11:45am

“Starbucks Retail Store Portal�1

Logo1

Stock/Partner & Store Counts2

Login/Logout/Welcome

Help Pages

Seasonal Image1

Site/Page Title

Search Module and Culture Navigation Search | News | Documents | Locations

Work Navigation Email | Calendar | Self Service | People | Store

Surveys1 (Survey Rollup Part)

Headline (Content Query Tool Part from News)

Recommended Reads1 (Links List Part)

Top 10 Headlines (Content Query Tool Part from News)

Week in Pictures (Week in Picture Part)

Starbucks Confidentiality Disclaimer (Content Editor)

Phase 1 Wireframing a Consistent Interface for all the Functional Areas of the Extranet

Starbucks

Clifton Evans Portfolio


Phase 2 Delivering a Report Outlining Structural Recommendations and Paths Forward.

Starbucks

Clifton Evans Portfolio


Project: Gizmondo Handheld Design of the Operating System and Text Input Method for the Mobile Device.

Gizmondo


Scenario Flow Development - Instrata Gametrac Project CD Evans - January 07 2004

Scenario Flow Development - Instrata CD Evans - January 07 2004

SCENARIO 1// Gaming

Game 2

Game 1

ALERT

Game 2 Game 3

Pause View Text

Game 2 (Paused)

Delete

Message

Reply

Options

Reply Message

Send

Add Addresses Enter Message

Game 2 (Paused)

Progress and Confirmation Animation

Resume

Game 2 Payment Request

Enter PIN

Game 2

Joey is in the car on the way to school. He is playing The Joyrider when the device alerts him to the arrival of an SMS. He suspends the game at the end of that section and sees who has sent it. It’s a classmate asking where he is. He replies saying he’s about 10 minutes away and continues the game.

Lizzy decides to text Jack, her new b

Joey manages to finish that level and the game indicates that he has to subscribe to the next level. His Mum needs to enter the pin code to guarantee the payment. He pleads with his Mum in the last part of their journey. His Mum finally relents that evening.

Phase 1 Scenario Based Flows to Create a Structure for the Gizmondo Handheld.

Gizmondo

Clifton Evans Portfolio


Primary Action Mapping v1.0 - Instrata Gametrac Project CD Evans - January 08 2004

PRIMARY ACTION MAP//

Splash

Home Personal Shortcuts

Application Switcher Game

Text

Friend

sort

Play

play

List

Map

Photo

Open

New

Game

Game

Text

Text

Friend

Friend

Photo

Map

Music

Photo

Movie

Music

Preferences

Movie

Music

Movie

Preferences

Downloads

Pay

Writing

Number

saved

sort

'New Text'

reply

Read

read

List

send

Sent

saved

sort

'New Text'

write

List

Input

saved

sort

'New Text'

send

View

view

List

Download

sort

Listen

listen

List

saved send

Capture

View

Downloads

Pay

Downloads

Pay

saved

sort

Watch

Network

setup

Parental

watch

PIN

List

General

saved

saved

The idea behind Primary Action Mapping is to find the most commonly accessed pathways through the product and to design the system around those pathways. The above diagram depicts a beta version of the base pathway system which will in conjunction with the UI Specification and the Scenario Flow Development documents assist in building correct Page Description Diagrams or Wireframes and the full System Structure Blueprint.

Phase 2 Action Driven Interaction Architecture for the Gizmondo Handheld.

Gizmondo

Clifton Evans Portfolio


Prototype Blueprint A v0.5 - Instrata Gametrac Project Property of IAgency - CD Evans - January 11 2004

Prototype Blueprint A v0.5 - Instrata Property of IAgency - CD Evans - Ja

ITEM NAVIGATION DEFINITIONS// Left Shoulder Button (Represented Onscreen)

LS Button

TITLE 1

RS Button

8 Way Joypad

Right Shoulder Button (Represented Onscreen) 4 Action Keys

Item A Item B Item C

Next Item

Item D Darkened buttons cause depicted screen actions

Item E

Highlighted Item Application Switcher (down Action Key activates)

Options

Highlight Up

TITLE 1

Open

Primary Option (also Select)

Main Bo

Item A Item B Item C

Screen Slide

Item D Highlight Down Back

Select

Item E

'Back' and 'Select' slide in and out of selections. (as shown here) Options

TITLE 2

Reply

Reveals and Hides Contextual Option Tray

Main Body Content

Next Item Delete Secondary Option (Scroll down to highlight)

Phase 3 Design of Patterns for Item and Application Navigation Models.

Gizmondo

Clifton Evans Portfolio


Prototype Blueprint B v0.5 - Instrata Property of IAgency - CD Evans - Jan

Prototype Blueprint B v0.5 - Instrata Gametrac Project Property of IAgency - CD Evans - January 11 2004

SCENARIO 1// JOEY IS GAMING 1//

JOYRIDER (BEEP! NEW TEXT!) x3 Pause game (determined by vendors)

Options

Game Paused 'Joyrider'

New Text

RS Button signifies the arrival of a New Text (Alerts are displayed more predominantly)

JOYRIDER Select or RS Button bring device to the new text

Options

New Text 13:34 - 6/4/04

Reply

From: Classmate Joey, where are you?

The new text is displayed

Delete

Select or RS Button move to the Reply screen

Phase 4 Scenario Driven Interaction Prototyping of the Operating System

Gizmondo

Clifton Evans Portfolio


Prototype Blueprint H v0.5 - Instrata Property of IAgency - CD Evans - Jan

Prototype Blueprint H v0.5 - Instrata Gametrac Project Property of IAgency - CD Evans - January 13 2004

RESEARCH// TEXT INPUT// MENU DRIVEN// Text 11:52 - 7/4/04

Options Options Menu produces both character menu and auto-complete word menu?

Who

What

Why

Layout and ordering dictate usability

Delete

Options

Another layout possibility

When

To: Jill Let's say goodnight wh jkl

B C D E F G H I J K L M

Select

Text 11:52 - 7/4/04

Select

_ABCDEFGHIJKLMNOPQURSTUVWXYZ.123456 Who What

To: Jill Let's say goodnight wh

What about extra text needs such as 'space' and 'clear' or up/down?

C

Why When ]

6 7 8 9 0 A B C D E F G H I J K L M _ N O P Q R S T U V W X Y Z . 1 2 3 4 5

Printed keys will distract from other device uses

Delete

New Text (input)

Options Perhaps there is a need for a combined menu widget?

Select

To: Jill Let's say goodnight wh

GHI

This would take serious design consideration, time and effort

Who Delete

Phase 5 Text Entry Research and Development for the Gizmondo Handheld.

Gizmondo

Clifton Evans Portfolio


Project: Whistler Mountaineer Design of the Train, Hotel and Tour Booking System for Public and Agents.

Whistler Mountaineer


Rocky Mountaineer Vacations v1.0.0 - Whistler Mountaineer Reservation System Wireframes - CD Evans - Telus - September 30 2005

SECTION 2 // RAIL TRIPS //

Promotional Code Rail Trips

Enter Guest Details

Add On Items Hotels - Search (Optional)

Vacation Packages Pre-Population The Promotional Code prepopulates the following check availability screen with dates, service, and packages / trip types which are applicable to the promo code entered.

Enter Promotional Code Promotional Page for various promotions, including restrictions and branding for each promotion.

3 Days / 2 Nights

Whistler Pre-Cruise

Package Rail Info Departing from

EF67453

Vacation Packages

Rail Trips

Check Availability Vancouver

Departure Date

Jul

Type of Service

Coast Classic

28

Adults 2

Passengers

2005

(Returning 3 Days Later)

Children 2-11 yrs Infants <2 yrs 1 0

1

Choose Vacation

2

Check Availability

3

Select Dates

4 5

Login or Register

Logout

RMV UI 0.9.8

My Account

RMV UI 0.9.8

Restrictions The restrictions on this screen should be displayed prominently as to not surprise the user on the next screen when the fields are pre-populated.

Promotional Code

Select Dates

Check Availability

My Account

RMV UI 0.9.9

Your chosen package is not available, as there is no openings in that type of service. Please go back and choose another type of service, or select another date for your trip if desired.

Enter Guest Details

Departing

Jul 25

6

Purchase

7

Confirmation

Jul 26

N/A

Your Trip

Jul 27

Jul 28

N/A

N/A

Jul 29

Jul 30

Jul 31

N/A

N/A

Whistler Pre-Cruise Coast Classic Service Superior Accomodation

My Account

Vacation Packages

Rail Trips

Select Dates

1

Choose Vacation

2

Check Availability

3

Select Dates

4

Enter Guest Details

5

Purchase

6

Confirmation

Logout Button The logout button is only seen when the user is logged in to the system.

Logged In Users When Guests or Travel Agents login to the system the navigation in the Vacation Packages area changes, getting rid of the 'Login or Register' screen, based on the fact that they are already logged in.

Error Messages This screen is displayed only if the chosen Package / Service / Accommodation is not available. The errors on this screen reflect this.

My Account

RMV UI 0.9.8

Mr.

Vacation Packages

Rail Trips

Enter Guest Details First Name

Last name

Age

Insurance Cover

Wheelchair Passenger

Need more info on Insurance Coverage? Please call RMV to request any Special Services other than wheelchair access. Please note that RMV Needs 48 hours to confirm Special Services.

1

Choose Vacation

2

Check Availability

3

Select Dates

4

Enter Guest Details

5

Login or Register

6

Purchase

7

Confirmation

Whistler Pre-Cruise

Whistler Pre-Cruise Accommodation Type

Superior

Number of Beds

2

Travel Agent Login

Smoking

Non-Smoking

User Name

Wheelchair Access

No

Password

Logged In Users When Guests or Travel Agents login to the system the navigation in the Rail Trips area changes, getting rid of the 'Login or Register' screen, based on the fact that they are already logged in.

Login

Lost Password?

Next Step

The dates for your hotel(s) below are pre-populated according to your train journey. Please feel free to change these dates to suit your schedule and shuttles will be arranged as needed.

Hotel Before Departure

Hotel During Stay

Book

Book

Check In

Departing: Returning: Ticket: Service: Accomodation:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Total:

$299.99

Auto Update Field The total price is automatically updated into the running total as items are selected.

Next Step

Departing: Returning: Ticket: Service: Accomodation:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Total:

$299.99

---

Book

Check In

--

Hotel After Return

Jul

28

Check In

Jul

Check Out

Jul

Check Out

Jul

Check Out

---

# of Beds

2

# of Beds

2

# of Beds

2

Vancouver

City

Whistler

City

Vancouver

28

30

--

Type

Superior

Type

Superior

Type

Superior

Smoking

Non-Smoking

Smoking

Non-Smoking

Smoking

Non-Smoking

Next Step

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

30

My Account

Vacation Packages

Rail Trips

Add Hotels - Search

City

(For more then 3 Adult Passengers or more than 1 Room please call 1.800.000.0000)

Hotel Info

Next Step Rockymountainerr.com | Whistlermountaineer.com | About RMV | Contact Us | Help with this System

RMV UI 0.9.8

1

Check Availability

2

Select Dates

3

Enter Guest Details

4

Add Hotels (Optional)

5

Add Activities (Optional)

6

Login or Register

7

Purchase

8

Confirmation

Type Variance The user needs to be alerted on the results screen when the accommodation type varies compared with each other.

Vancouver Whistler Return Departing: Returning: Ticket: Service: Promotion:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Delta

Total:

$179.99

Next Step

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Agency Login Area Goes to Section 3

Add On Items Hotels - Results Add Hotels - Results (Optional)

RMV UI 0.9.8

The following hotels are available for this booking, please choose a hotel and continue.

Hotel Before Departure

Sundial Boutique Hotel Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Fairmont Chateau Whistler Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Add On Items Activities Add Activities (Optional)

My Account

RMV UI 0.9.8

Vacation Packages

Rail Trips

1

Check Availability

2

Select Dates

3

Enter Guest Details

4

Add Hotels (Optional)

5

Add Activities (Optional)

6

Hilton Whistler Resort Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Hotel During Stay

Rail Trips

Sightseeing Tours

Purchase

8

Confirmation

2 hr Basic All Terrain Vehicle Tour 2 hr Horseback Riding

Pan Pacific Mountainside Lodge Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Departing: Returning: Ticket: Service: Promotion:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Delta

Pan Pacific Village Centre Lodge Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Pan Pacific Village Centre Lodge Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Total:

$179.99

1

Check Availability

2

Select Dates

3

Enter Guest Details

4

Add Hotels (Optional)

6

2 hr Moderate All Terrain Vehicle Tour 1 2 hr Hummer ATV Tour 2.5 hr Moderate All Terrain Vehicle Tour

Vancouver Whistler Return

Pan Pacific Mountainside Lodge Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Registered members need only enter email and password.

Email

2.5 hr Basic Whitewater Rafting 3 hr Moderate Hike with Zipline 4 hr Moderate Whitewater Rafting

Next Step

Hotel After Return

Password

New members need to register below.

Email Add Activities (Optional)

Purchase

8

Confirmation

Password Province / State

Confirm Password

Login or Register

7

.

Salutation

Zip / Postcode Phone

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Delta Sundial Pan Pacific Pan Pacific

Total:

$179.99

Additional Email Preferred Contact

City I would like my email confirmations as:

html email plain text email Next Step

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Pan Pacific Village Centre Lodge Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Pan Pacific Village Centre Lodge Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. $000.00. More.

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Check Availability

2

Select Dates

3

Enter Guest Details

4

Add Hotels (Optional)

5

Add Activities (Optional) Login or Register

7

Purchase

8

Confirmation

Vancouver Whistler Return

Fax

Address

Departing: Returning: Ticket: Service: Promotion: Hotel 1 Hotel 2 Hotel 3

1

6

Country

First Name Last Name

Vancouver Whistler Return

2.5 hr Basic All Terrain Vehicle Tour 2.5 hr Horseback Riding

My Account

Vacation Packages

Rail Trips

Login or Register

1

5

30 min Glacier Tour by Floatplane

Login or Register

7

Full Schedule

Number of Passes

Confirm Trip

Login or Register RMV UI 0.9.8

My Account

Vacation Packages

Departing: Returning: Ticket: Service: Promotion: Hotel 1: Hotel 2: Hotel 3: Activity 1: Activity 2:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Delta Sundial Pan Pacific Pan Pacific Hummer ATV Basic ATV

Total:

$179.99

Purchase Logout

RMV UI 0.9.8

1 2 Salutation

Mr.

First Name

Prepopulated

Last Name

Prepopulated

Card Type

Visa

Currency

CAD

Card Number Expiry

My Account

Vacation Packages

Rail Trips

Purchase

3

Choose Vacation Check Availability Select Dates

4

Enter Guest Details

5

Login or Register

6

Purchase

7

Confirmation

CCV Whistler Pre-Cruise

/

I have read the terms and conditions I verify that my booking information is correct I've read the insurance policy conditions (if needed)

Next Step Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Departing: Returning: Ticket: Service: Accomodation:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Total:

$299.99

Logout

RMV UI 0.9.8 Email This Page

Print This Page

Agent's Copy (With Commission)

Thank you for booking with Rocky Mountaineer Vacations. Please review your booking information and let us know if there are any changes required Passenger Total Pax: 1 Booking Name: James Hark Date Booked: 12 JUL 2005 Confirmation No: 841414

Address: 343 Reef Drive City: Vancouver State / Province: BC Country: Canada Post Code: V6E 1B4

Purchase Information Name: Mr. James Hark Card Type: Visa Card Number Ending: 3241 Currency: Canadian Dollars

Seat Selector

Dates 13-JUL-05 14-JUL-05 15-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 28-JUL-05 28-JUL-05 28-JUL-05 28-JUL-05

Pick Up At:

1 2

Barcode

Choose Hotel

Drop Off At: Choose Hotel Total:

Rooms Nights Tours BUTCHART GARDENS & VICTORIA ONEWAY (RV1) BUTCHART GARDENS & VICTORIA ONEWAY (RV1) EXPERIENCE JASPER TOUR NIAGARA FALLS DAY TOUR AIRPORTER HOTEL TO VANCOUVER AIRPORT VANCOUVER TO CALGARY - SECTOR ONE AIRPORTER CALGARY AIRPORT TO HOTEL FAIRMONT EMPRESS HOTEL AFTERNOON TEA 1 1 VICTORIA POPULAR ACCOMMODATION AIRPORTER HOTEL TO VANCOUVER AIRPORT Rockymountainerr.com | Whistlermountaineer.com | About RMV | Contact Us | Help with this System FLIGHT DETAILS ENCLOSED WITH DOCUMENTS VANCOUVER TO CALGARY - SECTOR ONE AIRLINE DOMESTIC TAXES AND SURCHARGES 1 1 AIRPORTER CALGARY AIRPORT TO HOTEL CLIFFS FULL SIZE CAR 6 DAYS

My Account

Vacation Packages

Rail Trips

Confirmation

3

Below the Fold (Also On This Screen) Full Itinerary Terms and Conditions

Choose Vacation Check Availability Select Dates

4

Enter Guest Details

5

Login or Register

6

Purchase

7

Confirmation

766.75 Value 34.99 34.99 30.00 30.00 15.00 126.00 13.00 5.00 75.00 16.00 0.00 143.00 21.54 83.00 432.76

Also in Add On Items: Station Transefrs Tours

Next Step Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

The idea behind Wireframing is to find the most commonly accessed pathways through the product and to design the system around those pathways. The following diagrams depict a beta version of the pathway system for testing and development purposes which will in conjunction with the Business Requirements, the System Blueprints and the Annotations documentation assist in building the correct Page Templates.

Rocky Mountaineer Vacations v1.0.0 - Whistler Mountaineer Reservation System Wireframes - CD Evans - Telus - September 30 2005

Rocky Mountaineer Vacations v1.0.0 - Whistler Mountaineer Reservation System Wireframes - CD Evans - Telus - September 30 2005

SECTION 1 // CHOOSE VACATION //

SECTION 3 // MY ACCOUNT //

Vacation Packages Select Dates

Check Availability RMV UI 0.9.8

My Account

RMV UI 0.9.8

Vacation Packages

Rail Trips

Check Availability

1 2

3 Days / 2 Nights

Whistler Pre-Cruise

Package

3

Rail Info Departing from

Vancouver

Departure Date

Jul

Type of Service

28

2005

4 5

(Returning 3 Days Later)

Coast Classic Adults 2

Passengers

Children 2-11 yrs Infants <2 yrs 1 0

Check Availability

1 2 3

Your chosen package is not available, as there is no openings in that type of service. Please go back and choose another type of service, or select another date for your trip if desired.

Select Dates

Departing

Jul 25

Jul 26

N/A

Your Trip

Purchase

7

Confirmation

Jul 27

Jul 28

N/A

N/A

Jul 29

Jul 30

4 Jul 31

N/A

N/A

Whistler Pre-Cruise Coast Classic Service Superior Accomodation

My Account

Vacation Packages

Rail Trips

Select Dates

Choose Vacation

Enter Guest Details Login or Register

6

Enter Guest Details Logout

Choose Vacation Check Availability Select Dates Enter Guest Details

5

Purchase

6

Confirmation

Logout Button The logout button is only seen when the user is logged in to the system.

Logged In Users When Guests or Travel Agents login to the system the navigation in the Vacation Packages area changes, getting rid of the 'Login or Register' screen, based on the fact that they are already logged in.

Error Messages This screen is displayed only if the chosen Package / Service / Accommodation is not available. The errors on this screen reflect this.

RMV UI 0.9.8

Rail Trips

Vacation Packages

Rail Trips

1

Enter Guest Details

2 3

Mr.

Add Insurance (Optional)

RMV UI 0.9.9

My Account

First Name

Last name

Age

Insurance Cover

Wheelchair Passenger

Need more info on Insurance Coverage? Please call RMV to request any Special Services other than wheelchair access. Please note that RMV Needs 48 hours to confirm Special Services.

4

Login

Insurance Type

Medical -And- Comprehensive

Superior 2

Travel Agent Login

Non-Smoking

User Name

No

Password Next Step

Login

Lost Password?

Logged In Users When Guests or Travel Agents login to the system the navigation in the Rail Trips area changes, getting rid of the 'Login or Register' screen, based on the fact that they are already logged in.

Departing: Returning: Ticket: Service: Accomodation:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Total:

$299.99

Auto Update Field The total price is automatically updated into the running total as items are selected.

Next Step

Next Step

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Rail Trips

Login to My Account

Logout

RMV UI 0.9.8

Vacation Packages

Rail Trips

Travel Details (A)

New Registrations Click Here

Confirmation Number

Go

Nuevo Via Travel Travel Agents

Basic Coverage 25k

Plans

Guests

Username

Info

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Total:

$299.99

Coverage Start Date

Jul

Coverage End Date

Jul

28

2005

c

30

2005

c

Mr.

First Name

Last name

Login

First Name

Last name

Family

First Name

Last name

Family

Mr.

First Name

Last name

Individual

Departure 13-JUL-05 07-JUL-05 21-JUN-05

Vancouver Whistler Return Departing: Returning: Ticket: Service: Accomodation: Occupancy:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior Single

Total:

$299.99

Confirmation 841414 841265 841143

Amount 334.99 334.99 530.00

Name Hillary Bard Shirley MacDonald John Smith

Confirmation 841434 841276 841156

Amount 414.00 364.00 535.00

Next Step Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Rockymountainerr.com | Whistlermountaineer.com | About RMV | Contact Us | Help with this System

My Account

Vancouver Whistler Return Departing: Returning: Ticket: Service: Accomodation: Occupancy:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior Single

Total:

$299.99

Travel Details - Detail (Agency) Logout

RMV UI 0.9.8

Agent Navigation The Guest Profile screen is not available to people who are logged in under a Travel Agent ID. No History If the user logged in has no previous purchases, or just registered, this screen has a message which reads: "You currently do not have any trips in your Travel Details. Please proceed to Rail Trips or Vacation Packages to book one of our Trips. Thank you." Name Field The Name Field here is populated with the First Guest on the Enter Details screen.

Passenger Total Pax: 1 Booking Name: James Hark Date Booked: 12 JUL 2005 Confirmation No: 841414

Confirmation Number

Address: 343 Reef Drive City: Vancouver State / Province: BC Country: Canada Post Code: V6E 1B4

My Account

Vacation Packages

Rail Trips

Travel Details (B)

Travel Details

Password Change

Name James Hark Sheila Eton Peter Reynolds

Bruce Jenkins

Forgot Password?

If you are not a registered agent please contact Rocky Mountaineer Vacations.

Family

Mr. Mr.

Departure 12-JUL-05 05-JUL-05 25-JUN-05

Password Login

Forgot Password?

(Medical Coverage can be extended to cover your entire period in Canada) (Comprehensive Coverage only covers period of Whistler Mountaineer Vacation)

Philipe Jerez

Email

Password

Confirmation

Departing: Returning: Ticket: Service: Accomodation:

Vacation Packages

Agent Profile

Info

(Medical Coverage is not available to Canadians)

Select Dates

Login or Register Purchase

7

Whistler Pre-Cruise

Whistler Pre-Cruise Accommodation Type Number of Beds Smoking Wheelchair Access

My Account

RMV UI 0.9.8

Add Insurance Choose Vacation Check Availability

Enter Guest Details

5 6

(For more then 3 Adult Passengers or more than 1 Room please call 1.800.000.0000)

Hotel Info

Travel Details - Overview (Agency )

My Account

Vacation Packages

Go

Travel Details

Total: 766.75 Total Outstanding: 766.75 Final Payment Due By: 14 MAY 2005 (Canadian Dollars)

Guest Profile

Agency Profile Registration Confirmation After completing a new registration the user is given a notice on this screen: 'you have been sent a confirmation to the email address and should confirm that you received it before you purchase'.

Logout

RMV UI 0.9.8

My Account

RMV UI 0.9.8

Vacation Packages

Rail Trips

Agent Profile

Travel Details Agent Profile

Guest Navigation The Guest Profile screen is only available to people who are logged in under a Travel Agent ID.

Password Change

Download Full Itinerary Thank you for booking with Rocky Mountaineer Vacations. Please review your booking information and let us know if there are any changes required Dates Tours Rooms Nights Value 13-JUL-05 BUTCHART GARDENS & VICTORIA ONEWAY (RV1) 34.99 14-JUL-05 BUTCHART GARDENS & VICTORIA ONEWAY (RV1) 34.99 15-JUL-05 EXPERIENCE JASPER TOUR 30.00 16-JUL-05 NIAGARA FALLS DAY TOUR 30.00 16-JUL-05 AIRPORTER HOTEL TO VANCOUVER AIRPORT 15.00 16-JUL-05 VANCOUVER TO CALGARY - SECTOR ONE 126.00 16-JUL-05 AIRPORTER CALGARY AIRPORT TO HOTEL 13.00 16-JUL-05 FAIRMONT EMPRESS HOTEL AFTERNOON TEA 5.00 16-JUL-05 VICTORIA POPULAR ACCOMMODATION 1 1 75.00 16-JUL-05 AIRPORTER HOTEL TO VANCOUVER AIRPORT 16.00 16-JUL-05 FLIGHT DETAILS ENCLOSED WITH DOCUMENTS 0.00 28-JUL-05 VANCOUVER TO CALGARY - SECTOR ONE 143.00 28-JUL-05 AIRLINE DOMESTIC TAXES AND SURCHARGES 21.54 28-JUL-05 AIRPORTER CALGARY AIRPORT TO HOTEL 1 1 83.00 28-JUL-05 CLIFFS FULL SIZE CAR 6 DAYS 432.76

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Guest Navigation The Guest Profile screen is only available to people who are logged in under a Travel Agent ID.

Password Change

agent@somewhere.com

Email

Mr.

Salutation

John

First Name

Walker

Province / State

BC

Country

Canada

Zip / Postcode

V4T 6Y8

Fax

604.564.3450

Additional Email

agency@somewhere.com

New Westminster

Preferred Contact

Email

Pegasus

Commission

10%

Password Change (Agency) Logout

Rail Trips

My Account

Vacation Packages

Travel Details Guest Profile Password Change

Old Password

604.564.3453

43 Burrows Ave

City

Last Name

Password Change

New Password

Phone

Address

Affiliation

Retype New Password Change My Password

Vancouver Whistler Return Departing: Returning: Ticket: Service: Accomodation: Occupancy:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior Single

Total:

$299.99

Update Profile

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Agency Login Area Goes to Section 3 RMV UI 0.9.8

Travel Details (Guest) Rail Trips

Travel Details (B) Passenger Total Pax: 1 Booking Name: James Hark Date Booked: 12 JUL 2005 Confirmation No: 841414

RMV UI 0.9.4

Login or Register 1 2

Registered members need only enter email and password.

Email

3

Password

4

New members need to register below.

Email

5

Password Province / State

Confirm Password .

Country

Confirmation

Whistler Pre-Cruise

Additional Email Preferred Contact

City I would like my email confirmations as:

html email

2 3

Select Dates

Purchase

7

Phone Fax

Address

1

Check Availability

Enter Guest Details Login or Register

6

Zip / Postcode

First Name Last Name

Departing: Returning: Ticket: Service: Type:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Total:

$299.99

Registering Registering automatically logs in the users making the logout button appear on the next screen. Registering / Logging In When Guests login or register on this screen the navigation does not change as it would if they logged in earlier.

Salutation

Mr.

First Name

Prepopulated

Last Name

Prepopulated

Card Type

Visa

Currency

CAD

Card Number Expiry

Next Step

4 5

Choose Vacation Check Availability Select Dates Enter Guest Details Login or Register

6

Purchase

7

Confirmation

CCV Whistler Pre-Cruise

/

I have read the terms and conditions I verify that my booking information is correct I've read the insurance policy conditions (if needed)

plain text email

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

My Account

Vacation Packages

Rail Trips

Purchase

Choose Vacation

Purchase Logout

RMV UI 0.9.8

Vacation Packages

Rail Trips

Login or Register

Salutation

Confirm Trip My Account

RMV UI 0.9.8

Next Step Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Departing: Returning: Ticket: Service: Accomodation:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Total:

$299.99

Email This Page

Print This Page

Agent's Copy (With Commission)

Thank you for booking with Rocky Mountaineer Vacations. Please review your booking information and let us know if there are any changes required Passenger Total Pax: 1 Booking Name: James Hark Date Booked: 12 JUL 2005 Confirmation No: 841414

Address: 343 Reef Drive City: Vancouver State / Province: BC Country: Canada Post Code: V6E 1B4

Purchase Information Name: Mr. James Hark Card Type: Visa Card Number Ending: 3241 Currency: Canadian Dollars

Seat Selector

Dates 13-JUL-05 14-JUL-05 15-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 16-JUL-05 28-JUL-05 28-JUL-05 28-JUL-05 28-JUL-05

1 2

Barcode

3 4

Pick Up At: Choose Hotel Drop Off At: Choose Hotel

Tours BUTCHART GARDENS & VICTORIA ONEWAY (RV1) BUTCHART GARDENS & VICTORIA ONEWAY (RV1) EXPERIENCE JASPER TOUR NIAGARA FALLS DAY TOUR AIRPORTER HOTEL TO VANCOUVER AIRPORT VANCOUVER TO CALGARY - SECTOR ONE AIRPORTER CALGARY AIRPORT TO HOTEL FAIRMONT EMPRESS HOTEL AFTERNOON TEA VICTORIA POPULAR ACCOMMODATION AIRPORTER HOTEL TO VANCOUVER AIRPORT FLIGHT DETAILS ENCLOSED WITH DOCUMENTS VANCOUVER TO CALGARY - SECTOR ONE AIRLINE DOMESTIC TAXES AND SURCHARGES AIRPORTER CALGARY AIRPORT TO HOTEL CLIFFS FULL SIZE CAR 6 DAYS

Total: Nights

1

1

1

1

Package Vacations

My Account

Login New Registration

Rail Trips

Confirmation Number

Go

Total: 766.75 Total Outstanding: 766.75 Final Payment Due By: 14 MAY 2005 (Canadian Dollars)

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Logout

My Account

Vacation Packages

Travel Details Guest Profile Password Change

Registration Confirmation After completing a new registration the user is given a notice on this screen: 'you have been sent a confirmation to the email address and should confirm that you received it before you purchase'.

Guest Profile (Guest)

RMV UI 0.9.8

Rail Trips

Agent Profile

Logout

My Account

Agent Profile Password Change

Email Salutation First Name

agent@somewhere.com Mr.

Province / State Country

John

Zip / Postcode

V4T 6Y8

604.564.3450

Additional Email

agency@somewhere.com

Preferred Contact

Email

Pegasus 10%

Password Change (Guest) Logout

Rail Trips

My Account

Vacation Packages

Travel Details Guest Profile Password Change

New Password

604.564.3453

Fax

New Westminster

Commission

Password Change Old Password

Canada

Phone

43 Burrows Ave

City

Last Name

Guest Navigation The Guest Profile screen is only available to people who are logged in under a Travel Agent ID.

BC

Walker

Address

Affiliation

RMV UI 0.9.8

Vacation Packages

Travel Details

Guest Navigation The Guest Profile screen is only available to people who are logged in under a Travel Agent ID.

Retype New Password Vancouver Whistler Return Departing: Returning: Ticket: Service: Accomodation: Occupancy:

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior Single

Total:

$299.99

Change My Password

Update Profile Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

My Account

Package Vacations

Login

Forgot Password?

New Registration Password Retreival

Enter your email below and your password will be emailed to you shortly.

Password Change Display Booking History

Email

Email View Itinerary

Check Availability

Address: 343 Reef Drive City: Vancouver State / Province: BC Country: Canada Post Code: V6E 1B4

Download Full Itinerary Thank you for booking with Rocky Mountaineer Vacations. Please review your booking information and let us know if there are any changes required Dates Tours Rooms Nights Value 13-JUL-05 BUTCHART GARDENS & VICTORIA ONEWAY (RV1) 34.99 14-JUL-05 BUTCHART GARDENS & VICTORIA ONEWAY (RV1) 34.99 15-JUL-05 EXPERIENCE JASPER TOUR 30.00 16-JUL-05 NIAGARA FALLS DAY TOUR 30.00 16-JUL-05 AIRPORTER HOTEL TO VANCOUVER AIRPORT 15.00 16-JUL-05 VANCOUVER TO CALGARY - SECTOR ONE 126.00 16-JUL-05 AIRPORTER CALGARY AIRPORT TO HOTEL 13.00 16-JUL-05 FAIRMONT EMPRESS HOTEL AFTERNOON TEA 5.00 16-JUL-05 VICTORIA POPULAR ACCOMMODATION 1 1 75.00 16-JUL-05 AIRPORTER HOTEL TO VANCOUVER AIRPORT 16.00 16-JUL-05 FLIGHT DETAILS ENCLOSED WITH DOCUMENTS 0.00 28-JUL-05 VANCOUVER TO CALGARY - SECTOR ONE 143.00 28-JUL-05 AIRLINE DOMESTIC TAXES AND SURCHARGES 21.54 28-JUL-05 AIRPORTER CALGARY AIRPORT TO HOTEL 1 1 83.00 28-JUL-05 CLIFFS FULL SIZE CAR 6 DAYS 432.76

Forgot Password (Guest)

RMV UI 0.9.4

Password Retreival Password Change Display Booking History

Below the Fold (Also On This Screen) Full Itinerary Terms and Conditions

Choose Vacation

View Itinerary

Agent Profile

Agent Profile

Logout

Logout

Submit Email

Submit Email

Select Dates Enter Guest Details

5

Login or Register

6

Purchase

7

Confirmation

766.75

Rooms

Rockymountainerr.com | Whistlermountaineer.com | About RMV | Contact Us | Help with this System

Rail Trips

Enter your email below and your password will be emailed to you shortly. My Account

Vacation Packages

Rail Trips

Confirmation

Forgot Password (Agency)

Forgot Password? Logout

RMV UI 0.9.8

Rockymountainerr.com | Whistlermountaineer.com | About RMV | Contact Us | Help with this System

Rockymountainerr.com | Whistlermountaineer.com | About RMV | Contact Us | Help with this System

Value 34.99 34.99 30.00 30.00 15.00 126.00 13.00 5.00 75.00 16.00 0.00 143.00 21.54 83.00 432.76

Register (Guest)

RMV UI 0.9.8

My Account

Rail Trips

Email (Password must contain at least 6 characters and one capital or numeric)

Password Confirm Password Salutation

Vacation Packages Validate Email The email entered on this screen acts as their ID and so has to be validated as being in the correct format.

Register

Country Zip / Postcode

Address

Auto Login and Referral After completing this screen the user is automatically Logged In and taken to Travel Details Registration Confirmation After completing this screen the user is given a notice that they have been sent a confirmation to the email address given and should confirm that they received it before they purchase.

.

First Name Last Name

Phone Fax Additional Email

City

Preferred Contact

Province / State I would like my email confirmations as:

Telephone

html email plain text email

Home | Contact Us | Site Terms & Conditions | Privacy Policy | Help | Whistlermountaineer.com

The idea behind Wireframing is to find the most commonly accessed pathways through the product and to design the system around those pathways. The following diagrams depict a beta version of the pathway system for testing and development purposes which will in conjunction with the Business Requirements, the System Blueprints and the Annotations documentation assist in building the correct Page Templates.

The idea behind Wireframing is to find the most commonly accessed pathways through the product and to design the system around those pathways. The following diagrams depict a beta version of the pathway system for testing and development purposes which will in conjunction with the Business Requirements, the System Blueprints and the Annotations documentation assist in building the correct Page Templates.

Phase 1 Task Analysis for many Booking Facets, including Hotels, Tours, Connections, etc.

Whistler Mountaineer

Clifton Evans Portfolio


Rocky Mountaineer Vacations v1.0.0 - Whistler Mountaineer Reservation System Wireframes - CD Evans - Telus - September 30 2005 My Account

RMV UI 1.0.0

Vacation Packages

Rail Trips

Consistent Elements (Title Area)

1

Error Feedback Area For Every Page - area reloads with specific error text and highlights the error field in bold below.

Label

Field

Check Availability

2

Select Dates

3

Enter Guest Details

4

Add Insurance

5

Login or Register

6

Confirm Trip

7

Purchase

Back

Next

Booking Summary:

299.99

Travel Login WhistlerAgent Pre-Cruise Departing:

User Name Returning: Ticket: Service: Password

Accomodation:

Back

Next Step

Log In or Register When Guests or Travel Agents login to the system the navigation in the Rail Trips area changes, getting rid of the 'Login or Register' screen, based on the fact that they are already logged in.

Jul 28 2005. Jul 30 2005. 1 Adult Coast Classic Superior

Login Lost Total:Password? $299.99

Expired Session and URL Hacking For a session which has been left logged in or if someone attempts to hack the url, the system will display an error page redirecting them to the WMV.com site.

Rockymountainerr.com | Whistlermountaineer.com | About RMV | Contact Us | Help with this System

Item

Editable

Required

Type

Default

Description / Business Rules

Visitor Intention

System Response

Title Area

Fixed

Required

Text

Title

Labels the Screen. Mirrors the Right Hand Navigation. During the Purchasing Process, the Titles are all Action labels.

Informs the visitor of location

This title updates when the system moves to another screen

Description, Error

Fixed

Text

Description

Label

Fixed

Text

Unlinked

Static Text stating description of the screen, Label and link to description hover box

Informs the visitor of the nature of the screen and errors happened To find out what the element is

The feedback area is populated with the errors on each screen A hover box description if clicked

Field

Fixed

Field

Allows the visitor to enter selections and information into the system

Selecting, Entering, Choosing Information

Enters the information into the system.

Next Step Button

Fixed

Required

Button

Takes to next screen, saves current set of information. Should be labeled with action.

Proceed or Save. "Amend Changes, Check Availability, Select Date(s)"

Sends the information and validates against any errors

Logo Log Out My Account Rail Trips Vacation Packages Naviagation

Fixed Fixed Fixed Fixed Fixed Fixed

Required Logged In Required Required Required Exceptions: Promo, Login

Image Link Link Link Link Links

Takes the visitor to the WMV site? Logs Out the Vistor Send the visitor to the My Account section Send the visitor to the Rail Trips section Send the visitor to Vacation Packages Staged, visited screens are navigable, except My Account depends on login

Starting over To Log Out Go to account area Book a Rail Trip Book a Vacation Package Navigate through system, refer to for location and other stages

Links back to the start page Logs Out Goes to My Account section Goes to Rail Trips section Goes to Vacation Packages Make visited screens available. Account options depend on user.

Travel Agent Login

Only Fields

For Check Availability(s)

Variety

Allows Travel Agents to Log In

Log In to system

Refreshes Check Availability with global 'Log Out' and agent rates

Lost Password

Fixed

In login box

Link

Allows agents to retrieve lost password

Get Lost password

Goes to Lost Password (Agent)

'Next Step'

Errors

'This is an incorrect user name' / 'password'

Phase 2 Iterative Wireframes for the Booking System with States and Requirements

Whistler Mountaineer

Clifton Evans Portfolio


Navigation Area

Navigation Server Pages

Accessing View (System Console)

Editing View (before changes)

Previewing View (after changes)

Editing Server Pages

Editing View - Form and Table

Clifton Evans

Tool Server Pages

Portfolio of Works

&OLFN RQ WKH 3URMHFWV $ERYH IRU 0RUH Editing Tool

Customization Server Pages

Customization View - Form and Table

The information and recommendations contained in this document, and all other information submitted in the past and in the future by and on behalf of 'Clifton Evans' and IAgency, oral, written, and in electronic form, is confidential and/or trade secret information and is proprietary to IAgency. It is to be used only for purposes of this project and for no other purposes. The information contained in this document and other information received from IAgency which is identified as confidential and/or trade secret information, or which by the nature of the circumstances surrounding the disclosure should in good faith be treated as confidential and/or proprietary, in particular, information which relates to the processes, methods, procedures, and tools employed by IAgency, should be disclosed only to authorized persons on a need to know basis only in furtherance of this project with appropriate notification of the confidential and/or proprietary nature of the material being disclosed. Submission of any information and/or artwork by IAgency is not to be considered a transfer of any intellectual property rights. Removal of this Notice, and/or use or dissemination of any information or materials submitted by IAgency without the inclusion of this Notice, is strictly prohibited.

BLUEPRINT TITLE. UI / IA / ID Flow for WYSIWIG CMS CLIENT. Object1 (http://www.object1.com) PROJECT. 'GAS' - Global.Access.System. LOCATION. London, England

JOB NO. 4599

INFORMATION ARCHITECT. Clifton Evans

DATE. d17 06 03

PROPERTY OF. Clifton Evans


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.