Visual message design
Download
1 / 15

Visual Message Design - PowerPoint PPT Presentation


  • 595 Views
  • Updated On :

Visual Message Design Dawn Wright Katherine Jackson What is it? Consistency, feedback, the ability to recover from errors, and user control are just a few principles of good user-interface design. What is it?

Related searches for Visual Message Design

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 'Visual Message Design' - Sophia


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
Visual message design l.jpg

Visual Message Design

Dawn Wright

Katherine Jackson


What is it l.jpg
What is it?

  • Consistency, feedback, the ability to recover from errors, and user control are just a few principles of good user-interface design.


What is it3 l.jpg
What is it?

  • Visual message design involves the appropriate considerations of visual perceptions when designing an instructional program. The interpretation of pictures is based on prior experiences, culture, etc. When designing an instructional program it is important to consider the culture, educational ability, and language of the audience. The purpose of visual message design is to gain attention, create meaning, and facilitate retention.


Main points l.jpg
Main Points

  • Do not assume that every audience will understand the pictures they see, or interpret them in the way they were intended.

  • Functions of visuals:

    • Attentional

    • Affective

    • Cognitive

    • Compensatory


Main points cont l.jpg
Main Points (cont.)

  • Visuals that realistic and reinforce the text are very useful to the learner.

  • Types of Visuals:

    • Representational

    • Analogical

    • Charts and graphs


Practical considerations l.jpg
Practical considerations

  • Use simple graphics as often as possible.

  • Be certain colors and graphics are not offensive to audiences from other cultures.

  • Use organized design.

  • Make something dominant.

  • Present one idea at a time.


Relation to id l.jpg
Relation to ID

  • Attention

  • Affective

  • Cognitive

  • Compensatory


Main people l.jpg
Main people

  • Marshall Jones and Jim Okey – Interface Design in Computer-Based Learning Enviroments


Interface design for computer based learning environments l.jpg

Browsing

Changes in state

Closure

Information access

Interactive tools for interactive tasks

Interface consistency

Media integration and media biases

Metaphors

Modeling

Progressive disclosure

Interface Design for Computer-Based Learning Environments


Roberts d berry d isensee s and mullaly j ovid object view and interaction design l.jpg
Roberts, D., Berry, D., Isensee, S. and Mullaly, J. OVID: Object, View, and Interaction Design.


Slide11 l.jpg

OVID stands for Object, View, and Interaction Design: an interface methodology that attempts to bring some structure to the often chaotic design process. You can do a good job at user and task analysis, but still have a poor product if the implementation is flawed. The authors combine notation and modeling techniques used by successful coders (UML, state diagrams, class models) with the methods of user interface designers.


Use in d c 1 l.jpg
Use in D&C #1 interface methodology that attempts to bring some structure to the often chaotic design process. You can do a good job at user and task analysis, but still have a poor product if the implementation is flawed. The authors combine notation and modeling techniques used by successful coders (UML, state diagrams, class models) with the methods of user interface designers.

  • Visual Design & Gagne’ Nine Events

    • Gain attention – Use bright color or animation

    • Identify objective - pose question:

    • Recall prior learning – use culturally appropriate graphic

    • Present stimulus – use related text and images

    • Guide learning- use graphics to elaborate

    • Elicit performance -

    • Provide feedback - provide immediate visual feedback

    • Assess performance- provide immediate visual feedback

    • Enhance retention/transfer – use color to highlight important info and cues/mnemonics


Use in d c 2 l.jpg
Use in D&C #2 interface methodology that attempts to bring some structure to the often chaotic design process. You can do a good job at user and task analysis, but still have a poor product if the implementation is flawed. The authors combine notation and modeling techniques used by successful coders (UML, state diagrams, class models) with the methods of user interface designers.

  • Use Interface design principles in computer-based and on-line instruction

  • Consider in Learner and Environmental Analysis to insure compatibility with culture, physical abilities


Websites l.jpg
Websites interface methodology that attempts to bring some structure to the often chaotic design process. You can do a good job at user and task analysis, but still have a poor product if the implementation is flawed. The authors combine notation and modeling techniques used by successful coders (UML, state diagrams, class models) with the methods of user interface designers.

  • The Visual Message

    http://www.netresult.ws/sitedev/dev1.htm

  • Notes on Visual and Interaction Dsign

    http://www.valcasey.com/webdesign

  • Interface Design for Computer-based Learning Environments

    http://ddi.cs.uni-potsdam.de/HyFISCH/Multimedia/Learning/InterfaceDesignJones.htm

  • International Visual Literacy Association (IVLA)

    http://www.ivla.org

  • Message Design

    http://www.ualberta.ca/~bskaalid/newmedia/messagedesignlinks.htm


Books l.jpg
Books interface methodology that attempts to bring some structure to the often chaotic design process. You can do a good job at user and task analysis, but still have a poor product if the implementation is flawed. The authors combine notation and modeling techniques used by successful coders (UML, state diagrams, class models) with the methods of user interface designers.

  • Essential guide to user interface design : an introduction to GUI design principles and techniques / Wilbert O. Galitz

  • Practitioners handbook for user interface design and development / R.J. Torres

  • Usability engineering lifecycle : a practitioner's handbook for user interface design / Deborah J. Mayhew.

  • User and task analysis for interface design / JoAnn T. Hackos and Janice C. Redish.

  • In your face : the best of interactive interface design / [introduction by Kai Krause].


ad