building the design framework and user interface for an epss dr. pam northrup university of west...
TRANSCRIPT
![Page 1: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/1.jpg)
![Page 2: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/2.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/3.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/4.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/5.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/7.jpg)
The Design Framework
![Page 8: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/8.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/9.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/10.jpg)
Design Framework ModelDesign Framework Model
![Page 11: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/11.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/12.jpg)
Constructing the User Interface
![Page 13: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/13.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/14.jpg)
Aviation TrainingAviation Training
![Page 15: Building the Design Framework and User Interface for an EPSS Dr. Pam Northrup University of West Florida](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/15.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/16.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/17.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/18.jpg)
• 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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/19.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/20.jpg)
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](https://reader036.vdocuments.net/reader036/viewer/2022062803/56649f425503460f94c6113d/html5/thumbnails/21.jpg)
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.