GUI Project in User Center Design

1
GUI Project in User Center Design

• Develop the users conceptual model
• Develop a simple usability validation
• Implement usability validation with 2 users
• Design GUI for iteration 2 (Improvements)
• As time allows, prototype iteration 2
• Evaluate iteration 2
• Implement and refine a GUI code prototype
• Evaluate the GUI design and implementation code
  with respect to requirements, the users tasks,
  and the users conceptual model.

2
12 step method for building a system using the
User Center Design approach

• Gather information
• Rearrange, prioritize information into two
  reports
• Conceptual design
• Semantic design
• Synatactic design
• Lexical design
• Prototyping and Simulation
• Modeling and predicting behavior
• Implementation
• Evaluation and Testing
• Redesign, retroft and compromise
• Document and fine tune

3
Step 1 - Gather information

• This step involves carefully formulated
  questionnaires and interviews sessions to the
  users and all involved parties of the system to
  be designed. Contextual information gathering
  about the tasks and the users method to do the
  task is obtained and generated.
• Sub-steps
• Brain storm in the development team for Who is
  the users and the related species. Brian storm
  the categories that would impact the system.
• Create the questionnaires and interview questions
  to extract the information needed. The
  development team needs to verify the brain storm
  of Who is the users and
• Create scenarios of things to do in the new
  system that will obtain different puzzling
  contextual task that the development team needs
  to clarify. Parts of the system need to be
  magnified to understand all the context and inner
  scope of the tasks the users need to do.
• Conduct the interviews and questionnaires. For
  the contextual record all user interactions,
  expectations, reasoning, decision making
  processes, and a post impression.
• May want to obtain demographics about the users.

4
Ulab

• Test Objectives
• Pre-Evaluation Questionnaire (verify the true
  user)
• Scenarios
• Measurable events
• Baseline criteria

5
Ulab Reservation

• Each team will need to go to the Ulab for
• 1. an orientation doing
• Play with Ulog it software
• Play with the Video Mixer
• Test making a DVD
• Play back the DVD
• 2. Do a pilot of your team evaluation
• Web 4 is this pilot
• Give the ulog it Report and your corrections to
  WEB 4
• 3. Do the Real Team Evaluation

6
Exercise

• Requirements Elicitation
• User tasks
• User profiles
• User conceptual models
• Design of controls
• Design of navigation
• Mechanics of implementation
• Dialogue Style
• Design usability evaluation Baseline criteria
• Pilot usability evaluation
• Analyze usability data, state concerns
• Revise GUI design

7
Usability - Options for Formal Evaluation Methods

• Observations in controlled environment (lab)
• Co-operative user observation
• Observations in a natural environment (field)
• Automatic recording/logging
• Constructive interaction
• Expert evaluations
• Questionnaires and interviews
• Aesthetic evaluations
• Heuristics, Cognitive Walkthroughs

8
Empirical Data Collected in Usability Testing
(Events)

• Time it takes to perform a task
• Frequency of errors
• Kind of errors
• Goals of the user
• Intentions of the user
• Attitude of the user
• Satisfaction of the user
• More ..

9
Collection of Conceptual Data in a Usability
Evaluation

• Involving the users thinking aloud while
  performing the task
• Users opinion about the systems ease of use and
  functionality

10
Usability Benchmarking

• Existing systems
• Competitive systems
• Manual systems
• Absolute vs. relative scales

11
System UsabilityMajor System Components

• Functionality
• Processes
• Data
• Knowledge
• User Interface
• Provides access to system functionality
• Total of all interaction characteristics
• Physically (e.g., touching keys)
• Conceptually (e.g., deciding on menu options)

12
Which is better?
High
1
Quality of the Interface
2
Low
High
Low
Functionality of the Interface
13
Usability Evaluation of Inventory GUI

• Choose the type of usability evaluation
• Complete the test setup and prepare materials
• Implement test
• Examine/analyze the data
• Against requirements, objectives, criteria
• Against user profile, tasks, conceptual models
• Revise GUI
• Iterate test

14
Exercise - Discussion

• Type of evaluations performed
• Materials created
• Findings in test
• Changes recommended
• Iterative coding

15
User-centered, task-oriented GUI design
Human Computer Interaction
Users Task
Users Conceptional Model
User Group
16
Course Summary

• Chapter 1 - User Analysis
• Chapter 2 - Graphical User Interface Design
• Chapter 3 - GUI Prototype Coding
• Chapter 4 - GUI Prototype Testing
• Chapter n - Iteration

17
Overview of the Course

• User Profile
• User Task Analysis
• User Conceptual Model
• Usability Baseline Criteria

• User Needs

User Analysis
User Interface Design

• GUI Design

GUI Prototype Coding

• GUI Prototype

Chapter 1
GUI Prototype Testing
Chapter 2
Chapter 3
Style Guides Code Library
Chapter 4
18
1 - User Analysis
Value you produce
What you do

• Collect User Profile
• Perform User Task Analysis and Design
• Develop User Conceptual Model
• Identify Usability Objectives and Baseline
  Criteria

• User Profile Description
• User Task Inventory and Workflow Model
• User Representation of Situation
• Documentation of Important
• User Factors and Needs
• Usability Measures
• Baseline Criteria

19
2 - Graphic User Interface Design
What you do
Value you produce

• Examine the User Profile for limitations and
  opportunities
• Develop navigation (Group GUI data and sequence
  its work flow according to the user task flow
• Match the computers representation to the users
  conceptual model

• A selection of GUI elements and widgets suited
  for the user group
• Screen and screen-flow design with listing of
  contents to maximize support of user tasks
• A GUI that makes contact with a users mind in
  meaningful and pleasing ways.

20
GUI Prototype Coding
What you do
Value you produced

• Code the forms (windows) in VB, based on the GUI
  design and your corporate style
• Code the navigation map of the forms in VB to
  support the user tasks
• Review and match with user analysis and usability
  criteria

• VB GUI Prototype
• User-centered design
• Corporate style
• VB elements
• Workflow Prototype
• Supports user tasks
• Matches user conceptual model
• Application Prototype
• Meet user needs
• Satisfy customer

21
GUI Prototype Testing
What you do
Value you produce

• Design an evaluation
• Test against criteria, using representative users
• Decide about next iteration

• Usability test plan
• Usability evaluation against user-defined
  baseline criteria
• Decision--Are we done, or do we need to improve?
  Has the GUI made visible as much as possible?