1 / 27

Principles of HCI Design

Principles of HCI Design. Don't go to the right?. Where do you plug in the mouse?. Project Definition. Requirements Specification. Functional Design. Architecture Design. Module Design. Coding and Module testing. Integration and system testing. Operation and maintenance.

autumn-jackson
Télécharger la présentation

Principles of HCI Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Principles of HCI Design

  2. Don't go to the right?

  3. Where do you plug in the mouse?

  4. Project Definition Requirements Specification Functional Design Architecture Design Module Design Coding and Module testing Integration and system testing Operation and maintenance Traditional Software Design • Waterfall model of software life cycle

  5. User Centered Design • There should not be a black box for the user! • The User SHOULD • Drive all user interface design decisions • Determine goals and set priorities • Agree upon all goals that will be used in designing the user interface

  6. User-Centered Project Life Cycle User/Task Analysis I Set Usability Goals I Design Interface I Evaluate Designs I Build Prototype I Test Prototype Test Okay?

  7. Iteration is the key! • No design will be perfect in the first time. • Interactive systems cannot be completely specified from the beginning of the life cycle. • Users need to be involved all the time. • Evaluation and testing should be done throughout the design process. • Design and testing should be repeated iteratively. • Prototypes, rather than real systems, can be used for testing.

  8. How to Start? • Intelligent Borrowing • Plagiarizing or Good Design Practice • http://www.freewebtemplates.com/ • Getting to Know Existing Frameworks • Guidelines and standards • IBM Web Design Guidelines (http://www-3.ibm.com/ibm/easy/eou_ext.nsf/publish/558) • Ameritech User Interface Standard(shttp:// www. ameritech.com:1080/corporate/testtown/library/standard/index.html)

  9. Getting started • Getting to Know Existing Frameworks • Convention • User is already familiar with the process or arrangement from other interfaces • Most of user interface design requires designers to work within the tight constraints of existing designs

  10. Studying existing applications • look at systems users already know • Copy interaction techniques • copy the style of menu selection, organization of screen elements, etc. (where appropriate) • Understand why design was done in the way it was done with the existing interface

  11. Methods of Iterative Design • Scenario Generation • Choosing Representative Scenarios • Comprehensive • Critical Task • Random • Scenario Validation & Review • Key stakeholders first • Group reviews later

  12. Methods of Iterative Design • Deriving Storyboards from Scenarios • Paper Prototyping • Explore constraints • Study standards & guidelines

  13. Methods of Iterative Design • Building an interactive rapid prototype from a paper prototype. • Testing the Prototype with Users. • Iteration Control • Each iteration has a specific usability goals.

  14. Prototype

More Related