Category Archives: Reflections

Week Five – Interface Design Review

This week’s topic: Interface Design Review

Summary:The level of transparency reveals the success of an interface, so in other words, if the interactive operates without any difficulties, that means the interface is effective as it became an ignored and forgotten function. The six fundamentals and principles of interface are visual focus, problem solving, contextual, conceptual, wholeness, linear / nonlinear. These fundamental principles forms the basis of layout for any kinds of design as they include the mapping and navigation, the point of interest and eye tracking, the grouping of information as well as the setting out of icons and graphics.

Image Source: 

Reflection: Interface plays such an important role in design as it operates the entire user experiences of the interactive. No matter if it’s a piece of information or graphics, the layout and composition of the design is vital as it indicates as well as communicates. By understanding the concept of interface and exploring the fundamental principles, designers can more effective express the idea which they are proposed to do.

Leave a comment

Posted by on 25/03/2012 in Reflections


Tags: ,

Week Four – Static and Kinetic Screen

This week’s topic: Static and Kinetic Screen Module One and Module Two

Summary: The on-screen designs now-a-days can be both static and kinetic, as it has evolved into an interactive medium through new developed and improved softwares and technologies. However, when designing interactive mediums, the considerations of static and print-based design still plays a significant role. With the composition of *visual elements creating visual hierarchy, information can be grouped and function collectively as a whole.

*Visual Elements:
a) Points of Interest
The focus point (yellow flower) within the picture draws audience attention the most due to its bright colour within the dull picture and also the shape of the flower is distinctive within the picture when compared with the lines above it.

Image Source:

b) Contrast
the contrast colour between black and white to define different area and space

c) Tone –

the tone of a colour: the lightness and darkness of a single colour

Image Source:


d) Scale and Weight –

the size of the graphic form to create illusion of foreground and background

e) Colour –
effective use of colour can help eye-tracking, which draws attention to different areas as well as distinctively separating different areas of information.
f) Typography

Example 1 : can be used to provide information in a readable and legible manner.

Image Source:


Example 2 : can also be used to aid visual graphics to express and provide information of the actual graphic.

Image Source:

Reflection: In this week’s lecture, Greg has continuously repeated the purpose and aim of interactive/interaction design and it is “to make complicated things easier and more pleasurable to use”. From Andy Polaine’s quote, it also states what interactive designers must do to make effective interactive products and that is, designers need to: firstly, understand the purpose of the actual complicated matter/thing and find assisting ways such as visuals and designs to express these matter/thing in order to help audience to more easily understand the complication through interactive products. In other words, designers need to keep up with changes in technologies and mediums, as well as incorporating experiences and inspirations into their designs in order to produce adequate ways for audiences in the functioning of interactive products.

Information Reference:

1. Hughes, Greg. “Module 1: Play, Experience Design.” Lecture. The Static and Kinetic Screen. 16 Mar. 2012. Web. 23 Mar. 2012.

2. Hughes, Greg. “Module 2: Using What You Know” Lecture. The Static and Kinetic Screen. 16 Mar. 2012. Web. 23 Mar. 2012.

Leave a comment

Posted by on 23/03/2012 in Reflections


Tags: , , , ,

Week Three – Design Process and Planning

This Week’s topics: Design Process Overview and Planning

Summary: 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. From information research to creating the persona and then through the interaction of the persona with the given situation, the scenario is created. From these creations of personas and scenarios, the designers can more easily identify the target audience of the product.

A detailed explanation of the main stages of the design process.

Image Source: “Agile Software Development Methodology.” Agile Methodology. Web. 19 Mar. 2012. <>.

Reflection: From the lecture, I realised that in order to begin any type of visual design, information research is needed as the essential part of the project which many people may think little of it. In order for the designer to create an effective design, the information from the brief, the research through user personas and scenarios form the basis of the idea for the actual real product. This planning process is like the combination of observations and inspirations, analysing and addressing of the brief and also the ideas and design.

Information Reference:

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

2. Waterson, Sarah. “The Interactive Design Process: User Persona, Artefact Persona and Scenario planning” Lecture. Week Three –The Interactive Design Process: User Persona, Artefact Persona and Scenario planning. 27 Feb. 2012. Sat 17 Mar. 2012.

Leave a comment

Posted by on 17/03/2012 in Reflections


Tags: , ,

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: , , ,

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: , , ,