Huonot visualisoinnit: Facebookin raporttipallukat

Facebookista löytyi oivallinen esimerkki datan huonosta visualisoinnista. Facebook-mainoksien raporteissa Facebook on päätynyt käyttämään visualisoinnissa pyöreää muotoa, joka ei kuitenkaan ole läheskään ongelmaton. Alla olevassa kuvassa vasemmalla Facebookin nykytila ja jotta valituksen lisäksi olisi myös ratkaisuita: oikealla viiden sekunnin korvaava ehdotukseni – pallukoista pylvääksi. Taustatiedoksi: sininen kokonaisala on 498 020 henkilöä, vihreä esittää 206 902 henkilöä ja oranssin pitäisi esittää 26 485 henkilöä.

Facebook pallot vs. pylväs

Ketä tässä yritetään huijata?

Ympyrä on kaunis muoto ja antaa raporttisivun muotokieleen rikkautta, mutta sen pinta-alaa on paljon vaikeampi tulkita kuin suorakulmion. Tässä tapauksessa ympyrässä esitettynä kattavuus näyttää kohdennettuihin suhteessa suuremmalta kuin todellisuudessa onkaan ja tarjoaa tulkitsijalleen todellisuutta positiivisemman mielikuvan. Suorakulmiosta sen sijaan pystyy melko luotettavasti toteamaan, että vihreä osuus on pinta-alasta hieman alle puolet eikä reilusti yli puolet, kuten pallukat näyttäisivät.

Suurinta ihmetystä aiheuttaa yhteisökattavuuden visualisointi, jonka suhde lukujen perusteella pitäisi olla noin 5 % luokkaa siniseen pohja-alaan. Facebookin visualisoinnissa se näyttäisi noin 20 % kokoiselta (pylväässä mallin vuoksi oikean kokoisena). Oranssi pallukka alleviivaakin hienosti kyseisen visualisoinnin tyhjänpäiväisyyden – sen tarkoitus ei olekaan auttaa käyttäjää tekemään tulkintoja datasta, vaan yksinkertaisesti koristella sivua ja jopa johtaa maksajaa harhaan.

Hämy!

Puhelinnumeron on oltava enemmän kuin 3 merkkiä

Huraa Saksalainen insinöörityö! Sen enempää kantaa palvelun muuhun idiotismiin ottamatta, tämän kertainen minifail-palkinto kuuluu Siemensin hakulomakkeelle.

Insinöörien taidonnäyte

Insinöörien taidonnäyte

“Puhelinnumeron on oltava enemmän kuin 3 merkkiä”

Siemensin virheilmoitus on yksin kauneimmista koodarisuomen kieliopin kukkasista hetkeen. Ohje maalaa puhelinnumeron tulevaisuuden olomuodosta abstraktin kuvan, muttei kerro käyttäjälle todellisuudessa, miten hän tämänkin ohjelmoijan virheen voisi korjata.

Okei okei, eihän se nyt oikeasti ole mikään ongelma kirjoittaa kolmatta ja neljättä merkkiä, mutta en ollut kirjoittamassa puhelinnumeroa. Lomake on selvästi kyhätty jostain vanhasta yhteydenottolomakkeesta leikaten ja liimaten. Se ei kuitenkaan riitä selitykseksi. Puhelinnumeroissa on merkkien sijaan useammin… hmm… numeroita! On myös hyvin harvoja puhelinnumeroita, joissa on vähemmän kuin neljä merkkiä ellei nyt sitten satu edustamaan numerotiedustelua tai hätäkeskusta.

Haku toimii ohjeesta huolimatta myös kolmella merkillä, vaikka ohje sanoo, että enemmän kuin kolme merkkiä, mikä viittaa taas ennemmin peräpään (backend) koodarin kuin ihmisen touhuihin. Onneksi olkoon vielä kerran voittajalle!

Pizza-online Alert!

Alert! Varoitus! Järjestelmämme ei ole rakennettu älykkäästi, joten meidän on syytä varoittaa sinua tiedotteella.

Miksei sähköpostiosoitteeni voinut olla samalla käyttäjätunnus? Olen kuitenkin rekisteröitynyt kyseisellä sähköpostiosoitteella. Sen sijaan minulle on näemmä edellisen rekisteröitymisen yhdeydessä annettu käyttäjätunnus, jossa on seitsemän sattumanvaraista merkkiä tyyliin 2F83kHn. Sepä onkin helppo muistaa, kun päätän ex tempore tilata pizzaa. Varsinkin, kun salasanakin pitäisi vielä muistaa.

No nyt minua on (taas) varoitettu. En ihmettele, vaikka rekisteröitymisprosentti jäisikin hitusen odotusten alapuolelle.

Foursquare idiotismia: Kvik

Tätä voi kutsua Foursquare-tarjoukseksi.

Tämä on sen sijaan hevonkukkua ja ärsyttävä roskaviesti.

Olisiko ollut liikaa vaadittu antaa check-inin yhteydessä vaikkapa kynä tai joku muu palkinto? Sen sijaan oli näppärämpää tunkea surkea mainosviesti käyttäjiä ärsyttämään. Tässä kiteytyy loistavasti huonon ja hyvän sosiaalisen median käytön erot. Toinen palveli käyttäjiään, toinen oli vain tyhmä.

Tämän kertainen voittaja on siis Kvik.

When programs do things without asking: F-Secure’s latest epic fail

The lesson

Don’t ever ever make your software do important decisions for your user. Programs that behave in ways that user doesn’t expect them to, are bound to fail.

If it’s about freeing your user from repeating mundane tasks, please let the program do the work. If it’s something that most of the users would choose in most cases, please make the decision for them. But if it’s about trashing 90 000 files on my computer and not letting me restore them with a single click – please just let me do the decision making. Pretty-fucking-please.

The story follows.

I believed in a virus free computer

When I ditched my PC and purchased an iMac, one of the things off my chest was the vast amount of viruses I had just left behind. For a couple of months I didn’t even consider installing a virus protection software – I felt Safe. Then a friend from work told me that F-Secure’s got a free version of their protection software for Mac. Oh well, protection’s always good, right? Right.

Is this my first virus on a Mac?

Tonight I came home from work and launched my Firefox and then suddenly my F-Secure alerts me about a malware it has just prevented. I slowly close my browser and move away from the keyboard: could this be real? In disbelief I blink my eyes rapidly for a few times and relaunch Firefox… there it is again! Is this my first ever virus on a Mac?

My natural reaction

Worried about the infection I decided to start a full system scan. Little did I know what was about to happen next.

Since I’ve got over 500 gigabytes of files, I also left the F-Secure software running and went to play some GT5 on my PS3. For some reason the first 3000 files seemed to have almost 3000 dangerous files. This didn’t feel alerting, although it should’ve.

The epic fail

Later at night I came back from a floorball rehearsal and checked the status of the files right away. How many files were infected? Did F-secure remove the infection? What other actions do I need to take in order to regain my computer’s health? The report tells me that… of the 90 000 thousand infected files… almost all have been… moved to Trash!

I dash to forums to find a way to restore my files back to their initial locations. Like a word from heavens it echoed: “Put Back!” A command that could reanimate your files and repair your broken software. But just like everything that sounds too good to be true… well isn’t true. I keep on digging and in the last corner of the Internet (which is of course F-Secure’s forum) I find a thread that sheds some light on my despair.

The problem was indeed a major false positive on the TP version of our OS X offering. The problem was solved a while ago with update 2011-03-14_04. If any of you were using a non Technology preview version, please contact me. – Veli-Jussi Kesti, F-Secure corp.

I might’ve not been infected in the first place! And now I’ve got 90 000 files including my Photos, Graphic Design Files, Shared files from DropBox, Application files, etc. in the trash and no idea how to put them back where they belong. And for what? Someone had decided that the default option was to automatically trash the files. G-sus! Guess again, sir – you’ve just made and epic fail.

Määrittelemätön virhe

Lentojen ja hotellien varaaminen netistä on luottamusta vaativaa puuhaa. Luulisi, ettei ole rakettitiedettä oivaltaa: kun raha alkaa liikkua, kannattaa yritysten ja käyttäjän väliseen rajapintaan erityisesti panostaa. Tämän kertaiset fail-palkinnot voittavat Supersaver ja Travelstart.

Supersaverin lomake ilmoittaa komeasti, että on tapahtunut “Määrittelemätön virhe” eikä sen lisäksi tarjoa minkäänlaista vihjettä, miten minun olisi virheen kanssa meneteltävä. Eteenpäin pääsin tietysti(?) painamalla uudestaan lomakkeen hakunappia.

Supersaverin määrittelemätön virhe

Ei näin.

Koska hintoja nyt vertaillaan, niin päätin kokeilla toistakin palvelua. Ilokseni he osasivat hoitaa tilanteen yhtä mallikkaasti tarjoamalla minulle lisää huutomerkillä koristeltua “Määrittelemätöntä virhettä.”

Travelstartin määrittelemätön virhe

Eikä näin.

Tässäkin tapauksessa eteenpäin päästiin hakemalla virheestä huolimatta. Ihmettelenkin, miksen päässyt eteenpäin ensiklikkauksella, vaan minua piti hieman huolestuttaa virheellä. Liekkö taustalla oivallinen idea saada käyttäjä vielä kerran syynäämään hermostuksissaan valinnat läpi ennen jatkamista?

Ilmoitusten samankaltaisuus herätti kiinnostukseni ja huomasin, että molempien palveluntarjoajien käyntiosoite on sama. YTJ:stä tarkistamalla huomasin, että sama porukka tunnetaan ainakin nimillä:

  • Oy SRG Finland Ab
  • Matkatoimisto Supersaver
  • Matkatoimisto Gullivers
  • Töölön Matkatoimisto
  • Travelstart
  • Seat24

Voittajan kaava: yhdestä mokasta moneksi käyttämällä samaa järjestelmää!

Kekseliäs nimi löydettävyyden tiellä

Toisinaan oivaltava tuotteen tai palvelun nimeäminen kantasanaa vääntämällä saattaa rävähtää keksijän näpeille hakukoneessa.

Esimerkiksi: Urannus on sääsuojia Emäsalossa valmistava yritys, mutta Uranus on vielä suositumpi taivaankappale ja Google on yleensä enemmistön puolella. Haun lopputuloksena Googlen korjausliikkeen vaikutuksesta Urannukselle vähemmän suotuisa tulos:

Uran(n)us hakukoneessa

Uran(n)us hakukoneessa

Heei, ihmisillehän näitä nimiä suunnitellaan! Mutta silloin tällöin robotit asettuvat poikkiteloin käyttäjän tielle. Teitä on varoitettu.

Vähintään 4 merkkiä

7 miltsiä tarjolla Lotossa ja Veikkaustilin tunnukset hukassa. Onneksi ne voi näppärästi palauttaa Tupas-palveluun turvaten.

Salasanassasi on oltava vähintään 4 merkkiä

Nabutellaanpas tähän nyt vähän pidempi salasana, ettei paha hakkeri tule ja pelaa mun masseja.

Korkeintaan 8 merkkiä

No mitä ihmettä? Eikös siinä juuri lukenut vähintään 4 merkkiä? Jos lomakkeeseen voi kirjoittaa 4 – 8 merkkiä, ei ole väärin kertoa sitä heti. 4 – 8 on eri asia kuin yli neljä ja 2010-luvulla käyttäjillä on yli 8 merkkisiä salasanoja, uskokaa pois.

Onneksi olkoon Veikkaus: käyttäjä voittaa aina?

Flash Fail: Case Design Pylsy

Design Pylsy Moppiilisti

Design Pylsy Moppiilisti

Voi Anu, minkä teit! Sinulla oli hienoja Design-artikkeleita, joita olisin halunnut tulla katsomaan vanhalle kyläkoulullesi Joutsassa ollessani. Olit kuitenkin antanut jonkun valita tai sitten itse tehnyt valinnan toteuttaa Web-sivusi Flashilla.

Kuitenkin monet designista kiinnostuneet valitsevat puhelimekseen iPhonen, jossa tunnetusti ei ole Flash-tukea (mikä on mielestäni myös täysin oikein)! Näin jäivät aukioloajat ja yhteystiedot saamatta ja reissusuunnitelma oli pakko perua.

En tiedä oliko taustalla paikallisen toimijan näkemys hyvästä sivustosta, jossa viehkon visuaalisuuden alttarilla oli mennyt laiteriippumaton saavutettavuus ja hakukoneystävällisyys.

Toki sivuston sisältö on jollain tavalla hakukoneellä löydettävissä, katso vaikka itse. Hakutulokset – kasa tekstitiedostoja, joista tieto sivuille luetaan – vaan eivät ole kovin mairittelevia.

Nyt on viimeistään aika nakata Flashit roskiin sivuston toteuttamisessa ja antaa tekniikalle mahdollisuus loistaa omien vahvuuksiensa parissa. Tehdään sillä vaikka pelejä!

Usernamen käyttöönotto Facebookissa ei olisi Design Pylsylle myöskään huono idea (http://www.facebook.com/home.php?#!/pages/Design-Pylsy/232202080205 vs. http://www.facebook.com/designpylsy) niin kuin ei olisi Facebook-profiiliin linkittäminen yrityksen verkkosivuiltakaan.

Ps. Miten on, joko laitetaan mobiilioptimoitu sivu tulemaan, vai pitäisikö koko homma miettiä uudestaan? :)