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
    • Already have a WordPress.com account? Log in now.
    • Interactive Design Media
    • Subscribe Subscribed
    • Sign up
    • Log in
    • Copy shortlink
    • Report this content
    • View post in Reader
    • Manage subscriptions
    • Collapse this bar
 

Loading Comments...
 

    %d
      Design a site like this with WordPress.com
      Get started