Definitions

Interactive design

Definition

Interactive design functions to create an interactive experience between a user and a product. It is based on the engagement and reactivity between two or more subjects, typically when attempting to achieve a goal. Interaction design enables the audience to relate with the service or interface, whilst creating a relationship where the user is able to achieve their goals through optimal experiences. Common examples of interaction design can be seen through video games and online shopping.

Examples

PEUGEOT, BETC Digital [Image] (n.d.). Retrieved May 1, 2017, from http://www.smh.com.au/snapshots/

This interactive website has been designed for the brand ‘Peugeot’. Within the website, the user is able to interact with the story being told through a parallax scroll, bringing a graphic novel to life. The designers of this interface have allowed the user to become the cognitive function of the panning out of the storyline, advertising the brand. As the user manually scrolls to reveal moving images and sounds, they are therefore creating an experience where the interface becomes dependent on the viewers contribution towards the function of the website.

Go! Eat! Bomb!. (2017). Roman Yurlov [Flash game]. 12Wave. Retrieved May 1, 2017, from  https://goeatbomb.io/

The Russian game, ‘Go! Eat! Bomb!’ is another example of an effective interactive design. It is an online game created through a website, where the user plays a character that must eat all cats in its path. The user is able to manoeuvre their character through moving their mouse towards the direction they wish to go. In order to eat the cats, the user must click and hold their mouse, opening the characters mouth and slowing down the gameplay. Their character will explode if they do not frequently eat enough cats. This interactive is very successful as it is available for all audiences and has the sole purpose of entertaining the users as they navigate through the game through the use of their mouse.

Bicycle, Cyclemon [Image] (2009, May 19). Retrieved May 1, 2017, from http://cyclemon.com/

This interactive website has also utilised a parallax long scroll in order to engage and interact with their users. The site allows the user to scroll down, enabling the backgrounds of the screen to shift, revealing another location where the bicycle will also alter to suit the context it is in. This is a unique interaction design as it displays a variety of altercations to the bicycle and its location through the users willingness to discover the numerous types of different bikes.

Information/Instructional design

Definition 

An effective instructional design is a process where someone is guided through how to perform an activity successfully. A typical instructional design is represented as an instruction pamphlet or booklet when the user is attempting to learn a foreign task. Everyday we are exposed to simple information and instructional designs, such as how to recycle, how to function a ticket machine or how to take medication. These sets of instructions are usually accompanied by images and diagrams in order to cater to all audiences and create a sense of relation.

Examples

giraffe.jpg

Amazingly Easy and Absolutely Fun Ways to Make Balloon Animals [Image] (2016, August 09). Retrieved May 1, 2017, from http://www.buzzle.com/articles/free-balloon-twisting-instructions.html

The instructional design shown, teaches users how to create a balloon giraffe. It provides helpful information on the direction in which we should twist the balloon and where to join rungs in order to form a specific body part of the giraffe. This instructional could be clarified through the implementation of text instructions and improving the visual structure of the page to follow a smooth eye flow and reduce confusion. 

cache_2913434704

How to Braid [Image] (2012). Retrieved May 1, 2016, from http://needlepointteacher.com/how-to-tips-techniques/how-to-braid/

This simple instructional guide educates users on how to braid. This instructional guide can be used for both knitting or braiding hair. It is simplistic yet effective, as the designation of specific colours for each strand allows the viewer to follow attentively and keep track of the braiding process. If the strands were not individuals coloured, the user could become confused and lose track as they continue weaving and crossing pieces amongst each other. 

001

Instructions for LEGO 1990 Octan F1 Race Car [Image] (n.d.). Retrieved May 1, 2016, from http://lego.brickinstructions.com/lego_instructions/set/1990/Octan_F1_Race_Car

Lego instructional guides are one of the most renowned set of instructions in the world, specifically amongst younger audiences. This particular instructional design has been designated to a specific lego set called, ‘Octan F1 Race Car’ where the user is walked through the formation of a Lego race car. It instructs the user step by step, informing them which pieces are to be joined first and which piece is to be connected with another. Without these instructions, the user would experience great difficulties in achieving their goal.

Advertisements