A346  Homework 2
Analysis, Prototyping and Testing

 Modified: 

Table
of
Contents

 

Overview

Project Description

Our class is creating a stock trading Web-site that will undercut the brick-and-mortar stock brokers by allowing traders to perform all trading functions online without a broker: from registration, stock analysis, to buying and selling stocks. For our services, each stock trade will incur a small fee.

The site must be easy to use but traders need to feel that our Web-site and their money is secure. Security will be enforced by requiring traders to first register to create a unique trader identification and password that controls access to their account; to access an account, the trader must first provide their chosen identification and password. Further security is enforced by limiting account access to a single trader account at a time.

Stocks are traded in a usual way. In order to buy stocks, traders must transfer funds from a valid credit card to their account;  sufficient funds must be in the account to cover the cost of the stock and trading fees before a stock can be purchased. Stocks held in the trader's portfolio can be sold and the funds added to their account, minus the trading fee of course. Account funds are withdrawn by transference to a credit card account.

Web
Development
Process
Model
 Assignment

The purpose of the assignment gain a deeper understanding of the main elements of user interface design and programming methods through practice.

The assignment is to complete steps 2-4 of the model discussed in class. Step 1 has been completed.

  • Hand drawn charts and paper models are appropriate.
  • Be detailed enough that classmates can understand.
  • Based on a paper analysis, implement a paper prototype. 
  • Provide enough content on the prototype that classmates can understand the purpose of each page.

 

Analyze
  1. Site problem definition. Concept exploration.
    1. Site goals - Sell stocks to individual investors.
    2. Site audience - Anyone with a credit card.

     

  2. Site plan requirements analysis. Specification.
    1. þ Site purpose and success measures  
    2. þ Detailed measurable site goals  
    3. þ User profile of site visitors
      • List of common characteristics.

       

      • What do they want to accomplish?

       

    4. þ User task scenarios
      • how will user arrive at site
      • follow a visit to conclusion
      • measures of task completion

       

    5. x Site content list in form of matrix
      Content
      Name      		 Description
             		Content
      Type      		 Content
      Format      		 Exists
               
               
      • text
      • graphics
      • etc.
    6. x Technical requirements
      • client side HTML, JavaScript, ...
      • server side CGI, ASP, ...
    7. x Visual requirements
      • relation of site visuals to site goals
      • constraints on color, bandwidth, screen size, etc.
    8. x Delivery requirements
      • hosting considerations
      • number of users
      • pages visited per visit
       
    9. þ Perform card sorting analysis with three different people. Compute the similarity rating of their responses.

      One method for determining user interface elements is to write a description of the project then label objects (nouns) and actions (verbs); eliminate redundancies (e.g. site and Web-site).

      1. Objects - Form the site content. List the key objects (nouns) of the analysis description.
      2. Actions - Tasks the user performs. List the key actions (verbs) of the analysis description.
      3. Card sorting -  Using the card sorting method, write each object and action onto a card with a unique number on back. Scatter the cards number-side down and sort into piles of related items; name each pile. Have three different people perform card sorting.
      4. Similarity rating - (see Content Organization).
      • Each time two cards are in the same pile assign 1 point.
      • Add up all the times two cards are in a pile together and divide by the number of users. If all users place cards 3 and 4 in a pile, the similarity rating is 1, if no one did, the rating is 0.
       
    10. þ Site structure diagram

      Use card sorting results as a guide to develop an initial site organization.

      • diagram of site sections based on user task scenarios
      • labeling of each section
         
    11. x Staffing
      • human resources required to implement site
        • content
        • technology
        • visual design
        • management
           
    12. x Time line
      • milestone dates
        • prototyping
        • implementation and unit testing
        • integration and system testing
        • release, operation and maintenance
           
    13. x Budget (give % allocated for each)
      • staff
      • site hosting
      • marketing

Assignment 1

  1. Each þ item above.
  2. For Item I:
    1. List of the objects and actions along with number assignment.
    2. Similarity rating matrix of sorting results.
  3. For Item J, give a hand drawn diagram illustrating site organization and navigation linkage between pages.

Design
  1. Mockup/Prototyping pages and site
    1. þ Paper Prototype

      A task analysis and card sorting were performed in Assignment 1.

      Using the analysis, card sorting and diagram of the stock trading site produce paper prototype following the site structure.

      The prototype should have enough pages and enough fidelity that a user can test the prototype to complete the single task of buying a stock from arrival at the site to leaving.

    2. þ Template page 
      • block page composition showing common layout of pages on site
      • show each type of template page used on site
         
    3. þ Site, enough pages to complete one task
      • storyboard
        • contains all task pages
        • number page sequence for each task
      • usability test (in class)

Assignment 2 (hand drawn):

Paper prototype labeled with page names and linkages to other pages from site structure chart.

The prototype should have enough pages and enough fidelity that a user can test the prototype to complete the single task of buying a stock from arrival at the site to leaving.

   

Turn In
  1. Cover Page - Your name, date, and Homework 2. Staple all pages together.
     
  2. Copies of each Item. Please write the Item at the top of each page.