Instructional Design – Defined and Examples

Instructional design is a form of direction shown through graphic. It’s focus is on meaningful communication and pleasant interfaces allowing a logical and easy to understand flow of information.

CPR_AdultIG2 (1)

How to Perform CPR on an Adult – Infographic. (2017). Retrieved 9 March 2017, from


Garmin dezl 7″ 770LMT Trucking GPS. (2017). Harvey Norman Australia . Retrieved 9 March 2017, from


Tutorial: How to make a lighted, mirror-backed display case from an Ikea Billy bookcase. (2013). Retrieved 13 March 2017, from



Process + Context Lecture 2

This pod discusses the process in planning for an interactive design, and also explains what context is, and how it can help you achieve a successful design.

The first half of the pod lecture discusses the advantages of project planning via pen to paper mediums, and the advantage of then putting these ideas in context – to the people who will potentially be influenced or affected by the outcome. Sarah discusses that project ideas start very low tech, to help understand, define and frame the problem. These early sketches also help identify what the problem is in the design, and what goals we are trying to achieve.

Part 2 of the pod discusses the concept of context


  • What people are trying to do
  • How they may try to do it
  • What gets in the way or what helps
  • Where they might be doing it

An example given includes checking if a payment went through via a laptop at home, compared to checking the balance of an account in order to purchase an item at the store. Both these examples have different urgencies, locations, times and devices. Thus, different context for use and of use.

Context helps define a situation, people and their needs to create interaction design that facilitate their behaviours. To help create context scenarios, you need to ask what is the situation?

  • What’s the setting or environment which the device or interface will be used?
  • Is it public or private? Is it conducive?
  • Who will be using the device or interface? Will it be shared?
  • How long will it be used for?
  • Does it need to be complex or simple?
  • What are the persons needs or goals?
  • Whats the urgency?

By understanding what a user needs, and using proper methods of problem solving, you can create successful interactions.

Major Project – Sleep Information

“Two powerful brain chemical systems work together to paralyse skeletal muscles during rapid eye movement (REM) sleep, according to new research. The finding may help scientists better understand and treat sleep disorders, including narcolepsy, tooth grinding, and REM sleep behaviour disorder.”

How muscles are paralyzed during sleep: Finding may suggest new treatments for sleep disorders. (2017). ScienceDaily. Retrieved 1 March 2017, from

Brain Structures and their functions
This link provides information on the Cerebrum, Cerebellum, Limbic System, and Brain stem. This can be used with the brain vector as a ‘hover’ interactive information graph, as an introduction to the brain. Which can then lead to information about sleep and how insufficient sleep affects each parts of the brain.

What the body restores during sleep.
Also contains information on stages of sleep.

Benefits of a regular sleep pattern
Including the effects of irregular sleep patterns, the effect on the body during wake periods.

Sleep Debt
Sleep debt information, what is it? How does it occur?

Interactive Design – Defined and Examples

Interactive design is a process in which Designers create an engagement between the technology and it’s user. Interactive design allows a user to become directly involved in the medium and in turn form a greater understanding of the design whilst maintaining interest.


This interactive website was created in France, and is a simple yet great example of Interactive Design. The theme is kept very minimal, allowing easy progression and understanding for the user. The site allows interaction through each page, each click, grab or drag interacts with the object in the screen differently, and with no prompt from the site, the user engages in a fun self motivated engagement.

Make Me Pulse. (2017). Make Me Pulse. From


Screen Shot 2017-03-09 at 11.47.16 am

Interactive showing AIRBNB locations worldwide and their popularity.

The world of Airbnb. (2017). Retrieved 9 March 2017, from


Screen Shot 2017-03-13 at 2.26.51 pm

Interactive design showing common misconceptions, and giving real truths. Can be ordered through various categories or newest uploaded.

McCandless, D. (2017). Common MythConceptions — Information is Beautiful. Information is Beautiful. Retrieved 13 March 2017, from

Precedent Presentation Research

This slideshow requires JavaScript.

The website includes a dashboard containing information on population projects and womens empowerment indicator by world, region, and country.
An Insights section shows how women are fairing in education, employment, and government.
A Data Gallery appears at the end of the page exploring data graphs about domestic violence trends, household decision making and other women empowerment topics.

Pros: Colour scheme is easy on eyes, and layout allows for easy progression through information. The website provides a video at the very beginning that discusses general trends and research found by the company, then begins to explain topics relating to women empowerment. Makes great comparisons from country to country.

Cons: In the Dashboard, it is not clear what each piece of information means i.e region rank and world rank. Does the number relate to popularity of the country? Amount of people in that country?

2015 World Population Data Sheet – (2017). Retrieved 27 February 2017, from