FIT3175 Usability - S1 2024
Submission 2 - Storyboarding and Low-Fidelity
Prototypes
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 lowfidelity 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) using thetemplatefrom NNGroup.Make sure your storyboard:
● Illustrates the story of a given persona (name of the persona should be provided as part of 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 are asked to consider accessibility and inclusivity via the Persona Spectrum for your storyboards. For this, at least one of your storyboards should cater to people who have some sort of impairment or limitation (i.e. permanent, temporary or situational):
● This storyboard must depict either a permanent, temporary or situational impairment or limitation.
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.
For this:
○ List the acceptance criteria, using the Kanban format as practised in the lecture and tutorials, 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 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):
a) 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.
b) Provide clear explanations/justifications of how your nominated Norman’s principles have been applied (referencing the annotated screens of your prototype).
c) 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).
d) 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
○ Personas (from submission 1)
○ 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 name of the report file should follow this format: FIT3175Sub2-YourName (eg. JohnSmith).
Chat GPT and AI Usage Guidelines
We encourage students to avoid using AI or ChatGPT as much as possible, as there are numerous issues with its output (for example, lack of empathy, making up references or sources that do not exist). However, if you do use it, the following guidelines should be followed:
● Include a reference/link to the AI tool you have used.
● Include the text prompt you entered to generate the output.
● Explain how you modified the original output before submission.
○ Any text content generated by ChatGPT should not be submitted ‘as-is’. We expect that students reflect on, edit and refine the output to ensure it is suitable, complete and addresses the relevant assessment criteria.
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.