Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
You can change this under Settings & Account at any time.
Instructional Design Principles - TEC 542
Transcript of Instructional Design Principles - TEC 542
Help users recognize and diagnose errors
Include help Simplicity Basic Interface Design Principles Anne Ochs
February 1, 2013
Instructor: Cheryl Green-Sandle Consistency Contains internal consistency
Contains external consistency
Consistent with user perceptions Structure Instructional Design Principles Appropriate Font Styles Quality interface design includes four basic principles:
4. Consistency Gives the user flexibility and control
Clear and consistent
Appealing to the eye Wrong! Right! http://webstyleguide.com/wsg3/4-interface-design/3-interface-design.html http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html Simple to use
Matches system and real-world design principles Complicated
Design http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html Limited style types: no more than three font types per screen
Limited Colors: no more than three font colors per screen
Use a mix of upper and lowercase letters http://designshack.net/articles/graphics/maintaining-consistency-in-your-ui-design/ Appropriate Interactivity Consistent
Provides alternatives and clear visual messages
Supports user behavior
Appropriate to the main purpose
Uses labels that are easy to understand References Cox, P. (2012, August 3). Maintaining consistency in your UI design. Retrieved
February 7, 2013, from Design Shack website:
Green-Sandle, C. (2013, February). [Online forum post]. Retrieved from TEC 542
Lecture 1 website: https://lc.gcu.edu/learningPlatform/user/ users.html?token=gr2aA%2fr60so4nelsNbPv1fASn48h9SaIk9vfNhO99caS%2boC2xuZNQCDnUaH19h8M&operation=home&classId=1162840#/learningPlatform/loudBooks/loudbooks.html?currentTopicname=Instructional%20Design%20Principles&viewPage=current&operation=innerPage&topicMaterialId=ffd3d708-b18d-48ee-bfe2-340af81e7fc8&contentId=34a8cf2f-0836-48ba-8ef6-21d54d2e3354&
Lynch, P. J., & Horton, S. (n.d.). Interface design. Retrieved February 7, 2013,
from Web Style Guide website: http://webstyleguide.com/wsg3/4-interface-design/3-interface-design.html
Martin, S. (1993, August). Effective visual communication for graphical user
interfaces. Retrieved February 7, 2013, from http://web.cs.wpi.edu/~matt/courses/cs563/talks/smartin/int_design.html
Thorsen, C. (2009). Tech tactics technology for teachers (P. Smith, Ed.) [PDF].