UK4677

Submission 2 - Storyboarding and Low-Fidelity Prototypes (25%, Individual Work)

Summary

Creating and building an application or website can be expensive in both time and resources. To avoid wasting these on a final product that doesn’t align with user needs or has usability issues, it’s beneficial to create storyboards and low-fidelity mockups.

Storyboards can help you understand the circumstances in which users might engage with your product, as well as their emotions and thoughts during the interaction. Low-fidelity sketches of a prototype allow for brainstorming various design ideas quickly and affordably, and refining them before dedicating significant effort to a high-fidelity prototype.

Individual Task

Having gathered user data, analyzed it, and completed your personas, user stories, and updated requirements from Submission 1, use this knowledge to guide you through the process of creating storyboards and then developing some low-fidelity mockups.

Storyboarding
Select 2 user stories from submission 1 (these can be from any group member’s submission, but should be stories that were prioritized as either Must or Should) and create storyboards portraying each story’s scenario:

Produce 2 storyboards (one for each chosen user story). Ensure your storyboard:

● Represents the narrative of a specific persona (include the persona's name in the storyboard).

● Refers to a particular user story (the goal should be evident in the storyboard).

● Consists of 4 to 6 panels in the storyboard.

● Contains brief descriptions below each visual. These descriptions should be meaningful, reflecting users’ thoughts and emotions.

Additionally, you must also consider accessibility and inclusiveness. At least one of your storyboards should illustrate a user with an accessibility consideration or need (permanent, temporary, or situational).

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

Low-Fidelity Prototype
Now that you have a solid understanding of your users and the problem you're solving, and you've created storyboards to clarify the requirements, the next step is to produce mockup screens of your proposed solution:

● Provide sketches of 3 low-fidelity prototype screens. The screens must show the application of some acceptance criteria from the user stories chosen in the previous task. For instance, (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 registration/login screen.

○ List the acceptance criteria, using the Kanban format from class, for the user stories you chose for your storyboards.

○ Sketch low-fidelity mockup designs of screens that address the most important/relevant criteria. A minimum of 3 acceptance criteria must be implemented per user story. Note that criteria from 1 user story may be implemented across multiple screens. Update the Kanban board to reflect how the criteria were addressed in the ‘Done’ column.

○ In addition to considering general design and usability principles, your prototype must incorporate accessible and inclusive design.

■ Select 3 of Norman’s Design Principles and 3 Accessibility Guidelines/Principles (Perceivable, Operable, and Understandable) and annotate your prototypes to indicate where they have been applied. These should be distributed evenly across your screens (i.e. avoid having 3 rules/principles on one screen and only 1 rule/principle on each of the others).

○ Your screens should ideally be hand-drawn. These sketches can be scanned or photographed and then uploaded into your report.

Discussion
Write a brief report outlining the most important decisions made when designing your prototype (800-1000 words; annotated images are excluded from this limit):

● Justify the user stories and acceptance criteria you selected to implement (i.e. why you prioritized those criteria over others) to support your design choices.

● Provide clear explanations/justifications of how the selected 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 incorporated through the accessibility guidelines/principles in the prototype (referencing the annotated screens of your prototype).

● As tutors won’t be reviewing earlier submissions while grading Submission 2, 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 work to a potential client. Your submission must include:

● Title Page
● Table of Contents
● Introduction
● Selected User Stories
● Storyboards (including 1 storyboard considering an accessibility need)
● 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 Accessibility Guidelines/Principles for inclusiveness have been addressed.
● Conclusion
● Appendix
○ Relevant Personas (from submission 1)
○ Relevant User Stories (from submission 1)

Quality over quantity! Ensure your responses reflect careful application of theory and processes.

Submission Information: Submit your work on Moodle as a single PDF document through Turnitin. The deadline is Friday, September 13th (week 8) at 11:55 PM.

The report file name should follow this format: FIT5152Sub2-YourName (e.g. JohnSmith).

Plagiarism - PLEASE NOTE

Before submitting your assignment, ensure that you haven’t violated the University’s plagiarism and cheating policy. It is the student's responsibility to become familiar with the contents of these documents.

Also note the following from Monash’s Plagiarism Procedures, available at http://www.policy.monash.edu/policy-bank/academic/education/conduct/plagiarism-procedures.html

Plagiarism occurs when students fail to acknowledge the use of others' ideas. Specifically, it happens when:

● Other people’s work and/or ideas are paraphrased without citation;
● Other students’ work is copied or partially copied;
● Other people’s designs, code, or images are presented as the student’s own;
● Lecture notes are reproduced without proper attribution.

Chat GPT and AI Usage Guidelines

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

Please be aware that attempting to pass off AI-generated content as your own without proper acknowledgment is a violation of academic integrity.