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.

sunnuntaina, heinäkuuta 29

Googlen mainokset ja muita sosiaalisen median liiketoimintamalleja

VTT:n raportista "Googlen mainokset ja muita sosiaalisen median liiketoimintamalleja (pdf)" löytyy aika hyvin ajankohtaista asiaa sosiaalisesta mediasta, Web2.0:sta ja liiketoiminnasta verkossa. Perusasiaa ja sellaistakin mitä en tiennyt.
Linkki Googlen html-versioon, mikäli pdf ei aukea.

lauantaina, heinäkuuta 28

Älä linkitä meihin

Töissä piti päivittää puljun linkkilista. Omasta mielestäni linkkilistat tosin ovat aika ysäriä. Silloin jokaisella kotisivulla piti "kynnysmaton" (tervetuloa, klikkaa tästä päästäksesi tosi makeille sivuilleni) lisäksi lista suosikkilinkeistä, johon tietysti kuuluivat "parhaat hakukoneet", pari ilmaisohjelmaa, sekä "aikataulut netissä". No, joka tapauksessa, minun siis piti käydä läpi pari sataa kohdetta, tarkistaa kuolleet (rotten, eli mädäntyneet linkit englanniksi) ja etsiä uusi osoite tilalle.

Kaksi vanhaa totuutta tuli taas todistetuksi: URL:in pitää olla luettavissa ja se nyt vaan on tyhmää käyttää kehyksiä.

Uskokaa tai älkää, ihmiset tuntuvat vielä kirjoittavan www-osoitteita muistiin. Minua pyydettiin varta vasten tekemään listasta sellainen, että url-osoite on listassa näkyvillä. Itse en ollut samaa mieltä, mutta kuulemma tulostusta, powerpoint-esityksiä jne. varten osoite olla näkyvillä.
Hermojani raastoivat siis ne "www.domainnimi.com?jee=1,3:1002:0:0,4:2:0:1:2007-07-23,104:2:473995,1:0:0:0:0:0-ja-niin-edelleen" -tyyppiset osoitteet. Osa osoitteista mahtui riville ja palstaan nätisti, sitten tuli puolen metrin pituinen osoite joka täytti koko sivun.

Tietokantoja käyttävien sivujen osoitteet tuppaavat joskus menemään overiksi, mutta luulisi tuohonkin saavan jotain järkeä. Mod_rewrite voisi olla myös kätevä työkalu.

Lista piti tehdä englanniksi, joten pyrin linkittämään suoraan firmojen englanninkieliseen etusivuun, mikäli sellainen oli olemassa. Varsinkin, jos linkki englanninkieliselle etusivulle on 8pt präntillä suomenkielisen sivun alalaidassa. Mutta se tietenkin oli mahdotonta, jos sivusto oli tehty kolmesta eri kehysikkunasta.

Ylipäätään suosin linkittämistä itse asiaan, en asiasta kertovan sivuston etusivuun, varsinkaan, jos sivustossa on enemmän kuin sormilla laskettava määrä. Flashilla saadaan usein sama efekti aikaan kuin kehyksillä: animaation eri osat eivät ole linkitettävissä ulkopuolelta.

Toinen vaihtoehto tietysti on antaa ohjeita: "mene sinne meidän firman kotisivulle, vieritä alas ja valitse kolmannesta alavalikosta oikealla 'ajankohtaista', ja sitten siellä alareunassa on se linkki, ja sitten..." Mutta kun on olemassa helpompikin tapa. Ja ajatelkaa nyt hyvät ihmiset Googleakin.

Webissä kaikki on kiinni linkittämisestä. Siitä termi 'hyperteksti'. Linkittäminen on webin verenkierto. Sivut johon ei voi linkittää, joutuvat kuolioon ja mätänevät pois. Edellä mainitun kaltaiset sivustot sanovat "älkää linkittäkö meihin". No, olkaa sitten yksinänne siellä, enpä vieraile sivuillanne.

sunnuntaina, heinäkuuta 15

Ilmainen lounas, ilmainen laskuri

Olen käyttänyt Sitemeter-laskuria lähes kaikilla sivustoillani, ja tähän asti olen ollut tyytyväinen. Minulle tulikin melkoisena pettymyksenä uutinen, joka kertoi että Sitemeter sisältää vakoiluohjelman (spyware), joka cookien avulla jäljittää käyttäjien tottumuksia. Ei ole ilmaista laskuria tai ilmaista lounasta. Sitemeter lentää siis kohti vesilintua.

Harmillista sinänsä, muuten Sitemeter oli kätevä käyttää ja antoi kävijatilastoja mukavassa muodossa. Joillakin sivuilla käytän Google Analytics -tilastointia, mutta jotenkin se on minun makuuni liian järeä. Stats Counter - laskurin testaus alkaa heti kun saan aikaiseksi.




Ehdin jo Webbiopas-sivustollakin suositella Sitemeteriä, nyt tuo ohje on sivuilta poistettu. Päivitän heti, kun parempi ratkaisu löytyy.

Sillä aikaa voi lueskella oppaan uusimpia lisäsivuja, joita on kertynyt melko runsaasti:

Firefoxin laajennukset
Mainosohjemat webissä
Ilmaisia kuvia
Älä tee näin! - 17 yleisintä virhettä websuunnittelussa

maanantaina, kesäkuuta 11

Kuka on Asdf?

Nyt sekin selvisi:
www.asdf.com
Olen jutellut tämän kaverin kanssa aika usein Suomi24.fi:n keskustelupalstalla.

sunnuntaina, kesäkuuta 10

NÄYTÖN TARKKUUS - Miten näet sivut kokonaan ?

Suunnittelin tuttavapariskunnan vasta perustamalle balettikoululle sivut. Söpöys ja pinkkiys ei ehkä ole erikoisosaamisaluettani, mutta ihan hyvät noista (toivottavasti) tuli.

Kilpailijoita googlatessa vastaan osui tämä:
http://www.netikka.net/seinajoenbaletti/
Hyvä osoitus siitä, miksi se nyt vaan on tyhmää käyttää kehyksiä. Vasen linkkipalkki jää osittain piiloon, ainakin tällä läppärillä, eikä palkkia voi vierittää.

Onneksi kuitenkin kävijää ohjeistetaan: NÄYTÖN TARKKUUS - Miten näet sivut kokonaan ?. Eli mikäli olet köyhänä ostanut liian pienen näytön, niin säädä ihmeessä näytön resoluutiota suuremmaksi. "Aluksi tosin saattaa tuntua, että teksti muuttui hirmu pieneksi, mutta siihen tottuu nopeasti."

Kuvaavaa kyllä, linkki ohjeeseen jää juuri sinne alareunan alle piiloon...

sunnuntaina, toukokuuta 13

Hidasta edistystä

Edellä mainittu kevätsiivous, eli käytettävyys/saavuttavuus-projektini ei ole erityisen paljon edistynyt, vähän kuitenkin. Enimmäkseen olen lisäillyt alt- ja title-tägejä linkkeihin ja kuviin.

Webbiopas-sivulle lisäsin seuraavanlaisen häkkyrän helpottamaan ruudunlukijoiden toimintaa:

<div id="accessibility">
<h1>Webbiopas, kotisivuntekijän askartelukirja</h1>
<a href="#menu">
Valikko</a>
<a href="#content">
Suoraan sisältöön </a>
<a href="tietoa_sivuista.php#saavutettavuus">
Tietoa saavutettavuudesta </a>

</div>

Ideana on siis, että oheisten linkkien avulla ruudunlukijan käyttäjä voi siirtyä nopeasti sivun eri osien välillä. Me näkevät luonnollisesti osaamme skannata sivun vaivatta ja löytää valikot ja sisällöt visuaalisten vihjeiden perusteella, mutta ruudunlukija aloittaa sivun ylälaidasta ensimmäiseltä riviltä. Esimerkkisivussa valikko on sijoitettu sivun loppuun, joten sen löytyminen voi olla tavallistakin hankalampaa.

Oheinen valikko on piilotettu ccs:n avulla siten, että se on hivenen sivun reunan ulkopuolella, joten tavallista selainta käyttäville se ei näy. Lisäksi, koska käytän otsikkona sivun logoa, on se kirjoitettu erikseen.

Hieman arvelluttaa tosin se, että kuinka hakukoneet suhtautuvat piilolinkkeihin. Ainakin Google suosittaa ettei niitä käytettäisi. Toivottavasti Googlebotti ei tulkitse ratkaisuani spämmiksi.

lauantaina, toukokuuta 12

Hakukoneoptimoijan kotiläksyt

Muutamia hyviä perusjuttuja hakukoneoptimoinnista (maailmankielellä Search Engine Optimization, eli SEO).


Itselläni on pienoisia ongelmia omien sivustojeni kanssa... Pelkäänpä että sivujen dynaamisuus heikentää listautumista hakutuloksissa. Ainakin Venla-sivuston kohdalla vanha osoite sijoittuu korkeammalle kuin uusi, vaikka se ei sisällä mitään muuta kuin ilmoituksen sivuston muutosta. Samoin vanha blogi on uutta korkeammalla. Tähän tietysti saattaa olla syynä, että se sisältää runsaasti enemmän tekstiä. Toinen vaihtoehto on, että hakukone tulkitsee osan postauksista duplikaateiksi. Postauksia kun on mahdollista listata aikajärjestyksessä, aiheen mukaan tai tarkastella yksittäisinä. Vaikka kukin postaus onkin sivustolla vain kerran, saattaa hakukone kuvitella ne spammiksi ja jättää osan niistä indeksoimatta. Selvitetään asiaa.

torstaina, huhtikuuta 5

Kevätsiivous

Näin kevään kunniaksi ajattelin tehdä suursiivouksen ja aloittaa esteettömyyskampanjan kaikilla ylläpitämilläni sivustoilla. Minulla esteettömyys kattotermi saavutettavuudelle, käytettävyydelle ja selkeydelle, ei pelkästään jotain mitä pitäisi tehdä ekstrana joillekin erityisryhmille, kuten näkövammaisille. Tavoitteena on, että kenen tahansa käyttäjän tulisin nähdä mahdollisimman vähän vaivaa päästäkseen käsiksi sivustojeni sisältöön.

Sitäpaitsi, itse aina kettuilen huonosti suunnitelluille sivustoille (muunmuassa näillä Tukko-palkinnoilla), joten olisi kai se hyvä olla omilla sivuilla kaikki kunnossa.

Tosin, ainakin Wikipediassa on käytettävyydestä ja saavutettavuudesta erilliset artikkelit. Perinteisesti ne ovat olleet kaksi eri asiaa, mutta onko niillä lopulta kovin suurta eroa? Saavutettavuuden (eli esteettömyyden) kannalta tulee ottaa huomioon monia seikkoja, joita käyettävyyden alaan ei yleensä lasketa, kuten ruudunlukuohjelmien huomioonottaminen suunnittelussa. Silti väittäisin, että nämä kaksi asiaa ovat osittain päällekkäiset, eli järkevä suunnittelu edesauttaa niin erityisryhmiä kuin "tavallisiakin" käyttäjiä.

Kevään mittaan tulen raportoimaan projektin etenemisestä. Tässä sillä välin muutamia linkkejä satunnaisille googlaajille:

Suomeksi:

Englanniksi:

Taidan aloittaa aivan perusasioista, eli hoitaa sivujen koodin validiksi. Seuraavaksi voisin vaikka laittaa kaikkiin kuviin alt-tägin. Siinä riittää hommaa pariksi päiväksi...

Post scriptum: Ovatkohan Nielsenin kotisivut tarkoituksella 90-luvun alun tyyliin tehdyt? (Sivuja kuitenkin on päivitetty viimeksi tässä kuussa.) Olisikohan se liian riskialtista lähteä suunnittelemaan ultramoderneja kotisivuja tyypille, jota yleisesti pidetään websuunnittelun guruna. Kun rimaa ei nosteta turhan korkealle, ei tule kukaan tällainen näsäviisas nörtti osoittelemaan sormella vikoja...

Toisen alan gurun, Soren Lauesenin (tunnetaan mm. kirjastaan User Interface Design - A Software Engineering Perspective. Addison-Wesley. 2005) kotisivut ovat myös varsin vaatimattomat. (Ja meninpä vahingossa klikkaamaan kuvaa joka läväytti ilman varoitusta esiin videopätkän kreikkalaisista tanssijoista. Ja miksi kaikki esseet ovat pdf-muodossa? )

tiistaina, huhtikuuta 3

Flash: nimi on enne

Tämänkertainen Tukko-palkinto menee Flashpins-sivustolle. Tästä on vaikea keksiä mitään ironista sanottavaa, koska ilmeisesti sivusto on tarkoitettu vaikeaksi käyttää. Olisi kova halu sanoa, että idea on hyvä, toteutus huono, mutta ei se ideakaan nyt niin hyvä ollut.

torstaina, maaliskuuta 8

Politiikan verkot 4




Kaikille Uudenmaan vaalipiirissä äänestäville on tässä eräs vinkki minkä numeron siihen äänestyslippuun raapustaa.

Ja jos joku sattuu tietemään sopivaa ehdokasta täältä Varsinais-Suomesta, jossa asuskelen maahanmuuttajana, niin sana on vapaa.

torstaina, maaliskuuta 1

Webbiopas

Päivitin hieman tuota Webbiopasta, nyt se sai hieman miellyttävämmän ulkoasun. Kyseessä on siis opas nuorille ja aloittelijoille tarkoitettu opas html:ään ja kotisivujen tekoon.

keskiviikkona, helmikuuta 21

Mailto-ansa

Lankesinpa vanhaan kunnon mailto-ansaan Tiia Aarnipuun sivuilla kuvaa klikatessani. Ai mikä mailto-ansa? Selitys.

Se, että minulla sattuu jostain syystä olemaan Outlook asennettuna, ei tarkoita että haluaisin välittömästi lähettää kenellekään sen avulla sähköpostia, vaikka vahingossa klikkaankin "yhteystiedot"linkkiä, tai mitä hyvänsä linkkiä jonka taakse mailto-ansa on kätketty. (Ja kyllä, olen aivan varma, etten halua asettaa Outlookia oletys-yhtään-miksikään.)

Poistanpa Outlookin asennuksen saman tien. Ja katson jos selaimen asetuksista saisi tuon toiminnon pois myös.

My precious

Tällainen tipahti sähköpostilaatikkooni:



Hei,

olen tekemässä tv-juttua aiheesta digirakkaus. Näkökulmani aiheeseen on, että ihmisellä on kyky tuntea tunteita konetta kohtaan ja tietokonepersoonia kohtaan. Tarkoitan tässä virtuaalihahmoja, en toista ihmistä, johon saa yhteyden tietokoneen avulla. Olen haastatellut aiheesta digitaalisen kulttuurin professori Jaakko Suomista Turun yliopistosta ja hän on sanonut mm:


Tietyissä tilanteissa digirakkaus voi liittyä siihen, että ihmisillä on jonkunlaista, jos ei suoranaista rakastumisen tunteita konetta kohtaan, mutta jonkinlaista myöskin että tunnetaan kiintymystä ja romanttista suhdetta koneeseen....


Voidaan ajatella nää tietokonepersoonat... Ajatellaan et ne on osa sitä elämänpiiriä, perhepiiriä, jossa on sit oikeita ihmisiä, mut sitten voi olla jossainmäärin virtuaalisia.

.....koneiden käyttöön liittyy hyvin erilaisia tunteita, välillä ne on tällaisia mielihyvän jopa rakkauteen liittyviä...


Nyt yritän löytää ihmistä, jolla todella olisi tällainen suhde koneeseen ja virtuaalihahmoihin. Pyydän apua, tunnetko tällaisen tyypin vai oletko sellainen itse. Haluaisin haastatella.


Täytyy sanoa, että todellisuudesta vieraantuneisuuteni aste ei ole vielä aivan näin korkea...Omakohtaista kokemusta omaavia pyydetään kuitenkin ottamaan yhteyttäVirpi Adamssoniin (etunimi.sukunimi@netti.fi)

torstaina, tammikuuta 25

Kotisivujen paluu

Perinteisten kotisivujen suosio on hiipunut parin viime vuoden aikana. Muistan kun web löi läpi joskus 90-luvun lopulla, olivat kaikki kilvan kokeilemassa nettisivujen tekoa, mekin lukion atk-luokassa rustasimme Notepadilla tägejä ja freimejä. Nykyään blogien myötä julkaisu on helpottonut siinä määrin, että aivan tavallinen harrastaja ei jaksa opetella html:ää, kun kerran Bloggerin tai Wordpressin avulla helpommin parempaa jälkeä.

Oli miten oli, mutta Google on julkaissut jälleen uuden palvelun: Page Creatorin. Tämän työkalun avulla on mahdollista luoda omat kotisivut Googlen palvelimelle. Page Creator toimii Gmail-käyttäjätunnuksella, kuten muutkin Googlen palvelut, ja sivun osoite on muotoa tunnus.googlepages.com. Kokeilin työkalupakkia, ja hyvin tuntui toimivan.

Katso esimerkki.

Verrattuna Tripodin tai Geocitiesin vastaaviin ilmaisiin sivupaketteihin, Googlen Page Creator toimii huomattavasti paremmin. Ei ole ärsyttäviä mainoksia tai pop-uppeja (esimerkin adsense-mainoksen länttäsin sivuille itse), tilaa on ruhtinaalliset 100 MB ja sivutyökalu on yllättävän ongelmaton käyttää.

Page Creatoria voin suositella niille, jotka haluavat helposti luoda webbiin sisältöä, mutta eivät halua käyttää blogipalvelua.

keskiviikkona, tammikuuta 17

Päivän tukko

Tänään satunnainen surffaaja kolahti karille nimeltä Sf-anytime. Firma on pohjoismaiden suurin video-on-demand -palveluihin ja kirjoitusvirheisiin erikoistunut yritys.

Ilman suurempia alkutervehdyksiä webbisivut aloittavat vierailijoille vittuilun. Firefox 2.0 ei ole tuettu selain, vaan sivusto vaatii minua lataamaan Internet Explorerin version 6.0. Tämä on suurinpiirtein yhtä kohtelias vastaanotto kuin ilmoittaa liikkeeseen astuvalle asiakkaalle että onpa hänellä ruma solmio, ja yhtä hyvää asiakaspalvelua kuin päättää että vain Toyotalla ajavia asiakkaita palvellaan.

Jostain syystä koneeltani kuitenkin löytyy edelleen löytyy Explorer, joten päätän antaa sivustolle vielä mahdollisuuden. Klikkaan sivuille, ja ilman varoitusta päädyn kokoruututilassa riehuvaan multimediahelvettiin. Valot vilkkuvat ja fanfaarit raikaavat. Ei näin.

Suurin vika kuitenkin on, että ohjeet ovat erittäin puutteelliset; ja mikäli sellaiset löytyy, on niissä niin paljon kirjoitusvirheitä, ettei niistä tahdo saada mitään tolkkua. Lähinnä haluaisin tietää, millä tavoin ostokset on tarkoitus maksaa. Sitä tietoa sivuistoilla minulle ei kuitenkaan kerrota. Jossain mainitaan mitä tehdä, jos Payex-salasana on hukkunut. Sen sijaan missään ei ohjeisteta kuinka salasanan voi hankkia, ja mikä ihme Payex ylipätään on. Maksuun sopivista luottokorteista ei enempiä mainostella.

Klikkaan kokeen vuoksi jotain elokuvaa, ja minua kehoitetaan päivittämään Mediaplayer. Tämän jälkeen koko systeemi jämähtää, takaisin-nappula ei toimi ja pääsen jatkamaan vain tappamalla ikkunan ALT+F4. Hauskaa loppuiltaa. Telkkarista tulee Deitti-chat ja Voittopotti.