Designing a Mobile App for ATM Point Rewards

The assignment content discusses the creation of prototypes for a mobile and desktop application designed to help users find nearest ATMs, earn points, and redeem rewards. The low-fidelity prototype shows similar formats for both applications, with minimalistic design and no major complexity. However, the high-fidelity prototype provides more detail, including a 'forgot password' option, Home, About, and Contact pages, as well as a color scheme and design that is intended to be attractive and user-friendly. The application will allow users to earn points on each visit to an ATM and redeem rewards from partner sites. The prototyping process was seen as an appreciable learning experience, allowing for the assessment of what features and designs would be liked or rejected by users.

Prototype
Student Name:
Student ID:
Course Name:
Course ID:
Faculty Name:
University Name:

Table of Contents
Section I.....................................................................................................................................2
Concept Model for Application.............................................................................................2
Usability Concepts.................................................................................................................2
Operationalizing Usability Concepts.....................................................................................2
Task Allocation......................................................................................................................3
Section II....................................................................................................................................4
Initial Interface Specification.................................................................................................4
Low Fidelity Prototypes.........................................................................................................4
Mobile................................................................................................................................5
Desktop..............................................................................................................................6
Quick and Dirty Initial Empirical Evaluation........................................................................7
Interface Specification Modification......................................................................................8
High Fidelity Prototype..........................................................................................................8
Mobile................................................................................................................................9
Desktop............................................................................................................................12
Quick and Dirty Empirical Re-evaluation............................................................................13
Interface Specification Modification....................................................................................14
Section 3...................................................................................................................................14
Critical Evaluation, Reflection and Prototyping Role..........................................................14

Section I
Concept Model for Application
The web and mobile app that will be developed is a utility app. It will help the users identify
the nearest ATM in a particular area. The ATM locater will show any ATM in the nearest
area. Also, it will show whether there is cash in the ATM.
Usability Concepts
The application will be used by the people who are travelling or are looking for ATMs at
locations where they never travelled before. One of the issues that will be resolved by this is
that the user will know whether an ATM has cash or not and only then they will go to it. It
will save their time. The application will be easy to use with minimal features. The key idea
will be to locate the ATMs and show whether it has cash. Users have to register into the
system for once using their email address or mobile number.
Operationalizing Usability Concepts
Three things will be in consideration, first is mobile application, web application accessible
through browsers, and use of geocaching service. The system will work in the following
manner:
1. User 1 need to withdraw cash.
2. User identifies an ATM
3. User reaches and finds cash in it, he updates app showing available cash
4. Another user reaches same ATM, see cash empty, updates status as no cash
5. The cash update will be updated on the map visible to all the other users.

6. User will get points for updating, and cash withdrawal which can be redeemed later
for online items.
Task Allocation
The mobile application and web application will have similar functionalities. Both will use
the users’ device location to locate the users’ current location. Both the system will have
minimal design with just one key purpose and that is to show ATM location and cash
availability. The mobile and the web applications that will be developed will work in sync.
Any information update by the user on one platform will be shared to another platform
through the common server. This will ensure that once a user reaches an ATM and withdraws
money, then the point earned can be found at the same level even on the web application. The
user can also locate any ATM using web based application and then update the information
using their mobile application. This integration will ensure seamless experience to the user.
The table below shows the tasks that will be performed by each of the system. As visible
from the table below, the tasks that are performed by both the applications are almost similar.
The only difference is that the mobile application will assist in getting phone notification by
the users in case of any updates in points or ATM status. If the user is only active on the web-
based application, then an email will be sent to the user for any update.
Mobile Application Web-based Application
Allow log in and logout Allow log in and logout
Forgot Password Forgot Password
Show ATM location Show ATM Location
Gain Points Gain Points
Send to Server Send to Server
User Profile User Profile

Phone Notification Email
Section II
Initial Interface Specification
The interface will have login screen for web and mobile at first. Logging will take the users
to the next page showing list of locations. The selection of location will help further drill
down through another sub-location. The next stage will show maps with ATMs. The ATM
with update of cash will show green and the rest will show red.
Low Fidelity Prototypes
The low fidelity prototypes for the current mobile and web application have been developed
and shown in the subsections ahead. The purpose of the low fidelity prototypes was to get the
job done that is, getting the overall picture of the entire application. The prototypes provide
less detail on the features, colour scheme, or design.
The low fidelity mobile and desktop prototype of the app is shown below:

Mobile

Desktop

Quick and Dirty Initial Empirical Evaluation
The mobile application and web application shows similar format of information. The only
difference seems to be in the screen sizes where the mobile app is for the mobile sizes and the
other is of general desktop sizes. As stated earlier, the focus is on minimalism and no major
complexity will be used. The current prototype is not much favourable in getting the whole
picture; therefore a detailed prototype should be there.

Interface Specification Modification
The modification should be in the look as it seems dry. After taking a view at the above
prototypes, it is clear that there are multiple modifications required. The modification should
be in the feature that is shown in the main screen and that is ‘forgot password’. This will
ensure that even if the users fail to remember their passwords, then they can receive it using
their phone number or email address. Another important aspect is colour selection and
involvement of little design aspect to make it look more attractive. The combination of right
colour choices and object positioning, both the applications can be made to look attractive.
High Fidelity Prototype
The current section provides high fidelity prototypes of the mobile and web-applications
shown in the previous section. In high fidelity prototypes, more detail is shown so that a clear
picture of the application or system is gained. The improved prototypes are shown in the sub-
sections ahead.
The high fidelity for mobile and desktop app is shown below:

Mobile

Desktop

Quick and Dirty Empirical Re-evaluation
The prototype this time has been far better than previous and it has better interface. As
compared to the low fidelity prototype, the high fidelity prototype has some improved
features showcased. One of the missing aspects was the inclusion of ‘forgot password’
option. Now the users will be able to receive their passwords on their phones or their emails.
In addition, Home, About and Contact page has been added which will help the user in
knowing more about the company that has built this application and contact them if there is
any kind of need. The about page will also contain how to use this application.
This will help users get overview of entire application prior to enjoying earning points. As
per the colour theme is concerned, blue and dark red has been considered as the key colours
and other colours are used sparingly. The effort has been made to keep the design as
minimalistic as possible to avoid any form of clutter and confusion. It seems as if the
applications are developed just to do the job and nothing more than that. The design of the
application interface shows enough spaces around the page which helps keep focus on what is

to be done. Importantly, these spaces can be used in later stage to put advertisements to bring
in monetary rewards for the developers.
Moreover, the application will allow the users gain points on each visit to the nearest ATM
using this application and making updates. These earned points will then be used to purchase
various gift items from the partner sites.
Interface Specification Modification
The modification has been in colour and design. It looks attractive with options to know
about the company, and contact if any issue. Also, help can be taken in searching for ATMs.
The modification in the interface for both the application has been done considering the
usability and the possible likeness by the intended users. It was assumed that the users
looking for ATMs would prefer mobile and desktop design that helps resolve the issue
without much hassle. Considering this aspect, only those elements have been included that
can serve the purpose and not more than that. If the demand for any particular feature
increases after the launch of both the applications, then those features will be added in the
later stage.
Section 3
Critical Evaluation, Reflection and Prototyping Role
Here, it can be stated that the prototype creation has been good effort to understand the
specification of the system. Also, prototyping plays greater role in drilling down to the detail
of the system which reduces the chances of error.
After the development of the prototypes it can be stated that the prototype development has
been an appreciable learning experience. It allows looking at the development from the
perspective of the users. There is not much learning in low fidelity prototype development as

one can gain from the high fidelity prototype development. The high fidelity prototype
development requires that the individual assess what colour scheme, design features will be
liked by the users or rejected by them. Looking at the development from users’ perspective is
one of the best things that make any application sellable.
In the end it can be said that considering these prototypes as the final would not be suggested
as there is still various possibilities for development. Depending on the feasibility of such
features and designs, the modification will be done in the future. It can be recommended that
any individual engaging in the development of any form of software or application, should
engage in the development of prototype prior to diving into the development stage.
Prototyping acts as a plan that can be used by the designers or developers to work and modify
the design further. Availability of a road map makes the development easier to conduct.