Interactive Design, Lecture Notes

Persona Profiles

USER PERSONA

A user persona is the development of a fictional character who is a representative of the intended audience. The purpose follows to reflect the goals and behaviour of the hypothetical users to help designers visualise the user experience.

Some of the fundamental questions that need to be considered when creating user personas include:

   What are the tasks the user is trying to perform?

            Are there different tasks for different personas?

Continue reading

Standard
Interactive Design, Lecture Notes

Instructional design revolves around a visual hierarchy which teaches the audience how something works or how to do something. Poorly directed instructions affect the user experience greatly which ultimately makes the product undesirable and useless. It is important to account for the cultural differences as well as the targeted audience to successfully create an instructional design.

Continue reading

Standard
Classwork, Interactive Design

Wireframes & Mockups

Using the program Adobe Illustrator, creating wireframes and mockups are essential to develop which enables the designer to envision what the final outcome will roughly look like. By implementing the ‘Layers’ tool, it allows the product engineer to slowly build their interactive prototype. Through the use of guides, having these foundations are helpful in ways that are powerfully informative to the designer and their team.

Below is a continued example of ‘How to Make Toast’.

Continue reading

Standard
Classwork, Interactive Design

UI Flow Diagram

Utilising a UI flow diagram is another useful tool to visualise an interactive product. It maps out all the pages needed to be included as well as important details such as navigation buttons, titles, rough image placements etc. As mentioned before, for a designer, being able to analyse a structured diagram helps them notice what elements are missing.

Below is an example. (‘How To Make Toast’ cont.)

Continue reading

Standard
Classwork, Interactive Design

Back to the Storyboard

Like flowcharts, employing storyboards is an excellent tool for developing an interactive design product. It provides a visual representation of what is envisioned, which allows the designer to realise any complications and improve their idea.

Below is an example of a simple storyboard on ‘How to Make Toast’.

Continue reading

Standard
Classwork, Interactive Design

Basics of Flowcharting

Flowcharts are an important tool within the process of interactive design. It visually represents the directions of a conceptual problem and its solution. Prior to creating the flowchart, it is imperative to produce a written procedure to ensure no crucial details are forgotten.

Below is an example on ‘How To Make Toast’.

Continue reading

Standard