How to Display the Temperature Properly

-

Naver has one of the best graphical temperature visualizations. Simple, clean, with the right amount of information. You can probably figure it out even if you can't read Korean or don't use Celsius.

Web sites in Korea are usually usability disasters, but every so often I come across a true UX gem. Take Naver's visualization of temperature over time, for example. I've seen many other temperature graphs, but Naver adds one tiny feature that makes theirs immensely more usable: the temperature from yesterday and the day before. That extra little bit of historical information makes the current temperature and forecast temperature much easier to read.

Temperature is a funny metric. I find it difficult to correlate this number with how it really "feels." If it's 47 degrees outside, should I dress really light or really warm? The answer probably depends on the temperature from the previous few days. I think we adjust to the current season and climate. If it was previously 30 degrees, 47 degrees would feel warm. But if it was previously 70 degrees, 47 degrees would feel very chilly. And 47 degrees for a Minnesotan is very different than the same 47 degrees for a Californian! 

Now, as you may have guessed, I was using Fahrenheit temperatures above. I'm used to the Fahrenheit system because I grew up in the US. However, Korea uses the Celsius system. Conversion requires both a scaling (multiplication) and a translation (addition) operation. It's hard to enough to get a sense of the Fahrenheit temperature; the converted Celsius temperature is even more difficult!

Naver's temperature graph beautifully transcends all the difficulties of reading a numeric temperature. Temperature is a relative experience (heard that story of how you can boil an unwitting frog by s-l-o-w-l-y raising the temperature?) Naver's temperature chart lets the user read the temperature the way they experience it: relatively.

Even if Naver displayed the temperatures in an odd, unfamiliar unit like Kelvins, I can immediately get an accurate "feel" for the temperature. I know what the temperature felt like yesterday or the day before, so I just look at the relative change in temperature. Did it go up, down, or stay the same? By how much?

Now, WeatherSpark does show the previous temperature history. But they show too much information. Normally I neither need, nor want, the weather history and forecast at one hour intervals. It's just information overload. Naver shows just the right amount of information: the high and low temperatures, as two line graphs. The high temperatures are colored red, and the low temperatures are colored blue. This seems like a small detail, but it's very confusing when executed incorrectly. Most people associate warm colors (like red) with higher temperatures and cool colors (like blue) with lower temperatures.

Well done, Naver!

Comments

Post a Comment

Popular posts from this blog

The Comeback Post

-
Image
The last time I tried growing my hair out was over ten years ago! My mom and me at the beach. When a Korean (pop) artist returns after being inactive for a prolonged period, Koreans call it a "comeback" album/concert. Often they remake their artistic style at the same time. I was sure "comeback" was a bit of Konglish because I never really heard it used outside of Korea, where I hear it all the time. However, a Google search indicates that the term "comeback" is indeed used outside of Korea/Asia. Anyhow, this is my blog's comeback post. I have made some major changes:
Read more

WMO Codes

-
Image
Periodic Table of WMO Weather Condition Codes Unlike some other " periodic tables ," this one uncovers several patterns in the WMO weather condition codes. How can you express the 28 (Open Meteo) WMO weather condition codes as distinct icons and colors? The Open Meteo documentation gives a short description of each code, but the best way to graphically visualize this information in a weather app is not obvious. Open Weather, another weather API, simply hands you everything on a single page . The previous version of my weather app used Open Weather. (My app’s icons were actually from DarkSky, one of the best weather API’s until they were acquired by Apple.) However I was not satisfied with just mapping the 9 icons onto Open Meteo’s 28 different conditions . Open Meteo provides more information, and I wanted to expose it all! Organizing the Codes There are actually 100 unique WMO codes , but Open Meteo only reports a subset of these. Open Meteo groups the codes ...
Read more

Automatic Inbox Cleanup with Two Simple Filters/Rules

-
Image
Automatic Inbox Cleanup with Two Simple Filters/Rules Only 47 important emails reached my inbox out of 1,236 total emails received in October 2023. Last month I received 1,236 emails, but only 47 emails reached my inbox. These were the truly important emails I wanted to see, mostly sent from real people. These are the only emails that triggered a notification on my phone as soon as they hit my inbox. The other 96% of the emails were silently and automatically filed into other categories/labels without a single notification. About once a day, I take a few seconds to check them in bulk. I just scan the subjects and senders to mark a few bulk/automated emails that interest me. Then two keystrokes marks all of them as read. Ten, twenty, a hundred at a time! How can you have your email sorted like this? You just have to add a few custom email filters/rules. Instructions and downloadable Gmail filter files are at the end of this article! TL;DR (Quick Instructions) Instruction...
Read more