21

Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Embed Size (px)

Citation preview

Page 1: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida
Page 2: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Building the Design Building the Design Framework and User Framework and User Interface for an EPSSInterface for an EPSS

Dr. Pam Northrup

University of West Florida

Page 3: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Orientation

• Crafting an EPSS

• Establishing a framework for design

• Constructing the User Interface

Page 4: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

The EPSS

• Information

• Advice

• Learning Experiences

• Tools

Page 5: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Why EPSS?

• Day-One Performance

• Just-in-Time Support

• Support for Every Day Performance

Page 6: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Benefits of EPSS

• Enhanced productivity

• Reduced training costs

• Increase worker autonomy

• Increased quality due to uniform work practices

– (Kavat, 1997)

Page 7: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

The Design Framework

Page 8: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Focus: Producing Task Focus: Producing Task PerformancePerformance

• Rapid Prototyping (Jones, Li, & Merrill, 1992)

• Prototyping (Tripp & Bichelmeyer, 1990)

• Iterative Design (Witt & Wager, 1994)

Page 9: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

The Initial AnalysisThe Initial Analysis

• Who does this serve?

• What tasks must be performed?

• What tools will the performers require to perform tasks?

• In what type of environment will users work to perform the tasks?

Page 10: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Design Framework ModelDesign Framework Model

Page 11: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

As components of the EPSS are As components of the EPSS are defined, more detail emergesdefined, more detail emerges

Page 12: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Constructing the User Interface

Page 13: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

The Metaphor

• Should attach meaning to tasktask and performanceperformance

– LINK TO STEPS -- view Metaphor of book

Page 14: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Aviation TrainingAviation Training

Page 15: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

NavigationNavigation

• Minimize– travel– depth– redundancy

• Direct Access

• Random Access

Page 16: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Interface Elements

• Background

• Windows/Panels

• Buttons/Controls

• Images

• Text

• Video

• Sound

• Animation

Page 17: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Screen Design IssuesScreen Design Issues

• Balance• Message Design• Alignment to Grid• Consistency• Common

Elements/Features

Page 18: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

• The overall task performance

• Mental modeling

• flexibility

Functionality

Page 19: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

ScaffoldingScaffolding

• Scaffolding is characterized as a process used to allow unprepared learners to view an expert performance of a task

• Cognitive “Training Wheels”

• Example

Page 20: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Typically, the user interface won’t be able to support desired

performance by itself. It will need scaffolding to assist users.

Page 21: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida

Closing

• Use varied design strategies including rapid prototyping to assist in the design of the EPSS product

• Develop a user interface that is functional

• Navigation must parallel the task structure itself

• Scaffolding must be embedded to support desired performance.