Category Archives: Lecture Notes

Lecture Notes: The Design Process Overview

Design Process Overview


  • Client Brief
  • Budget
  • Schedule
  • Proposal

Concept and Planning

  • Micro schedule
  • Flowchart
  • Proof of concept
  • Feature List
  • Design Research
  • Exp. requirements
  • Tech. requirements

Design, Prototype and Specifications

  • Workflow and Storyboards
  • Visual Design and Specs.
  • User Testing Report
  • Finished exp.prototype
  • Functional Spec.Production Matrix


  • Alpha Builds
  • Beta Builds
  • Test Matrix


  • Test for bugs/issues
  • Launch


  • Updating and adding content
  • Modifications/fixes
  • Style Guides
  • Archived Assets

Interactive Design Model

  • Begins with an abstract and conception
  • Visual Design
  • Interface, Navigation and Information Design
  • Interaction Design and Information Design
  • Functional Specifications and Content Requirements
  • User Needs and Site Objectives

Personas, Scenarios and Wireframes

Persona: Fictional archetypal users; a portrayal of a character.

  • User Persona
  • Artefact Persona
  • User Scenario

If there is not a conscious, articulated vision of your audience then it is NOT design.

To design interactivity, we must first think about the audience. A designer must have an understanding of the audience that they are designing for. Therefore, a persona is a hypothetical audience that, if followed and designed for, can reach the goal for an intended audience.

Personas and Scenario Example

User – Persona.

Goals – Objective that the design needs to achieve.

Scenario – A hypothetical event created to help the designer see what the user would experience with the designed solution.

Artefact Persona

Artefact – Product

  • If the interface were a person, what would he or she be like?
  • How would you expect users to react when they use the product
  • How would you describe this product to a friend
  • How is the product different form competitive products
  • Which celebrity (or car movie etc.) is the product most like? (Least like? Why?)

Experience Keywords

Developing a set of keywords that forms the foundation for the design. This helps build the persona of the product.


The design process is crucial to developing any type of design. The designer must plan and make sure all preparations and research have been completed before even attempting to create the product. This will ensure that the product will be of high quality.

Leave a comment

Posted by on March 21, 2011 in Lecture Notes


Lecture Notes: Interactive Design


Interaction: The process of where two different parties influence each other.

Interactive Design:

“Designing interactive products to support people in their everyday and working lives.”
-Sharp, Rogers and Preece.

“The design of spaces for human communication and interaction.”
-T. Winograd.

In interaction design there a 5 key design areas that contribute to the design of interactive products. These areas are:

  • Interactivity
  • Information Architecture
  • Time and Motion
  • Narrative
  • Interface

Bill Verplank states there are 3 key “how do you” questions that need to be answered as a interactive designer. These key questions are:

  • How does the person do?
  • How does the person feel?
  • How does the person know?

Gillian Campton says that interactive design is all about designing the quality of the interaction that occurs between the user and the system/product.

These qualities include:

  • How easy/hard is it to interact with the system/product?
  • How natural is this interaction between the user and the system/product?

Experience Design

Information comes from the representation of data.
Information then contributes to knowledge.
Knowledge is then used to build experience.
Once someone has an experience, they gain wisdom.
Through the use of interactive design, we as designers can create an experience for someone.
Interactive design plays a huge part in design today as it allows users to interact with various information and systems. Designing interactivity takes a lot of planning and key questions must be answered to fulfill the design. Interactive design also creates an experience for the user and it is the designer’s job to ensure that the experience is smooth and easy to understand and use.
Leave a comment

Posted by on March 16, 2011 in Lecture Notes


Lecture Notes: Web 2.0

What is Web 2.0?

Web 2.0 is basically how we perceive the internet today. In today’s world of Web 2.0, data is not controlled by one person, but by many people. Users create their own content for the internet which in turn makes it more involved and interactive than just passively viewing a webpage. This encourages open communication between people all around the world who are linked and they are able to share, trade and collaborate. It’s all about participating, sharing and collaborating.

When designing for Web 2.0, we need to think about:

– Flexibility
– Context aware
– Publishing vs. participation
– Functionality
– Cross platform

What is Convergent Media?

Convergence is a cross over between:

– Communications Networks
– Computing Information Technology
– Content (Media)

The 3 “C”‘s of convergence.

All of this combined creates the internet, which is basically Web 2.0 and a global community.

Laurence Lessig describes convergent media as containing three layers:
  • Physical Layer: Network through which communications travels and communication devices are connected to one another.
  • Code Layer: Code or software that operates communications hardware devices – including protocols.
  • Content Layer: Content that is delivered through the communications infrastructure.
Web 2.0 plays a huge role in our everyday lives. Most people cannot imagine life without the internet because then there would be no sharing of ideas and thoughts and there would be no virtual interaction other than physical interaction with people around the world. It is human nature to share, trade and collaborate with one another and without Web 2.0, this would be made very difficult. The power of Web 2.0 allows us to easily execute these tasks quickly and efficiently.
Leave a comment

Posted by on March 15, 2011 in Lecture Notes