+ All Categories
Home > Design > Sean Baxter Experience Design

Sean Baxter Experience Design

Date post: 14-Jun-2015
Category:
Upload: smbcinema
View: 437 times
Download: 4 times
Share this document with a friend
Description:
Sean Baxter is a passionate experience designer out to make life better for all.
Popular Tags:
38
SEAN BAXTER User Experience Portfolio v7.2
Transcript
Page 1: Sean Baxter Experience Design

SEAN BAXTERUser Experience Portfolio

v7.2

Page 2: Sean Baxter Experience Design

TABLE OF CONTENTS

IXDA ‘ 11 page 3-15* Research and Insight

Hip Chick Style page 16-32* User Story and Wireframes

Family Learning Center page 33-37* Site Audit

Page 3: Sean Baxter Experience Design

6 team members tightly collaborated on the research, synthesis, and opportunity identification. A larger 18-member team continued the persona development and design ideation. I was 1 of the 6 and 18 team members.

Page 4: Sean Baxter Experience Design

Analyze the transportation needs of Interaction '11 attendees and come up with holistic design

concepts to address those needs.

Project Brief

Page 5: Sean Baxter Experience Design

BDW IxDA Methodology Summary

Targeted Users: Interaction 11 attendees

Documentation of group progress and process: Blog, Photos, Videos, and Audio recordings.

Phase 1: Research & Insights

Research Goal 1: Gather information about general travel and conference attendance.

Methods Used: • 5 question online Survey• Administered prior to live interview• Live Interview

Interviewee categories: • Past Interaction conference attendees• Attendees of other conferences• Frequent travelers (business people)• Individuals traveling to a city new to them

Insight Goal 1: Visualize the confines of the system Methods Used: • Concept Mapping• Temporal and Semantic zoom 0, +1 and -1 zoom

Page 6: Sean Baxter Experience Design

PHASE 1 RECAP

Page 7: Sean Baxter Experience Design

“In an airport its easier to navigate with signage and staff to guide/Q&A”

“Anyone coming from Latin America or South America will be looking for a physical person to talk to at the airport.”

Insight: Attendees want someone to speak to when

they arrive at the airport.

Research

Page 8: Sean Baxter Experience Design

“I disagree with the approach to spreading out the venues to get a sense of the town- it was nearly impossible for me to bump into the people I wanted to meet. Networking is a major aspect of attending conferences.”

Insight: Networking is a major focus for conference

attendees.

Research

Page 9: Sean Baxter Experience Design

“If I had known that the shuttle from DIA to Boulder was 45 minutes I would have been prepared for it.”

“When I travel to a new city for a conference I want an overall map of the conference area.”

Insight: When it comes to travel information is king.

Research

Page 10: Sean Baxter Experience Design

Contextual Inquiry Footage Full Scope Available: http://www.flickr.com/photos/52498914@N08/sets/

Page 11: Sean Baxter Experience Design

Process Documentation

Page 12: Sean Baxter Experience Design

Primary Persona

Page 13: Sean Baxter Experience Design

Secondary Persona

Page 14: Sean Baxter Experience Design

Website Pre-planning DIA Concierge Ride Share

X Marks the Spot

Pre-Conference Travel Conference

SOLUTIONS

I N T E R A C T I O N D E S I G N A S S O C I A T I O N

Shuttle tracking appAirport personal greeterRecommend download of appsDetails of helpful apps

Complete travel information

Wayfinding app

Page 15: Sean Baxter Experience Design

X Marks The Spot App Proposal .v1 Wireframe with Annotation

Annotation Table

Footnote Label Description

1 Dropdown bar Pull down menu shows history.

2 venue name & address

Venue name and address.

3 venue photo Venue photo helps user identify location.

4 Information area

Each venue provides drink specials or other benefits to Xmark users. Information varies depending on venue.

5 venue proximity

Shows name and address and distance of nearby this Xmark venues. Venues ranked by proximity.

6 Map Panel Map of current location. Double tap map to enlarge.

7 Large Pin Current Xmark venue.

8 Small Pins Xmark venues nearby.

Page 16: Sean Baxter Experience Design

HipChickStyle

Page 17: Sean Baxter Experience Design

Project BriefHip Chick Style is a website and mobile app for early teen

girls to exchange fashion ideas with their peers.

Requirements• Login / Registration• Wardrobe Designer• Runway Voting Platform• Contact / Feedback Form• About Us• FAQ

Methodology• Research desirability and viability of product.• Create user story.• Develop personas.• Wireframe solutions• Test via card sorting.

Page 18: Sean Baxter Experience Design

Hip Chick Style PersonaName: Vanessa

Age: 15

Location: Oakland, CA

Grade: Freshman High School

Parents: Single mom Upper middle class

Siblings: Older sister (19)

Interests: Shopping, Fashion, Dating, Acting

Music: Beyonce, Glee Cast, Lady Gaga, Ke$ha, Usher

Favorite Colors: 80’s neon colors, pink, lime green

Favorite Brands: American Eagle, Forever 21, Hollister,

Charlotte Russe.

Site Discovery: Friends (WOM), fB, myspace, teen mags.

Vanessa is 15 going on 25. With an older sister to show her the latest trends, Vanessa prefers things that are slightly older than her age. She loves being a trendsetter and always shares her new looks with her friends via Facebook.

Page 19: Sean Baxter Experience Design
Page 20: Sean Baxter Experience Design
Page 21: Sean Baxter Experience Design
Page 22: Sean Baxter Experience Design
Page 23: Sean Baxter Experience Design
Page 24: Sean Baxter Experience Design
Page 25: Sean Baxter Experience Design
Page 26: Sean Baxter Experience Design
Page 27: Sean Baxter Experience Design
Page 28: Sean Baxter Experience Design
Page 29: Sean Baxter Experience Design
Page 30: Sean Baxter Experience Design
Page 31: Sean Baxter Experience Design
Page 32: Sean Baxter Experience Design
Page 33: Sean Baxter Experience Design

Website Update

Page 34: Sean Baxter Experience Design

In 2011, The Family

Learning Center wanted to

update the look and feel of

their website to be an

information rich location

that encouraged donors to

respond with a gift.

Using this html mock up as

a template I rewrote the

code from scratch in

HTML5/CSS3 to ensure the

site felt modern and stayed

current with the latest

browsers.

Page 35: Sean Baxter Experience Design

add illustrated icons to nav to strengthen child education message and reinforce hyperlink

create more contrast in billboard to help segment page and highlight photos

css button rounding with borders to soften feel yet create pop

redesign billboard image gallery & add animated pop up description (vs. static)

redesign segment articles to decrease order of importance but maintain relevancy on the page

redesign footer to segment repeated information

address in footer to strengthen location visibility throughout site

NEW OLD

Page 36: Sean Baxter Experience Design

allow donors to download financial information directly from website to highlight responsibility & accountability

css rounded buttons with boarders to highlight donation opportunities

Page 37: Sean Baxter Experience Design

create donation form with error and confirmation indications for user confidence

Page 38: Sean Baxter Experience Design

SEAN BAXTERUser Experience Portfolio


Recommended