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

Like this? Share it with your network

Share

UXDi Sydney Project 2 Group Design Specification

  • 213 views
Uploaded on

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.

More in: Design , Lifestyle , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
213
On Slideshare
170
From Embeds
43
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 43

http://kathrynux.wordpress.com 43

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 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
  • 2. 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
  • 3. 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
  • 4. 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
  • 5. 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
  • 6. 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
  • 7. 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
  • 8. 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)
  • 9. 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
  • 10. 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
  • 11. Wireframe - Checkout steps 1 & 2 Address fields autocompleted if user is registered Page continues below the fold - scroll down to continue
  • 12. Wireframe - Checkout step 3 Payment via PayPal takes user to the PayPal website, then returns user to Payment Confirmation page once payment is complete