Interactive Design

Interactive design is a dynamic way for users to manipulate a design in a way that is more customised to their needs. Being able to interact with the design enables the user to become more involved and therefore more engaged in the content, instead of just experiencing the design with one sense, like sight.

Example

Nike has a custom shoe editor where you can manipulate the shoes features to personalize your shoe. This is a great example of how interactive design is better option instead of static design where the user would have no choice but to buy what they see. Using a website, the user can specify what they want and therefor be more enticed to buy the product, knowing its “special.”Untitled-1.png

Nike Air Force. (2017). Nike. Retrieved 7 May 2017, from http://store.nike.com/au/en_gb/pw/mens-nike-shoes/7puZoolZpipZoi3

Like Nike, Vans have a shoe editor that some might say is more sophisticated, as you can view the shoe in a 3D environment. Users now don’t have to go into a store and hope they find a shoe that suits them. Instead they can customise one to their very own needs. asfsadgfsdg.png

Customizer. (2017). Vans. Retrieved 7 May 2017, from https://www.vans.com/customizer.html?sku=p_20687&recipe=001&audience=mens

Another example which would have been impossible to achieve without it being interactive is Google Earth. Being able to zoom around the entire earth, look at places we may not even have access to like the middle of the pacific ocean. Providing the user with the customisability of going anywhere they want could never of been achieved without it being interactive.

adgfjgfd.png

Google Earth – Google Earth. (2017). Google Earth. Retrieved 7 May 2017, from https://www.google.com/earth/

 


Informational / Instructional Design

Like an interactive, this type of design is used to engage the user, however instead of making the entire experience for the user to customise, it is about teaching the user something.

This instructional guides the user through a learning experience where they learn how a flat panel display works. Although the user can not customise, there is no need. The user can simply watch. However techniques such as colour and layout have made it easier for the user to understand what is happening on the screen.

Untitled-10

Flat Screen Displays – Animagraffs. (2017). Animagraffs. Retrieved 7 May 2017, from https://animagraffs.com/flat-screen-displays/

asfg

How a Car Engine Works – Animagraffs. (2017). Animagraffs. Retrieved 7 May 2017, from https://animagraffs.com/how-a-car-engine-works/

Although chaotic, this instructional is aimed at users trying to find out information instead of being show it. By looking at different paths, the user can understand different aspects of specific objects.

asfdgfg

Google, V. (2017). The evolution of the web. Evolutionoftheweb.com. Retrieved 7 May 2017, from http://www.evolutionoftheweb.com/