Kidsafe, the Child Accident Prevention Foundation of Australia (CAPFA), is dedicated to the prevention of unintentional death, injury and associated disability to children.

Kidsafe Support Services (KSS)
KSS (Kidsafe Support Services App) is a step towards a generating awareness on child safety and taking on-time decisions post injury. This App encourages parents to register, gain information, advice and links to services that may be useful during this difficult time, including support services.
Objective
Conceptualize, Wireframe and Protype screens for iOS native App that meets the company brand guidelines. It was required to make use of playful imagery, color, shapes typography to make the user navigation more delightful, thereby enhancing the usability and improving the user experience.
 
Accessibility- Remediating the visual elements for accessibility was the important aspect of this project.

 

Target audiences and settings

New parents, grandparents, carers, early childhood centres, schools, maternal health centres, community centres, local councils, mothers groups, playgroups and workplaces.

 

Major focus areas

  •  Home Safety
  •  Water Safety
  •  Cars and Roads
  •  Sports and Play

 

Collaboration, requirements gathering and Segregation of data

I collaborated with the senior stakeholders to gather information on  various support services provided by Kidsafe and segregated them to set up a design flow. Based on the information about the user groups and their insights we finalised on some user personas that could help us during brainstorming sessions and throughout the design phase.

 

User personas we discovered through qualitative research and ethnographic field studies

 

A/B Testing and Analysis

Two versions of the prototype were designed to optimise the app experience by making it easy to run, analyze, and scale product and marketing experiments. Half of our audience was shown the original version or the version 1 of the page (known as the control) and the other half were shown the modified version or version 2 of the page (the variation). The tool used here was Hubspot.

A/B Testing was an ongoing process which helped us make accurate decisions on design tasks and improved conversion rate over time. This version or split test is done on one variable at one point of time. For example, two buttons can be tested for size, color, location and its title etc.But at one point of time only one variable can be tested.

 

 

 

Version A / Version B

Version 1 is the original design and version 2 is the Challenger or alternative design. The Login page below in version 1 shows field boxes with minimum text description in contrast to version 2 which shows small icons adjacent to the field boxes and lengthier text description on it. These are the variables that were tested via Hubspot to track which version performed better in terms of number of clicks or signup.

 

From the Flow to the Visual

The wireframes for version 1 which was the version chosen is as below. 

 

Accessibility- Developing for people with special needs

Most of modern mobile apps are poorly adapted for use by disabled people. Extra effort was made to ensure compliance with accessibility norms. iOS has special Accessibility features built in, however to make them work as intended the app interface needed to enable Easy-to-Read text by choosing font size and high contrast color. We used Snook.ca — online tool (https://snook.ca) to check whether the app conforms to the requirement
 
In accordance with the Web Content Accessibility Guidelines (WCAG) 2.0 the contrast of background and foreground was adjusted to be visible clearly both in monochrome and by people with limited color perception.
 
Incorporation of  icons, illustrations, or audio files to the text to enhance its perception by disabled people.

 

Minimalistic Design

The wireframes were mocked up to produce minimalist design, where every element on the page is deliberate. Every element serves a purpose.
We also decided to go without scroll as it tends to hide that part of information which is not visible in the screen real-estate. Instead of scroll we chose to divide the information into several screens. Thus, VoiceOver offers to go either to the next screen or to the app menu right after the actual screen is read, yet each screen contains a complete piece of information.
We kept the animation minimal since fast screen blinking affects people suffering from photosensitive epilepsy. 
Development of mobile apps for disabled people absolutely requires a special approach. It’s necessary to bear in mind relevant guidelines and strictly follow them throughout the whole delivery process.
The team researched the iOS Accessibility features to find out how they could be incorporated into the development process.
We wanted to draw the developers’ focus on the need to create more original apps for disabled users and adapt the ones already existing on the market in terms of their specific needs.
Continuous Improvement (Usability Testing)

 

 Moderated usability testing was done to obtain feedback from live users. The participants were watched in real time and we were able to ask probing questions about what they were doing.

 Usability testing is conducted to identify the pain points of the current offering and to resolve them before a redesign, during the redesign and then afterwards too.