Design Process Overview

An Overview of the Design Process:

The design process is actually a continuous process which can be repeated for numerous of times. Through different stages of the design process, designers are able to progress and develop their ideas from the information and inspirations they gain from each experience.

Information Reference: Waterson, Sarah. “The Interactive Design Process Overview” Lecture. Week Three –The Interactive Design Process Overview. 27 Feb. 2012. Fri 16 Mar. 2012.



Week Two – Interaction Design

This week’s topic: Interactive and Interaction Design

Summary: Interactive and Interaction Design is the interaction of people (users) with the computer, which in other words means that Interaction Design is a human-centered digital technology that is used for shaping our everyday lives. Through work, game and entertainment, the amount of time people spent with these digital and computerised devices increased, which in order for people to use these devices effectively, interaction with these technologies became an essential. In other words, Interaction Design is used as a basic requirement in many professional fields in order for them to interact with their customers and audiences more. (last accessed: 11.03.2012)

Reflection: In this week’s lecture, the unit of Interactive Design was split up into five basic elements of interactivity, information architecture, time and motion, narrative and interface, which made the notion much more easy to understand. Along with Verplank’s visual diagram and explanation of the notion with three simple “how do..” questions, the definition became more clear and engaging. This lecture made me reflect upon many of the things which I did this week and thought about the interaction I had with these elements.

Information Reference: Waterson, Sarah. “An overview of interaction and interactive design” Lecture. Week One – Interaction-Interactivity. 27 Feb. 2012. Sun 11 Mar. 2012.

Leave a comment

Posted by on 11/03/2012 in Reflections


Tags: , , ,

Interaction Design

What is interaction design?

The five essential elements for designing interaction:

– Interactivity
– Information architecture
Time and motion

However, in order to create an interface (a device or program that enables a user to communicate or interact with the computer), narrative, time and motion becomes the main aspects.  (Last accessed: 10.03.2012)

Within Bill Verplank’s lecture, he defines interaction design as three “how do …” questions.
– How do you do?
(How to interact with the world around us? What kinds of methods are to be used to interact with the world?)

– How do you feel?
(How to get feed back from the world? The feed back of how effective the methods that were used for people to interact with.)

– How do you know? 
(How to know and what to expect of the users’ knowledge of certain things in order to provide the right ways for them to interact and understand?)  (Last accessed: 10.03.2012)

Computer Games: 


Doodle Hangman.  (Last accessed: 10.03.2012)

Games are one of the most engaging type of interaction design, as it requires the user to think, engage and respond to different situations within the virtual world.

Media Video Files:

Black Rock Shooter. (last accessed: 10.03.2012)

Media Video Files are less interactive, since other than watching it, there may be no other interaction. So if the person actually don’t like the video that they are watching, it will not be engaging, in other words, the file won’t be interactive.
However, there is another type of interaction within video files which many young generation would know and it’s the reading of subtitles. SInce many videos now-a-days, may be in other languages which one may not understand and so subtitles is required. This form of interaction are starting to get popular with the raise in Japanese animation and other language films.
Information Reference: Waterson, Sarah. “An overview of interaction and interactive design” Lecture. Week Two – Interaction-Interactivity. 27 Feb. 2012. Sat 10 Mar. 2012.


Tags: , ,

Class Exercise: Flowcharts

Prepare a step-by-step text description for cooking toast

  1. Grab bread out of bag
  2. Close the bread bag and enclose it with elastic
  3. Get toaster and plug it in
  4. Insert bread vertically downwards into the toaster
  5. Set the timer and temperature
  6. Push down the button on the side to secure the bread into the toaster
  7. Get a plate, butter and butter knife while waiting for the bread to become toast
  8. Grab the toast carefully out of the toaster as it is hot
  9. Open the butter lid and use butter knife to place butter on toast
  10. Close the butter lid and place back in fridge
  11.  Toast is served!!

Flow Chart:


Tags: , ,

Web 2.0 and Convergence

A contextual background to the design environment.

What is Web 2.0?

The main purpose of Web 2.0 is targeted towards the interaction and sharing of people within the online community.
Here are some of the Web 2.0 examples :

Image Source: (Last Accessed: 06.03.12)

Web 2.0 has brought about a major shift upon the entire notion of online information and research, as it allows people to distribute and edit information as they please. In other words, people that are sharing the information might not have any academic background, but rather distributing the information of that particular topic only based upon their own knowledge. A significant example of this is wikipedia.

Image Source: (Last Accessed: 06.03.12)

Media Convergence:

Media convergence is a common concept when signifying a range of methods within the media production content, especially when it comes to publication, distribution and consumption. In other words, it is the crossover of communication networks, computing and Information technology and the media’s content. From these forms an interactive online community (Web 2.0).
With the connection between the concepts of media convergence, participatory culture and collective intelligence forms the basis of the convergence culture. WIth the flow of content across multiple media platforms, audience can more easily engage, react and interact with such information.

Interactive Web 2.0 Examples:


Image Source: (Last Accessed: 06.03.12)

Image Source: (Last Accessed: 06.03.12)

Blog is a type of Web 2.0 only by the commenting of other people. Although some blogs now have things like “kisses” , “hugs” and “likes” for others to use as an interaction with the blogger. The interaction of users within blogs are still very limited as only comments are the only way to show interaction. In addition, certain blog websites might even need a day or two to process a comment, which in other words mean that the speed of the interaction process between the users would decrease.


Image Source: (Last Accessed: 06.03.12)

Youtube is an online broadcasting platform for people to share videos with one another, forming a whole online community of people interacting by recording and uploading their own videos for people around to world to browse, watch and comment on.



Image Source: (Last Accessed: 06.03.12)

Facebook is a well-known Web 2.0 social network, as it provides the platform for people to interact with one another through commenting and posting.


Information Reference: Waterson, Sarah. “An overview of online developments and the media context for interactive design.” Lecture. Week One – Web 2.0 and Convergence. 27 Feb. 2012. Web. 03 Mar. 2012.


Tags: ,

Week One – Web 2.0

This week’s topic: Web 2.0 and Convergence

Summary: The aim and purpose of Web 2.0 is to create an online community for audience to interact and share information with one another. It is a type of participation which within these recent years, has grown exponentially due to the introduction of social networks such as web blogs, google, wiki and facebook.

Image Source: (Last Accessed: 06.03.12)

Reflection: Other than understanding the definitions of terms within this lecture, I think the most important aspect is our understanding of the online community’s significance in the future and the various of platforms for audience interactions and participations. By realising that the cross platform presentation of ideas are an essential to become a future designer. I now know what in order to become a successful designer in the future, the process of reinventing and renovating of current interactive designs are the basis. So by understanding and looking beyond different contexts, us as designers are required to be more flexible in engaging and understanding contexts, as well as being able to create and develop engaging ways for audiences to interact and participate in our publications. 

Information Reference: Waterson, Sarah. “An overview of online developments and the media context for interactive design.” Lecture. Week One – Web 2.0 and Convergence. 27 Feb. 2012. Web. 01 Mar. 2012.

Leave a comment

Posted by on 01/03/2012 in Reflections


Tags: , , ,