Assessment 2 – Moodboard/Sitemap/Wireframes

Task Description:

We were tasked with first creating a combined moodboard based on our two user personas, then to sitemap our website/app and lastly, creating wireframes of our key pages within our website/app.

User Personas Moodboard

Moodboard based on my two user personas

The moodboard above is based on my two user personas, the first of the two being a university student studying marine biology and the second being a zoologist. I used images that addressed the personas, their technological approach to the interactive, their locations, their occupation, and the issue they are wanting to learn more about.

Continue reading “Assessment 2 – Moodboard/Sitemap/Wireframes”

Week 5 – Personas

Summary:

User Personas

Above provides two diagrams, the first being an overview of the interactive design processes and the second being a refined version of the prior into a user experience design model.

User Persona: Fictional users representative of our real users who we reference throughout our creative process to inform and validate our design and user experience. They represent the goals and behaviour of a hypothesised group of users, synthesised from data collected from users, including behaviour patterns, goals, skills, attitudes, and the environment or context with a few fictional details to make them realistic.

Continue reading “Week 5 – Personas”

Precedent Presentation – Plastic Adrift

Link to site: http://plasticadrift.org/

What is the interactive about?

  • It addresses the issue of plastic litter within the ocean
  • The interactive is about demonstrating where floating debris in the ocean end up over a span of 10 years depending on what part of the ocean you click on

Who is it designed for? (Target Audience)

  • The website is designed for teens – adults as the interface is quite gimmicky while the information provided is in depth, informative and detailed
  • People interested in finding out more about ocean pollution

What knowledge does it assume of the target audience?

  • The colours indicated by the cluster communicate the severity in the amounts of debris (red = large amount / green = light amount)
Continue reading “Precedent Presentation – Plastic Adrift”

Week 4 – Instructional Design

Summary:

  • We interact with different instructional designs everyday e.g. refilling toner in a printer
  • Cognitive Load Theory is based on how think and how we remember, applying that research into creating the most effective ways to deliver instructions
  • Working Memory refers to how we manipulate information stored in our short-term memory

The image below refers to how our working memory affects our ability to efficiently carry out instructions. The “Before” image shows a chunk of text on the left hand side providing steps for the viewer to follow, paired with a diagram on the right with letter labelled parts that blend in with aspects of the illustration. These labels also have a key of reference located elsewhere on the manual, making this extremely difficult for the reader to retain and execute. The “After” image however, portrays the redesigned manual, where the steps have been summarised and the diagram is larger and labelled properly, creating an easy experience for the reader.

Continue reading “Week 4 – Instructional Design”

Indicating Interactive Change

Task Description

We were asked to implement our user interactive into a hypothetical website about toast and demonstrate the interactions the user would have within the site demonstrated by change between two images. We had to create a wireframe of the site and then refine it from there.

Wireframing

Wireframe for hypothetical toast website
Continue reading “Indicating Interactive Change”