Outmaneuvering Dementia

Aggregate Website of Tips (student group project)

Project Brief


Outmaneuvering Dementia, is a click through prototype website which aids people with dementia in self-management of their chronic illness by providing tips created by other individuals with dementia.





Outmaneuvering Dementia, is a click through prototype website which aids people with dementia in self-management of their chronic illness by providing tips created by other individuals with dementia. Because of the effect of dementia on the cognitive ability of individuals with the illness, very few web applications are created strictly for the use of people with dementia. There are only a select few online peer to peer support forums which provide people with dementia a place to go and get support from others with dementia. However, these support forums often have delayed response times from several hours up to days for certain posts. Also, due to cognitive impairments of individuals with dementia, their ability to sort through vast amounts of information and tips using search engines such as Google can be overwhelming. This exemplifies the need for an aggregate website of tips for people with dementia to go to when they need information quickly.


Data Sample

This prototype pulls its data from a pre-existing, open access, online database of peer to peer support from users with dementia, Dementia Diaries. This online forum is designated for use only by people with dementia, excluding input from users without dementia, in order for people with dementia to connect with and support others in the same position as themselves. Dementia Diaries includes audio recorded diary entries from people with dementia to share their lives through this online forum. Each of the Dementia Diaries are transcribed on their website.



Application Description: Features and Functionalities

The major tags are displayed by headers on the main page. When a header tip is selected, a list of all tips under that category is displayed. When a certain tip is selected from among this list, the full text of the original transcribed diary, the author, and the URL where the tip was found is displayed so that users can go to the source of that tip online. If a user does not want to use the headers, a search bar can be utilized to look for a specific word throughout the database of tips. The search functionality made use of JSON files we create from our Excel document of transcribed diaries.A navigation bar spans the top of the website no matter the specific webpage the user is on. A New Profile button was included to allow the user to input their information and create a personal profile.



To make our information-based website accessible for people with different levels of technology literacy, we followed some basic design criteria. First, about the look and content of the webpage, we made sure to keep it simple, with plain background, and well-contrasted colors. To comply with the dementia-friendly design process, we never relied on the common icons and logos, instead we used explicit texts. All header texts were short and informative (no abbreviations or jargon) with a consistent font. The content is explicit and arresting, with a clear and easy-to-understand language, and no scientific words or generalization. Second, to aid with user orientation we kept all relevant information, forms, or text in one page. Additionally, the number of choices a user has is kept to a minimal. Third, all links and buttons indicate their purpose individually and independent from the surrounding texts and other features. Also, buttons were labeled with informative and clear phrases/sentences. Finally, regarding navigation, the essential navigation items are clearly locatable across the website, including: home button, user profile, and saved tips. The navigation tools and icons are self-explanatory to help the user get the needed information as easily and quickly as possible.



The main features of our website:

  • Searching posts by header tag
  • Searching posts by content of the post itself
  • A landing page with buttons that use Javascript functionalities
  • A system of explorable tags for posts
  • A navigation bar throughout the website
  • A new user profile form
  • Simple design that is easy to use for an older population