App brand guidelines

Page 1

Dementia Care Brand Guidelines for the App


Contents The design of the app broken into sections:

Behind the App Style & Icons Colour Palette Typeface Tablet and Phone Displays


Behind The App

This is an app that aims to help maintain independence and ways of life after a diagnosis of dementia. Every diagnosis is different, and dementia affects every individual in unique ways. The app therefore wants to ensure that someone suffering with dementia can deal with some of the life-altering symptoms, with the help and support of loved ones, in ways that are familiar and comfortable for them. We feel it’s important to ensure that anyone directly impacted by dementia, including family, has access to fundamental information, tools and external support. This app is complementary to crucial human support throughout the course of dementia & has the potential to bridge the gap between a point of assessment and the later developed symptoms, providing the knowledge and tools to make this life-changing period of time as normal as possible. To reflect the sensitive and considerate approach of the motive behind the app’s creation, it has been designed in a friendly, approachable and yet professional fashion.


Style Views Here are two examples of the ‘views’ of the app. In other words, these pages contain the primary content such as text, visuals and interactions. Below a scroll bar is shown to indicate scrolling is necessary and an icon that can be pressed to activate a transition into another page. The intro to the app is also displayed.

Back

Back

About The App There’s a reason that we’re ‘here for you’!

When is it Present?

problems with bladder control. Movement problems don’t usually occur

Hi! This is an app that aims to help maintain your independenc e and ways of life after a diagnosis of dementia. We understand that

What To Expect:

in unique ways. We therefore want to ensure that you can organise your life, and deal with any life-altering s ymptoms in ways that work for you. If you enjoy making lists, we facilitate you to carr y on making lists. I f music has al ways helped you calm down and focus on the moment, we allow you to do that as well!

The progression and presence of this symptom is dependant on the type of dementia you have been diagnosed with. Alzheimers

position without assistance. Vascular Dementia Similarly with Vascular Dementia, there doesn’t tend to be issues with movement or muscle control until the later stages. It may become

We want to ensure that a nyone directly impacted by dementia, including family, has access to fundamental in formation, tools and support. This will in turn bridge the gap bet ween a point o f assessment and the later developed symptoms of dementia, providing the kn owledge and tools to mak e this life-changing period of time as normal as possible .


Bars Bars tell people where they are and contain other generic actions such as back and next. The header bar on most pages within the app contain an icon to let the user know which page they’re currently on. These generic actions will usually appear in a contrasting colour to suggest interaction.

Back

Controls Controls initiate actions within the app. Displayed top to bottom is a text field (used as a way of customising the app) and 3 types of buttons. Buttons will always have a drop shadow to indicate it can be pressed to activate another page. The large button will always appear as a slightly rounded off rectangle, a circle or an icon. It will never appear as a fully rounded off rectangle (the same as the text field). Tool-Kit


Icons Main Menu These icons are used as buttons on the main menu home-page of the app. The icon and text below it can be pressed to activate the transition into the relevant page.

About The App

The Symptoms

Therapeutic Recreation

External Support

Tool-Kit

Key Contacts


Symptoms These icons appear as buttons in both a listed form (where they appear in a block-colour circle) as-well as on the top bar of the corresponding symptoms information pages.

Organisational Issues

Weakening Senses

Difficulty Focusing

Language Difficulties

Movement Difficulties

Short-term Memory Loss

Long-term Memory Loss

Mood Changes


Colour Palette Primary - App The primary colour palette consists of a unique, vibrant blue, a warm off-white, a sophisticated grey and a true white. This creates a limited yet relevant colour palette with enough contrast to create legibility and a clear aesthetic.

Secondary - App The app contains important customisable features, one of which being the ability to allocate colours to symptoms. The colours that can be used are a mix of both vibrant and pastel colours which all complement the primary colour palette. There are also complementary colours used in the simple brain illustration when reading about the symptoms.

Icons The icons are made up of a neutral yet bold palette which allow them to work harmoniously alongside any of the colours above and stand out on the page.

R 107 G 125 B 247

R 245 G 245 B 245

R 71 G 74 B 71

R 255 G 255 B 255

R 5 G 89 B 5

R 143 G 191 B 64

R 232 G 82 B 36

R 224 G 120 B 112

R 214 G 186 B 79

R 245 G 189 B 229

R 143 G 87 B 181

R 232 G 82 B 36

R 15 G 46 B 222

R 41 G 5 B 87

R 247 G 196 B 107

R 250 G 219 B 166

R 255 G 217 B 217

R 252 G 229 B 222

R 71 G 74 B 71

R 163 G 163 B 163

R 28 G 28 B 28

R 255 G 255 B 255

R 224 G 224 B 224

R 227 G 227 B 227


Type Face Filson Soft

Filson Soft Bold Max 65pt Min 65pt

Filson Soft Medium Max 62pt Min 24pt

Filson Soft Regular Max 24pt Min 20pt

Filson Soft Book Max 18pt Min 18pt


App Icon

The app icon is simple and uses bold, contrasting colours to stand out amongst other app icons. It uses the most dominant blue colour in the primary palette, as well as the off-white to create a friendly yet professional tone. It contains important pieces of text - the app’s name and the NHS whom have produced it.


Notifications

Notifications Notifications are a key aspect of some of the tools mentioned in the final app prototype. Here is an example of how the out-of-app notifications work. An overt and clear notification pops-up with a sound alert, and has to be dismissed before disappearing. The colours and typeface used are consistent with the branding, and the text fits the same tone as the text used in the app. There is the ability to get further help which coincide with other existing applications such as google maps and the telephone.


Phone Usage The app is compatible with phones and tablets since one of it’s main philosophies is that it’s accessible and brings many loved-ones together throughout a tough situation. Displayed below are examples of how some of the main screens throughout the app adapt according to the dimensions of an Apple iPhone 5s.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.