Showing posts with label usability. Show all posts
Showing posts with label usability. Show all posts

Thursday, September 10, 2020

Mixed Metaphors

The COVID-19 risk guidelines in Austin, Texas present a design dilemma and a case of the blues (and more on that anon, see if you can spot what I mean). They also started with a political handicap when they were unveiled a few months ago. These are local city and county guidelines, drawn up by the Austin Public Health department, that were always likely to be ignored and run roughshod over by Texas's governor who was early in hailing The Grand Reopening of Texas, and has steadfastly proclaimed Positivity in the face of all contrary evidence.

Covid-19 risk guidelines Austin Texas May 28 2020

The earlier color-coded threat level Homeland Security Advisory System in the US has also been handicapped since its inception. While some critics focus on its bureaucratic unwieldiness, what irks me most is a catastrophic user interface and design failure. The failure, as you'll note, continues into the present.

The reason is that, in order to have green be the colour for the "all-clear" threat level, the natural spectrum of light, as normally seen in rainbows, has been altered in the Homeland Security scheme. Thus ice cool blue has been promoted to "guarded" whereas tropical green has been demoted to "low".

homeland security advisory systemrainbow

A bureaucrat or marketing person's intelligent design is at odds with evolution, physics and reality. Blame Osama bin Laden perhaps, but any number of people in the US government signed off on this mishap. Further, we are still living in this era of Recent Non-Specific General Threats almost two decades later.

The messaging and visual branding in the covid guidelines suffers from the very same flaw with the inversion of the colors of the rainbow spectrum. You can almost hear the designer's brain ticking: let's start with a traffic light metaphor, Red-Yellow-Green. But wait, they want 5 levels, let's add in orange and blue. Oh no, what about green? Argh, I give up, let's just invert green and blue. Mixed metaphor much?

Covid-19 risk guidelines Austin Texas May 28 2020rainbow over san francisco bay

Everytime I look at these charts, I suffer cognitive dissonance, there's something not quite right. I don't have to be color blind to be confused; I get a case of the misplaced blues. Could it be so hard, I ask myself? When I bought some paint to go after Tom Sawyer, things seemed easy, I ordered my 5 cans of paint and got a nice rainbow spectrum:

rainbow spectrum of colors

When I looked at my bookshelf at my stack of Unesco General History of Africa books, I noticed that there was a similar confusion if you organized things chronologically. I suspect the editors of that wonderful series weren't visually inclined but, in mitigation, they weren't dealing with a global pandemic and coming up with an urgent public health intervention. Still, the learning exhibited in that series stands the test of time. Even if later scholars have access to more material these days, those historical tomes were a real benefit for humanity. It was certainly wise to have the red volume be Africa under Colonial Domination. The blood of colonial era lingers on the ground. Alfred Adu-Boahen's opus of historical scholarship stared with clarity at the heart of darkness and eschewed Africans as scenery in the race to Fashoda.

But back to our covidious guidelines and rules and regulation... Once you move beyond the blue in green, as it were, a further problem is with naming and comprehension. If you use numbers for different phases, you have to consider the order. Do increasing numbers mean an easing of restrictions or an intensification of the lockdown? Are you considering opening or closing? In Austin, it looks as if Stage 1 is the all clear whereas Stage 5 is the fullblown lockdown stage, but I could see the reverse making sense too. Leaving aside the blues, where do epidemiologists stand on endianness and indeed on numerology?

Mind you, an interesting thing to note is that the misplaced blues is not a universal design failure. The Texas Medical Association coronavirus risk assessment of activities is at least in line with the rainbow spectrum. Different designers, most likely working down the hall from each other, came up with different solutions. No wonder humanity is afflicted with version hell and the Tower and Babel.

coronavirus risk assessment activities

The designers behind Harvard Global Health Institute's Global Epidemics site went with the Rule of Four instead, with the graphics for their Key Metrics for Covid Suppression. There is still the notion of the rainbow, but to avoid the case of the misplaced blues while fitting in with the traffic light metaphor, they added orange but decided that the blues could wait.

the path to zero

The British government in April was considering The traffic light exit strategy to free the UK from lockdown. A new economics paper suggested "a red-amber-green solution to safely ease us out of coronavirus restriction". That would be The traffic-light route to ending the economic lockdown by Gerard Lyons and Paul Ormerod (April 5 2020). It was noted at the time that this academic had sway in the past with Dominic Cummings so Mister Johnson was likely to pick up on this metaphor.

A few weeks later would read Coronavirus: 'Traffic light' system to lift lockdown in Wales
Ending lockdown could be in phases,"like a traffic light in reverse". There would be a move from red - some "careful and controlled" relaxation - to green, which would be "much more like the lives we had before the crisis hit". The amber zone would see more restrictions lifted and, if the virus is not re-emerging, Wales could then move to the green zone.

The UK would unveil its covid alert system in June rollowing the traffic light metaphor - the blues of the worst excess mortality were seeping in

uk covid alert levels system in June 2020

By July we were reading Coronavirus: Quarantine scrapped for arrivals from 'low risk' countries to England, a constrained reopening was in prospect
Last weekend the government said a traffic light system would be introduced, with countries classified as green, amber or red, depending on the prevalence of coronavirus... the Join Biosecurity Centre – which was set up to coordinate the government’s response to the pandemic – will be categorizing countries with a “traffic light” system.

Each country will be rated green, amber, or red. This will depend on the prevalence of coronavirus, the trajectory of the disease, and the center’s assessment of the data’s reliability. The quarantine will only apply to those countries rated red.

The UK Government Traffic-Light Quarantine System was said to be red amber and green.

rainbow installation at The Contemporary Austin

Chile launched its five step coronavirus prevention program to gradually reopen the country. They didn't bring in color to the mix, it was steps and numbers.

Seven Santiago neighbourhoods will transfer to Step 2 — they will be allowed to leave their houses freely on weekdays, with local shops allowed to reopen. The quarantine remains in place on weekends and holidays, along with a nighttime curfew every day.

La Araucanía joins fellow southern regions Los Ríos and Aysén in Step 4 of the prevention program. Here, rates of infection are significantly lower than other parts of the country. Restaurants, cafés, shops and cinemas can reopen with up to 25% capacity, while bars, clubs and gyms remain shut and the curfew stays in place.

If you were lucky enough to take advantage of lower interest rates caused by the downturn and attempt to refinance your mortgage, you would have faced the hard sell and the kind of mixed messages that ensue whenever traffic light meets rainbow, we always seem to get a case of the misplaced blues.

misplaced-blues-in-refinancing-look-to-the-rainbow

California's governor Gavin Newsom is hip to this game

The governor said that the new four tier color-coded system would match a color to each of the four tiers with purple representing the highest “widespread” risk level for a county with more than seven new cases per 100,000 residents and more than 8 percent positivity rate. Red will represent “substantial” risk, while orange represents “moderate” risk and yellow the lowest level, “minimal” risk, with those lower levels being determined by reduced numbers in case and positivity rates.

“We don’t put up green because we don’t believe that there’s a green light that says just go back to the way things were or back to the pre-pandemic mindset”

california pandemic color coded system

The shiny Silicon Valley solution eschews the misplaced blues using purple instead, deftly forgoes green to flee the traffic light metaphor, and embraces the rule of four in pointing to simplicity for its color-coded county guidelines

Througout this pandemic, there has been a lot of mixed signals and confusion in the messages that the public has been inundated with. This inconsistent messaging goes against the best practices of public health messaging. The public is necessarily conflicted: stay home except when you shouldn't, wear a mask although you don't need to says the governor or the sherrif. Bleach and disinfectant is first presidentially recommended, and then immediately reviled and universaly ridiculed. This is the stuff of confusion, and I won't get into the stranger turns of hydroxychloroquine, or indeed the numerous cases of drinking of hand sanitizer - that last was a bridge too far for me, to mix my metaphors.

Colors abound in the discourse, yet the only consistent message is that red is bad, the hot zone or the torrid zone of infection. Heat is also at work; hot is bad, cool is good. And if some states go with colors, some with phases, some with steps, and yet others go with levels or stages. And when it comes to numbers, some go with high numbers while others prefer low numbers as the warning. Numbers are probably better than colors but again everyting is up for debate. Is higher better or worse?

One interesting thing is that we don't hear about black much in the messaging. We don't get black or white. The implied binary choices are too stark. Life or death, Stop or go. Perhaps it is because binary choices have an immediacy that force us to reflect on mortality. Three or more states is best, there are shades of gray in this business - these shades imply some degree of human flexibility and agency. Designers reached with intent into their toolkit and came up with traffic lights, with the rule of four, and always remember, as a best practice, if five or more states are needed, we should heed the actual rainbow.

Graphic designers are having a tough time achieving clarity during this coronavirus pandemic. There's no easy living when you have mixed metaphors in a covidious time.

rainbow installation

Mixed Metaphors


Traffic lights
Full circle rainbows
Prevention steps
Priority zones
Stage guidelines
Lockdown levels
Threat areas
Risk tiers
Confused warnings
The misplaced blues

mixed metaphors - covid guidelines meet the rainbow

Mixed Metaphors, a playlist


A soundtrack for this note, here's hoping we can find the blues or some black gold of the sun somewhere over the rainbow. (spotify version)

A ball of confusion is perhaps a good description for the novel coronavirus

See also: Colors, a playlist (spotify version)

This note is part of a series: In a covidious time.


File under: , , , , , , , , , , , , , , , , , , ,

Friday, March 16, 2007

Spotted: an HTML Button

"Good god, man... How a person can write so much about HTML buttons fascinates me." - A toli commentator

Per Google, I have an unseemly amount of clout when it comes to the subject of the HTML button born of 9,000 word folktales bemoaning its general under-appreciation and lack of use.

I've always felt guilty that I didn't offer more prescription to the 50-60 searchers who daily come across that piece. Still I thought I was only stating the obvious (albeit at length, and with tongue in cheek).

Thus I was pleased to note yesterday that Google Reader switched from its misguided use of simple hyperlinked text for its "Refresh" and "Mark all as read" functions to now use items that look like html buttons. I won't bemoan their developers not using native html buttons since they've at least recognized that it is best to have clear indicators for potentially unsafe operations. I wonder when Bloglines will follow suit...

google reader uses buttons

I'll echo Phil Ringnalda again:

Making the fire alarm look just like a light switch isn't an example of daring and innovative design, it's just dangerous.
These small usability tweaks add up to broaden the appeal of the web which after all is our great mass participation medium. My rule of thumb in systems design is that we should favour participation over control. I believe this notion extends to user interface design. Giving up full control of the user interface in favour of standards tends to benefit an application because it often meshes with user expectations. There is paradoxical joy to be found in a constrained design space.

A parting sidenote: for the past few months I've been working on the Dojo toolkit, that open source javascript toolkit. At a certain point it was vaguely suggested that I work on form widgets including developing custom buttons. As you might suspect, I immediately demurred and disqualified myself pointing to my paean to html buttons. My position is unchanged: in as much as possible, one should use the built-in browser components and lobby the browser vendors to implement XForms, Web Forms 2.0 or whatever standard can improve the experience of building form applications on the web. HTML forms have been second class citizens for too long yet they are essentially the equivalent of Mary Magdalene and the disciples - the foot soldiers of the web style (digression: Bill de hÓra has been grumbling of late that HTML forms are the original sin of the web). I am pleased to see movement on many fronts these days. Every little bit helps I suppose. Let's celebrate these small things:


Next: The ballad of the link

File under: , , , , , , , , , , , ,

Tuesday, June 14, 2005

On Tags in Technorati

In the great tradition of blogging allowing one to cc the world, here's a short email to David Sifry and support@Technorati

Enhancements to Technorati Tags


Great to see the beginnings of tag aggregation at Technorati in the past few months, the beta UI is even better. It's a great glue layer solution, one that got me to tag the 100 or so posts I've written on my blog. One nitpick: you seem to give undue great prominence to tags that use the technorati.com namespace. From reading the guide to Technorati tags, I had thought that other namespaces using the rel=tag attribute would show up in the aggregation user interface, but they don't seem to, at least not yet... What gives?

In any case, I have a couple of enhancement requests:

For members who have claimed a blog, in addition to the cosmos for a given blog, please provide
  1. a list or "tag cloud" of all tags used by that blog (or link to said tag list or cloud)
  2. Also for members-only, and for claimed blogs only, I'd like to see the list of tags used for a given post
For example, if I tag my forthcoming post about those parasites that got my blog temporarily consigned to the "Spam Blackhole in Technorati" a couple of months ago with "blackholes, spam, technorati" I should be able to later on navigate and see the list of tags used and not just from my blog but also from technorati.

Ideally the tags should be listed as hyperlinks under the post (ala delicious) but I would settle for a nice new icon like the ubiquitous cosmos icon (great branding by the way). When clicked it would display the tags used.

Bonus points: display the list of tags others have used (extra credit) ranked by authority, or date. Some nice visualization could come into play also if one was to be ambitious to show the evolution of tags used over time. (And I'll buy you some Schnapps or Palm Wine).

I understand that such a feature would decrease performance since it ties the search engine more deeply with the tag aggregation engine. But it is so much nicer and promotes immediacy wouldn't you think? Being able to pivot on tags by simply clicking a link is very satisfying.

Bonus points, allow specification of uri parameters to slice and dice the tags, and blog posts, eg. being able to see all posts tagged with a given tag query. (with an option to specify internal tags and external). Your garden variety RESTful api at work here

I do that with del.icio.us as my poor man's categorization. For example, this is a link to my Cambridge Toli Chronicles

Lastly, and lowest on the totem pole of feature requests, how about some metrics about the tags used per blog. Statistics give some comfort to people. I'd like to know how many tags I've used. I can eyeball my tag list at delicious and figure out that its probably 100-200 or so (I'm so verbose). But I'm a lazy sort, and I believe in the Lazy Web.

A Technorati Tag Chat


P.S. don't you just love that Google has been so delinquent as to give you the opportunity to gain such a headstart not just in blog search but also now in tag aggregation since they don't even provide categories in Blogger. The current situation gives rise to chats like the following from just a few weeks ago:

Koranteng@Toli    did you mean this absurd sequence...< ol>
  • write a post...
  • post to blogger....
  • write tags in delicious (wait a few minutes to better get a sense of what to tag since, if you tag as you write, they aren't useful...
  • copy tags from delicious and generate technorati tags using technorati tag bookmarklet...
  • copy said technorati tags and paste in updated post to blogger...
  • and then if I feel like it (if I want to save it or if it is about to go into a for pay subscriber-only walled garden then furl my post copying keywords and navigating the awful ui for multiple topics therein...[Furl's UI for multiple topics is awful even though it could be easily fixed and I've sent suggestions to their support to no avail]
  • That's a twilight zone... not quite Orwellian but echoes of Beckett and Waiting for Godot

    JJMG    I have started three separate ST topics with you

    JJMG    (1) yes the absurd sequence although I thought it was
    1. add the technorati tags with the bookmarklet;
    2. copy the resulting tags out of the post and post your posting to delicious; I didn't know about furl
    JJMG    anyway, I can't believe how ridiculously many steps you have to make to post to your blog with tags

    JJMG    you'd think there would be a way to at least tag to delicious and technorati at once, and in fact these two postings imply that you can:

    JJMG    but you aren't using their technique

    JJMG    your HREFs at the bottom of your postings are all technorati hrefs

    JJMG    and then you just HAPPEN to post the same posting to delicious with the same tags

    Toli    all because Blogger doesn't implement categories.... I believe that typepad categories now get mapped to technorati tags...

    JJMG but those two pages imply that if you use HREFs that point to delicious, then they become technorati tags, but in fact it appears that they do not
    JJMG    (there is a rel="tag" thing in there which is supposedly what makes technorati think it's a tag
    JJMG    so, for instance, at the bottom of the freshblog's postings

    Toli    right but that is just technorati playing favourites in its aggregation ui to things that are 'proper' technorati tags

    JJMG    so at the bottom of the freshblog postings, all the hrefs are to http://del.icio.us/jrfj44
    JJMG    yours are all to technorati
    JJMG    yours actually work, but theirs don't, so I don't know why they document that theirs do
    JJMG    when I say yours "work" I mean that you can go to technorati.com/tag/ and you show up
    JJMG    when you do, say, technorati.com/tag/how-to, you don't get the freshblog thing in the technorati list, although you can get to it from the delicious list, so I kind of miss the point of what they are documenting in those two pages ...

    Toli    they might have but again technorati are the aggregator so they decide what happens... I really hope google buys all of these services up
    Toli    yep the spirit of the technorati inital proposal about the rel=tag implied the kind of flexibility but then reality stepped in

    JJMG    in fact those two postings I just sent you
    JJMG    they say
    JJMG    "I just learned that technorati tags do not need to actually link to technorati. This is important because for a while now I've been using delicious as a way to make categories on my blog posts. "
    JJMG    simply having the rel="tag" is supposed to make it a "technorati tag"
    JJMG    but -- again, the technorati UI doesn't seem to treat it the same way unless it really links TO technorati
    JJMG    anyway ...

    File under: , , , , , , , , , , , , , , , ,