Dementia Friendly Indianapolis
Dementia Friendly Indianapolis
A website that fosters a community around dementia within Indianapolis
A website that fosters a community around dementia within Indianapolis
Group: 3 Members
My Role: UX Researcher & Prototype Designer
Timeline: September - December 2024
Group: 3 Members
My Role: UX Researcher & Prototype Designer
Timeline: September - December 2024
Context
Context
Dementia Friendly Indianapolis is an organization committed to raising awareness about dementia, and supporting those living with it, and their care partners. They did not have a dedicated website for their community, so our team worked with them to design, iterate, and develop a fully functional online space for their purposes.
Dementia Friendly Indianapolis is an organization committed to raising awareness about dementia, and supporting those living with it, and their care partners. They did not have a dedicated website for their community, so our team worked with them to design, iterate, and develop a fully functional online space for their purposes.
Objective
Objective
Design and develop an online website for the client's needs, including the ability to register for events, become educated, and view various resources.
Design and develop an online website for the client's needs, including the ability to register for events, become educated, and view various resources.
Create a usable, efficient, and accessible interface for their users. Including those who may be affected by dementia or have visual impairments.
Create a usable, efficient, and accessible interface for their users. Including those who may be affected by dementia or have visual impairments.
How we started
How we started
Meetings + Wireframes
Meetings + Wireframes
The client gave us a list of pages required for their website, and provided us with text, images, color palettes, and other assets to use. Pages included:
The client gave us a list of pages required for their website, and provided us with text, images, color palettes, and other assets to use. Pages included:
The client gave us a list of pages required for their website, and provided us with text, images, color palettes, and other assets to use. Pages included:
The client gave us a list of pages required for their website, and provided us with text, images, color palettes, and other assets to use. Pages included:
Home
About
Events
Resources
Education
Contact
Testing
Testing
Once our low-fidelity wireframes were completed, our team was able to contact potential users through the client in order to test our existing prototype. We did this through a basic usability test where the users were presented with the site and asked to perform certain tasks. A total of 10 users were tested in this study.
Once our low-fidelity wireframes were completed, our team was able to contact potential users through the client in order to test our existing prototype. We did this through a basic usability test where the users were presented with the site and asked to perform certain tasks. A total of 10 users were tested in this study.
Results
Results
After conducting our 10 usability tests with various users, we created an affinity diagram based on our main findings. These were grouped into sections based on the pages the pain points related to. The main issues were:
After conducting our 10 usability tests with various users, we created an affinity diagram based on our main findings. These were grouped into sections based on the pages the pain points related to. The main issues were:
Lack of upfront information
No contact info for events
No resource categorization
Unclear purpose of education page
Updating the solution
Updating the solution
Prototype
Prototype
After receiving feedback, I started creating a full, high-fidelity prototype for the Dementia Friendly Indianapolis website. This prototype included all necessary pages and information the client asked for and provided. The final product included these pages and essential tasks:
After receiving feedback, I started creating a full, high-fidelity prototype for the Dementia Friendly Indianapolis website. This prototype included all necessary pages and information the client asked for and provided. The final product included these pages and essential tasks:
Home Page
Mission Statement
Upcoming Events
Action Team and Organization Info
Community Events
Contact
Liaison Info
Events
Event List
Filters
Search Function
Registration
Event & Organizer Info
Resources
Links to Outside Information
Info Categories
Living With a Diagnosis
Care Partners
Professionals/Community Members
Education
Dementia Friends Info
Dementia Friendly Business Training
DF Business List
Footer
Quick Links In-Site
Social Media Links
Organization Description
Address
Logos
Home
Events
Resources
Education
Final deliverable
Final deliverable
Through my designs, I maintained simplicity and readability by using large text sizes and high-contrast elements, especially as the main user base consists of older individuals, as it assists them in reading words and differentiating portions of the site.
I also used navigation buttons in order to keep scrolling to a minimum, like on the main nav bar, the home page mission statement, and dementia education page.
The events page was created to help users find various activities around their community, so I added filters and search features to make it easier to locate this information as it pertains to each user. Contact and organizer info was also added in to give the user a form of contact if they had any questions.
Through my designs, I maintained simplicity and readability by using large text sizes and high-contrast elements, especially as the main user base consists of older individuals, as it assists them in reading words and differentiating portions of the site.
I also used navigation buttons in order to keep scrolling to a minimum, like on the main nav bar, the home page mission statement, and dementia education page.
The events page was created to help users find various activities around their community, so I added filters and search features to make it easier to locate this information as it pertains to each user. Contact and organizer info was also added in to give the user a form of contact if they had any questions.
View Site