Muuta Google Readerin ulkoasu OS X -sovellukseksi

Olen käyttänyt blogien seuraamiseen Google Reader -RSS-lukijaa, joka pelkistetyn käyttöliittymän ja ominaisuuksiensa osalta tarjoaa riittävät toiminnot. Webissä toimivan sovelluksen etuna on myös se, että sitä pystyy käyttämään käytettävästä koneesta riippumatta.

Google Readerin ulkoasu on hieman karu ja värimaailma ankea, mutta siihen on olemassa vaihtoehto. Hicksdesign on toteuttanut teeman Google Readeriin, joka muokkaa RSS-lukijan ulkoasun muistuttamaan Mac OS X -sovellusta. Tekijän mukaan teeman tarkoitus ei ole olla originaali tai ”parempi” kuin alkuperäinen, vaan tarjota OS X -tyyliä.

Uusi teema perustuu sivukohtaiseen CSS-tiedostoon, joka muuttaa sivun ulkoasua käyttäjän haluamalla tavalla. Ongelmana tässä tietenkin on, että Google voi muuttaa RSS-lukijan merkkausta rankalla kädellä, jonka jälkeen käyttäjän oma teema on käyttökelvoton ilman vastaavia muutoksia.

Hicksdesignin jutusta löytyy itse Google Reader -teema, asennusohjeet eri selaimille ja muutosloki. Firefoxin kanssa uusi teema voidaan ottaa käyttöön Stylish -laajennuksen avulla tai kuten Caminon ohjeissa kerrotaan, lisäämällä teema Fx:n profiilin userContent.css -tiedostoon. Muita tuettuja selaimia ovat: Camino, Safari, Omniweb ja Opera. Mutta missä on Internet Explorer?

Sykemittari, käyttäjä ja yritysten tuotesivustot

Internet on täynnä erinomaisia ja käyttäjää helliviä nettisivuja, mutta valitettavasti yritysten sivustot harvoin tähän joukkoon kuuluvat. Jotenkin tuntuu, että käsitteet kuten käyttäjäystävällisyys, käytettävyys ja selkeys ovat usein tuntemattomia ja sivustoilla on painotettu sekavuutta, käyttäjän kiusaamista ja kaikenlaista turhaa kilkettä. Yritä siinä sitten etsiä tietoa yrityksestä ja sen tuotteista. Tällä kertaa ärsyttävyyden kynnyksen ylitti sykemittareita valmistavan Polar Electron sivut, mutta Internetissä on runsaasti vastaavia sivustoja.

Yritin etsiä Polarin sivuilta tietoa varaosina saatavista sykevöistä, kun sykemittarini sykevyö osoitti hieman väsymisen merkkejä. Kun selvisin lokalisoinnin valinnasta, esiin aukesi koko selaimen täyttävä sivusto, joka ei ainakaan selkeydellään yllättänyt. Jos olisin halunnut ostaa uuden mittarin ja tietoa sopivista mittareista, olisi se löytynyt helposti liikuntalajin mukaan jaotellun tuotevalikoima-listan ja pop-up -ikkunaan avautuvan (hrrrr) ”product finderin” avulla. Alalaidasta sentään löytyi pienellä ”tuotetuki” -linkki, josta kuvittelin löytäväni haluamaani tietoa. Turha luulo.

Sivustolta haluamansa tiedon hakeminen ei ollut helppoa, osittain epäyhtenäisen rakenteen, pop-up ikkunoiden pomppimisen ja sen tosiseikan kanssa, että sivustolta ei haluamaani tietoa löydy. Lisäksi osa sivustosta ja tuotetiedoista oli saatavilla vain englanniksi. Löysin sentään mahdolliset lisätarvikkeet kuten sykevyöt, jotka oli listattu jokaisen sykemittarimallin yhteydessä, mutta erillistä varaosalistaa en löytänyt. Tietoa löytyi vain liittyen myytävillä oleviin mittareihin ja vanhat mallit oli unohdettu täysin. Tuotetukea muutaman vuoden vanhoille mittareille tai saati sitten vajaat kymmenen vuotta vanhalle mittarilleni oli turha toivoa. Nykyajan kulutusyhteiskuntaa: kun hajoaa, osta uusi.

Onneksi kaupungista löytyi Polarin huoltopiste, josta sai asiantuntevaa palvelua ja tietoa sykevyöstäni: ei huolleta enää, uusi tilalle. Huoltomies kertoi samalla, että vyön väsymisen merkkeihin on luultavasti syynä kuluneet kontaktipinnat ja paristossa riittää vielä virtaa. Tämän tiedon olisi kuvitellut löytävänsä myös Polarin sivuilta tuotetuen puolelta. Samat hintatiedot sieltä kyllä löysin, kuin mitä huoltopisteestä ja sykemittareita myyvästä kaupasta kerrottiin.

Onneksi vanha sykevyö toimii vielä riittävän hyvin, sillä uusi ja mukavampi kangasvyö maksaisi 60e ja vastaava muovinen vyö 57e. Suhteellisen suolaisia hintoja. Katselin samalla uutta mittaria, mutta kangasvyö tulee vasta F11 -mallissa (155e). Ominaisuuksiltaan halvemmatkin mallit riittäisivät monille, mutta mukavuudesta joutuisi maksamaan lisää.

Vaikka uuden mittarin mukana saisikin lisää toiminnallisuutta, kuten kalorien kulutuksen näkyviin, luulen kyllä pärjääväni ilmankin. Ominaisuuksien osalta riittää kunhan syke näkyy ja voi tehdä pyörälenkkiä tietyn sykealueen sisällä. Saa nähdä, kauan vanhassa sykevyössä riittää virtaa, jonka jälkeen pitää oikeasti tehdä valintoja.

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”.

IEs4Linux tuo Internetin Linuxille

IEs4Linux on mainio projekti, joka tarjoaa helpon tavan asentaa Microsoft Internet Explorerista versiot 6, 5.5 ja 5 Linuxille ja muille alustoille, joille Wine on saatavissa. IEs4Linuxin beta-versiossa on vaihtoehtona myös IE7. Projekti on hyödyllinen muun muassa Linuxia käyttäville web-kehittäjille sivujen testaamiseen IE:llä ja vain-IE -sivustojen käyttämiseen. Etenkin web-suunnittelussa eri selaimien erot sivujen näyttämiseen tulevat hieman liiankin hyvin esille.

IEs4Linuxin asennuksissa ei tule mukana kaikkea turhuutta, kuten Outlook Expressiä tai Media Playeriä, vaan vain oleellinen nettisivujen tarkistamiseen IE:llä. Asennusohjeet löytyvät Ubuntu -johdannaisille, Fedoralle, Gentoolle ja Debianille. Asennukseen tarvitaan vain Wine, cabextract, ies4linux -asennuspaketti purettuna ja muutama vastaus, mitkä versiot halutaan asentaa. Huomattavasti helpompaa kuin IE:n asentaminen esimerkiksi Winetoolsin kautta. Lisäksi tietenkin Microsoftin ohjelmien käyttämiseen Linuxissa tarvitaan Windowsin lisenssi.

Vielä kun Mac OS X:n Safarin saisi Linuxille, olisi web-kehittäjän näkökulmasta katsottuna suurin piirtein kaikki tärkeimmät selaimet katettuna. Tietenkin Safarin käyttäjämäärät ovat marginaalisia verrattuna IE:n, Firefoxin tai Operan käyttäjämääriin, mutta on hyvä ottaa huomioon hieman pienemmätkin selaimet. Validoituva HTML, CSS ja selkeä suunnittelu toki helpottavat sivujen toimimista oikein eri selaimilla (poislukien IE).

Kaava täydellisestä nettisivusta

Internet on täynnä mitä erilaisimpia nettisivuja yritysten mainossivuista, blogeihin ja lähes kaikkeen maan ja taivaan väliltä. Sivustojen ulkoasu ja rakenne vaihtelee suuresti, eikä yhtä totuutta hyvästä nettisivusta ole olemassa. Nyt Oxfordin yliopiston yhteydessä tehty tutkimus esittelee kaavan täydellisestä nettisivusta, jonka avulla voidaan suunnitella käyttäjän kannalta täydellisiä Internet-sivuja.

Tohtoreiden Peter March ja Zoe Khor kehittämä täydellisen Internet-sivun kaava on:

Pwebsite = { ((14.14* EaseNav) + (13.56*Speed) + (13.11*CleanDes) + (10.89*Func) + (10.89*Up)) – ((12.63*Pops) + (10.32*Ads) +(5.21*MultiM)) } / 6.26

Erittäin selkeää, eikö? Kaavan muuttujien nimistä voidaan jo hieman päätellä, että kaavassa sivun arvostusta nostavia tekijöitä ovat navigoinnin helppous, nopeus, selkeä design, toiminnallisuus ja latautuminen. Miinusta sivu saa pop-up -ikkunoista, mainoksista ja multimediasta. Eli flashit ja muut turhuudet pois ja selkeyttä tilalle.

Tutkimuksen mukaan käyttäjät arvostavat navigoinnin helppoutta (83%), sivujen nopeaa latautumista (62%) ja toiminnallisuutta (49%). Yksinkertaista ja selkeää designia piti tärkeänä 80 prosenttia haastatelluista ja 6 prosenttia arvosti multimediaominaisuuksia.

Kaavan tuottaneen tutkimuksen takana on on Oxfordin yliopiston yhteydessä toimivan tutkimuslaitos Social Issues Research Centre (SIRC) ja tutkimus pohjautuu 2500 henkilön haastatteluihin sekä tutkimuslaitoksen 50 testihenkilön voimin tehtyihin, syvähaastatteluihin ja tutkimuksiin.
(via Tietokone)

Tutkimustulokset eivät mielestäni ole mitenkään mullistavia, sillä monimutkaisessa maailmassa selkeydelle ja toimivuudelle on paikkansa. Kuka jaksaa odotella sivujen latautumista kiireisessä arjessa tai etsiä haluttua tietoa sekavalta sivulta. Todellisuudessa useat sivustot ovat sekavia, täynnä mainoksia ja kaipaisivat hieman täydellinen nettisivu -kaavan apua.

Tietokone -lehden uutisointi ei linkittänyt itse tutkimukseen, eikä tutkimustuloksia nopealla haulla löytynyt SIRC:n sivuiltakaan. Olisi ollut mielenkiintoista nähdä millä arvosteluperusteilla sivustojen eri ominaisuuksia pisteytetään ja voitaisiinko se tehdä automaattisesti hieman W3C:n HTML-validaattorin tapaan. Tietokoneellista arvostelua odotellessa sivustojen täydellisyys jää graafikkojen ja suunnittelijoiden käsiin ja välillä tulokset ovat kaukana täydellisyydestä. Tuntuu kuitenkin, että onneksi yleisellä tasolla tarkastellen ollaan hiljaksiin kulkemassa parempaan suuntaan.

Päivitys 26.1.2007:
Osoitteesta http://www.rackspace.co.uk/rateyoursite/ löytyy lomake, jolla voi testata sivuston täydellisyyttä täyttämällä kahdeksankohtaisen lomakkeen arvioiden omaa sivuaan asteikolla 0 – 10. Sivulta voi myös ladata SIRC:n raportin täydellisestä nettisivusta.

Snap -esikatselu

Lisäsin blogiin Snap -esikatselun, joka näyttää linkeistä pienen kuvan hiiren osoittimen ollessa linkin päällä. Ihan kätevä, joskin kohtalaisen turhamainen ominaisuus. WordPress blogiin löytyy valmis Snap -lisäosa , joten asennuskaan ei tuottanut suurta ongelmaa.

Not Found 404 -virhesivun voi tehdä myös tyylillä

Yleensä Internet-sivun löytymättömyys ilmoitetaan surffaajalle tylsällä ”Not Found 404” -virheilmoitus -sivulla, joka ei tyylillä kursaile. Onneksi usein näkee sivuston yleiseen ilmeeseen muokatun virhesivun, jossa on myös lyhyet ohjeet mistä tietoa kannattaa etsiä ja mikä meni pieleen.

Virhesivut voidaan myös tehdä tyylikkäästi ja pienellä huumorilla, joka ilahduttaa käyttäjää vaikkei haluttua sivua löytyisikään. 365questions.org -sivustolle on kerätty muutamia tyylikkäitä ja oivaltavia 404 -virhesivuja. Myös 404 Research Lab -sivustolta ja Sendcoffee -sivustolta voi klikkailla erilaisia 404 -virhesivuja.