0
UXDI: STUDENT PROJECT #2
ALLISON MARIE COOPER
GENERAL ASSEMBLY STUDENT, WINTER 2013
ABOUT THE PROJECT
trueSpirit is an online school uniform shopping site for
students’ families. This wireframe features a s...
Meet Sarah:

“I just want to make
sure I’m buying the
right things.”
!
!

•
•
•

*courtesy of the UXDi instructional team;...
THE TRUESPIRIT BRAND
FRESH, NEW, MODERN, UPDATED
!

LIGHTHEARTED, OPEN
!

THERE WHEN YOU NEED US
!

UNLIKE TRADITIONAL
!

...
IT ALL STARTS WITH AN EMAIL…
PROTOTYPE DEMO
FEATURES INCLUDE:

?

•

subtle omnipresent help button

•

global navigation to make it clear when you’re viewing the sch...
METHOD: RESEARCH
& COMPETITIVE ANALYSIS
•

inspiration drawn from other uniform/family clothing/uniform
purchasing sites i...
METHOD: HYPOTHESIS/SITEMAPPING

•

discussions re primary categories:
fun? school spirit? boys/girls?

•

“About us” page ...
METHOD: DESIGN HYPOTHESIS 1

•

Feedback from classmates: “too
Amazon”

•

is the backend required for
customer reviews re...
METHOD: DESIGN HYPOTHESIS 2

•

User testing revealed this
iteration as still too heavy—
why extra side nav bar when
it’s ...
METHOD: DESIGN HYPOTHESIS 3
•

Borrowed elements from many
different e-commerce sites

•

Decision to focus on the most
im...
FUTURE RECOMMENDATIONS
•

Tablet version! — use touch
functionalities creatively for a
more tactical and browsingsupportin...
THANK YOU!
Allison Cooper
@allisonmcooper

•

External sources:
•
Home page image: http://www.fashion-today.co.uk/benefits-...
Upcoming SlideShare
Loading in...5
×

Allison UXDi project 2

846

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
846
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Allison UXDi project 2"

  1. 1. UXDI: STUDENT PROJECT #2 ALLISON MARIE COOPER GENERAL ASSEMBLY STUDENT, WINTER 2013
  2. 2. ABOUT THE PROJECT trueSpirit is an online school uniform shopping site for students’ families. This wireframe features a structure specialized for viewing specific inventories and saving student profiles, the ability to save favourites and purchase history, and get help easily. Unlike competitors, it has a backend for administrators to post personalized messages to their communities. Given user research, concept models, we were tasked with creating a full site wireframe for trueSpirit, a school uniform e-commerce company. *courtesy of the UXDi instructional team; not my work We used competitive analysis research and the given personas to construct an ideal user flow narrative for a parent purchasing a uniform for their child.
  3. 3. Meet Sarah: “I just want to make sure I’m buying the right things.” ! ! • • • *courtesy of the UXDi instructional team; not my work Provide clear way to find son’s required clothing. Educate about care, comfort and fit. Provide a clear way to make returns.
  4. 4. THE TRUESPIRIT BRAND FRESH, NEW, MODERN, UPDATED ! LIGHTHEARTED, OPEN ! THERE WHEN YOU NEED US ! UNLIKE TRADITIONAL ! RECOMMENDS ACCESSORIES ! APPEALING, FRIENDLY, CURATED ! NOT IN YOUR WAY, SERVICE, QUALITY ! COMMUNITY, SCHOLARSHIP PROGRAM *courtesy of the UXDi instructional team; not my work
  5. 5. IT ALL STARTS WITH AN EMAIL… PROTOTYPE DEMO
  6. 6. FEATURES INCLUDE: ? • subtle omnipresent help button • global navigation to make it clear when you’re viewing the schoolapproved inventory vs the global true spirit inventory • supportive brand language • minimalist as-simple-as-possible checkout and signup flows to reduce barrier to entry
  7. 7. METHOD: RESEARCH & COMPETITIVE ANALYSIS • inspiration drawn from other uniform/family clothing/uniform purchasing sites including Land’s End, Target; found similar patterns
  8. 8. METHOD: HYPOTHESIS/SITEMAPPING • discussions re primary categories: fun? school spirit? boys/girls? • “About us” page as separate site?
  9. 9. METHOD: DESIGN HYPOTHESIS 1 • Feedback from classmates: “too Amazon” • is the backend required for customer reviews really worth it? • removed this feature to be replaced by email feedback forms post-purchase
  10. 10. METHOD: DESIGN HYPOTHESIS 2 • User testing revealed this iteration as still too heavy— why extra side nav bar when it’s all on the top? • big design problem: when is the user viewing the full inventory vs just the schoolspecific items?
  11. 11. METHOD: DESIGN HYPOTHESIS 3 • Borrowed elements from many different e-commerce sites • Decision to focus on the most important user case: viewing inventory based on schoolspecific approved lists • Feedback for final iteration led to further simplification
  12. 12. FUTURE RECOMMENDATIONS • Tablet version! — use touch functionalities creatively for a more tactical and browsingsupporting environment • AB testing/further research re different options for top navigation clarity
  13. 13. THANK YOU! Allison Cooper @allisonmcooper • External sources: • Home page image: http://www.fashion-today.co.uk/benefits-ofschool-uniform/school_kids/ • Project briefs & personas: General Assemb.ly UXDi course, Dec. 2013 • Home page script font: Wisdom script,
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×