Week 7: UI Visual Design Patterns


UX vs UI.png

Image: Waterson, S. (2016) UX vs. UI  [Screenshot]. Retrieved from https://vimeo.com/161435877


In this weeks lecture it focuses on introducing, the common UI element navigation patterns. Web and User Interface (UI) design is sometimes mistaken with how the website looks, the graphic design. But interface design is not just about the colours and shapes, but also about presenting the user with the right tools to accomplish their goals.

User Interfaces are just more than about buttons, menus and forms for users to fill out. It is the connection between the users and the experience, the first impression and the lasting impression that either makes a website feel familiar and helpful or at best invisible, forgettable or annoying.

Continue reading “Week 7: UI Visual Design Patterns”


Week 6: User Scenarios

User Scenario.png

Image: N, A. (2015) User Scenarios [Image]. Retrieved
from http://www.uxforthemasses.com/scenario-mapping/

In this weeks lecture it focuses on introducing, user scenarios and how through using user personas can be applied to in order to produce scenarios.

User scenarios are the stories, which user personas act out. User scenarios are thought out exercises though represented visually, in which the designer predicts certain types of users represented by designer’s personas will interact with your project in a given situation in order to complete a given goal.

Continue reading “Week 6: User Scenarios”

Week 4: Instructional Design

Instrucitonal Design.jpg

Image: N, A. (2016). Instructional Design [Image]. Retrieved
from http://www.geolawsdesign.com/what-is-instructional-design/

In this weeks lecture it focuses on introducing,instructional design and how it demonstrates how to “do something” or explain, “how something works to target audience. As well as the lecture will touch up on specific concerns related to designing for screen based interactive design.

Continue reading “Week 4: Instructional Design”

Week 3: Design Patterns for Screen

In this weeks lecture it focuses on introducing, screen design basics and design patterns for screen, which is an important component to consider with designing interactive.

By patterns, it refers to the development of conventions of user interface and in terms of page composition. We need to distinguish what is the difference between, mobile, tablet, laptop and desktop screens.

What Device to Use?.png

Image: Waterson, S. (2016). What Device to Use? [Screenshot]. Retrieved
from https://vimeo.com/159663778

Continue reading “Week 3: Design Patterns for Screen”

Week 2: Process and Context

In this weeks lecture it focused on introducing the concept of context, and how the process of design is an important component to consider when designing interactive.

There are to two areas that are needed to be considered when talking about context.



Image: Waterson, S. (2016). Context [Screenshot]. Retrieved
from https://vimeo.com/159662636


But, before evaluating the context for use and contexts of use, it is useful to have an idea of the interactive design process and how creating ideas can eventually leads us to context.

Continue reading “Week 2: Process and Context”

Week 1: Introduction to Interactive Design



Image: Waterson, S. (2016). Interactivity [Screenshot]. Retrieved from


In this weeks lecture it focuses on the difference between what an interaction and what an interactive design is from a broad perspective.

Interaction design as a field began the day the first screen was designed to hold more than static copy. Everything from a button, link or form field is part of interaction design.

Continue reading “Week 1: Introduction to Interactive Design”