• Save
UXDi Sydney Project 2 Group Design Specification
Upcoming SlideShare
Loading in...5
×
 

UXDi Sydney Project 2 Group Design Specification

on

  • 180 views

This slide pack is the Design Specification that our group delivered for project 2 of the GA UXDi course, which includes artefacts from all group members. ...

This slide pack is the Design Specification that our group delivered for project 2 of the GA UXDi course, which includes artefacts from all group members.
This accompanies my individual case study for project 2.

Statistics

Views

Total Views
180
Views on SlideShare
137
Embed Views
43

Actions

Likes
1
Downloads
0
Comments
0

1 Embed 43

http://kathrynux.wordpress.com 43

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

UXDi Sydney Project 2 Group Design Specification UXDi Sydney Project 2 Group Design Specification Presentation Transcript

  • Design Specifications Prepared for: trueSpirit By: Cheryl Lee, John Hayward, Kathryn Sadler, Nicole Commander Last update: January 24, 2014 Student Project 2 - General Assembly UXDi Sydney January 2014
  • Site map 0.0 Home 1.0 Schools 2.0 Boys 4.0 School Merchandise 3.0 Girls 2.1 Tops 2.1.1 Tank Tops 3.1 Tops 3.1.1 Tank Tops 2.1.2 T-shirts 3.1.3 Polo Shirts 2.1.4 Formal Shirts 4.1.1 Logo T-shirts 6.0 Contact us 5.1 Shipping & Returns 4.1.2 Logo Hoodies 4.2 Gifts 4.2.1 iPhone Cases 5.2 FAQ 3.1.5 Sweaters 2.1.6 Hoodies 3.1.6 Hoodies 2.1.7 Jackets 4.2.2 School Mascot Plush Toys 2.2.1 Shorts 3.2 Bottoms 3.2.1 Skirts 2.2.2 Pants 5.3 Scholarship program 5.4 Jobs 3.2.2 Shorts 2.2.3 Gym Shorts 3.2.3 Pants 5.5 History 2.3 Accessories 3.2.4 Leggings 2.3.1 Belts 3.2.5 Gym Shorts 2.3.2 Gloves 2.3.3 Socks 5.2.1 Quality & Care 5.2.2 Sizing 3.1.7 Jackets 4.3 Backpacks 3.3 Accessories 5.6 Legal 3.3.1 Headbands 3.3.2 Belts 3.3.3 Gloves 3.3.4 Socks 7.0 Search 7.1 Results 3.1.4 Formal Shirts 2.1.5 Sweaters 2.2 Bottoms 4.1 Clothing 3.1.2 T-shirts 2.1.3 Polo Shirts 5.0 About us
  • Navigation Schema Global Top Nav ABOUT US QUALITY & CARE SIZE CHART SHIPPING & RETURNS CUSTOMER HELPLINE 1800 000 000 Primary Global Nav Login | Register Hi Sarah Schools Boys Girls Merchandise My Account | My Bag $0.00 (0) | Saved Items Search Secondary Nav Schools Boys Girls Merchandise Search School One School Two School Three School Four School Five School Six School Seven Schools Boys Girls Merchandise Tops Bottoms Accessories Polo Shirt Pants Belt Formal Shirt Shorts Gloves Tank Top Gym Shorts Search Socks Jackets Hoodies Schools Boys Girls Merchandise Tops Bottoms Accessories Polo Shirt Pants Belt Formal Shirt Shorts Gloves Tank Top Gym Shorts Socks Jackets Skirt Search Headband Hoodies Schools Boys Girls Merchandise iPhone Case Logo t-shirt Logo hoodie Backpack School Mascot plush toy Breadcrumbs Home / St. Luke’s / Boys Essential Uniform / Polo Shirt Home / Girls / Tops / Polo Shirt Home / St. Luke’s / Boys Essential Uniform / Shopping Bag Footer Nav LEGAL QUALITY & CARE SIZE SHIPPING & RETURNS SITE MAP FAQ CONTACT Search View slide
  • Check Out User Flow Proceed to Checkout New User Login My Account Billing Address & Order Summary Delivery Address Payment Method Submit my order Payment Confirmation View slide
  • User Flow : Sarah Follow link in email to school page Receives email Doesn’t have access to school issued email Follows link in email to home page Googles ‘< School Name > uniform’ Searches for Schools Complete Uniform List review page Views items on School Landing Selects items (size, quantity, colour) Adds to cart Edits Items Proceeds to checkout
  • User Flow : John Visits website home page Selects ‘Girl’s Uniform items’ Views items on Girl’s Uniform page Selects Polo Shirt Views Polo Shirt Detail Page Selects size, quantity and colour Adds to cart Views ‘Related Items’ on Product Detail Page Moves back to ‘Girls’ from Breadcrumb trail Selects ‘Girls’ from Global navigation Selects Pants Views Pants detail page Views user rating Adds to cart Adds to wish list Reviews cart items Reviews with Daughter Edits items Proceeds to Checkout
  • Wireframe - Home Page Global header - Not anchored - Company logo links to Home page from sub pages Information only - Not hyperlinked Global footer - Not anchored ‘My account’ displays when user is logged in, but displays Login/Register for users not registered/logged in
  • Wireframe - Product Listing Page Contextual navigation (breadcrumbs) displayed for all products, by category Heading may display ‘Compulsory items’, Tops’, etc, depending on context Page continues below the fold - scroll down to view more items School landing page which lists compulsory/optional items (via global nav) or Generic product listing page which lists tops/bottoms/accessories (boys/girls) (via hero link on Home page)
  • Wireframe - Product Detail Page Additional quick link to sizing guide provided In stock sizes indicated Rating system out of 5 stars to denote previous customers’ satisfaction ‘Complete the uniform’ or ‘View similar items’ if generic product listing
  • Wireframe - Purchase Uniform/Review Cart This page can be the selection page for ‘Purchase complete uniform’ for a particular school (via Home page link), or act as the ‘Review Cart’ page
  • Wireframe - Checkout steps 1 & 2 Address fields autocompleted if user is registered Page continues below the fold - scroll down to continue
  • Wireframe - Checkout step 3 Payment via PayPal takes user to the PayPal website, then returns user to Payment Confirmation page once payment is complete