DAVE’S MOOD BOARD
Using the program Adobe Illustrator, creating wireframes and mockups are essential to develop to be able to understand what the final outcome will roughly look like. 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’.
This is a collaborative project based on the First Aid – Red Cross App. As a team, we deconstructed the interactive to understand how all the elements conjoined into one to produce the instructional design.
The Red Cross App provides an inbuilt interactive interface that allows users to react in real time to emergency and disaster events.
The app enables users to choose from a multitude of scenarios and provides solutions facilitated through back end flowcharts which narrow down possible cause/effect and solutions. Below is a link to a short video which introduces the general use of the app.
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.)
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’.
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’.