Projects

Doctrin - Master thesis & Accessibility Engineer

19 juni 2020
Show publication

Role: Master Thesis & Accessibility Engineer
Tech: React, Python, Sketch
Year: 2020
Link to presentation



Thesis: Designing conversational AI for digital healthcare in regards to accessibility

Conversational AI is increasingly used in healthcare, particularly for COVID-19 response, providing quick symptom information and facilitating easier access to healthcare professionals. A study involving participants with cognitive disabilities tested a Conversational AI prototype, highlighting its potential to improve healthcare accessibility. Key design takeaways include consistency, clarity, interaction options, and the importance of user testing.

Three icons represent accessibility, conversational AI, and digital healthcare, each with a descriptive label underneath.

Thesis project

A prototype was meticulously crafted using ReactJs in conjunction with Python and Rasa for Natural Language Understanding. Throughout the development process, a suite of accessibility tools (a11y-tools) was employed to ensure inclusivity and usability. This suite included screen readers and various accessibility tools integrated into Visual Studio Code. Furthermore, the prototype underwent a thorough evaluation against the ISO Standard 21801-1:2020 to ensure compliance with cognitive accessibility guidelines.

Illustration with three speech bubbles containing quotes about views on chatbots.

Chatbots possess a limited range of responses and, while they might not always offer the most comprehensive solutions, they excel at addressing basic inquiries, and providing significant assistance. For instances where the chatbot encounters a query beyond its understanding, it should seamlessly redirect the user to a human expert, such as a real doctor, for a more nuanced and informed response.

Illustration depicting speech bubbles with quotes that encapsulate diverse perspectives on technical issues.

A notable focus is on the limitation posed by BankID, particularly for individuals with disabilities who frequently require a legal guardian. This necessity clashes with BankID's acceptance criteria, highlighting a critical area for improvement in accessibility and inclusivity.

An overview image of a user interface design process with multiple screenshots of various design stages and layouts.

The initial ideation phase includes a moodboard, setting the creative direction. The focus is on key concepts such as online symptom checkers, digital health chatbots, and enhancing accessibility, guiding the design ethos throughout the development stages.

Illustration of a user interface design process with various sketches and layouts for a mobile application.

The illustration highlights the initial prototype iteration, which draws inspiration from a moodboard and incorporates elements from Typeform and various digital health chatbots, showcasing a blend of creativity and functional design in the early stages of development.

A collection of screenshots displaying the user interface of a mobile app with various design layouts and features.

A curated collection of screenshots showcasing the user interface of a mobile app, featuring an array of design layouts and functionalities. The prototype, developed in Framer X, underwent rigorous testing in collaboration with Begripsam to assess its compliance with the ISO Standard 21801-1:2020, focusing on cognitive accessibility. This thorough evaluation ensures that the design meets established criteria for accessibility and user-friendliness.

Illustration of a mobile app with four different screenshots showing the user interface including a welcome screen, emotion meter, chat bubbles, and feedback form.

Illustration of a mobile app featuring four distinct screenshots that highlight various aspects of the user interface, including a welcome screen, emotion meter, chat bubbles, and a feedback form. This final version was meticulously developed using React, showcasing the app's interactive and user-friendly design elements.