• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Gopher Grocery Presentation
 

Gopher Grocery Presentation

on

  • 626 views

 

Statistics

Views

Total Views
626
Views on SlideShare
625
Embed Views
1

Actions

Likes
0
Downloads
15
Comments
0

1 Embed 1

http://www.slideshare.net 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

    Gopher Grocery Presentation Gopher Grocery Presentation Presentation Transcript

    • 1
      HCD Analysis
      of a software interface
      Lauren Horman present:
    • Outline
      Software introduction
      Subjective Analysis
      Heuristics
      Usability Testing
      Methods
      Results
      Feedback
      Recommendations
    • Online grocery delivery service
      10,000+ products
      Based in St. Paul, metro area delivery
      Delivery is $2
      (Full disclosure: Scott works @ GopherGrocery)
      Intro to Website
    • Website
      Aisle page
      Main page
    • Website
      Account page
      Shopping cart
    • Subjective Analysis
      Content………………………………………………………………..3
      Navigation…………………………………………………………….4
      Visual Design…………………………………………………………4
      Functionality………………………………………………………….4
      Interactivity……………………………………………………………3
      Ranked on 5 point Likert scale. 1=Low/Poor, 5=High/Good
    • Heuristics
      Content
      Thorough product info
      Wide variety of items
      Navigation
      • Easy to get home
      • Effective search feature
      • Multiple ways to navigate the site
      • Starting point is emphasized
    • Heuristics contd.
      Visual Design
      Effective color scheme
      Streamlined design
      No more content than necessary
      Proper use of photos/visual cues
      White space
      Photos help emulate actual grocery aisles
    • Heuristics contd.
      Functionality
      Interactivity
      No broken links
      Search is quick and accurate
      Real time cart updating
      • Order-O-Meter tracks purchases
      • Suggest a product
      • Account settings
    • Heuristics contd.
      Readability
      Top buttons are big and easy to read
      Most product photos are easy to read
      Aisle labels are small
      Each item/product has thorough product information
      Color
      Color scheme matches the brand name and market
      Yellow and red are know to simulate hunger
      Uses proper coloring for warnings and important information
      Consistent color coding
      Good balance between white space and content
      Needs to use contrasting colors for shopping cart
    • Heuristics contd.
      Help & Documentation
      Contact Us link
      Phone number, email address, and questions/comments form
      Not easy to find
      Frequently asked questions link
      Understandability
      Everything is pretty self-explanatory
      How It Works link
      Step by step process
      Pictures correspond with the aisle
      Step by step checkout
    • Heuristics contd.
      Graphical vs. textual:
      Majority is text, limited graphics
      Text can get cluttered
      Food photos assist with navigation
      Graphical buttons help with navigation
      Shopping cart icon draws attention to tab
    • Usability Testing
      1. You are new to the area. Make sure that Gopher Grocery delivers to your zip code.
      2. Your fridge is empty. Locate 3 common items you buy weekly (milk, eggs, & TP) and add them to your shopping cart.
      3. You already have eggs. Remove them from shopping cart
      4. You forgot the cheese! Find the cheapest block of sharp cheddar cheese and add it to your cart
      5. You need to ask the company a question. Locate the contact information
    • Usability Testing
      Subjects
      (1) Male, 24, had used CobornsDelivers.com.
      (2) Female, 20, never used GG.com
      (3) Female, 18, had used Lunds.com
      Details
      • Couldn’t simulate actual checkout without purchasing
      • Told to find items any way possible
      • Measured time elapsed to complete tasks
      • Everyone completed the tasks
      • Spoken observations recorded as well
    • Usability Reenactment
    • Results
      Subject (2)
      • (Task 1) 7 seconds
      • (Task 2) 120 seconds
      • (Task 3) 30 seconds
      • (Task 4) 55 seconds
      • (Task 5) 10 seconds
      Subject (3)
      • (Task 1) 21 seconds
      • (Task 2) 130 seconds
      • (Task 3) 10 seconds
      • (Task 4) 25 seconds
      • (Task 5) 14 seconds
      Subject (1)
      (Task 1) 12.2 seconds
      (Task 2) 47 seconds
      (Task 3) 22 seconds
      (Task 4) 17.5 seconds
      (Task 5) 15 seconds
    • Results
      Average times
      (Task 1)--26.2 seconds
      (Task 2)--99 seconds
      (Task 3)--20 seconds
      (Task 4)--32.5 seconds
      (Task 5)--13 seconds
    • Observations
      Subject (1)
      (Task 1) “Zip code on list, must be included”
      (Task 2) Used search box to locate items
      (Task 4) Used aisle photos. “Cheapest items are on top”
      (Task 5) “Several ways to get in contact with them”
      (General comments) The name/color is good for the area. No help/tutorial needed.
      Subject (2)
      • (Task 1) Found, used Zip code locator on home page
      • (Task 2) Used category list, and search box to locate items
      • (Task 3) Used view cart tab on top of site
      • (Task 4) Struggled with price sorting. Already pre-sorted from lowest to highest
      • (General comments) “GG.com is way better organized than Lunds.com”
    • Observations
      Subject (3)
      (Task 1) Found, used Zip code locator on home page
      (Task 2) Struggled with organic selection. Separate sections for “dairy” and organic”
      (Task 3) Used view cart tab on top, instead of small shopping cart on side of page
      (Task 5) Clicked, “Contact Info” in site map on bottom of page
      (General comments) Didn’t know pictures expand--thought thumbnails are too small. Cares more about what it looks like than what it is called.
    • Design Claims
      No manufacturer claims. Instead we find a single customer testimonial
      “Gopher Grocery's website is fast and clean”
      Response and loading times are quick; white space keeps site simple and uncluttered.
    • Recommendations
      Make it more obvious that photos expand
      Larger item photos
      Don’t keep organic foods in their own category
      Adjust search results page
      Overlapping categories (TP in paper products and bathroom/shower)
      Larger description text
    • Questions?