roman_wood_uclax_ux1_project 2014

41
I n 2014, I enrolled in a 12 week intensive UX Design course at UCLAx. The course introduced me to the latest tools, techniques, and methodologies used by leading agencies and enterprises to develop world-class user experiences. My assignment was to choose a website that I thought had user experience issues and use the UX research and design methods learned in class to redesign the website. My chosen website was ReserveAmerica.com, an outdoor recreational booking site that includes parks and recreational facilities across North America. My main focus was to redesign the booking process, but during the project I found myself redesigning other elements of the website as well. In this project, I utilized methods and strategies such as market research and analysis, user personas, mental models, information architecture, wireframes, prototyping, and usability testing. This is my final project submitted at the end of the twelve week course. User Experience Design I UCLA Extension Project: The UX Redesign of Reservation.gov Overview by: Roman La’Voy Wood Summer 2014

Upload: roman-wood

Post on 13-Jan-2017

47 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Roman_Wood_UCLAx_UX1_Project 2014

In 2014, I enrolled in a 12 week intensive UX Design course at UCLAx. The course introduced me to the latest tools, techniques, and methodologies used by leading agencies and enterprises to develop world-class user experiences. My assignment was to choose a website that I thought had user experience issues and use the UX research and design methods learned in class to redesign the website. My chosen website was ReserveAmerica.com, an outdoor recreational booking site that includes parks and recreational facilities across North America. My main focus was to redesign the booking process, but during the project I found myself redesigning other elements of the website as well. In this project, I utilized methods and strategies such as market research and analysis, user personas, mental models, information architecture, wireframes, prototyping, and usability testing. This is my final project submitted at the end of the twelve week course.

User Experience Design I UCLA Extension

Project: The UX Redesign of Reservation.gov

Overview

by: Roman La’Voy WoodSummer 2014

Page 2: Roman_Wood_UCLAx_UX1_Project 2014

Competition CommunityVisual appealand Usability

Social NetworkPresence

Licenseand Permits

Content/Blog

Mobile App

Pictures & Videos

Nation-wide Coverage

Promotions and Campaigns

Recreation.gov

Camping.com

KOA.com

There are no forums or comment boards.

Many reviews included on this site, and they use a five star rating system. The most reviews included of all the competitive sites. There is good activity on this site.

KOA has a vibrant community, and blogs written by campers are plentiful on this site. There are comment sections included on all the blogs, and some blogs have more dialog than others, but overall not as much as there as there one would assume to be. They do present themselves as a strong community of campers and travelers, which is very appealing.

Overall, there was a nice look to the site but booking was confusing. There is a lot of information and options jumbled together on the site.

The site looked very rigid and sterile. There is too much content on the homepage, which made the experience of searching for a campsite feel overwhelming.

The site uses bold and friendly colors. The site is very user friendly, and it is very easy to locate a campground, especially with the use of it's interactive map.

Yes: Facebook, Twitter, Instagram, Youtube

No social networks

Yes. Facebook, Twitter, Instagram, Youtube

Only camping related permits.

No license or permits offered.

Their blog is very active with tons of content, includuing a collection of videos and photos to go along with blogs. They have sections on cooking outdoors, recipes, travel tips, motorsports, family fun, camping with pets, green eco friendly camping, RV'ing, gadgets, kiaking, cabins and more. There are also many blogs and stories from campers. KOA markets themselves as a community of campers and travelers.

They have blogs and reviews that focus on recreational activities in major cities. They have a collection of trip ideas for many of the major cities. There is a lot of wildlife information and history on US forest with lots of interesting facts.

They have a wide vareity of articles and information on all outdoors and traveling subjects. They have a lot of “Top 10” national park stories and reviews.

There is a vibrant blog community on this site.

No app.

No app.

Yes. They have a KOA app.

They have mostly stock photos on the site, very few photos of the actual camp sites and camp grounds.

There are primarily stock photos on the home page. When the campground search is done, a list is brought up. When clicked into, there are a lot of photos for each site shared by user/campers.

Yes. There are tons of pictures and videos that include both professional stock photos and videos, and personal photos and videos submitted by customers.

Yes. It is covers the U.S.

Yes. It is covers the U.S. and Canada.

Yes, covers the U.S. and Canada.

They are pushing their Annual Federal Recreation Pass. They have a small section on the homepage seeking for volunteers.

No ads or campaigns.

They have a variety of promotions and campaigns included on this site, specifically a promotion section for members to receive 10% off. Other promotions include Cruise America discounts, a spin to win giveaway, RV giveaways, a value card reward program, and a share your photo or video campaign. They also have teamed up to promote companies that offer travel insurance, camping supply, camping magazine and more. They are also advertising their KOA volunteer program which include perks.

Roman Wood - Wk 01 - Competitive Analysis UCLA Extension | User Experience 1

Page 3: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 02 - User Interviews UCLA Extension | User Experience 1

Name: Paloma Age: 28 Gender: Female Target info:

Paloma is a full time working mother and wife. Works at a hospital as a application specialist. Very health conscious, lives in the big city, but grew up in Canada being near nature. Hates feeling trapped and really wants her child to experience being outdoors as she once did. Loves animals, s'mores and lakes. She walks around her apartment barefooted.

Name: Sandy Age: 24 Gender: Male Target info:

Young single guy, fresh out of college and into the working world. He’s a designer, working long days in the office. Lives in the city. Makes a good living but needs a little motivation to go outdoors. He would like to be more health conscious but needs a little help getting there. He had a strong connection to the outdoors during his younger years when he went to camp. Those were the most memorable times for him and he is often seeking ways to reconnect with that type of inspirational experience in nature as a working adult. He also teaches at a youth organization.

Name: Zohan Age: 30 Gender: Male Target info:

He’s a dad and husband. He’s runs a recording studio in the city. Records music all day, deals with some of the biggest egos around. Always seeking ways to break away from it now and then. He makes his own beer. He’s a very spiritual guy, often taking late night walks after sessions to break away. Being around big egos, music gear and technology, he is very passionate about taking time to completely unplug from the world. Camping in a ‘roughing it out’ fashion is his prefered method to detach.

How often do you go camping?

PALOMA: I have not been in a while, but would like to go camping once a month in the summer!SANDY: Maybe once a year. Ideally I would like to go about 3 times a year.ZOHAN: Several times a year.

Do you usually reserve camping spots? If so, how do you? Is this yourpreference?

PALOMA: I have never reserved a camping spot because usually someone else in my campinggroup does that job. IfI were to do it I would only do it online or in a mobile app.SANDY: Office in person.ZOHAN: Yes I usually reserve a spot since California does not offer a lot of options for nonreservation camping spots. I book online, using the government booking site.

Do you use tents, cabins, RV’s, or car camping?

PALOMA: TentsSANDY: In California, car camping and cabins because I find that it is hard to find campingspots that are not car camping.ZOHAN: Tents

What other outdoor activities do you do that requires reservations, permits or license, and how often do you do them?

PALOMA: Hiking, and walking in State Parks.SANDY: Kayaking, snowboardingZOHAN: Fishing, Shooting, Snow Boarding

What are factors that would persuade you away from making reservations to camp?

PALOMA: Poor booking system has been the major factor. The system is never clear about whattype of site I am booking, and when it will be available. They have very limited pictures, and themaps are always really hard to understand. If it takes too long and the website does notanswer all of my questions then I would likely abandon the reservation.SANDY: Cost. Over crowded sites. Bad reviews.ZOHAN: Poor website management: bad pictures, inaccurate descriptions, etc...

What has been your experience booking a campsite online, and what site do you use to book?

PALOMA: I have had a terrible experience booking campsites online. I usually just give up in themiddle of it, since it is so overwhelming and hard to know what sites are out there, and what isavailable. The one that I find the worst is ReserveAmericaSANDY: I have never done it.ZOHAN: I don't book online because of poorly designed web pages. I book in person or over thephone.

What tool do you use to find campsites?

PALOMA: I have not done it. But I would use Google maps to find the location of various campingsites.SANDY: I use google and Yelp.ZOHAN: Friends, word of mouth.

What would make finding and booking campsites easier for you?

PALOMA: An easy website and app that allowed me to search for all different types of siteswould be really helpful, something with maps, pictures, detailed information about the site,and a really easy interface to book the site would be amazing to have!SANDY: A widely known, trusted, site like: cheapcaribbean.com, hotels.com,www.expedia.com/vacation-packagesZOHAN: It would need to be online or in an app and have many photos, rating, customer inputand all relevant booking info (hours, price, nearby amenities, etc...).

My interviewees desire to go camping at least once a year, and for those who do go once ayear, they hope to go more often than they already do. They usually go in groups or as a family. They book their campsites primarily on a website or by phone, but they all would prefer to do it via website or mobile app. Tents are the preferred form of camping, with car camping and cabins next in line because finding tent-only camping lots seems to be difficult for them. Besides camping, the users also make reservations for outdoor activities like snowboarding, kayaking, fishing, shooting and hiking. Poor websites, lack of photos, and information on campsites are the primary factors that persuade them away from making reservations. Cost, overcrowded campgrounds, and bad reviews are secondary. Two of the users have had many bad experiences booking a campsite online, while the othesr prefer to call in over the phone. They all use Google Maps, Yelp and word of mouth recommendations from friends to find good camping sites. All of the users agree that a clear, simple, and easy to use website or mobile application would make finding a campsite easier for them. They all expressed the desire for interactive maps, lots of photos, and detailed reviews. The site they wish for would be very trustworthy like other major travel booking sites.

REPRESENTATIVES FOR TARGET DEMOGRAPHIC

SURVEY Q&A

SUMMARY

Page 4: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 02 - Market Research UCLA Extension | User Experience 1

43

56 34%

31%

29%

56% of all campers are male and 43% female.

AGE GROUPS OF CAMPERS DEMOGRAPHICS

MOST POPULAR CAMPING REGIONS

25 - 44 years of age

45 + years of age

18-24 years of age

SOURCE: "Outdoor Recreation Research Participation 2014 Topline." Outdoor Recreation Research Participation 2014 Topline (2014): 1-7. Jan. 2014. Web.

NC, SC, VA, MD, WV, GA, FL The Atlantic NE and SE regions are second in number of participants.

OR, WA, CA The Paci�c NW and SW regions are home to the most campers.

16.9%

18.9%

Page 5: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 02 - Market Research UCLA Extension | User Experience 1

AVERAGE CAMPERS HOUSEHOLD INCOME

SOURCE: "Outdoor Recreation Research Participation 2014 Topline." Outdoor Recreation Research Participation 2014 Topline (2014): 1-7. Jan. 2014. Web.

$50 - 75K $76 - 100K +$50K - BELOW

24.7%

24.9%

35%

MOTIVATIONS AND BARRIERSFriends and parents are the most influential in introducing campers to outdoor activities.

Fun and relaxation are the top two reasons cited by campers for participation in outdoor activities.

A lack of time is the number one reason camping participants don't get out more often.

A lack of interest and a lack of money for equipment are also reasons.

NO Money Interest gear

70% of camping is done with friends!

Page 6: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 02 - Market Research UCLA Extension | User Experience 1

SOURCE: "Outdoor Recreation Research Participation 2014 Topline." Outdoor Recreation Research Participation 2014 Topline (2014): 1-7. Jan. 2014. Web.

86%

33%

30%

26%

24%

11%

8%

2%

Tent

Cabin

Backpacking

Car Camping

R.V.

Backyard Camping

Under the Stars

Yurts

MOSTPOPULARFORMS OFCAMPINGThese numbers add up to more than 100 percent because many participants took more than one kind of camping trip.

Page 7: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 02 - Personas UCLA Extension | User Experience 1

TAG LINE: Organic outdoor momAGE: 28LOCATION: Miami, FLOCCUPATION: Media MarketingFAMILY STATUS: Married with one kidINCOME: 75kFAV TV GENRES: Drama, action, comedyINTERNET USE: Mobile, DesktopMOBILE DEVICE: iPhone 5C

“Hi! My name is Paloma, I’m 28 years old, born and raised in Maskoka, Ontario, Canada. I’m happily married and we have a little girl. I work in the city, but make an effort to be outdoors at much as possible. It is really important that our baby has a strong sense of nature. I prefer to give her all wooden toys rather than plastic. Sadly kids grow up so detached from nature, they have no idea where their food and mate-rials come from. I think going camping really helps to reconnect people to the earth. We try to go every couple months over a weekend. Our baby loves to watch the camp fire.”

WHY CAMPING IS IMPORTANT TO ME?: Fresh air, reconnecting with nature and taking a break from city life is great for build-ing a healthy family.PLACES YOU'LL FIND ME: Trader Joe's, Whole Foods, local parks and the beach.MY MEDIA HABITS: Instagram, Pinterest, mommy blogsMEDIA DEVICES I OWN: I own a iMac, iPhone 5C, Macbook ProMY ATTITUDE TOWARDS TECHNOLOGY: I love it when I’m working, hate it when I’m home. I prefer my child to be around all natural wood toys. I don't even want her looking at any screens until she gets to the age where she can understand what it is.ATTITUDE TOWARDS ADVERTISING: I love it if it sells me stuff I’m interested in.SHOPPING BEHAVIOR: I love to shop using Amazon Prime. Almost everything besides grocery's is from Amazon Prime.

Paloma

PERSONA 1

Page 8: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 02 - Personas UCLA Extension | User Experience 1

Sandy

TAG LINE: Silicon Beach BumAGE: 24LOCATION: Chicago, IL.OCCUPATION: Industrial DesignerFAMILY STATUS: SingleINCOME: 55kFAV TV GENRES: Documentary, Sci-Fi, Historical FictionINTERNET USE: Mobile, Desktop, TabletMOBILE DEVICE: Windows Phone

“I’m Sandy, 25 years old, born and raised in Chicago, IL. I love to travel when my work permits me. I really enjoy my job as a designer, sometimes it can be hard work. I’m a dreamer, so sometimes I need a little push to get out of my lazy dream zone. The outdoors has always helped me to clear my mind and I usually function much better at work after a nice camping trip. The problem is I need the motivation, the slightest thing at times can have me give up on spending time in the woods.”

WHY CAMPING IS IMPORTANT TO ME?: It helps me clear my mind so I can be more productive at my job.PLACES YOU'LL FIND ME:Dodger Games, Tech Meet-ups, Irish PubMY MEDIA HABITS:Twitter, WhatsApp, Google+, Meetup.comMEDIA DEVICES I OWN:Windows Phone, Windows Tablet, Alienware LaptopMY ATTITUDE TOWARDS TECHNOLOGY: I think technology can really improve a persons life, in regards to communication, planning, education and networking. It can also be a problem if we cant seem to function without it. I like to try and keep and balanced use of technology.ATTITUDE TOWARDS ADVERTISING: I don't mind a little advertising her and there. I do think that a product or service should be of great quality so that it primarily sells itself. Dumping tons of money and energy into selling a crap product bothers me, but I do enjoy a entertaining ad every-now and then. The Super Bowl half-time ads are my favorite.SHOPPING BEHAVIOR: I prefer to shop locally for my produce and home essentials. Rarely do I go and splurge on something for myself. I usually only buy when I need it. I do like to buy nice gifts for my friends and family. I only shop on-line for things I cant find locally.

PERSONA 2

Page 9: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 02 - Personas UCLA Extension | User Experience 1

Zohan

TAG LINE: A no bullshit Zen Hipster MusicianAGE: 34LOCATION: Los Angeles, CAOCCUPATION: Music Producer, Bass Player and ArtistFAMILY STATUS: Married with 3 kidsINCOME: 100kFAV TV GENRES: Action, High Fantasy, Conspiracy DramaINTERNET USE: Mobile, Desktop, TabletMOBILE DEVICE: HTC One Versus Samsung Galaxy S III

“I’m Zohan, 34 years old, born and raised in Tel Aviv, Israel. I moved to L..A. when I was a kid and never left. I’m a successful music producer and bass player. My passion is writing and making good music, shocking the shit out of people, home brewing strong ass beer, making things with my hands and hanging out with my wife and kids. I find it necessary for me to meditate and pray every morning to handle the world I work in. I’m a very spiritual person, and getting lost in the woods and living like a mystical hermit recharges my soul. I absolutely need to severely unplug once a month or so to keep my sanity, creativity and no bullshit sense of being in tact. I need a cigarette and kombucha tea now.”

WHY CAMPING IS IMPORTANT TO ME?: Most of the day I work with amazing artist in the studio, but I do get my fair share of divas, bullshitters, name throwers and materialis-tic douche bags. I live in the concrete jungle, work on Pro-Tools, plug and unplug cables throughout all my sessions, I’m surrounded by a buzzing electric matrix all day and need to escape it all for my spiritual sanity.PLACES YOU'LL FIND ME:Starbucks, my recording studio, Guitar Center, local music venues throughout L.A., The Local Peasant Bar, Mel's DinerMY MEDIA HABITS:Facebook, InstagramMEDIA DEVICES I OWN:I own a HTC One Versus Samsung Galaxy S III, Mac Pro Tower, Galaxy Tab 2MY ATTITUDE TOWARDS TECHNOLOGY: I use it all day in the studio, networking, booking, and communicating with my family. It is an absolute necessity for business and staying connected with my friends and family.ATTITUDE TOWARDS ADVERTISING: I hate advertising, although I know it makes money ,and that pays the bills. It’s a love hate relationship, very complicated. I do really love the Old Spice commercials, whoever wrote and produced those commercials are frickin brilliant.SHOPPING BEHAVIOR: I buy my produce local only, except when building my beer collection Ill buy from where ever I can get it. Everything else like clothes, shows, toys, bla bla bla bla I buy here in L.A. Everything I could ever need and want is here in L.A., I love this frickin city. I do use Amazon Prime occasionally for the nitch stuff. I use my local guys for music gear and supplies for upgrades, replacements and gigs.

PERSONA 3

Page 10: Roman_Wood_UCLAx_UX1_Project 2014

Paloma

Sandy

Roman Wood - Wk 02 - Personas UCLA Extension | User Experience 1

Zohan

IF YOU WANT TO REACH THEM- Need to be able to make reservations fast.- Have options for different levels of campouts (family, expert, off the beat and path). I want to know I won’t be camping near obnoxious city slickers.- Pictures, details and occupancy info of site helps make the best decision fast.- Simple options for his family.

- Cool historical pictures and facts about sites, parks and forest to lure him in.- Needs to be attractive and easy to make reservation on mobile.- Cost friendly, special discounts and deals (Free Starbucks, hike tour guide).- He needs to be motivated and lured out, to turn camping into a helpful habit of his.

- Family friendly options, must be able to find kid friendly hikes and creeks to play in.- Deals on Groupon. Ads on the mommy blogs she follows.- Great reviews and recommendations from other moms.- Focus on the family. Offer outdoor education, training, and exploring for kids.- She wants to find a community of moms and kids like her to play in the outdoors together.

Page 11: Roman_Wood_UCLAx_UX1_Project 2014

Paloma Sandy

Roman Wood - Wk 02 - Experience TREES UCLA Extension | User Experience 1

Zohan“Organic outdoor mom” “Silicon Beach Bum” “A no bullshit Zen Hipster Musician”

Experience

Senerio/Device

Situation

Task

Feature

Task Flow PriorityPrimary

Secondary

Task Flow PriorityPrimary

Secondary

Task Flow PriorityPrimary

Secondary

Laptop/Desktop

Get the family connected to nature

Mobile Go and Visit

Home

Search EnginesWord of Mouth

Mom Blogs YelpParent Magazine

Gov. Forest sitesCamping Store E-mail-a-friend

Other working momsSMS

InstagramPinterest

Find and compare campsite Review and Share

Work Public

Laptop/Desktop

Get motivated and refreshed

Mobile Go and Visit

Home

Search EnginesWord of Mouth

Google MapsCall Park Office

Visit REI info desk E-mail-a-friendGoogle+

Work Buddies TwitterWhatsApp

Find a camp Review, Share and do it again

Work Public

Laptop/Desktop

Unplug from the Matrix, return as a music jedi

Mobile Go and Visit

Home

Search EnginesWord of Mouth Camping

Book & MagGov. Forest site

Affiliate SitesCamping Store E-mail-a-friend

FacebookStudio Buddies

Twitter

Instagram

Review and Share

Work Public

Find and compare campsite

Page 12: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 03 - USE CASE: Making a reservation UCLA Extension | User Experience 1

Zohan

USE CASE: Making a reservation

MAIN MENU

Back Button

Loginor

Search

Login Search Choosedates &

location or nearby, # of occupants

Choose from list of

campsites

Click to reserve

Click to confirm

payment

ReservationConfirmation

Back Button Back Button Back Button Cancel Button

Page 13: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 03 - USE CASE: Making a reservation UCLA Extension | User Experience 1

USE CASE: Making a reservation

Sandy

MAIN MENU

Back Button

Loginor

Search

Login Local group dealsor Search

Chooseavailabledates & #

of occupants

ChooseGroup

Camping Deal

Click to reserve

Click to confirm

payment

ReservationConfirmation

Back Button Back Button Back Button Cancel Button

Page 14: Roman_Wood_UCLAx_UX1_Project 2014

Paloma

Roman Wood - Wk 03 - USE CASE: Making a reservation UCLA Extension | User Experience 1

USE CASE: Making a reservation

MAIN MENU

Back Button

Loginor

Search

Login Specialfamilydeals

or Search

Chooseavailabledates & #

of occupants

Choosefamilydeal

Click to reserve

Click to confirm

payment

ReservationConfirmation

Back Button Back Button Back Button Cancel Button

Page 15: Roman_Wood_UCLAx_UX1_Project 2014

Paloma

Sandy

Roman Wood - Wk 03 - Critical Task UCLA Extension | User Experience 1

Zohan

Critical task- Needs to be able to move through the reservation process quickly.- Needs to have a variety of options. He prefers expert, off the beat and path sites, far from people.- Needs to see pictures, occupancy info, pack recommendations and weather warnings.

- Provide a quick and simple reservation and payment process. Choose dates > Choose camp > Reserve.- Provide options based on users request. Suggest options based on users profile data and previous reservations.- Provide clear and beautiful pictures and videos. Occupancy, area and pack info and recommendations, along with weather, fire and animal warnings.

USER CRITICAL TASK

BUSINESS CRITICAL TASK

- Needs to be lured in with cost friendly camping trips, easy how to camp instructions, and group adventure deals.- He needs cool historical facts about the forest and campgrounds if any.- He needs to be able to feel secure about making reservations and payments on his through his mobile phone.

- Provide group adventure deals, discount specials, easy ‘How to camp’ information, hiking and cave tours.- Provide interesting historical facts and information about the forest and sites.- Provide a quick and simple reservation and payment process. Choose dates > Choose camp > Reserve. Provide secure methods for payment info and users identity for desktop and mobile.

USER CRITICAL TASK

BUSINESS CRITICAL TASK

- Needs outdoor, educational activities for her kids first and then also family activities for the whole family.- She wants to find a campground that is safe for her kids.- She needs to see that other moms are using and recommending the same campgounds and activites. She wants pictures and reviews.

- Provide family adventure deals, along with a variety of activities for kids of all ages.- Show how outdoors education can benefit her in ways she may not already be aware of. - Provide information on camp safety for campers and what the park rangers do to ensure the safety of the campers.- Provide attractive pictures and reviews of campgrounds and actitivies. Provide reviews and discussion about camping experience from other parents.

USER CRITICAL TASK

BUSINESS CRITICAL TASK

Page 16: Roman_Wood_UCLAx_UX1_Project 2014

Paloma

Sandy

Roman Wood - Wk 03 - USER SCENARIOS UCLA Extension | User Experience 1

Zohan

USER SCENARIOS- Needs to be able to move through the reservation process quickly.- Needs to have a variety of options. He prefers expert, off the beat and path sites, far from people.- Needs to see pictures, occupancy info, pack recommendations and weather warnings.

Zohan just finishes up an exhausting three week studio project. As the clock ticks down, all he can think about is going camping. He searches on his mobile and finds the website. He enters his critieria on the site and finds pictures of some amazing camp sites. It’s expert level, requires a 4x4 truck to reach it, it’s two hour drive and then a two hour hike, secluded, near a creak, but has weather warnings for the area. He learns how he needs to prepare and is offered to book the site. He’s so excited that he could find something so easily. He then tells his buddies all about it.

USER CRITICAL TASK

USER SCENARIO

- Needs to be lured in with cost friendly camping trips, easy how to camp instructions and group adventure deals.- He needs cool historical facts about the forest and campgrounds if any.- He needs to be able to feel secure about making reservations and payments through his mobile phone.

Sandy and his co-workers wanted to go out on a little adventure. They usually take turns picking out a outing and this time it’s Sandy’s turn. He Goggles fun and interesting group outings and finds a recommendation for a campground near a natural hot spring. It also provides a tour guide of some caves. He sees there is a special going on for the next two days. He shares this with his co-workers by clicking on a share button and they absolutley love it. He finds the dates he needs and is offered to pay securely though Paypal.

USER CRITICAL TASK

USER SCENARIO

- Needs outdoor, educational activities for her kids first and then also family activities for the whole family.- She wants to find a campground that is safe for her kids.- She needs to see that other moms are using and recommending the same campgounds and activites. She wants pictures and reviews.

Friday Paloma picks up her kid from daycare after a very long day at work and also a very busy week. Her little girl seems restless and needs to get out. Paloma ran across an ad on her one of her mom blogs about outdoor summertime activites for toddlers. She clicks it and sees there is a deal for a family camp site that includes horse rides and small lake beach nearby. Shes notices that 20 other familes have signed up with kids her own kids age. Pictures of kids playing are shown. She rushes to call her husband and talk about buying a package for next weekend.

USER CRITICAL TASK

USER SCENARIO

Page 17: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 03 - Card Sorting UCLA Extension | User Experience 1

Card sorting: Original Primary nav. Card sorting: Resorted by Alaina. MPlan Your Trip

Where:

Intersted in:

Faculty type

Federal

State

County

Private

Availability

Book It

Camping Guide

Things to do near you

Hunting & Fishing

License

Hunting & Fishing

License

State

Season Bag Limit

Harvest Reporting

Boat Registration

Boat Registration

Help

Content

Index

Search

Favorites

Campground Marina

Search

Reservations

Reservations

Site Availability

Becoming a

Member

Becoming a

Member

My Reservations &

Account

Existing Customers

New Customers

Existing Customers

New Customers

Plan Your Trip

Where:

Intersted in:

Site Availability

Harvest Reporting

Season Bag Limit

State

State

County

Federal

Private

Faculty type

Favorites

Index

Content

Help Things to do near you

Camping Guide

Book It

Search

Campground Marina

Search

My Reservations &

Account

Availability

Page 18: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 04 - Bubble Map UCLA Extension | User Experience 1

Plan Your Trip

Hunting and

Fishing License

Help

Sign In

My Account

Camping

Guide

Reserve America

Home Page

Where?

Interested In

Skill Level Dates Flexibility Sign In / Sign Up

State

Member

Services

Frequently

asked

questions

Glossary

Search

Live Chat

with Rep.

Download

App

Sign In / Sign Up

My Reservations

8SGDWH�3URȽOHMy Interest

Winter Spring Summer Fall

My License

and PassesMy Equipment

My Reviews

and Photos

Zipcode

Forest

Drive

Time Camping

LodgingDay Use

/ Picnic

FishingHunting

Family

Friendly

'LȿFXOW\1-10

Facebook

Twitter

Google+

Beach

Desert

Your

Location

Forest

Mountain

Beach

Desert

Your

Location

Forest

Mountain

Beach

Desert

Your

Location

Forest

Mountain

Beach

Desert

Your

Location

Forest

Mountain

Type of

CampingType of

Terrain

Skill LevelAmenities

Fishing

Hunting

Boating

Boats

Hunting

Gear

Fishing &

Hunting

Gear

Location

Photos

Fire

Download

appInstagram

Page 19: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 04 - Mind Map UCLA Extension | User Experience 1

Page 20: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 05 - SITE MAP UCLA Extension | User Experience 1

Current “Reserve America” SITE MAP

0.1

HOME

1

Plan Your Trip

3

Hunting & FishingLicense

3.1

Choose State

3.2

Download App

4

Help

5

My Reservations& Account

5.1

AccountOverview

5.1.2

CurrentReservations

5.1.3

DiscountPasses

5.1.4

Pre-Registration

5.1.5

RedeemableVouchers

5.1.6

AvailabilityNotifications

5.1.7

EquipmentManagment

5.1.8

Update Profile

5.1.9

Update CampingClub Profile

5.1.10

Update E-Mail

5.1.11

Past Reservations

4.1

Contents

4.2

Index

4.3

Search

4.4

Favorites

2

Camping Guide

2.1

www.Active.com/Outdoors/Camping

0.3

Contact Us

0.4

About Us

0.5

Our Partners

0.6

Copyright Policy

0.7

Your Privacy

0.8

Terms of Use

0.9

Cookie Policy

0.10

My Account

0.2

SIGN INFACEBOOK/TWITTER

HEADER

PRIMARY NAV

FOOTER

1.1.1

Where?Interested In?

1.1.2

List

1.1.3

Description

1.1.4

CheckAvailability

1.1.5

Dates

1.1.6

Campsite

1.1.7

Book These Dates

1.1.8

Sign In

1.1.9

Order Details

1.1.10

ReviewChart

1.1.11

Checkout

1.1.12

Confirmation

Page 21: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 05 - SITE MAP UCLA Extension | User Experience 1

My Redesigned “Reserve America” SITE MAP

0.1

HOME

1

Plan Your Trip

3

Hunting & FishingLicense

3.1

Choose State

3.2

Download App

4

Help

5

My Reservations& Account

5.1

AccountOverview

5.1.2

CurrentReservations

5.1.3

DiscountPasses

5.1.4

Pre-Registration

5.1.5

RedeemableVouchers

5.1.6

AvailabilityNotifications

5.1.7

EquipmentManagment

5.1.8

Update Profile

5.1.9

Update CampingClub Profile

5.1.10

Update E-Mail

5.1.11

Past Reservations

4.1

Contents

4.2

Index

4.3

Search

4.4

Favorites

2

Camping Guide

2.1

www.Active.com/Outdoors/Camping

0.3

Contact Us

0.4

About Us

0.5

Our Partners

0.6

Policies, Privacy& Terms

0.6

Copyright Policy

0.7

Your Privacy

0.8

Terms of Use

0.9

Cookie Policy

0.10

My Account

0.2

SIGN INFACEBOOK/TWITTER

HEADER FOOTER

1.1.1

Where?Interested In?

1.1.2

List

1.1.3

Description

1.1.4

CheckAvailability

1.1.5

Dates

1.1.6

Campsite

1.1.7

Book These Dates

1.1.8

Sign In

1.1.9

Order Details

1.1.10

ReviewChart

1.1.11

Checkout

Confirmation

Page 22: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 06 - SKetching UCLA Extension | User Experience 1

SKETCH 1

Sketch #1I chose to have a top bar navigation for this one.

The Pros: Most commonly used type of navbar now. It uses less room than a sidebar nav.

The Cons: Drop down menus can drop down over other objects in site, not sure if that’s a con, since most do that as well.

Entry Point for Personas:

1. Paloma - First thing she would see would be the “Find Camping” box. It would be easy to access and she would then continue on to the next pages to find family friendly camping. There should be something that draws in parents who are looking for family camping. Also next to the Find Camping box would be the auto-populated photo collage from site users, this could possibly present pictures of family outdoor activities, but couldn't guarantee.

2. Sandy - His eye would be drawn to the Special Deals box in the carousel, also the photo collage box would present a variety of photos including group camping and outdoors activities.

3. Zohan - He would go straight to the Find Camping and start his search. The photo collage could also provide a glimpse of a site that would peak his interest as well.

Page 23: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 06 - SKetching UCLA Extension | User Experience 1

SKETCH 2

Sketch #2I chose to have a top bar navigation for this one too.

The Pros: Most commonly used type of navbar now. It uses less room than a sidebar nav.

The Cons: Drop down menus can drop down over other objects in site, not sure if that’s a con, since most do that as well.

Entry Point for Personas:

1. Paloma - This version is very similar to sketch #1. For Poloma it still has the same issues of not showing family activities on the homepage to draw her in. What I could do is dedicate a box in the carousel to family friendly activities.

2. Sandy - The find camping box is larger than #1, also the sign up/become member area is very visible to the right of Find Camping. I would accept Google+ and Instagram along with the Facebook and Twitter to create and login to account.

3. The easy Sign In/Sign Up via social networks, primarily Instagram is great for Zohan, since this is his favorite social network to use. Also the enlarged Find Camping area cuts to the chase and allows him to go straight to searching for a camp site. The photo collage is at the bottom right, more so out of his direct site, which is a con. Zohan really likes to see photos of sites.

Page 24: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 06 - SKetching UCLA Extension | User Experience 1

SKETCH 3

Sketch #3I chose a left sidebar navigation for this one.

The Pros: Menu titles are more easily seen, being a bit larger, and the the nav bar taking up more room that a top nav bar. Below the nav allows room for ads, social network icons and secondary things.

The Cons: It does take up more room, which can seem to cramp other spaces. Also side bar navs seem to be less popular now days. Also all of the other boxes are moved up to the top and this can seem a bit odd, being that most sites have a top navigation, or a clear area for a header. The login is placed up above in the header, but I wonder if it would be overlooked easily if in a smaller space.

Entry Point for Personas:

1. Paloma - My thoughts are that a sidebar nav would be more friendly because the navigation is easily discernible. Another good thing is with less room you have to simplify what is going to take up the space in the site. I’m still stuck with Paloma not having something visible to draw her in other than the picture collage.

2. Sandy - There is a camping guide area which I think would be a great starting point along with a Specials/Discount area. The guide would give Sandy a heads up on how to prepare for his camping trip. The login is smaller, which also would host the other social networks used to become a member quicker. But for Sandy this would be a con. The side nav is bigger which could encourage him to try searching for the site, instead of looking for specials first. Although specials and discounts are what he is primarily looking for.

3. Zohan - The bigger nav area is great for Zohan, his eyes will be drawn to the Find Camp area and also the photo collage that is hosted at the mid top of homepage. I am getting the feeling that most of my sketches fit Zohan more than the rest of my personas.

Page 25: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 07 - High Fidelity Wireframes UCLA Extension | User Experience 1

High Fidelity WIREFRAMES

SOCIAL NETWORKS

BECOME A MEMBER

FIND CAMPING

LOGIN

Ads

BLOG

BLOG

DOWNLOADAD

FeaturedCampsite

LOGO

PHOTO COLLAGE

PLan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

Contact Us About Us Policies, Privacy & Terms My Account

Page 26: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 07 - High Fidelity Wire-frames - Annotated UCLA Extension | User Experience 1

High Fidelity WIRE-FRAME - HOMEPAGEANNOTATION

SOCIAL NETWORKS

BECOME A MEMBER

FIND CAMPING

LOGIN

Ads

BLOG

BLOG

DOWNLOADApp

FeaturedCampsite

LOGO

PHOTO COLLAGE

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

Contact Us About Us Policies, Privacy & Terms My Account

LOGO1Click to return to home page.

Top Menu Nav2Main nav, click a tab to take you to desired page.

LOGIN3Click to login to your account. When clicked a sub window appears mid screen to type login, password and remember login check box. Also you can sign in via Facebook, Twitter, Google+, Instagram.

1

2

3

4 5

6

7

8

910 11 12

13 14

15

FIND CAMPING 4Camp site search begins here with first choosing:- Where? (Zip, city, state)- Interested In (Camping, Day Use, Fishing, Hunting)- Skill Level (Easy, Kid friendly, Intermediate, Off Beat and path, Survivalist). Then click “Find Camping” to find results on Plan Your Trip page, choose dates, see availability, reserve or sign up for notification when available if already taken.

Search site5Use this to search the site content, ask questions, help, about us, policies, privacy and terms, browse blogs, photos, campsite info, hunting and fishing info, etc.

BECOME A MEMBER6Clicking here will bring them to a new member sign up page. This Become a Member would also be visible and available on the sub window login box, below input boxes. They can sign up via email, Facebook, Twitter, Google+, or Instagram.

Social Networks7Shows social network icons, and RSS feed links. These networks will also appear on blogs, campsite pages, but they are Like and Share buttons only there.

Newsletter sign up8Here you can enter your email address to sign up for the newsletter.

GALLERY VIEWER9This gallery viewer would shows, ads, the hunting and fishing app ad, featured campsites and other appealing and popular content relevant to the site.

Ads10Ads relevant to the site, camping, outdoors products, magazines, etc.

Hunting and fishing app11Here you could click to download and learn more about the Hunting and Fishing App.

Featured camping12Here we would feature campsites, campgrounds, state parks, and outdoors activities.

BLOG13This area would host the sites blog feed, showing 2-3 of the most recent blogs.

Photo Collage14Here a auto populated photo collage would show pictures that members would upload. Also photos via Instagram that are hash-tagged would be generated into the collage. There would be some filtering to make sure photos are appropriate. Seeing actual photos of users/campers would be far more appealing than stock photos.

Footer15Footer bar would hold:- Contact Us- About Us- Policies, Privacy & Terms- My Account (a secondary entry point for the users account).

WHERE? Zip, city or state

Interested In

Skill level

LOGO

LOGIN

SIGN IN

SIGN UP

Username

Password

Not a member?

Page 27: Roman_Wood_UCLAx_UX1_Project 2014

LOGINLOGO

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

WHERE? Interest DIFFICULTY CAMPSITES

9

BREADCRUMBS2Shows campsite search process. User can click a breadcrumb to edit search.

TOP MENU NAV1Top nav menu tab is highlighted when clicked to page.

DISTANCE FILTER3Click distance to filter campsite that are within the desired distance of chosen area.

Keyword search filter4Use to filter campsites that share the keywords you search for.

Campsite results and picture5Campsites will populate with each having their own picture.

Campsite NAMe AND SHORT DESCRIPTION6Here the campsite name and a short description of the site will be.

CLICK TO VIEW CAMPSITE PAGE7By clicking this the current screen will slide to the left and the full detailed campsite page will slide in the from right.

Infinite scroll8This arrow indicates there are more results to show. As user scrolls down campsite will appear. We will use a infinite scroll down feature. When the arrow disappears then there is no more results to be shown.

Breadcrumbs9Shows campsite search process. User can click a breadcrumb to edit search.

Back button10When the back button is clicked the results screen will slide back over from left to right back into main screen area.

MAP11This map will show where exactly this campsite is located. We will use Google Maps where we can see the map in either standard map, terrain or earth.

VIDEO12This area will be videos and images uploaded by Reserve America and also populated and brought in by users using the special hashtag we assign to this site.

VIDEO13This area will be videos and images uploaded by Reserve America and also populated and brought in by users using the special hashtag we assign to this site.

INFO TAB14Basic info such as site description, history, interesting facts, local species, warnings, scenic views, weather, road conditions, etc.

COST AND FEES TAB15This tab shows all the cost and fees, along with terms and conditions.

RULES TAB16This tab shows the rules and regulations for the campgrounds.

REVIEWS TAB17This tabs shows reviews a nd ratings from previous campers.

Preparation TIPS TAB18This tabs shows preparation tips for this particular campsite. It would tell you what is needed, recommended and lightly suggested, ranging from camping gear, food and water, and vehicle for reaching campsite (4x4, etc).

Content related to tab19Here the content area that relates to the selected tab.

CHECK AVAILABILITY BUTTON20Click here to be taken to the Dates page where a calendar with all available and already booked dates are displayed.

SHARE BUTTON21Click here and a sub screen appears where you share this particular campsite with friends and family via social networks, email or SMS.

Roman Wood - Wk 07 - High Fidelity Wire-frames - Annotated UCLA Extension | User Experience 1

High Fidelity WIRE-FRAME - PLAN YOUR TRIP

ANNOTATION

LOGINLOGO

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

Contact Us About Us Policies, Privacy & Terms My Account Contact Us About Us Policies, Privacy & Terms My Account

15

25m 50m 100m 250m

HOW FAR ARE YOU WILLING TO TRAVEL OUTSIDE Desired area? SEARCH KEYWORDS

WHERE? Interest DIFFICULTY CAMPSITES

VIEW

CHECK AVAILABILITY

MORE

Info COST & FEES Rules Reviews Prep Tips

SHARE

BACK

VIEW

VIEW

VIEW

VIEW

VIEW

CAMPSITE NAME

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

1

2

3

5

8

6 7

10 11 12 13

1

14 15 16 17 18

19

20 21

Lakes, trails, birds, etc...

4

TO: [email protected] OR Phone#

FROM: [email protected]

SEND

SHARE this campsite

Page 28: Roman_Wood_UCLAx_UX1_Project 2014

Choose dates:2

LOGINLOGO

LOGO

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

Contact Us About Us Policies, Privacy & Terms My Account

15

WHERE? Interest DIFFICULTY CAMPSITES DATES

Roman Wood - Wk 07 - High Fidelity Wire-frames - Annotated UCLA Extension | User Experience 1

High Fidelity WIRE-FRAME - CHOOSE DATES

ANNOTATIONBREADCRUMBS1The breadcrumbs extend the more user goes into page.

CHOOSE DATES Title2The title of the page will show.

Month nav button - Back3Click to navigate through the months.

MONTH NAV BUTTON - FORWARD 4Click to navigate through the months.

Calender Day Box - Grey5The grey box means this is of the previous month. Unavailable.

Calender Day Box - WHITE6The white box means this is the current month and this date is available to be booked.

Calender Day Box - WHITE CHECKed7The white box can be clicked to select available dates for user to reserve. When selected a check mart appears in the box.

Calender Day Box - Black X8The black box with a X means that this particular day is not available and has already been reserved.

NEXT STEP ARROW9After dates are selected this arrow will begin to pulse and when clicked the screen will roll down to Order details page which leads to the checkout. If the user has not signed in or signed up, they will be asked to do so within a pop up window that will appear mid screen.

AUGUSTSUN MON TUE WED THU FRI Sat

NEXT

1

5

7

8

6

9

3 4

LOGIN

SIGN IN

SIGN UP

Username

Password

Not a member?

Page 29: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 09 - Dynamic landing Page Template UCLA Extension | User Experience 1

DYNAMIC Landing page template

HEADER

PRIMARY NAV

FOOTER

BOX 1 BOX 2

MARQUEE

Page 30: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 09 - Dynamic landing Page Template UCLA Extension | User Experience 1

DYNAMIC Landing page template - MARQUEE

PERSONA: PALOMA

PERSONA: SANDY

PERSONA: ZOHAN

CTA

GroupSPEcialGroup SPEcial

GroupSPEcial

GroupSPEcial

GroupSPEcial

FAMILY ACTIVITIES

CTA LEARN MORE

FAMILY ACTIVITIES

ADVENTURES

CTA

- Audience is mainly moms.- Variety of family outdoor activities.- Show videos and images of activities.- Also easy enough for kids to click through and watch.- Need to capture their attention with big videos, images and clear CTA. Easy enough for child to engage.

- Focus is on singles.- A list of group deal specials are clearly seen.- Short detail about the trip and it's current specials.- Videos and large CTA button.

- Large images of outdoors adventures.- Large and clear CTA.- Browse through outdoor adventures and see reviews at same time.- Present more difficult outdoor adventures.

Page 31: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 09 - Dynamic landing Page Template UCLA Extension | User Experience 1

DYNAMIC Landing page template - BOX 1

PERSONA: PALOMA PERSONA: SANDY PERSONA: ZOHAN

CTA

LEARN MORECTA

50% off EXTREME OUTDOORSSOUTHERN CALIFORNIA

SELECTED TRIPS

- Outdoor family activity videos, selling the event.- CTA appears at end of video.

- Slide show of coupons and group deals.- Clear and large CTA.

- Learn more about extreme outdoor adventures near you.

Page 32: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 10 - PROTOTYPing UCLA Extension | User Experience 1

PROTOTYPing

SOCIAL NETWORKS

BECOME A MEMBER

FIND CAMPING

LOGIN

Ads

BLOG

BLOG

DOWNLOADApp

FeaturedCampsite

LOGO

PHOTO COLLAGE

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

Contact Us About Us Policies, Privacy & Terms My Account

WHERE? Zip, city or state

Interested In

Skill level

LOGO

LOGIN

SIGN IN

SIGN UP

Username

Password

Not a member?

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

Contact Us About Us Policies, Privacy & Terms My Account

15

SEARCH KEYWORDS

WHERE? Interest DIFFICULTY CAMPSITES

VIEW

VIEW

VIEW

VIEW

VIEW

VIEW

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

CAMPSITE NAME

SHORT DESCRIPTION

Lakes, trails, birds, etc...

HOW FAR ARE YOU WILLING TO TRAVEL OUTSIDE Desired area?25m 50m 100m 250m

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

WHERE? Interest DIFFICULTY CAMPSITES

Contact Us About Us Policies, Privacy & Terms My Account

CHECK AVAILABILITY

MORE

Info COST & FEES Rules Reviews Prep Tips

SHARE

BACK

CAMPSITE NAME

TO: [email protected] OR Phone#

FROM: [email protected]

SEND

SHARE this campsite

Choose dates:

Plan your trip Camping Guide Hunting & Fishing License HELP My reservations & Account

Contact Us About Us Policies, Privacy & Terms My Account

15

WHERE? Interest DIFFICULTY CAMPSITES DATES

AUGUSTSUN MON TUE WED THU FRI Sat

NEXT

LOGO

LOGIN

SIGN IN

SIGN UP

Username

Password

Not a member?

LOGO

LOGIN

SIGN IN

SIGN UP

Username

Password

Not a member?

Page 33: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

Test Plan Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

Test Plan 1) Usability Testing OverviewWe will explore the process of moving through the early reservation stages on the interactive PDF prototype of the redesigned Reserve America website. We will look for any problems in thedesign flow, page hierarchy, and language. We will explore the questions and solutions from thetest users and also confirm and challenge the critiques.

2) MethodologyThe subjects will perform a series of task on the interactive PDF prototype. The subjects will allreceive the same list and order of tasks. We will test one person at a time. The researcher willcall out the task to the subject, while standing by to observe and note the subjects attempt tocomplete the task. The researcher will also note questions, concerns, answers and thoughts onthe reservation process.

The focus areas is the “Reservation” process, “Login/My Account” prompt and “Share” feature.We will use the point system explained below: 0 Points – Task not completed successfully. 1 Point – Task completed, but with difficulty or false starts. 2 Points – Task completed successfully.

3) Critical TaskA) Business Critical Goals: i) To move the user through the reservation and checkout process quickly and smoothly, while still providing the important information and content needed for user to complete their task.

ii) Share campsite with friends and family via social networks, email and text message.

B) User Critical Goals: i) User should be able to find a campsite location, explore it and choose dates to reserve without any confusion.

ii) User should be able to login or signup for membership via social network or email through the login prompt.

iii) User should be able to close prompts easily and return to screen.

iv) Share campsite with friends and family via social networks, email and text message.

Page 34: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

4) Key Points a) Obtaining truly representative participants (See separate persona document) b) Include both performance and preference testing c) Collect qualitative data ("thinking aloud"). While thinking aloud, participants vocalize their thoughts and impressions as they perform tasks d) Collect quantitative data by recording participants' successes and errors using the site.

5) SummaryThe test will focus on how easy it was for the user to complete the task at hand. We will be moni-toring if there was any confusion with he language or organization of the site, and we will be recording any thoughts and recommendations from the users.

Performance Testing ProtocolOrientation:Hello my name is Roman and I am working on a prominent campsite booking website to helpimprove the user experience of the campsite information page and the reservation andcheckout process. I would like to view how you interact with this site, and complete a short list of tasks.

During this session, I will read to you a short list of tasks, and ask you to complete them if you yourself were looking for a campsite to reserve for you and your friends. If you run across anything that does not work, that is OK. This is a usability test and there are no right or wrong answers. You are here to help us become aware of the problems people may experience while on the website.

As you are working through each task, please feel free to think aloud and share with us yourthoughts, concerns, frustrations and recommendations. Also, as you work through the prototype, It would be helpful if you can talk through the decisions you are making as you are completing each task. Again, this is not a test and there are no right or wrong answers, we would just like to see how user friendly the website is.

Do you have any questions before we begin?

Page 35: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

Comments RatingComments/Usability Problems

This is a campsite reservation website, at first glance please describe to me everything you are looking at. What are your thoughts? What are you lookingfor? What is not clear?

Please attempt to login to your account (assuming you already have one). Then close the login prompt and return to homepage.

Find a campsite to reserve on this site.

Select a campsite, and then return to the main list to select another campsite.

Return to Homepage.

Select a campsite and then “Share” the campsite with friends. After you have "shared" the campsite, close the prompt, and return to the main page.

Check the availability of a campsite, and then return to the main campsite page.

Access your account via the footer navigation bar and header navigation bar.

Post-Test QuestionnairePart I: Understanding the process1. Overall, understanding the process of reserving a campsite was:Very easy to learn 5 4 3 2 1 Very difficult to learn

2. Please rate how your experience on the task mentioned below?Attempting to Login via top main navigation bar, and closing the prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

3. Searching for campsites, starting at Homepage:Very easy to learn 5 4 3 2 1 Very difficult to learn

Page 36: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

4. Select a campsite and return to campsites list:Very easy to learn 5 4 3 2 1 Very difficult to learn

5. Sharing and closing sharing prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

6. Check availability of campsite:Very easy to learn 5 4 3 2 1 Very difficult to learn

7. Returning to Homepage from any page:Very easy to learn 5 4 3 2 1 Very difficult to learn

8. Access your account through footer navigation bar and header navigation bar:Very easy to learn 5 4 3 2 1 Very difficult to learn

9. Were the titles and symbols of the buttons and navigation bar clear and easy to understand?Very easy to learn 5 4 3 2 1 Very difficult to learn

What are your thoughts regarding the language and symbols?

Usability Testing ProtocolGeneral CommentsIn the boxes below please feel free to share any of your thoughts and comments. We really value your input, so whatever comes to mind about please share. Thank you so much!

Is there anything you would change?

Do you have any questions about anything that you’ve done duringtoday’s session?

Page 37: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 11 - Screener UCLA Extension | User Experience 1

ScreenerWhat:Hello my name is Roman, and I am working on a prominent campsite booking website to help improve the user experience of primarily the campsite information page and the reservation and checkout process. I need your help to see how difficult or easy it is to complete a short list of task.

You will be seated in front of a computer with the prototype PDF opened. During this session I will read to you a few task and ask you to complete them as if you yourself were looking for a campsite to reserve for you and your friends. If you run across anything that does not work, that is OK. This is a usability test and there are no right or wrong answers. You are here to help us become aware of the problems people may experience while on the website.

As you are working through each task, please feel free to think aloud and share with us your thoughts, concerns, frustrations and recommendations. Also as you work through the prototype it would be very helpful if you talk us through the process of making a reservation. Explain to us what you think you are doing and what you are hoping to do.

Compensation: Each subject who completes the testing will receive a chilled six pack of Old Rasputin Imperial Stout from North Coast Brewing Company.

When:Sunday, September 7th, 20147:30pm to 8:30pm

Where:The Setay Offices847 Reynolds Ave., Oakville, ON, Canada L6J 3L7

Subject Selection Parameters:Total Number of Participants Needed: 3-4

Age: Equal mix of 24-45s

Gender: Equal mix male & female

Relationship Status: Single or in a relationship

Kids:1/2 should have at least one child under the age of 12. 1/2 no kids.

How often do they seek outdoor activities: They should go or seek to go for hikes or camping at least once a month. Location: Subjects should live in either the U.S. or Canada

Important Notes: Subjects should not work for, or have spouses/close family working for ReserveAmerica.com

Page 38: Roman_Wood_UCLAx_UX1_Project 2014

Persona: PALOMA

Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

Comments RatingComments/Usability Problems

This is a campsite reservation website, at first glance please describe to me everything you are looking at. What are your thoughts? What are you lookingfor? What is not clear?

1Thinks photo collage should be up top more on homepage. Likes photos to be the first thing seen. v

Please attempt to login to your account (assuming you already have one). Then close the login prompt and return to homepage.

Find a campsite to reserve on this site.

Very clear.

Easy to navigate to campsite list.

Select a campsite, and then return to the main list to select another campsite.

Return to Homepage. 1

2

2

User tried to go back to homepage, but did not think to navigate back to homepage via the logo. This suggest I probably should place a homepage button on the top menu.

Simple to navigate.

Select a campsite and then “Share” the campsite with friends. After you have "shared" the campsite, close the prompt, and return to the main page.

2Simple to do.

Check the availability of a campsite, and then return to the main campsite page.

2

2

Clear.

Access your account via the footer navigation bar and header navigation bar.

2Easy to do.

Post-Test QuestionnairePart I: Understanding the process1. Overall, understanding the process of reserving a campsite was:Very easy to learn 5 4 3 2 1 Very difficult to learn

2. Please rate how your experience on the task mentioned below?Attempting to Login via top main navigation bar, and closing the prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

3. Searching for campsites, starting at Homepage:Very easy to learn 5 4 3 2 1 Very difficult to learn

4. Select a campsite and return to campsites list:Very easy to learn 5 4 3 2 1 Very difficult to learn

5. Sharing and closing sharing prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

6. Check availability of campsite:Very easy to learn 5 4 3 2 1 Very difficult to learn

7. Returning to Homepage from any page:Very easy to learn 5 4 3 2 1 Very difficult to learn

8. Access your account through footer navigation bar and header navigation bar:Very easy to learn 5 4 3 2 1 Very difficult to learn

9. Were the titles and symbols of the buttons and navigation bar clear and easy to understand?Very easy to learn 5 4 3 2 1 Very difficult to learn

What are your thoughts regarding the language and symbols?

Usability Testing ProtocolGeneral CommentsIn the boxes below please feel free to share any of your thoughts and comments. We really value your input, so whatever comes to mind about please share. Thank you so much!

Is there anything you would change?

Do you have any questions about anything that you’ve done during today’s session?

I would add some testimonials and reviews on the homepage. If I can read them right away, it would really help. I don’t want to spend time much time at all on the site looking for a campsite.

No.

Page 39: Roman_Wood_UCLAx_UX1_Project 2014

Persona: SANDY

Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

Comments RatingComments/Usability Problems

This is a campsite reservation website, at first glance please describe to me everything you are looking at. What are your thoughts? What are you lookingfor? What is not clear?

2Looks good, no questions.

Please attempt to login to your account (assuming you already have one). Then close the login prompt and return to homepage.

Find a campsite to reserve on this site.

Easy.

This is good, very clear.

Select a campsite, and then return to the main list to select another campsite.

Return to Homepage. 0

2

2

It was a little confusing, I did not know of a way to get back. You should have a Home button on the navigation.

Very easy.

Select a campsite and then “Share” the campsite with friends. After you have "shared" the campsite, close the prompt, and return to the main page.

2Good.

Check the availability of a campsite, and then return to the main campsite page.

2

2

No problem.

Access your account via the footer navigation bar and header navigation bar.

2Easy.

Post-Test QuestionnairePart I: Understanding the process1. Overall, understanding the process of reserving a campsite was:Very easy to learn 5 4 3 2 1 Very difficult to learn

2. Please rate how your experience on the task mentioned below?Attempting to Login via top main navigation bar, and closing the prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

3. Searching for campsites, starting at Homepage:Very easy to learn 5 4 3 2 1 Very difficult to learn

4. Select a campsite and return to campsites list:Very easy to learn 5 4 3 2 1 Very difficult to learn

5. Sharing and closing sharing prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

6. Check availability of campsite:Very easy to learn 5 4 3 2 1 Very difficult to learn

7. Returning to Homepage from any page:Very easy to learn 5 4 3 2 1 Very difficult to learn

8. Access your account through footer navigation bar and header navigation bar:Very easy to learn 5 4 3 2 1 Very difficult to learn

9. Were the titles and symbols of the buttons and navigation bar clear and easy to understand?Very easy to learn 5 4 3 2 1 Very difficult to learn

What are your thoughts regarding the language and symbols?

Usability Testing ProtocolGeneral CommentsIn the boxes below please feel free to share any of your thoughts and comments. We really value your input, so whatever comes to mind about please share. Thank you so much!

Is there anything you would change?

Do you have any questions about anything that you’ve done during today’s session?

I would only add Home to the top navigation bar.

Do I get a free 3 day camping reservation now? :-)

Page 40: Roman_Wood_UCLAx_UX1_Project 2014

Persona: ZOHAN

Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1Roman Wood - Wk 11 - Screener and Test Plan UCLA Extension | User Experience 1

Comments RatingComments/Usability Problems

This is a campsite reservation website, at first glance please describe to me everything you are looking at. What are your thoughts? What are you lookingfor? What is not clear?

2Very clear.

Please attempt to login to your account (assuming you already have one). Then close the login prompt and return to homepage.

Find a campsite to reserve on this site.

Very easy.

Campsites list looks a bit busy at first, but maybe it is only because I am looking at a wireframe without pictures. I think I would offer smaller list per page. Also the “How far are you willing to travel” box I would prefer it be on the homepage campsite search box instead on the campsites list page.

Select a campsite, and then return to the main list to select another campsite.

Return to Homepage. 2

2

2

Easy to do.

Very easy.

Select a campsite and then “Share” the campsite with friends. After you have "shared" the campsite, close the prompt, and return to the main page.

2Really easy to share.

Check the availability of a campsite, and then return to the main campsite page.

2

2

Easy to do.

Access your account via the footer navigation bar and header navigation bar.

2 It’s called different things. The footer is called My Account, and the header says My Reservation and Account. This could be confusing to people, but it’s not a game thrower for me. Still easy to navigate.

Post-Test QuestionnairePart I: Understanding the process1. Overall, understanding the process of reserving a campsite was:Very easy to learn 5 4 3 2 1 Very difficult to learn

2. Please rate how your experience on the task mentioned below?Attempting to Login via top main navigation bar, and closing the prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

3. Searching for campsites, starting at Homepage:Very easy to learn 5 4 3 2 1 Very difficult to learn

4. Select a campsite and return to campsites list:Very easy to learn 5 4 3 2 1 Very difficult to learn

5. Sharing and closing sharing prompt:Very easy to learn 5 4 3 2 1 Very difficult to learn

6. Check availability of campsite:Very easy to learn 5 4 3 2 1 Very difficult to learn

7. Returning to Homepage from any page:Very easy to learn 5 4 3 2 1 Very difficult to learn

8. Access your account through footer navigation bar and header navigation bar:Very easy to learn 5 4 3 2 1 Very difficult to learn

9. Were the titles and symbols of the buttons and navigation bar clear and easy to understand?Very easy to learn 5 4 3 2 1 Very difficult to learn

What are your thoughts regarding the language and symbols?

Usability Testing ProtocolGeneral CommentsIn the boxes below please feel free to share any of your thoughts and comments. We really value your input, so whatever comes to mind about please share. Thank you so much!

Is there anything you would change?

Do you have any questions about anything that you’ve done during today’s session?

No, it’s really good.

No.

Page 41: Roman_Wood_UCLAx_UX1_Project 2014

Roman Wood - Wk 11 - Test and results UCLA Extension | User Experience 1

RESULTS

Key Insights

General Comments

Critical Task Score: Legend

QUESTIONS POMELA SANDY ZOHAN TOTAL

FIrst glance thoughts? Is it clear what you are looking at? 2 2 2Login and close prompt. 2 2 2Find campsites. 2 2 2Select a campsite and return to campsites list, and repeat. 2 2 2Select campsite and then share. Close prompt. 2 2 2

Check availability. 2 2 2Return to homepage. 2 0 2Access account via footer and header navigation. 2 2 2

0 Points – Task not completed successfully.1 Point – Task completed, but with difficulty or false starts.2 Points – Task completed successfully.

66666646

- Each user was able to navigate through almost all the task without any confusion. 2 out of the 3 users had some hesitation when asked to navigate their way back to the homepage from where they were at. I noticed that they were looking for something in the menu that said “Home”. The top logo should serve as an additional button that returns you to the homepage. Both users suggested that I add “Home” to the top menu navigation.- The Post-Test Questionnaire responses indicated that it was very easy to navigate throught the website, except when it came to returning to homepage and navigating there via footer and header navigation bar.

- Most of the users said the prototype was very easy to use without any confusion. They did recommend that I add “Home” to the top navigation.

- Another user recommended that I add reviews to the home page and also make the photo collage module a more prominant peice on the homepage. Seeing photos of campsites and campers having fun was something that would make finding and booking a campsite through the website more likely.