General Overview
Develop a working product based on an idea, background research, design and implementation of the project.
Contribution
Research: literature review, competitive analysis, SWOT analysis, one-to-one interviews, user personas, empathy maps, context scenarios.
Design: wireframe, sitemap, information architecture sketches, prototype.
Web development
Dissertation by Practice
Group (2)
18 Weeks
Problem
While the topic of neurodivergence is on the rise, it still remains a niche subject in terms of resources available to the public at large.
Problem Definition
How can we create a website that offers resources which promotes an inclusive workplace for neurotypical and neurodiverse workforce?
?
RESEARCH
Goals
What are the industry trends for information websites about neurodiversity?
Who are the users?
What is the primary and secondary target audience?
What are their preferred media when consuming information online?
How will users interact with the website?
Why will they prefer to use our website instead of competitors?
Similar Work
Business Analysis
Survey
Two types of surveys with 18 questions each were developed.
One survey was directed to neurotypcal and another for neurodiverse individuals.
The audience received both surveys, and they were asked to fill the one they identified with.
Interviews
6 one-to-one interviews were conducted- 3 neurotypical, 3 neurodiverse individuals.
2 interviews with subject specialist (Psychologists).
15 questions were elaborated for each group
Interviews were conducted in person and via video call, and via email.
Similar replies were highlighted to identify behavior patterns.
User’s Pain-points
Large amount of texts.
Lack of clear sections.
Difficulty in reading.
Cognition issues.
Large amount of content.
User Personas
Neurodiverse
Neurotypical
Context Scenarios
Neurodiverse
Neurotypical
Empathy Maps
Neurodiverse
Neurotypical
DESIGN
Accessibility Features
Theme Customisation: Use of accessible WordPress themes and plugins to meet WCAG 2.1 guidelines
Customisation Options: Plugins for adjustable text sizes, fonts, and colour contrasts.
Screen Reader Compatibility: Theme and content are compatible with screen readers
Style Guide
Sitemap
Information Architecture
Content Breakdown
LOFI-Wireframes
HIFI-Wireframes
Responsive Design
The website was tested for responsiveness at responsinator also in Chrome and Safari via iphone and Samsung phones and tablets.
Android Landscape
Iphone Portrait