The All Age Autism Hackathon is a part of Birmingham City University's and charities initiative to rapidly develop high-fidelity prototypes focused on promoting awareness of Autism Spectrum for both caregivers and individuals on the autism spectrum.

Within a short amount of time, we have received a quick brief and introduction from the owner of charities. They have recognized that they want to transfer their services and accessibilities to the Mobile application. Since, most of the user from their data were mobile based.

Target Audience and Aim

Before the hackathon, we have strategize and dig down to their brief and set out 3 main users to the platform.

💁🏻 Carer

“Want to increase understanding and provide help with autism patient.”

💁🏻‍♀️ Patient with Autism

“Need to access real-time support with local services nearby.”

🙋🏻‍♀️ Patient waiting for Autism Diagnosis

“Need to access self-management information while awaiting.”

Explore the current website and UX Critique

First, our team decided to explore the current online website and identify issues have missed based on Design principles and accessibilities for the people with disabilities.

Fig 1. Identify UX Critique

Fig 2. Identify UX Accessibilities related Issues

The main UX Critique

👉🏻 WCAG 2.1 Accessibility

• 1.4.12 Insufficient Text Spacings (Level AA)
• 1.4.3 Lack of providing minimum color contrast in button state (Level AA)
• 2.4.3 Lack of providing clear Focus Order (Level A)
• 3.2.3 Lack of consistency in Navigations (Level AA)

👉🏻 UX Heuristics

• Lack of consistency and standard in Content and Information Architecture
• Uneasy navigations and way findings from page to page.

The Thinking moment

After we have identified the issues, we have use the Card Sorting to organize the content and laid out new Information architecture for the mobile application.