ITC504 | Team Design | User Interface

Task

Overview
Your assignment is to develop the design for the Local Farm Shop Mobile App. This design is to be a wireframe only design, at this stage.

The Local Farm Shop case study is located in Interact Resources. You need to read this case study before starting this assessment item.
 

Team Setup
This assignment is the first of the team assignments for this subject. The rationale for using a team approach is that most IT design and development studios work in teams of between 2-5 designers/developers for each design problem. You will be assigned to a team and the team, as a whole, will be responsible for the development of the design.

 

Team Member Responsibilities
Each team member will be assessed on:

    • The final design presented by the team;
    • The individual contributions that they have made to the design. This will be shown by the entries that they have made in the Team forum. 

Team members should note that:

A total of 30% of the total marks for this assignment are for individual contributions. These include:

    • Reasons for the choice of design (10%), and
    • Reasoning behind the design decisions for the submitted design (20%)

A team member without any individual contributions in the Team Forum will be regarded as having not contributed to the design. This will result in either reduced marks or no marks being awarded to that team member for this assignment.

Team Tasks:

    1. Select one of the alternative designs produced by the team to be the design that will be produced.
    2. Indicate in your team forum site the reasons why this design was chosen. (10 marks)
    3. Create a set of wireframes for the Mobile App design (40 marks). This set should show:
      1. Wireframes for all pages in the Mobile App. This should also include a rudimentary payments page, even though this will probably be supplied by a payments processing firm at a later stage. This page will just act as a placeholder for the final page;
      2. All screen components for each page;
      3. Navigation between pages, such as buttons, breadcrumb trails, etc.;
      4. General placement for all items on each page. This can be in the form of a template where, for example, a table could be used to show a picture of an item, the description, the size, the artist, the price, etc.;
      5. Help functions for users,
      6. A description of the navigation path that a user would take through the Mobile App.
    4. Create a click-through prototype of your wireframes using Balsamiq Mockups Links in presentation mode (for details). When the links in your presentation mode mockup are working correctly, then export your presentation to PDF (/desktop/exporting/exporting-to-pdf). This PDF file is what you will submit for assessment. (20 marks)
    5. Write a Word document (.doc or .docx) that summarises all the design decisions for your design. The document should also indicate the reasons for each team decision. (10 marks)
    6. Indicate in your team forum site, the reasoning behind your design decisions. This reasoning must demonstrate input from each member of the team. (10 marks)

Important Note

Your assessed contribution to the team effort is worth 20% of your overall mark in this assignment.

Your team design will be given a usability evaluation by another student team in Assignment 3. Your team MUST ensure that:

    • All wireframes are as complete as possible;
    • Wireframes should contain explanatory notes about features to be further developed;
    • The wireframes are correctly linked, and the links have been tested prior to submission.

Your team should also consider the Assignment 3 tasks and requirements before submitting this assignment.

Rationale

This assignment aligns with the following learning outcomes of this subject:

Marking criteria

Question

HD

DI

CR

PS

FL

Describe why your design concept was chosen

(10 marks)

Comprehensive description of design concept that includes excellent design rationale

Thorough description of design concept that includes good design rationale

Detailed description of design concept that includes some design rationale

Adequate description of design concept  

Incomplete or irrelevant description of design concept

Wireframes and description

(40 marks)

Comprehensive description of design that includes sketches and all component functionality

Thorough description of design that includes sketches and most component functionality

Detailed description of design that includes sketches and some component functionality

Adequate description of design that includes sketches and some component functionality

Incomplete or irrelevant design and/or description

Create click-through prototype

(20 marks)

Complete walk-through prototype that demonstrates all functionality

Thorough walk-through prototype that demonstrates most functionality

Good walk-through prototype that demonstrates much of the functionality

A walk-through prototype that demonstrates some functionality

Walk-through prototype that does not work or does not demonstrate functionality

Summarise design decisions

(10 marks)

Comprehensive description of design that includes sketches and all component functionality

Thorough description of design that includes sketches and most component functionality

Detailed description of design that includes sketches and some component functionality

Adequate description of design that includes sketches and some component functionality

Incomplete or irrelevant design and/or description

Interaction on forum

(10 marks)

Student is actively engaging

in innovative approaches to

peer interaction that foster

deeper collaboration and co-construction

of new knowledge

Student is actively co-constructing

knowledge with

their peers through cooperation

and collaboration

Student is interacting

with peers with evidence of collaboration & moderation; engaging with discussion topics posed by peers

Some evidence of student

Interaction, with student responding to peers on the

discussion board

No evidence of interaction on forums.

Quality of forum interaction

(10 marks)

Proactively initiates and facilitates discussion, explicitly using appropriate

strategies and tools.

 

 

Initiates and facilitates

discussion using

appropriate strategies and

tools.

 

Evidence that there is a planned strategy to engage with peers in the forums.

Some evidence of responding to questions or topics on the discussion forum.

 

 

No evidence of interaction on forums.

Presentation

Up to 5 marks may be deducted for poor presentation, spelling and grammar

Presentation

All design discussions are to be presented in a single Word document. Images of the design wireframes are to be imported into the Word document. This document is to be loaded into the Turnitin.
The prototype, in PDF format, is also to be loaded into the Turnitin.
Designs that are NOT presented as instructed will not be marked.
Online submission via Turnitin is required for this assignment. Details will be provided by your subject lecture.

Solution