Task

Overview
Your assignment is to design a touchscreen interface for an Automatic Teller Machine (ATM). Unlike most previous ATMs, this new unit has an iPhone-style touchscreen (with multi-touch) and no physical buttons.

Your Task
Sketch two (2) alternative interface designs for the ATM and indicate which alternative you prefer.

The goal of this assignment is to exercise your user interface design abilities. Creativity in balancing usability with the constraints of the interface will be essential to successfully completing this assignment.

You should design your interface for a square touchscreen that is approximately 250mm (10") in width and height. The resolution of the screen is not defined, but you can assume that the screen will have around 72 dpi. Remember that you are sketching your interface designs. We do not want to see designs that are accurate to the pixel-level.

When making your designs, consider the broad range of potential users for the ATM, including the elderly. Also consider the implications of replacing the physical buttons that are commonly found on ATMs with just a touchscreen. How will people know that the screen is touch-sensitive? How can you address problems that are common with touch screens, such as the mismatch between where the user actually touched and where they think they touched?

Your ATM interface must support the following functions:

• Entering a PIN to access the ATM;
• Fast Cash Withdrawal in these amounts: 20, 50, 100, 200;
• Withdrawal in any amount;
• Deposit of any amount;
• Check the account balance.

For withdrawals, deposits, and balance checking, you can assume that the user may want to inspect either their savings or cheque account. The user should be able to display the account balance on the ATM screen or print the balance.

All of these functions must be included in the user interface, but they do not need to be included on the one screen. Make sure it is clear in your sketches how the user navigates between the various screens.

You must submit a design document that provides an overall description of your two designs and the concept that you have for how they will work so that we can understand your motivation and design rationale. Be sure to describe some of the advantages and disadvantages of each of your design alternatives. This description should be about one (1) page in length.
Your document should include a sketch or wireframe for each screens of each design with a brief description of each component. Balsamiq Mockups is the ideal tool to use to create these wireframes. However, a good hand drawn sketch that is scanned and embedded into the document is also perfectly acceptable.

This is a brief preliminary concept design so you don’t need great detail in your sketch or wireframe. Make sure that we can see the difference between your alternative designs.

Rationale

This assignment covers the following learning outcomes of this subject:

• Components of human computer interaction.
• Cognitive framework - perception and representation, attention and memory constraints, knowledge and mental models, metaphors and conceptual models, social and organisational aspects, user level of expertise.
• Human interaction with input and output devices, interactive styles and their relevance to context.
• Principles of Graphic Design.

Marking criteria

Task	HD	DI	CR	PS	FL
Describe your design concept	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
Design 1 sketches and description	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 justification of the items chosen
Design 2 sketches and description	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 justification of the items chosen
Advantages and disadvantages of designs	Comprehensive description of advantages and disadvantages of all designs	Thorough description of advantages and disadvantages of all designs	Detailed description of advantages and disadvantages of some designs	Detailed description of advantages and disadvantages of some designs	Incomplete or irrelevant description of advantages and disadvantages of designs
Presentation	Up to 5 marks may be deducted for poor presentation, spelling and grammar

Marking Guide

Task	Possible marks
Describe your design concept	20
Design 1 sketches and description	30
Design 2 sketches and description	30
List of advantages and disadvantages for each design (10 marks for each design)	20
Presentatiuon	(-5)
Total	100
Final mark	10

Presentation

You are to present a report that has the following sections:

• Design concept. This should be a description of your design concept and your rationale for these designs.
• Design 1. This should be a description of this design. It should include all sketches or wireframes and show major components, their functionality and how you see it working.
• Design 2. This should be a description of your alternative design. It should include all sketches or wireframes and show major components, their functionality and how you see it working.
• Advantages and Issues. This could be a table that lists all the advantages and issues for each of your alternative designs. Alternatively, you could list the advantages and issues for each design at the end of each design section. That choice is yours, but don’t leave them out. Remember to be honest with yourself about advantages and issues. After all, you’re the one who’ll have to fix them!