perjantaina, joulukuuta 21

Väärin suunniteltu....mutta toimiva

"Wake up later" -blogin Samuel kirjoittaa aika hyvin aiheesta "4 suunnittelun elementtiä, joita vihaan, mutta jotka tomivat". Olen samaa mieltä: jotkut jutut vain toimivat, vaikka ovatkin hyvän suunnittelutavan vastaisia. Tässä oma listani edelliseen perustuen.

Klikkaa tästä! Vaikka hyvän tavan mukaista olisikin kirjoittaa linkille kuvaava teksti, niin totuus on, että teksti "klikkaa tästä" kerää enemmän huomiota.

Etusivulle-painike. Sivuja suunnitellessa harvemmin haluan laittaa turhalta vaikuttavaa linkkiä etusivulle, mikäli sama linkki voidaan liittää esim. sivuston logoon. Muiden sivuja selatessa kuitenkin huomaan klikkaavani kyseistä linkkiä aika usein. Sama koskee takaisin- ja ylös-painikkeita. Yleensä painike löytyy selaimesta, ja sivun ylälaitaan jaksaa vierittää takaisin. Veikkaisin kuitenkin, että monen muun selaajan käytettävyyttä ne parantavat.


Hakulaatikko
. Sen olemassaoloa ei huomaa, ennen kuin se puuttuu. Suunniteltaessa sille ei tahdo löytää hyvää paikaa leiskassa, mutta selatessa sen pitäisi löytyä oikeasta yläreunasta. Jos laatikko ei löydy silloin kun sitä tarvitsee, eli yleensä kiireessä, palaa itseltäkin hermo.

Isot vs pienet fontit. Yleensä pieni fontti näyttää paremmalta kuin suuri (joskus tosin otsikko näyttää paremmalta, jos uskaltaa laittaa sen vähän liian isolla). Liian pienet fontit kuitenkin ovat epämiellyttäviä tihrustaa näytöltä. Pitäisi muistaa, että ei suunnittele omaa portfoliotaan varten, vaan käyttäjiä varten. Paras vaihtoehto tietenkin on, mikäli käyttäjä pääsee vapaasti muuttamaan fontin kokoa joko javascriptin tai selaimen avulla (Firefoxissa tämä tapahtuu CTRL++). Sivuja suunniteltaessa tämä on kuitenkin melko ärsyttävää, koska se rikkoo tarkasti suunnitellun leiskan.

Fixattu vs. skaalautuva sivu. Täydellisessä maailmassa kaikilla käyttäjillä olisi saman kokoinen näyttö. Puoliksi täydellisessä maailmassa kaikki suunnittelisivat sivut skaalautuviksi, jolloin ne näyttävät suunnilleen samalta kaikilla näytöillä. Reaalitodellisuudessa sivuja suunnitellessa tapellaan iltapäivä skaalautuvan leiskan kanssa ja lopulta päädytään laittamaan css:llä .container{width:800px; margin:auto;}.

perjantaina, joulukuuta 7

Kotimaisetkaupat.fi: verkkokauppoihin vauhtia 90-luvulta

Talouussanomat on jo pariin otteeseen hehkuttanut Sopranon uutta "virtuaalista kauppakeskusta". Itselle jäi palvelusta, paitsi keskeneräinen, myös hieman retrofiilis. Eivätkö nämä kauppakeskusta tai -katua jäljittelevät portaalit olekaan jo siirtyneet historiaan?

Verkkotunnuksen alla ei ole juuri muuta sisältöä kuin linkkejä, jotka on järjestetty eri "kerroksiin". Esimerkiksi kerroksesta "Pankki, vakuutus, posti" löytyy linkki Postin sivuille, joka on www.posti.fi.

Mukaan on otettu jopa se kuuluisa kynnysmattosivu: juhlava julkisivu (Tervetuloa!) ja linkki "astu sisään".

Tarkoituksena on tietenkin promota Sopranon Composer-verkkokauppaohjelmistoa: alapalkin seitsemästä linkistä kuusi johtaa Composerin kotisivuille. Kauppalehden (mainos?) juttu kertoo, että "liiketilat" keskukseen saa kolmeksi kuukaudeksi veloituksetta.

Noh, ehkä tästä on iloa ihmisryhmälle, jolle netissä asioiminen ei ole niin tuttua, kuin kaltaisilleni purnaajille. Ihminen on kuitenkin melko yksinkertainen eläin, jolle yksinkertaiset ratkaisut toimivat parhaiten.

maanantaina, marraskuuta 19

Tukossa, taas

Olen tässä, ja joskus muissakin blogeissani, jakanut Tukko-palkintoa, tunnustusta Tiedonvaltatielle poikittain makaamaan jäämisestä, eli www-sivujen tms. suunnittelemisesta niin totaalisen väärin, että ainoa keino ymmärtää tätä on tulkita suunnittelija tehneen sen tarkoituksella. Joskus tämä väärin suunnitteleminen on tehty jopa sellaisella antaumuksella, että siitä on annettava palkinto.

Syy siihen, miksi en ole vähään aikaan jakanut tätä tunnustusta, on tuo oma lehmäni ojassa. Tiedän varsin hyvin, että joskus ei löydy aikaa tehdä juttuja kunnolla, ja joskus sitä vain jättää sivun html:n validioimatta - vaikka tietää sen olevan tärkeää - niin kauan kuin homma toimii. Ja koska itse olen harvinaisen huono kestämään kritiikkiä, olen välttänyt myös sen jakamista. Turhaa pikkumaisuutta kerätä irtopisteitä omasta nokkeluudestaan, kun niin helposti joku toinen voi esittää nokkelia kommentteja omista virheistäni.

Joskus kuitenkin on pakko avautua. Ja se joskus on silloin, kun vastaan tulee Finnfashion.fi:n kaltainen sivusto. Niin kovin harvoin tulee vastaan sivustoa, josta voi niin helposti koostaa kouluesimerkin "älä tee näin"-listasta.

Aloitetaanpa:

1. Vaikka kävitkin amiskan media-assistenttilinjaa, ja sinulle kerrottiin että multimedia on 90-luvun kovin juttu, niin se ei ole mikään syy läimäistä pilipalimidimusiikkia soimaan heti kun joku erehtyy avaamaan etusivun.

2. En viitsi luetella syitä, miksi kehyksiä (freimejä, frames) ei tulisi käyttää. Mutta jos niitä nyt kerran käyttää, niin niitä voisi käyttää oikein. Eli siis ei tällaisia:

<noframes><body></body></noframes>


3. Kehyksien puutteita voi yrittää korjata tällä:

if (parent.frames.length) top.location.href= document.location;


Mutta miksi ei sitten tekisi asiaa kerralla kunnolla?

Eli kyseessä on javascript, joka ohjaa käyttäjän pääkehykseen, mikäli on erehtynyt avaamaan jonkun kehysikkunoista omaan ikkunaan.

(hups! jotain unohtui!)

4. Edelliseen kohtaan viitaten: etenkin, kun vasenta kehysikkunaa ei voi vierittää, jolloin siitä jää loppupätkä piiloon (läppärin resoluutio on 1280x800). Mitäs sieltä löytyykään...ahaa, sivuston suunnittelijan tiedot. No, en ihmettele.

5. Kuin ihmeen kaupalla sivusto löytyy Googlesta.
PageRank näyttäisi tosin olevan N/A, joten ihan nappiin ei taida kuitenkaan indeksointi mennä.

6. Sivustoon linkittäminen on miltei mahdotonta. Eli inbound-linkkejä ei kannata turhaan odotella. (Se siitä PageRankin parantumisesta).

Koska kuitenkin olen avulias kaveri, kerron kuinka yksittäiseen artikkeliin on mahdollista linkittää.

Firefox-selaimessa klikkaa hiiren oikealla näppäimellä ruutua
valitse This Frame -> View Frame Source
etsi linkki, siinä lukee "onclick=window.location... jne"
valitse tämän jälkeen tuleva osoite ja kopioi se
liitä osoite selaimen osoitepalkkiin osoitteen finnfashion.fi perään


Helppoa eikö totta? Tuon voisi laittaa heti tuohon etusivulle, että kaikki muistavat.

6. Linkkien avautuminen uuteen ikkunaan on suhteellisen ärsyttävää. Mutta kun se tapahtuu siirryttäessä takaisin etusivulle, on se jo epäloogista... (ja tässä vaiheessa midisämplepulputus alkaa uudestaan.)

7. Jos on pakko käyttää minikokoisia fontteja (ne on niin coool) myös valikoissa, niin voisiko valita päätteettömän fontin?

8. Muoti-otsikon alla (miten kuvaava otsikko! muotisivut, muotiotsikot...) oleva Flash-valikko onnistuu näyttämään suhteellisen hyvältä (ooo, shiny....). Menemättä syihin, miksi Flashiä ei pitäisi käyttää, ihmettelen miksei koko sivustoa tehty samalla tyylillä. Tuohan näyttää melkein hyvältä (ja vain yksi kirjoitusvirhe). Tosin valikkoa klikkailemalla saan esiin vain eri kaupunkien nähtävyyksiä...

9. Foorumi on jälleen tehty uudella tyylillä. Ja kun nyt kerran osataan heitellä käyttäjää kehyksestä toiseen ja ihan availla uusia ikkunoitakin, niin miksei tämä voi olla ikkunassa, johon se oikeasti mahtuisi? Ei tarvitsisi selata ikkunassa ikkunassa ikkunassa ikkunaa. (Värivalinnat: vaalean harmaata tekstiä vaalean harmaalla taustalla?)

10. Eikö noita mainosbannereita voisi laittaa vähän siistimmin? Vai onko tarkoitus, että kävijä klikkaa niitä vahingossa? (Rahan tuloa ei voi estää!)

11. Iso Britannian lipusta klikkaamalla näköjään osa valikoista muuttuu englanninkieliseksi. Sisältö on kuitenkin suomeksi? (Ja lisää hissimusiikkia.)

12. Kirjasto? Päiväkirja?

13. Meta-tiedot voisi ainakin tavan vuoksi kirjoittaa head-lohkoon.... vaikka niiden merkitys hakukoneoptimoinnissa laskeekin jatkuvasti, niin olisi se kiva, että Googlen tulossivulla osoitteen vieressä näkyisi muutakin kuin viimeisen päivityksen päivämäärä ja puolet ylävalikosta.

14. Itse lehti löytyy flash-kikkareena sivuilta. Ratkaisu on siinä mielessä hyvä, että näin voidaan tarjota lehden näköisversio kätevästi verkossa sivuilla vieraileville. Verkkoversiota ei tarvitse erikseen toimittaa, vaan luulenpa, että tuo Flash syntyy suoraan pdf-tiedostosta. Tosin tekstiä ei näe lukea, jopa "näköislehdeksi" tämä on aika kökkö. (Ei kai tätä ole tilattu ÖÖÖ:ltä?)

15. Yhteystiedot, eli minne tästä voi valittaa? Yhteystiedot ovat tarjolla vain rekisteröityneille käyttäjille (mikäs mies sää oot?)

16. The image “***.jpg” cannot be displayed, because it contains errors." Toimimaton php-skripti?

17. "Työstämme tätä sivua" ähh..joo...

18. Suomen kartta?

19.No eiköhän tämä riitä. Omatkin työt tehtävänä.

keskiviikkona, lokakuuta 31

Wosbee - verkkokauppa

Täytyy sanoa, että Smilehousen iloinen vihreä mehiläinen, Wosbee-verkkokauppaohjelmisto näyttää melkoisen hyvältä. Helppokäyttöisyyden ja monipuolisuuden välillä ei ole aina helppo löytää kompromissia, mutta Wosbee on ymmärrettävä peruskäyttäjän kannalta ja toisaalta tarjoaa html:ää ymmärtävälle runsaasti muokkausmahdolisuuksia.

Kuten firman mainoslausekin mainostaa, Wosbee on verkkokauppa niille, jotka haluavat vain myydä. Palvelintilakin hoituu Smilehousen puolesta, joten ainoa työnsarka onkin sitten myyminen. Isommista firmoista Wosbeehen näyttäsivät luottavan ainakin Suurikuu.fi, Caratia ja Heureka.

Itsekin avasin demokaupan, lähinnä sivupohjan muokkausta kokeillakseni. Hyvin näytti perus-html:llä kirjoittamani sivupohja toimivan (tosin alunperinkään leiska ei ollut designiltaan järin kunnianhimoinen).

Lisää Wosbee -verkkokaupasta.

lauantaina, lokakuuta 13

Työkalupakin päivitys: linkkejä

Lightbox on kätevä keino lisätä kuvia ja kuvagallerioita sivuille tai blogiin. Tarjolla on (ainakin) 17 erilaista versiota, valitse mieleisesi.

Lisää ajax-härveleitä löytyy Ajaxrain.comista.

Web2.0 viittaa "uuden" Internetin sosiaalisiin ulottuvuuksiin. Web2.0 on luonut myös oman tyylinsä, johon kuuluvat selkeät kontrastit, suuret fontit, huomiotaherättävät logot, ja tietenkin heijastukset, vinoraidalliset taustat ja pudotusvarjot. Aina ei tosin voi olla varma, ovatko nämä Web2.0-generaattorit tehty vitsillä, vai tosissaan. Ehkä mukana on myös joitain hyödyllisiäkin vimpaimia.

Google Sitemapin avulla on mahdollista lisätä koko sivusto kerralla Googleen ja hallinnoida sivujen indeksointia. XML-sitemaps luo sivukartan automaattisesti ja antaa tulokset xml:n lisäksi tekstinä ja html-muodossa.

Templatr on editori Wordpress-blogin ulkoasun muokkaamiseen. Käyttöliittymä näyttää melko selkeältä, ja jos xhtml+css on hallussa, niin tämä nopeuttaa leiskan luomista huomattavasti.

torstaina, elokuuta 9

Verkkotunnuksia ja flash-esitteitä

Domannimeni Olento.net pääsi vanhenemaan tämän kuun alussa. Webhotellin vuokrasopimuskin erääntyi samaan aikaan, joten vaihdoin palveluntarjoajaa ja rekisteröin tunnuksen erikseen Verkkotunnukset.fi-palvelusta. Pienistä hölmöilyistä huolimatta en onneksi kuitenkaan hukannut verkkotunnustani. Olisihan se kieltämättä potuttanut, jos joku spämmääjätaho olisi päässyt välissä rekisteröimään tunnuksen itselleen.

Joka tapauksessa, Stumblaamalla tuli vastaan artikkeli "Kuinka löytää erääntyviä PR6-verkkotunnuksia" Eli luetaan läpi lista vanhentuvista domaineista
, ja valitaan sieltä. Mielenkiintosta sinänsä, mutta hieman epäilyttää tuon page rankin suhteen (siihen tuo pr6 viitannee). Onko siis Googlen "sandbox-efekti" pelkkä myytti? Linkit ainakin toiminevat jonkin aikaa, joten sieltä saa varmaan huijattua muutaman kävijän.

Eräs hyöty tässä ehkä on se, että voi helposti selata mahdollisia verkkotunnuksia. Miten olisi esim. suomenporno.com?




Jotenkin huvittavaa, miten kirja ja perinteinen lehti omaavat edelleen sellaista arvostusta, että webbiäkin arvotetaan suhteessa niihin. Eli on jotenkin hyvästä, että webbisivu näyttää perinteiseltä lehdeltä kun flash-animaatiot imitoivat sivun kääntömistä. Tai näin ainakin meille yrittää uskotella mainostoimisto "Ööö" uudessa kampanjassaan.

Muunnamme raskaat pdf:t helpommin selattaviksi, firma lupaa. Oma reaktioni lupaukseen on "ööö". Helposti selattavasta saattaa tietysti minulla olla hieman eri mielipide (Back button? Where's my any key? There's no any key!). Ja ehkä silmäni ovat vain liian herkät, kun niitä alkaa särkeä 8 pisteen tekstiä tuijottaessa (Go crying, crybaby! This is cool kids only!) Tai ehkä musiikkimakuni vain on liian puritaaninen, kun en halua kuunnella hissimusiikkia webbiä selatessa. Siitä huolimatta ääninäyte lähtee pyörimään joka kerta, kun avaan tietyn sivun, vaikka klikkaan musiikin pois päältä. (Onneksi sentään en ole töissä )

Toivottavasti kukaan ei sentään erehdy tällä tekniikalla toteuttamaan firmansa webbisivuja, kuten ööö...Ööö. Esitteiden lisääminen webbisivuille esim. pdf-muodossa saattaa olla ihan hyvä ajatus, niiden muuttaminen html-tiedostoiksi kerran viikossa on usein liian vaivalloista. Siihen en ota kantaa, kannattaako maksaa 290€ siitä vaikutelmasta, että kääntää fyysisen esitteen sivuja. Onhan se ihan kiva efekti - vielä kolmannellakin kerralla - mutta kannattaako sen vuoksi tinkiä käytettävyydestä.

Niin, ja Google. Jotain kertonee se, että firma ei ole hakutuloksissa ykkösenä edes omalla nimellään.