Week 11: Classwork

Making A Gif Activity


How to Make a Gif.gif


In today’s studio session, we were asked to through using Adobe Photoshop or Illustrator to create a sample gif of images of a loading symbol.

Continue reading “Week 11: Classwork”


Week 5: Class Work

Mood Board and User Persona Activity



 Image: N, A. (2015). Moodboard [Image]. Retrieved
from https://www.youtube.com/watch?v=9Xf8P38YpZo


In today’s studio session, we started with an activity where we would create a mood board for a hypothetical user persona.  After that introduction, we then moved on to creating our own user personas for our assessment 2 using the program Xtensio.

Continue reading “Week 5: Class Work”

Week 4: Class Work

Assessment 2 Text Description, Sitemap and User Interface Flow Diagram Activity

In today’s tutorial session, we started planning the elements of text description; site mapping and user interface flow diagrams of our assessment 2 prototype idea.

User Interface.png

Image: N, A. (2016). User Interface [Image]. Retrieved from https://www.quozr.com/webs/web.aspx?p=815

As a class activity we had to make up all the step by step text of our interactive how to idea, as well as draw a sitemap of what our website/app will look like and finally using that site map to plan out our user interface flow and how our interactive design will be used.

Continue reading “Week 4: Class Work”

Week 3: Class Work

Wireframes and Compositions using Adobe Illustrator


Image: N, A. (2016). Wireframe [Image]. Retrieved from

In today’s studio session, we continued with the process of “How to make toast” from last weeks tutorial.

As a class activity, we were asked to create a wireframe for a sample interactive app on “How to Meme”. As reference to the composition produced by the teacher, we were asked to produce a wireframe layout, through using Adobe Illustrator and templates.

Continue reading “Week 3: Class Work”

Week 2: Class Work Part 2

Introduction to Site Maps, UI Flows, Wireframes and Compositions.

In todays tutorial session, we continued with the process of making toast and we were asked to map out a user flow diagram for “How to Make Toast”.

Below is an image of the user flow diagram of “How to Make Toast” that I had a go at sketching.

User Flow- Making Toast .png

As you can see above, each screen is different and therefore demonstrates a quick overview of what may happen in each slide when users use the interactive design.

Continue reading “Week 2: Class Work Part 2”

Week 2: Class Work Part 1

Storyboarding “How to Make Toast”


Image: N, A. (2010). Storyboard Template [Photograph]. Retrieved
from http://www.eslstudentpublications.com/storyboards/

In today’s studio session, we continued with the process of “How to make toast” from last weeks tutorial.

Therefore, we were asked with using the step by step process we created, to produce a narrative storyboard demonstrating the steps of “How to make toast” through the use of illustration.

Continue reading “Week 2: Class Work Part 1”

Week 1: Class Work

Text Descriptions and Flowcharts

creative flow chart.JPG

Image: Key, S. (2010). Creative Flow Chart [Photograph]. Retrieved from http://www.georgiacriminalappellatelawblog.com/preservation-of-error/the-great-trial-lawyers-get-creative-when-making-a-record/

In this weeks tutorial it focussed on introducing text descriptions and flow charts.

A text description, from my understanding of the lesson is where a scenario is written in a step-by-step format to identify the solution to the problem using words.

To understand the concept of text descriptions, we were asked to write a step-by-step instructional guide on “Making toast”.

Continue reading “Week 1: Class Work”