SEAN BAXTERUser Experience Portfolio
v7.2
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
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.
Analyze the transportation needs of Interaction '11 attendees and come up with holistic design
concepts to address those needs.
Project Brief
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
PHASE 1 RECAP
“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
“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
“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
Contextual Inquiry Footage Full Scope Available: http://www.flickr.com/photos/52498914@N08/sets/
Process Documentation
Primary Persona
Secondary Persona
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
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.
HipChickStyle
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.
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.
Website Update
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.
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
allow donors to download financial information directly from website to highlight responsibility & accountability
css rounded buttons with boarders to highlight donation opportunities
create donation form with error and confirmation indications for user confidence
SEAN BAXTERUser Experience Portfolio