met cs 405 605 n.
Download
Skip this Video
Download Presentation
MET CS 405/605

Loading in 2 Seconds...

play fullscreen
1 / 7

MET CS 405/605 - PowerPoint PPT Presentation


  • 52 Views
  • Uploaded on

MET CS 405/605. Human Computer Interface Design. Week 4 – Design. Work Reengineering ~ Realizing the power and efficiency that automation makes possible Re-engineering the work more to effectively support business goals

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'MET CS 405/605' - keelie-barron


Download Now 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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
met cs 405 605

MET CS 405/605

Human Computer Interface Design

week 4 design
Week 4 – Design
  • Work Reengineering ~
    • Realizing the power and efficiency that automation makes possible
    • Re-engineering the work more to effectively support business goals
    • Minimizing retraining, maximize efficiency by accommodating human cognitive constraints and capabilities within the context of their actual tasks
week 4 design1
Week 4 – Design
  • Conceptual Design ~
    • Process of establishing the underlying organization and structure of a UI
    • Content Diagram –
      • Low fidelity prototype
      • Derive concrete use cases from essential use cases
      • Identify primary task objectives, attributes and actions
      • Identify the different “containers” (objects
      • Link the “containers” to show the flow
    • Think of the Content Diagram as a preliminary storyboard
week 4 design2
Week 4 – Design
  • Design Guidance & Rational~
    • User interface Standards
      • ISO
    • Style Guides
      • Web Style Guide
      • Customized Style Guides
      • Exercise – list reasons for using a style guide
week 4 design3
Week 4 – Design
  • Design Principles~
    • Simplicity
      • “Don’t Make Me Think”
    • Structure
      • Physical organization
    • Consistency
      • Software suite’s vs. “best of breed”
      • Expected metaphors
    • Tolerance
      • Design that helps to preventusers from making a mistake
      • Recoverability
week 4 design4
Week 4 – Design
  • Accessibility~
    • Principles of universal design
      • “The design of products and environments to be usable by all people, to the greatest extent possible, without the need fro adaptation or specialized design”
    • W3C Guidelines
    • Section 508 - government mandate (FAQ)
week 4 design5
Week 4 – Design
  • Design Rational~
    • This is what I did, and why
      • Some time, someone will be revisiting the UI
      • Others may need to understand your rational, basing new decisions on that
    • Recording design decisions
      • Not covered in design guidelines
      • Not all - particularly important decisions
      • Notations on other documents (i.e. use cases)
      • “Issues List”