FIT5152 Usability - S2 2024

Submission 2 - Storyboarding and Low-Fidelity

Prototypes (25%, Individual Work)

Overview

Designing and developing an application or website can be costly in terms of time and money.

To avoid wasting a lot of these resources on a final product that does not meet the user’s needs

or has usability problems, it is worth creating storyboards and low-fidelity prototypes.

Storyboards can help you understand the context in which a user might be interacting with your

product, as well as their thoughts and emotional response to the interaction. Low-fidelity

sketches of a prototype allow you to come up with a variety of design ideas quickly and cheaply,

and refine them before putting a lot of work into a high-fidelity prototype.

Individual Task

Having collected user data, performed analysis of this data and completed your personas, user

stories and new requirements for Submission 1, you will use what you have learned to guide

you through the process of creating storyboards and then developing some low-fidelity

prototypes.

1. Storyboarding

Select 2 user stories from submission 1 (these can be from any group member’s submission but

should be user stories that were prioritized as either Must or Should) and create storyboards

depicting the scenario of each story:

Produce 2 storyboards (one for each selected user story). Make sure your storyboard:

● Illustrates the story of a given persona (include the persona's name in the storyboard).

● Refers to a specific user story (the goal should be clear in the storyboard).

● There should be 4 to 6 frames drawn in the storyboard.

● Has a brief text description under each visual. These descriptions should be meaningful,

considering users’ emotions/thoughts.

In addition, you must also consider accessibility and inclusivity. At least one of your

storyboards should depict a user who has an accessibility consideration or requirement

(i.e. permanent, temporary or situational).

Additional reading: https://www.nngroup.com/articles/storyboards-visualize-ideas/

2. Low fidelity prototype

Now you have a good understanding of your users, and the problem you are trying to solve, and

have created some storyboards to illustrate the requirements. Next, you will produce some

prototype screens of your proposed solution:

● Provide sketches of 3 low-fidelity prototype screens. The screens must show the

implementation of some acceptance criteria from the user stories you selected in the

previous task. For example, (1) the app’s “Home” screen, (2) a “Search Results” screen,

and so on. Assume the user is already logged in; do not sketch a sign-up/sign-in screen.

○ List the acceptance criteria, using the Kanban format as practiced in the lecture

and applied classes, for the user stories you chose for your storyboards.

○ Sketch low-fidelity prototype designs of a set of screens that refer to the most

important/relevant criteria to implement. A minimum of 3 acceptance criteria

must be implemented per user story. Note that criteria belonging to 1 user story

can be implemented across more than one screen. Update the Kanban board

with how the criteria were implemented in the ‘Done’ column.

○ In addition to considering general design and usability principles, your prototype

must consider accessible and inclusive design.

■ Nominate 3 of Norman’s Design Principles and 3 Accessibility

Guidelines/Principles (Perceivable, Operable and Understandable)

and annotate your prototypes with labels to show where they have been

applied. These should be spread evenly throughout your screens (i.e.

don’t have 3 rules/principles on one screen and only 1 rule/principle on

each of the other screens).

○ Your screens should be drawn by hand ideally. These hand-drawn screens can

be scanned/photographed and then uploaded into your report.

3. Discussion

Write a brief report explaining the most important decisions you have made when designing

your prototype (800 - 1000 words; annotated images are not included in this limit):

● Justify the user stories and acceptance criteria you have selected to implement (i.e. why

you implemented that set of criteria over the others) to support the design decisions you

have made.

● Provide clear explanations/justifications of how your nominated Norman’s principles

have been applied (referencing the annotated screens of your prototype).

● Provide clear explanations/justifications of how accessibility and inclusive design have

been addressed through the accessibility guidelines/principles in the prototype

(referencing the annotated screens of your prototype).

● As tutors will not be referring to previous submissions while marking Submission 2,

please include your relevant user stories and personas from Submission 1 in an

Appendix at the end of your Submission 2 document.

Format of the deliverables

Consider how you would present your materials to a potential client. Your submission must

contain the following:

● Title Page

● Table of Contents

● Introduction

● Selected User Stories

● Storyboards (including 1 storyboard considering an impairment)

● List of Acceptance Criteria for each user story

● Low-Fidelity Prototypes (screens, annotated)

● Discussion (max. 800-1000 words)

○ Justification of user stories and acceptance criteria

○ Explanation of how 3 Norman’s Principles have been applied.

○ Explanation of how 3 Guidelines/Principles for accessibility/inclusivity are

addressed.

● Conclusion

● Appendix

○ Relevant Personas (from submission 1)

○ Relevant User stories (from submission 1)

Quality over quantity! Make sure your responses to assessment questions demonstrate

thoughtful application of theory and processes.

Submission information: Submit your work to Moodle as a single PDF document

through Turnitin. The submission is due on Friday 13th of September (week 8),

11:55 PM.

The name of the report file should follow this format: FIT5152Sub2-YourName (eg.

JohnSmith).

Plagiarism - PLEASE NOTE.

Before submitting your assignment, please make sure that you have not breached the

University plagiarism and cheating policy. It is the student's responsibility to make themselves

familiar with the contents of these documents.

Please also note the following from the Plagiarism Procedures of Monash, available at

http://www.policy.monash.edu/policy-bank/academic/education/conduct/plagiarism-procedures.h

tml

Plagiarism occurs when students fail to acknowledge that the ideas of others are being used.

Specifically it occurs when:

● other people’s work and/or ideas are paraphrased and presented without a reference;

● other students’ work is copied or partly copied;

● other people’s designs, codes or images are presented as the student’s own work;

● Lecture notes are reproduced without due acknowledgement.

Chat GPT and AI Usage Guidelines

Chat GPT and other AI tools should not be used for this assignment.

Please note that being caught passing off content generated by AI technologies as your own

work, without proper acknowledgement, is a breach of academic integrity.