UI Design Brief for Fiscal the Fraud

Fighting Ferret Cyber Safety Program

Application

Students:
Gareth Forbes - s2944217
Matthew Britt - s2853117
Jessica Stevens-Farmer - s2937476
Sandeep Kaur - s2922944

Page 1

Task Allocation and Completion

Date

Ver.

Author

Addition/Alteration

20/3/15 2/4/15

0.1

Jessica Stevens-Farmer

assigned section 5

20/4/15
8/5/15

0.1

Completed section 5

0.2

assigned section 6.2

0.2

Completed section

20/3/15

0.1

2/4/15

0.1

Matthew Britt

completed section 1 & 2

8/5/15

20/3/15

Refurbished previous work

that needed work/ was
incomplete. Did Prototype
0.1

Gareth Forbes

2/4/15
8/5/15

assigned section 1, 2

0.2

assigned section 4
Completed Section 4
Completed Prototype
Completed Structural
Design

20/3/15

0.1

Sandeep Kaur

assigned section 3

2/4/15

0.1

completed section 3

5/5/15

0.2

completed personas

6/5/15

0.2

completed alpha design

8/5/15

0.2

Completed structural
design

Page 2

Table of Contents
1. Introduction
1.1.

Purpose of this Document

1.2.

Scope of this document

2. Background
3. Target audience
3.1.

Audience beliefs

3.2.

Audience levels

3.3.

Audience demographics

3.4.

Audience expectations

4. Problem Statement
5. Goals
5.1.

Usability Objectives

5.2.

Single message

5.3.

Mandatory elements

5.4.

Deliverables

6. Alpha Design
6.1.

Structural Design

6.2.

Visual Design

6.3

Prototypes

Page 3

1. Introduction
1.1. Purpose of this Document
This document is a design brief for a mobile application, presenting Fiscals
five tips to protect your online identity. The document will include user
research data for the application, the design work and recommendations,
and the user testing of the application design.

1.2. Scope of this document

The main focus of this document has been on researching the background of
the project, and the core requirements that the Fraud and Cyber Crime Unit
have set out. This document will cover the research carried out on target
audience, including their demographics and expectations, the problem
statement, the project goals for the application, a description of the structural
design and visual design, and finally a prototype demonstrating the design.
Aspects of the application development which are not within the scope of
this document include actual development of the application,writing of any
code to be used in the application, nor any of the deployment and
distribution elements of the application.

2. Background
Fiscal the Fraud Fighting Ferret Cyber Safety Program is an initiative
developed by the Fraud and Cyber Crime Unit within the Queensland Police
Service. This program aims to encourage school children to accept the
responsibility of being Fiscals Deputy, to learn about cyber safety, online
threats and responsible online behaviour, and to share this information with
their family.
Our role in this project is to develop an engaging user interface design for
Queensland Police to use when moving forward with the development of the
application.
The Fraud and Cybercrime Unit is in discussion with Samsung regarding the
pre-installation of an application on all their mobile devices. The audience for
this application is both children and adults. This application will be of great
value to the Cyber Crime Unit, as it will help to educate users on the dangers
of not protecting your identity while online. Children will benefit greatly for
using this application, teaching them to be aware of the dangers which are
plaguing the online world. It will also arm them with the skills to recognise
and subsequently avoid becoming a victim of online predators.

Page 4

3. Target audience
Since Fiscal the Fraud Fighting Ferret program is mainly focused on
providing awareness to primary school children about cyber safety. So the
main target audience for this program are primary school students. Teachers
and parents of these students are also categorized as the audience for this
project.
To figure out the audience for this project, we did a complete research on
Fiscal the Fraud Fighting Ferrets website and we did the research on
Queensland Polices visit to different schools. We performed online research
to discover who were involved in this project, who was directly addressed by
the Queensland Police, and who is indirectly related to this project.

3.1. Audience beliefs

This program is mainly focused on providing cyber safety awareness to the
school children. As the Queensland Police already visited a few schools to
spread awareness, a portion of the target audience already know Fiscals 5
tips to help protect your identity. For those already familiar with the
program, audience belief about this product is that it is designed in such a
way that it engages the attention of children.
For those who have not yet been introduced to the program, audience belief
will be limited to what little information they have been exposed to regarding
online safety, whether it be through school programs, news and other media
stories, or from parents warning their children. Fiscals five tips will be a new
concept to these users.

3.2. Audience level

As this program is mainly focused on providing awareness about cyber
safety to primary school children, the core level audience for this project are
the primary school students. This project is not only limited to students, but
the teachers and parents of those students are also involved. A secondary
level audience for this project are teachers and parents of the students
(primary level audience). Tertiary level audience are not normally directly
related with the project, they are only those who could have an interest in the
project. For this project, tertiary level audience are anyone with a Samsung
mobile device, meaning they are a potential user.
We are looking forward to consolidating the existing client-base instead of
appealing it to a new market.

3.3. Audience demographics

Page 5

The primary audience for this program is primary school children, so the
target demographic is 7-12 year olds. It means we need to have an emphasis
on making the design child friendly. Since the secondary audience for this
program is parents, and teachers of the students, adults will also be the
audience for the program.
There is a great difference among the educational qualifications of the
audience. On one side the audience are only primary school students, while
on the other hand highly qualified teachers are the audience as well. But
since the primary audience are the students, our design should be based on
the level of the students.
The primary audience for this product does not have much knowledge about
the technology. So the design should be simple and easy to use. The design
should also reflect the literacy level of the target audience, allowing for
greater understanding of the concepts within

3.4. Audience expectations

As the audience for this product is mainly students, their teachers, and their
parents, there are lot of expectations for this project. Students are expecting
this design to be interesting and engaging, having a high level of interactivity,
while the teachers and parents are expecting this project to be reliable, able
to keep the childs interest for long periods of time, very informative while still
remaining visually appealing. So the design for this project needs to meet
these expectations while staying true to the goals of the program at the same
time.

4. Problem Statement
The main problem that the Fiscal the Fraud Fighting Ferret Cyber Safety
Program is looking to solve is to instruct young children and adults alike to
be safe while browsing the internet and be safe with any personal
information. This includes keeping virus databases updated, limit the amount
of information posted online, to change your password regularly, shredding
documents instead of putting them in the bin as well as never giving your
personal information over the phone. These Topics will be covered in a
simple, easy to use program that can be used by people aged from as young
as 4 years old to people aged 80+. A simple, user friendly layout will be used.
Most of these topics covered by the program are not 100% suitable for
children, such as shredding information and updating a database. These are
aimed at older users. This will be defined within the application and will be
simplified for a younger audience as shredding information is extremely
dangerous for a young child and keeping a virus database up to date is too
complicated.

Page 6

The Fiscal the Fraud Fighting Ferret Cyber Safety Application development
process may encounter problems that can affect the development time
frame. These problems may include time restraints, limitations within the
design phase, developers who encounter sickness and/ or personal matters.
There is no budget for the program, but time can definitely be an issue if
things go wrong.

5. Goals
5.1. Usability Objectives
The usability objectives for this project are for the user interface to be
efficient, effective, engaging, error tolerant and easy to use in order to meet
usability requirements for the audience. Due to the audience being mostly
school students, teachers and parents, the design needs to be easy to use
without the need for a manual, it must be engaging enough to keep their
attention while also have the underlying message of the application which is
promoting the cyber safety message. I.e through the use of video and the
character art throughout the interface.

5.2. Single message

The primary message that the product needs to convey are the Queensland
Police Force's cyber safety tips which will be conveyed through Fiscal the
Fraud Fighting Ferret.
1. Limit the amount of information you post online. Never post your full
name and date of birth
2. Make sure you update your antivirus software.
3. Never give out personal details to anyone who calls you on the
telephone or sends an email or text. Talk to your parents first.
4. change your password regularly and never use your date of birth or
anything too obvious - Never give out your password to your friends.
5. Shred documents containing your personal information - Never just
put them in the bin.
and overall, encourage children to learn about cyber safety, online threats
and responsible online behaviour and also share this information with their
family. Being that the application is being developed in conjunction with the
Queensland Police Cyber Crime Unit, parents and teachers of children will
feel a higher level of trust for the material presented. The application design
Page 7

focuses on repetition of information which helps to make the information

more memorable to the audience.

5.3. Mandatory elements

The mandatory elements within the design include the Queensland Police
Forces logo and contact information, as well as the five cyber tips that are
being promoted. It is also necessary to have the characters and artwork as
provided such as fiscal, sophie etc. within the application in order to create a
link between the message and the characters and the website.

5.4. Deliverables
Project deliverables will be this design brief with details regarding the user
research that has been done and the corresponding results, and the user
design we have developed.
On completion of the product, we will deliver a user friendly application
design in the form of a prototype, created using JustInMind prototyping
software with a complete user interface that successfully promotes the
Queensland Police Forces desired message to the target audience, school
children, parents and teachers, in an interactive and engaging way.

6. Alpha Design
This section of the document gives the overview of the structural and visual
layout of the product we are designing. This section also describes how the
actual product is going to look. It describes how we are going to navigate
through the whole product. To make the design of our product we design the
personas and by using our personas we designed the structural and visual
layout of the product. The final prototype is also based on the personas we
made.
We made two personas, one of them targeting on the primary audience and
the other one targeting on the secondary and tertiary audience. Here are the
personas we made.

Page 8

Page 9

Page 10

6.1.
Structural Design

This product is mainly designed for the primary school students as

mentioned previously . So while drawing the structure of the product it was
kept in mind that the primary audience for this product are primary school
children. In order to keep this product engaging to them we draw a simple
structural design.
While designing the structural layout we analyse the personas Tobyand
Susan. Toby is a child and is good with tech because he was raised around
it, while Susan is an adult and is not as tech savvy. So while structuring the
product we keep in mind their abilities and structure it so that both of the
personas can use it easily and navigate through it easily.
Here is the structural layout of the product.

Home page is linked to the other pages- Fiscals five tips, Fiscals Fraud
Quiz and Parental Information. The page Parental Information is linked to
the external government page. Fiscal five tips page is linked to the five
other pages each describing each of the tips in detail. All these pages are
linked back to the home page and to each other as well. The page showing
tip 1 is linked to the page showing tip 2 for easy navigation and so on.
Fiscals Fraud Quiz page is linked to the group of pages each asking one
question and each page linking to the other page.
Page 11

6.2.
Visual Design

Layout:
As mentioned previously in this document, the layout and overall design is
targeted towards both children and parents/teachers and therefore the layout
is simple, easy to use and a point-and-click design so that it is not too
difficult. This was based upon two of our research personas Susan and
Toby, as it was evident that Susan preferred an easier to use layout as she
was not as technology savvy and therefore an easier design was needed.

Visual Elements:
1st Page - Fiscal the Fraud Fighting Ferret
The initial page contains an image of Fiscal, and three buttons which
navigate the user to another screen as well as a title screen. The image of
Fiscal was chosen so that the children that are using the application can
identify who the character is and what the app is
designed for.
The background throughout the entire app is white to
make it easier for the users to read the font and see the
pictures. It also makes it look cleaner. There are three
buttons on this page, all of which are the shade #8AD929, which is a light
blue colour. This shade was chosen due to research which showed that
Toby preferred lighter, bright colours compared to darker ones. The
buttons are also curved instead of square to make the overall design less
harsh.
The buttons are as follows :
Fiscals Five Tips
Fiscals Fraud Quiz
Parental Information
The font that was chosen for the design is Roboto, this was picked solely
for the target audience, it is easy to read which is good for Susan as she may
have trouble reading smaller letters. The text also appeals to Toby as it is
curved, which is similar to comic-sans - a popular font for younger people.

Page 12

2nd Page - Fiscals Five Tips

On this page, there is a large picture of Fiscal along with the title of the page
Fiscals Five Tips another blue button that says Next, and in the bottom
left corner, a small Home icon.
The button on this page was designed the same as the previous in order to
make the app consistent (rounded edges, same font, same colour). Instead
of placing a button with the text Home in the corner, a small image of a
house was chosen to represent the home button as this is a universal image
for Home that does not require words to understand what it means

3rd/4th/5th/6th/7th page - tip 1, 2, 3, 4 and 5

Each of the following five pages illustrate one of Fiscals 5 tips with an image
on each to reinforce the message.
The first tip page has the corresponding tip, in the same font (Roboto) as the
rest of the app with an image of kids crowded around one computer screen.
This image was chosen in order to relate to the target audience (children) by
having children of a similar age depicted in the image. The illustration is also
brightly coloured to appeal to children. This page also has a Home button in
the bottom left and a Next button that directs the user to the next tip page.
The second tip page is about network security, the tip information is at the
top of the screen so that is the first thing they will see, and similar to the
previous, the image below was specifically chosen to reinforce the initial
message and therefore it consists of different anti-virus/internet security
names and logos. This page also has a Home button in the bottom left and
a Next button that directs the user to the next tip page.
The third page is, as the previous, in the same type of font as the others and
has an image that reflects what the message is conveying to the target
audience. Considering this message is about not sharing all of your
information online, there is a man dressed as a burglar sitting on a computer.
This image was chosen due to the knowledge that burglars steal things, in
this case your private online information, which is represented by the
computer. This page also has a Home button in the bottom left and a Next
button that directs the user to the next tip page .
The fourth tip contains Fiscals fourth tip, which is to change your password
regularly etc. therefore an image of a user login was chosen as it was
appropriate for the tip. This page also has a Home button in the bottom left
and a Next button that directs the user to the next tip page.
The fifth and final tip from Fiscal is to dispose of any documents with
personal information, therefore an image of a document being shredded was
used as a visual representation of Fiscals tip. This page also has a Home
button in the bottom left. the button on this page is consistent with the first
page (rounded, blue) and has the text Do The Quiz! which then navigates
the user to the next part of the application.

Page 13

8th/ 9th/ 10th Page - Quiz Pages 1/2 / Congratulations page

The First of the Quiz pages is a Pre-Start page, this is to give the user time to
get ready for the quiz that they are about to do. The picture was chosen
(Fiscal) as its suits the mood of the rest of the app, and is a logo for most of
the app. The second of the quiz pages is the quiz itself, this is the only page
of the quiz at this time as other pages will be added in later versions. The
quiz will be simple and the questions will be taken from the 5 tips given on
previous pages. The Character used in the page is used to appeal to children
as they will see the character and recognise that he is a robber or a person
who steals.
Once the quiz has been completed, a Congratulations page will be displayed
whether they did well or not. The picture used is a Clip art with the word
congratulations and is used for comedic relief.

Page 14

6.3.
Prototypes

The tools that were chose to create the prototype were JustInMind
Prototyper and Adobe Photoshop to create the pictures. These were best
suited in the creation of the prototype as they had the best tools for the job.
JustInMind featured preset layouts suited perfectly for the android device
user interface. Buttons and titles were readily available and pages were able
to be linked with ease.
In the Prototype version of the App, every button works except for the
Parental information button. This button will link to an external government
page about ECrimes.
JustInMind File Download
https://drive.google.com/open?id=0B4PK6w9spdRhWVpBWGNrLWw4Zz
g&authuser=1

Page 15

Page 16

Page 17

Page 18

Page 19

Page 20

Page 21

Page 22

Page 23

Page 24

Page 25