This repository contains the podcast app that I made for Marie, and my research related to the app.

Fork and/or clone it

git clone https://github.com/Arash217/web-design-1819

Install dependencies

npm install

Run the server (will use port 3000)

npm start

And then open localhost:3000/index.html on your browser.

Marie is deaf. She uses sign language to communicate with others. Some websites don't work properly for her, because she can't hear sound. I was assigned to find a solution for her problem, so that she too can fully enjoy the web.

Marie wants to read the transcription of a podcast and understand the nuances(clapping in the background, jokes, etc.) in the podcast, that is most of the time lost, because of it not being added to the transcription.

Observing Marie during the weekly review helped me to understand her problems, wishes and needs better.

Since Marie is deaf, applying design patterns and/or conventions won't help me to solve her problems. One convention that I did different, is, highlighting the spoken words in the transcript by their time.

Marie playing an active role in the design process of the app helped me to prioritise her indentity in the app. For example, I added her idea of having colours based on emotions to the tooltips.

Adding nonsense to go beyond the functional.

TODO: add description and sketches

TODO: add description and sketches

TODO: add description and sketches

TODO: add description and sketches

TODO: Add research and the feedbacks