SWEN 303 (2024) Assignment 2: Wireframes and User Flows

CHANGE LOG

28.03.2024 Added clarification to section 1 that you can also design for tasks as performed by the Alex Singh persona from A1. 
26.03.2024 Added clarification to section 1 that the wireframes are for an app that helps flatmates manage their expenses as per A1.
26.03.2024 Release date.

Due: 23:59 Sunday 21 April 2024
How to submit: In the ECS submission system, submit your assignment as a PDF file called 303-a2-report-username.pdf.
Extensions: see notes on Slip Days and Extensions.

This individual assignment consists of three parts: Wireframes, User flows, and UX guidelines. You should produce a single PDF for this assessment. The expectation is that you appropriately reference material provided in class, as well as any additional material from other sources, in your report. The list of references does not count towards the page limit.

• NOTE: The VUW Library has advice on how to reference AI-generated content: https://libguides.victoria.ac.nz/referencing-citing/what-is-referencing#s-lg-box-wrapper-26260706
• NOTE: You can use standard IEEE format for references: https://www.canterbury.ac.nz/study/study-support-info/citations-and-referencing/ieee-style. There's no strict rule for referencing lecture slides (as long as it is clear) so you can use something like what is suggested here: https://libraryguides.vu.edu.au/apa-referencing/7CourseNotesPresentations

There is a general marking guide included below.

1. Wireframes (40% of assignment mark)

Continuing on from Assignment 1, you are building an app that helps flatmates manage their expenses. In this part of the assignment, you should choose 3 user tasks belonging to any of the personas you identified from Assignment 1 Part 2 Q3. You can also use the Alex Singh Persona from Assignment 1. Design the wireframes to support each step of these tasks. In the report, include your wireframes and label them clearly as to what screen is being represented.

• NOTE: You can use any tool such as balsamiq, Figma, or Adobe XD or even hand-draw to create your wireframes.

• NOTE: Log in / log out tasks do not count.

2. User flows (20% of assignment mark)

In this part of the assignment you should show the user flows to demonstrate how users will carry out the above tasks with your wireframes. You should include the user goal with each task, and which persona is involved.

3. UX guidelines (40% of assignment mark)

In this part of the assignment you should discuss the strengths and weaknesses of your design (wireframes and user flows) by referring to UX guidelines discussed in class or in external sources. This part of the assignment should be no more than three A4 pages.

Marking Guide

The assessment will consider both presentation and content as per the rubric below.

Part	A range (A+, A, A-)	B range (B+, B, B-)	C range (C+, C, C-)	D/E
Wireframes	Provides all the necessary UI components for task execution, Shows excellent structure of the UI with distinct sections / elements and clear visual / information hierarchy. Design elements are used consistently throughout. Strikes an excellent balance between text and images.	Provides all the necessary UI components for task execution, Shows well-structured UI with distinct sections / elements and clear visual / information hierarchy. Design elements are used consistently throughout. Strikes a very good balance between text and images.	Provides most of the necessary UI components for task execution, Shows somewhat well-structured UI with distinct sections / elements and clear visual / information hierarchy. Design elements are used somewhat consistently throughout. Strikes a good balance between text and images.	Missing necessary UI components for task execution, missing structure in UI with unclear sections / elements and unclear visual / information hierarchy. Design is inconsistent. Use of text and images is unbalanced.
User flows	Clearly shows the complete task flow, follows a logical order, clearly labelled.	Clearly shows the task flow, may be missing some minor steps, follows a logical order, clearly labelled.	Somewhat clear task flow, may be missing some major steps, follows a somewhat logical order, somewhat clearly labelled.	Unclear task flow, missing major steps, follows no sensible order, not labelled.
UX guidelines	Outstanding use of UX guidelines that are clearly recognisable in the wireframe, outstanding justifications for using the specified guidelines, all sources are cited where appropriate.	Very good use of UX guidelines that are clearly recognisable in the wireframe, very good justifications for using the specified guidelines, all sources are cited where appropriate.	Good use of UX guidelines that are somewhat clearly recognisable in the wireframe, good justifications for using the specified guidelines, may be missing some references.	Poor attempts to use UX guidelines that are unrecognisable in the wireframe, weak justifications for using the specified guidelines, missing references.