Project #10 Translation Device
Please click here to view the code in p5.js.
Objective : Following the 7 feminist data principles, create a translation device in p5 that translates external JSON datasets into feminist data.
Checking the weather of the next day before going to bed, or checking it just before going out to get the right clothes,
is one of the habits most people do every day.
Design Process
Visualizing the data makes it possible to visually and quickly compare the data analysis rather than just reading the text itself. I came across a video of people with dyslexia recently. *Dyslexia is a learning disorder that involves difficulty reading due to problems identifying speech sounds and learning how they relate to letters and words (decoding). Also called reading disability, dyslexia affects areas of the brain that process language.*
Related Article
Dyslexics have better picture-memory
Rather than having a hard time reading large amounts of text, I have found that people with dyslexia often have a slightly better
ability to recognize drawings or shapes than those who do not have dyslexia. Sujin, my friend since kindergarten, her clock on her
phone screen is not made up of numbers, but a picture/image of a clock. She says that when she sees a watch, even though she saw
the watch just before, the number she suffered a symptom of being quickly forgotten the time in her head. For her, reading the time
by the shape between the hour and minute bars on the clock is more accurately recognizable to remember the time.
Even people with minimal disabilities cannot be said to be the same as people with no disabilities at all.
The most significant thing I've learned while learning web design is creating designs for people with disabilities
and that they can also use is a true User eXperience Design. I think designing with a mind that is always caring for users
is essential to making a good design. I wanted to create a design that makes it easy for people with dyslexia to recognize the
most basic temperature and humidity levels in the weather using data visualization. I thought a really simple yet clean design
was the most efficient design for them. In this project, the weather API was used to access the weather in another city.
When you enter the city's name, the degree of temperature and humidity in that city is displayed in the size of two circles.
To further aid in understanding, emojis are used on the left side of the text to help them concisely understand the meaning of
the words a little faster. I also created a sparkling effect in the background, allowing them to focus more on the screen.
There are some studies exist that blue is a color that increases concentration.
API from https://openweathermap.org/current
Reflection
I think there is a big difference between reading text directly and reading visualized data. Therefore, the size of the circle comparing these two values in the data set was used because it could represent this contrast. Also, I think the effect of the color is quite powerful. As mentioned earlier, I think there must be an effect of the 'sparkling blue' that gives better concentration, used in the background better. In addition, since pictograms used anywhere in the world as official languages such as signs and traffic lights, are used most efficiently to convey meaning as much as the circles used, using such emojis also helped transmit data efficiently.
