Nielsenin kirjoituksia Webin käytettävyydestä

Käytettävyys on tärkeä asia, joka valitettavan usein unohdetaan ohjelmistoja ja web-sivuja suunnitellessa. Nykyään onneksi yrityksetkin ovat tajunneet käytettävyyden merkityksen ja panostaneet web-sivujensa toimivuuteen, mutta vielä on paljon tehtävää. Jokaisen kehittäjän tai suunnittelijan, joka on tekemisissä käyttöliittymien kanssa, olisi hyvä tutustua edes hieman käytettävyyden perusteisiin.

Kenties tunnetuin nimi tietotekniikan saralla käytettävyyden ja käyttöliittymien suunnittelun puolelta on tanskalainen tekniikan tohtori Jakob Nielsen alanaan ihmisen ja tietokoneen välinen vuorovaikutus. Nielsen pitää joka toinen viikko ilmestyvää Alertbox: Current Issues in Web Usability kolumnia, joissa kirjoittaa osuvasti käytettävyyteen liittyvistä aiheista. Tietenkään kolumnit eivät kerro kuin raapaisun aiheen kokonaisuudesta, mutta antavat hyvän kuvan aiheeseen liittyvistä asioista ja ovat hyvää luettavaa. Muun muassa leffoista löytyviä käyttöliittymiä kuvaava kirjoitus on niin osuvasti kirjoitettu, että ei voi kuin naureskella.

Vaikka tarkoituksena ei olisikaan suunnata käytettävyyden ja käyttöliittymien maailmaan, on aiheisiin liittyvien perusasioiden tunteminen etenkin web-suunnittelijalle tärkeää. Usein web-sivun käytettävyyden miettiminen jää sivujen ohjelmoijan harteille ja tuloksena voi olla mitä tahansa hyvän toteutuksen ja ala-arvoisen räpellyksen väliltä. Aikaa (rahaa) sivuston toimivuuden pohtimiseen ei ole varattu, joka myöhemmin heijastuu sivuston käyttötarkoituksen heikentymisenä. Jopa ei-kaupalliset organisaatiot hyötyvät hyvin suunnitelluista ja käytettävistä web-sivuista.

Pitää ehkä omaan lukemistoon lisätä joku alan perusteos tai vaikkapa eteen tullut Webin käytettävyydestä humoristiseti kertova ”Don’t Make Me Think”.

Piilota tietokoneen sähköjohdot mustaan laatikkoon

Tietokoneisiin liittyy paljon oheistavaraa, kuten jatkojohtoja ja verkkolaitteita, joiden ei välttämättä tarvitsisi olla näkyvillä ja pölyä keräämässä. Yleensä tietokoneen luona onkin kauhea kasa erilaisia johtoja ja laitteita, jotka ovat aina tiellä.

KangaRooM storage: Black Box Cord Organizer tuo johtoviidakkoon helpotusta ja piilottaa sähköjohdot ja kytkimet mustaan lämmönkestävään akryylikoteloon. Kooltaan 13” x 12.875” x 3.25” (P x K x L) oleva kotelo on varustettu liukuovilla, kiinnikkeillä sähköjohtoja varten ja tasoilla, joihin voi sijoittaa virtalähteitä tai pieniä verkkolaitteita.

Johtojen piilottamisesta joutuu maksamaan 60 dollaria, mutta se on kohtalaisen pieni hinta siisteydestä. Tuollaisen kotelon kyllä varmaan rakentaisi helposti itsekin, jos Amerikasta tilaaminen ei innosta.

(via Gizmodo)

KangaRooM Cord Organizer

Vietä päivä ilman tietokonetta meni jo

Kirjoitin noin kuukausi sitten ”Vietä päivä ilman tietokonetta” -tapahtumasta ja kyseinen ”Shutdown Day” meni mitenkäs muutenkaan, kuin tietokoneen ääressä. Kuinkas siinä näin pääsi käymäänkään.

Itse asiassa muistin koko tapahtuman vasta pari tuntia konetta käytettyäni, lukiessani uutissyötteitä, joten peli oli jo siinä vaiheessa hävitty. Ehkä ensi vuonna muistan paremmin, vaikka en ole idean järkevyydestä kovin vakuuttunut. Joskus on silti hyvä tehdä pieni irtiotto tietotekniikan kahleista ja viettää päivä tai pari tai jopa viikko, ilman tietokonetta.

Homer -jääkaappimagneetti

Homer Jääkaappimagneetti

Simpsonien ystäville ja perjantai-illan piristykseksi voi jääkaapin oveen kiinnittää puhuvan Homer -jääkaappimagneetin, joka toimii myös pullonavaajana.

Jääkaappimagneetti ja pullonavaaja ei olisi mitenkään erikoinen, ellei Homer laukoisi vitsikkäitä kommentteja pulloa avatessa.

Pulloja avatessa voi kuunnella muun muassa seuraavia lausahduksia:

  • ”Do you drink that brand? I’m not even desperate enough to drink that stuff.” (Lapin Kultaa avatessa)
  • ”Hurry up and drink, that bottle’s not gonna empty itself! Unless you fall down and spill it.”
  • ”Hey, excuse me, but I’ve noticed you’ve fallen behind in your drinking.”
  • ”That better not be the last one ‘cos I’m still thirsty!”
  • ”Hey buddy…mind if I lick that cap!”

Homer -jääkaappimagneetin tiedoista ei selviä montako erilaista lausetta Homerilta irtoaa, mutta pidemmän päälle, voi 26cm korkeasta ja 50 dollarin hintaisesta tuotteesta olla enemmän iloa hiljaisena.

(via Übergizmo)

Tieto’07 tapahtuma

Tieto’07 on uuden sukupolven rekrytointi- ja verkostoitumistapahtuma tietotekniikka-alan sekä teknisen suunnittelun opiskelijoille. Tavoitteena on luoda tuottava kontaktipinta yritysten ja opiskelijoiden välille. Tieto’07 tarjoaa ensimmäistä kertaa korkeakouluopiskelijoille ja muille osaajille mahdollisuuden päästä varmaan kontaktiin yritysten kanssa.” – tieto07.fi

Näin mainostetaan 30. -31.3.2007 Tampereen teknillisessä yliopistossa järjestettävää Tieto’07 tapahtumaa, joka järjestetään nyt ensimmäistä kertaa. Tapahtumassa on ohjelmana yritysmessut, työhaastatteluja, illanviettoa ja kilpailuja kolmella eri osa-alueella: tietoturvallisuus, ohjelmointi ja tekninen suunnittelu. Kilpailut ovat tarkoitettu päätoimisille opiskelijoille.

Tapahtuma on idealtaan mielestäni hyvä ja kilpailujen järjestäminen yritysmessujen ohessa mainio idea. Kokeilumielellä ja lähinnä nähdäkseni millaisia asioita kysytään, osallistuin tapahtuman kilpailuihin vastaamalla esikarsintakysymyksiin tietoturvan ja ohjelmoinnin osa-alueissa.

Esikarsintojen tarkoitus oli ”mitata kilpailijoiden perustietoja ja näin varmistaa, että kaikki omaavat osa-alueensa tarpeelliset pohjatiedot” ja tämä piti aika hyvin paikkansa. Sain tieturvan monivalinnasta 8/14 ja ohjelmoinnista 9/14 kysymyksistä oikein, joten hieman jäi parannettavaa. Esikarsintojen monivalintakysymysten perusteella pääsin kuitenkin yhdeksi kilpailijaksi molemmissa osa-alueissa.

Esikarsintakysymysten vastaamiseen oli käytössä kolme yritystä, yksi yritys jokaiseen osa-alueeseen tai kaikki kolme johonkin kolmesta osa-alueesta. Kahteen osa-alueeseen vastaamisen jälkeen käyttämättä jäi vielä yksi yritys. Aikaa vastata kysymyksiin oli 30 sekunnista useampaan minuuttiin riippuen kysymyksestä ja avointa kysymystä sai täyttää 15 minuuttia.

Molemmissa osa-alueissa muutamat kysymyksistä olivat hieman knoppitiedon tyylisiä ja jotkut taas lyhenteen ”xyzq” tietämistä. Yleisesti katsoen kysymykset olivat aika järkeviä, mutta pisteisiini nähden olisin voinut panostaa vastaamiseen hieman enemmän. Ohjelmoinnin puolella loogista päättelyä testanneet, lyhyessä ajassa vastattavat numero/kirjainsarjat, eivät kyllä oikein vastanneet käsitystäni perustietojen kysymisestä. Viimeinen kysymys oli avoin kirjallinen kysymys, johon vastasin tietoturvan osalta ympäripyöreästi muutamalla lauseella ja samoin ohjelmoinnissa, sillä tarkoitukseni ei todellakaan ollut pyrkiä tai selvitä esikarsinnasta loppukilpailuun.

Suhteuttaen oikein vastattujen kysymysteni määrän ja kirjallisen kysymyksen vastaukseni, voi kuvitella että tapahtumaan ei ole kilpailujen suhteen tulossa yleisöryntäystä. Tietotekniikan opiskelijoita on kuitenkin Suomessa paljon ja tällaiselle tapahtumalle luulisi löytyvän mielenkiintoa. Kuulemieni puheiden mukaan tapahtumasta ei ole juurikaan ollut tietoa ja mainostusta ja jos ei Lappeenrannastakaan ole paikalle lähdössä edes yhtä bussia, on mainostuksessa selkeästi puutteita. Tapahtumaa kuvaa myös hyvin, etteivät edes TiTeläisetkään (Tampereen tietotekniikan opiskelijat) juurikaan tapahtumasta tienneet, mainoksia lukuun ottamatta.

Kilpailutietojen mukaan esikarsinnan perusteella kutsutaan noin 400 kilpailuun osallistunutta osaajaa loppukilpailuun, joka koostuu perjantaina olevista kilpailun 1. ja 2. vaiheista ja lauantaina olevasta finaalista. Hieman tuntuu, että kaksipäiväiseen loppukilpailuun kutsutaan kaikki vähänkin sinnepäin vastanneet. Toivottavasti tapahtuma ei jää vain yhteen kertaan, sillä idea on hyvä, mutta markkinoinnissa on vain hieman parannettavaa.

En vielä itsekään tiedä, jaksaako tuonne perjantain tapahtumaan matkata, sillä samalle viikonlopulle osuu myös kaverin valmistujaisjuhlat.

Origenae S21T, tietokonekotelo TFT-näytöllä

Tietokonekoteloita on moneen lähtöön, muovisia ja metallisia viritelmiä ja kaikkea siltä väliltä. Perinteisesti useat kotelot ovat tylsiä ja kelpaavat lähinnä piilotettavaksi katseilta. Onneksi poikkeuksiakin löytyy, varsinkin kun kotelon hinta koostuu kolminumeroisesta luvusta. Yksi tyylikäs ja silmiä hivelevä vaihtoehto tietokoneen koteloksi on hieman hifi-laitteiden tapaan muotoiltu OrigenAE S21T HTPC -kotelo, joka ei katseita häpeile.

OrigenAE S21T -kotelon erikoisuutena on etulevystä löytyvä, motorisoitu, 12.1″ TFT-kosketusnäyttö 1280 x 800px resoluutiolla (max. 1920 x 1080px). Mitoiltaan 435 x 220 x 390mm (LxKxS) olevasta kotelosta löytyy muun muassa paikat kymmenelle kiintolevylle ja yhdelle dvd-asemalle, kaksi 120mm ja kaksi 92mm tuuletinta ja irroitettava kiinnikelevy atx ja micro atx -emolevyille. Kotelo on valmistettu 5mm alumiinista (kuvien mukaan harjatusta alumiinista) ja painoa löytyy noin 9.8kg. Koteloa on saatavilla sekä mustana että hopeisena, joten sopivuus hifi-laitteiden sekaan on varmistettu.

OrigenAE on keskittynyt HTPC-koteloihin ja tuotteet ovat tyylikkäitä ja se myös näkyy hinnoissa. Pikaisella Googlettamisella kotelo löytyi muun muassa saksalaisista tietokoneliikkeistä noin 980 euron hintalapulla varustettuna. Lähemmäs tuhat euroa on paljon rahaa tietokonekotelosta, mutta tyylistä joutuu maksamaan ja tuleehan mukana näyttö. Kyllä tuollaiseen koteloon kehtaisi jo kotiteatteri-tietokoneen rakentaa.

Origenae S21T

Jos saksa taipuu niin, kotelosta löytyy lyhyt testi ja kuvia kasatusta kokoonpanosta. Aika ahdasta näytti valmiilla kokoonpanolla tulevan, mutta se on normaalia HTPC-koteloita ajatellen, jotka yleensä ovat kompromissejä sisätilan, fyysiseen koon ja ilmankierron suhteen.

Käyttäjien tunnistaminen graafisesti Identiconilla

Törmäsin jo aikaisemmin Don Parkin ideaan IP-osoitteen esittämisestä pienenä, anonyyminä graafisena merkkinä, mutta sivuutin asian sen suuremmitta huomioitta. Lyhyesti selitettynä Identicon -nimen saaneen idean tarkoitus on ”tunnistaa” ja erotella esimerkiksi blogin kommentoijat tai wiki:n kirjoittajat, paljastamatta käyttäjän IP-osoitetta tai muuta tietoa. Tämä onnistuu muodostamalla käyttäjän antamista tiedoista, kuten IP-osoitteesta tai sähköpostista, tietoa vastaava kuva.

9blocks 9blocks 9blocks 9blocks 9blocks 9blocks 9blocks 9blocks 9blocks 9blocks 9blocks 9blocks 9blocks

Don Park kuvaa Identiconia seuraavasti:

I originally came up with this idea to be used as an easy means of visually distinguishing multiple units of information, anything that can be reduced to bits. It’s not just IPs but also people, places, and things.

IMHO, too much of the web what we read are textual or numeric information which are not easy to distinguish at a glance when they are jumbled up together. So I think adding visual identifiers will make the user experience much more enjoyable.

I think identicons have many use cases. One use is embedding them in wiki pages to identify authors. Another is using them in CRM to identify customers. I can go on and on. It’s not just about IP addresses but information that tends to move in ’herds’.

Ideana IP-osoitteen tai muun yksilöivän tiedon esittäminen helppolukuisena kuvana on loistava ja kohtalaisen helppo toteuttaa. WordPress ei kuitenkaan toimi .NET -alustalla, joten mieleen tuli toteuttaa Identicon PHP:lla ja testata toteutusta omassa blogissani. Teknisesti idea perustuu käyttäjän IP-osoitteen tiivisteen (hash) ja sen esittämiseen graafisilla elementeillä, joten hieman graafista piirtelyä gd-kirjastolla ja hash-funktioiden kanssa leikkimistä, ja toteutus olisi valmis.

Tarkistin kuitenkin ennen töihin ryhtymistä Identicon -ideaan pohjautuvat eri toteutukset ja WordPressille löytyy jo Scott Sherrill-Mix:n toteuttama WP_Identicon -plugin. Ei kyllä ollenkaan yllättänyt, että loistavasta ideasta oli lyhyessä ajassa toteutettu versioita käyttäen PHP:ta, Pythonia, Perlia, C#:ia ja .NET -ympäristöä alkuperäisen Java -toteutuksen lisäksi. Voi olla, että testailen silti oman version luomista PHP:tä käyttäen.

Koska työt oli tehty ennen kuin pääsin edes alkuun, lisäsin blogiin Identicon -pluginin, joka näyttää kommentoijan IP-osoitteen tiivisteen perusteella muodostetun kuvan. Lisäosaa varten tarvitsi vain lisätä muutama rivi kommentti-sivuun ja vaihtaa vakiona ollut sähköpostin perusteella kuvan luova optio IP-osoitteeseen. Alkuperäiseen ideaan verrattuna WordPress-pluginissa on enemmän erilaisia muotoja kuvan luomiseksi.

Näet nyt oman Identicon -jälkesi blogin kommenteissa.