Interactive Design Media

A student study into the means and development of interactive media

Menu

Skip to content
  • Home
  • About Me
  • Lecture Reviews
    • Week 1: Intro to Interaction Design
    • Week 2: Process & Context
    • Week 3: Design Patterns
    • Week 4: Instructional Design
    • Week 5: Personas
    • Week 6: User Scenarios
    • Week 7: UI Visual Design Patterns
  • Studio Work
    • Toasting for Dummies
    • Toast Storyboard
    • ‘How to Make Toast’ Website Planning
    • Toast Persona Study
    • Persona & Scenario Study
    • Interface Experimentation
    • Ideation
    • Logo Review
    • Prototype Review
  • Precedent Analysis
  • Interactive Design
  • Instructional Design
  • Contact

Instructional Design

Instruction design refers to any form of written or visual communication that assists someone to complete a task or explain how something works. Instructional designers must carefully consider their audience when designing any form of instruction. Things to consider are the type of imagery that’s used, how much text is needed, if any (think IKEA) and how easy it will be remembered. When creating instructional designs, simple illustration is preferred over photographs as they can clutter the end result. The spilt attention effect, explains how people recall information. Visual elements are easier to remember however, if overloaded with visuals, textual instruction and separate legends to understand the images, the person will more likely forget.

Waterson, S. (2019). GDIDMPOD04a [Online Lecture]. Retrieved from https://vimeo.com/319375981

Clients Tone. (2019). Government Agency. Retrieved from http://clients.tone.co.uk/natwest-fight-fraud-final/app.html
Empowability. (2019). Educational Source. Retrieved from http://www.empowability.com.au/courses/
Khan Academy. (2019). Educational Source. Retrieved from https://www.khanacademy.org/signup

These 3 examples of instructional / informational web design include the use of cards and forms. They include written directions which lead to graphics to help explain. They are primarily educational sources which aim to teach. The absence of photography is clear with these precedents as they would over complicate the instructions. They are effective examples as they use simplistic colour palettes and the focus is evident from the moment the user opens the site.

Share this:

  • Share on X (Opens in new window) X
  • Share on Facebook (Opens in new window) Facebook
Like Loading...
Blog at WordPress.com.
Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy
  • Subscribe Subscribed
    Interactive Design Media

    Have a WordPress.com account? Log in now.

  • Interactive Design Media
    Copy shortlinkView post in Reader
    Manage subscriptionsSign upLog in
    Report this content
    Collapse this bar
Loading Comments...
%d
    Create your own website, free on WordPress.com.Create your own website.
    Start free