Jännä navigaatio

Nuoliväkäsiä runsaasti tarjoaa Suomen sarjakuvaseura.

Sks-navigaatio

 

Suomen Parhaat Verkkosivut -kilpailu. Haasta ja voita.

Näin jännää ei Suomen internet-piireissä ole ollut sitten Pingstate.nu vs. Erkki Ruuhinen -tapauksen. Nyt esiin on astunut Suomen Parhaat Verkkosivut -kilpailu ja sen takana puuhaavat tahot.

Moni bloggaaja on aikaisimpana vuosina kritisoinut kyseistä kilpailua. Tämän vuoden kilpailu on lähtenyt käyntiin kilpailun järjestäjän taholta varsin mallikkaasti. Nova Trotters Oy on päättänyt tehdä rikosilmoituksen ja tutkintapyynnön Websiteracea, Nova Trottersia ja kilpailua ”koskevista, valheellisista ja herjaavista nettikirjoitteluista."

"Kirjoituksen poistamis pyynnön"[sic] on saanut mm. Janne Jalkanen: Suomen Parhaat Verkkosivut - juuri kun luulit, että niistä päästiin ja Harto Pönkä: Nova Trotters Oy / Suomen parhaat verkkosivut -kilpailu näyttää varoittavaa esimerkkiä.

Tilannetta seuraten. Twitter pöhisee hash tagillä #novatrotters.

Ps. Älä unohda vilkaista Websiteracen sivuilta kadonnutta tietoiskua kilpailun säännöistä. Markkeerausteksti toimii aina.

Päivitys: 22.2.2011 klo 15:30 Tietoviikko: Suomalaisbloggaajia uhataan oikeustoimilla - kritisoivat verkkosivukisaa

Päivitys: 22.2.2011 klo 18:30 MikroPC: Suomalaisbloggaajia lakitupaan? Näin vastaa Nova Trottersin toimitusjohtaja

Päivitys: 22.2.2011 klo 23.00 Erkalta hyvä postaus ja runsaasti linkkejä aiheeseen liittyen Suomen Parhaat Rikosilmoitukset ja Tutkintapyynnöt

Suomalaiset sovellukset iPhonen ruudulla

On hienoa, että Applen App Storeen on viime aikoina tullut tarjolle useita suomalaisia sovelluksia. Mutta voisiko niihin pieniin asioihin, joilla viimeistellään laadukas tuote, kiinnittää hieman enemmän huomiota. 

App-icons-for-retina
Joulukuun puolivälissä App Storeen ilmestyi muutama odotettu sovellus: Telkku.com, Iltalehti ja YLEltä Areena ja Lapset. 

IPhone 4:ssä on retinaksi nimetty näyttö, joka on pikselitiheydeltään ja resoluutioltaan kaksinkertainen edeltäjiinsä verrattuna. Tämä aiheuttaa sen, että esimerkiksi ikonien osalta kaikki ei mene ihan niin yksinkertaisesti. Huolimattomuudella saa ikoneista helposti sössittyä pikselimössöä. 

Ylläoleva kuva on kaappaus iPhone 4:n ruudulta. Tämä edeltäjiään tarkemmalla näytöllä varustettu laite tuli myyntiin kesäkuun lopussa Yhdysvalloissa ja Suomessa reilu kuukausi myöhemmin. On kohtuullista olettaa, että joulukuussa julkaistavan sovelluksen ensimmäisessä versiossa on jo otettu huomioon myös uudemmat laittaat, joissa on suurempi resoluutio.

Hämmentävää on, ettei yksikään näistä neljästä sovelluksesta pidä sisällään tarvittavaa sovellusikonia retina-näyttöä varten. Ohjeita ja tietoutta ei tarvitse kaukaa etsiä. Vilkaisemalla Applen iOS Human Interface Guidelinea löytyy vastaus. Kyseinen guidehan pitäisi olla jokaisen sovellusrakentelijan tiedossa ja opit hyvin hallussa.

Ikonien suunnittelusta sen verran, että ikonissa voi olla myös muuta kuin pelkkää tekstiä. Varsinkin Yle Lapset voisi miettiä myös valkoisen tekstin erottuvuutta vaalean keltaisella pohjalla. Kaikki neljä sovellusta ovat päättäneet jättää ikoniin iOS-käyttöjärjestelmän oletuksena lisäämän kiillon (shine) ikonin yläosaan. Oletuskiillon esteettisyys on makuasia mutta ainakin ylemmän rivin sovellusten kehittäjät ovat päättäneet jättää oletuskiillon pois ja tehneet kokonaan omat kiillot. 

Valion vatasvaivat

Valion laktoosikampanja on kerännyt pitkän listan avainsanoja meta-tietoihinsa. Mukana myös hieman hämmentäviä avaimia, jotka tuovat mieleen hämmentävät google-ehdotukset

auts vatsa on turvonnut se sattuu

koiran suolistovaivat

vatasvaivat

vatsa aorta

vatsa on turvonnut auts se sattuu olen pullea

vatsaa turvottaa kauheasti

Kampanja on urlissa: http://www.valio.fi/laktoositon/. Valitettavasti osa testaamistani selaimista näyttää vain tyhjää valkoista ruutua.

Sivu näyttää olevan rakennettu frameilla. Sivuston pitäisi latautua 100% frameen urlista: http://laktoositon.valio.uxi.fi/index.php. Toisena 0% framena toimii http://www.valio.fi/laktoositon/blank.html, joka nimensä mukaan on täysin tyhjä.

Vaikea sanoa, kuinka moni sivustolle pyrkivä törmää valkoiseen ruutuun. Onneksi analytiikkakoodi saa käynnin talteen. Sama se kai on, näkeekö sitä sisältöä...

Hullut päivät ja taustapikselit

Hullut päivät on tältä erää päättyneet. Toivottavasti myös myyntitapahtuman internet-sivut poistuvat myös lähiaikoina. Syksyn tapahtuman hullutpaivat.com ei ollut yhtä huikea kuin keväinen. Jotain uutta ja hämmentävää sivusto kuitenkin tarjosi.

Toisinaan web design blogit pohtivat alan tulevia trendejä. Esimerkiksi WebDesignWall ennusti tammikuussa tämän vuoden tarjoavan hienovaraisempia taustakuvia. Erityisesti kevyttä kohinaa sisältävät taustat tulisivat lisääntymään.

Kohinataustan käyttöä voi vilkaista esimerkiksi Mark Jardinen blogista tai atebitsin sivustolta.

Onko mahdollista, että tästä trendin osasta syksyn hullutpaivat.com on hakenut inspiraation taustakuvaansa.

Hp_from_behind
Nopeasti tarkasteltuna mustan ja keltaisen yhtymäkohtaa, taustakuva näyttää tarjoilevan vaaleilla viivoilla varustettua pystyraitaa ja keltaista tasaväriä. Lähimpi tarkastelu osoittaa, että mukana on myös huomaamattomampaa tekstuuria.

Bg_closeup
Pienellä Photoshopin Levelsin gamma-säädöllä saadaan paremmin esiin pikseleiden yksilöllisyys. Ei enää niin selkeästi pelkkää mustaa ja keltaista.

Bg_closeup_gamma
Vertailun vuoksi Mark Jardinen ja atebitsin kohinataustoista poimitut palat suurennettuna 1000% näyttävät tältä:
Noise_bgt

Hullutpaivat.com ei siis olekaan päätynyt seuraamaan trendejä sivustosuunnittelussaan, vaan on mahdollisesti pyrkinyt ottamaan suunnannäyttäjän roolin. Olisiko tällaisesta liian paljon pakatun jpeg-kuvan artifaktien käyttämisesti ensi vuoden trendiksi? Jos talon oma yli 140 hengen markkinointiyksikkö digitaalisen markkinoinnin kumppaneiden kanssa ei ole tekemässä uusia trendejä, niin mitä sitten? Menneisyyttä?

Palvelukokemuksellinen veikkaus.fi

6.9. Veikkaus uudisti veikkaus.fi -verkkopelipalvelunsa. Paljon on ehtinyt kuraa lentää uudistuksesta. Ihmiselle rakkaan asian kokonaisvaltainen muuttaminen on haasteellista ja uskaliasta. Sanomalehtien ulkoasu on pyhä asia; myös internet-sivustouudistukset eivät mene protestoimatta läpi.

Hybriksen voimalla rakennettu uusi veikkaus.fi kehuu olevansa maailman paras ja helposti lähestyttyvä. Palvelumuotoilun esimerkkiteoksena esitelty veikkaus.fi lupaa olevansa tarkasti käyttäjälle suunniteltu palvelukokemus. Tarkastellaan muutamaa tilannetta.

Lottorivi

Olkoon oma risuni kasaan marmatus lottorivin tekemisestä. Himopelaajana suosin pelitapaa, jossa pistän arvontanapin pohjaan ja annan "koneen" arpoa ruutuja läpi hypernopeudella hetken aikaan. Kun hyvältä tuntuu, päästän hiiren napin lepäämään ja ruudulla on raikkaan voittoisa rivi. Uudistuksen myötä numeroiden rullaus on raivostuttavan hidas. Minähän näen jokaisen numeron vaihtumisen! Tahmeaa ja likaista.

Veikkaus_fi_lotto

Veikkauksen facebook-sivulta kuitenkin löytyy edellinen lottokone.

Veikkaus_fb_lotto
Nyt myös näköjään on mahdollista saada pelattu rivi siirtymään veikkauksen ostoskoriin. Jokunen päivä sitten tällainen hyppely sivustojen välillä palkittiin parametri-virheellä. Mutta ei hyvää ilman huonoa. Tekee mieli pelata toinen rivi mainion facebook-koneen avulla. Takaisin pääseminen voisi onnistua esim. palaa-napin avulla.
Veikkaus_palaa

Looginen ajattelija saattaa ajatella, että palaaminen taaksepäin (nuoli vasemmalle) tarkoittaa palaamista takaisin facebook-koneen ääreen. Väärin. Palaaminen tarkoittaa veikkaus.fin loton etusivulle. Nyt avuksi selaimen back-nappi. Lähes oikein. Nyt käyttäjälle ilmestyi ostoskoriin kaksi samaa riviä. Vielä kerran selaimen back-nappia ja käyttäjä on taas facebook-koneen luona. Uusi ruutu ja pelaa rivi. Facebook-koneen käyttö on tietenkin mahdollista vain mikäli olet facebookin käyttäjä. Toki monet muut sallivat pääsyn facebook-sivuilleen ilman kirjautumista, esim. http://www.facebook.com/audi.

Veikkaus puhelimessa

Miksi mobi.veikkaus.fi? Miksi ei pelkkä m.veikkaus.fi? Vaikka oikeasti mobi.veikkaus.fi ohjautuu osoitteeseen www.veikkaus.fi/mobile. Samalle sivulle linkataan myös päävalikon Kevyt käyttöliittymä -linkistä. Iphonen Safari -selaimella mobiilisivu näyttää hieman pieneltä. Palvelumuotoiluun kuuluvan vuorovaikutussuunnittelun näkökulmasta ei paras mahdollinen kontaktipiste.

Veikkaus_iphone_320x480
Mielelläni en sormiani teroittimeen laita, jotenkin muuten täytyy palvelumuotoilullisesti saada palvelu vastaamaan käyttäjän tarpeita eli toivottavaa olisi, että sormi osuisi rennosti haluttiin linkkiin.
Meta
Lisätään html-dokumenttiin yksi metatieto.
Veikkaus_iphone_320x480_viewport
Parempi mutta muutetaan vielä tyylitiedostosta fontin koko oletusfonttikooksi, esimerkkiksi em-arvona 1em tai prosentteina 100%.
Veikkaus_iphone_320x480_viewport_100

Iphone-sovellus

Miksi taistella kevyen käyttöliittymän kanssa, kun tarjolla on myös iPhone-sovellus. Siksi, koska sovelluksessa kehotetaan menemään veikkaus.fi/mobiin (taas uusi tapa kirjoittaa osoite) pelaamaan.

Veikkaus_iphone_app_320x480_pelit
Sovelluksen lottokone on tällä hetkellä lähellä palvelun tarjoajan liiketoiminnallista tavoitetta mutta käyttäjälle palvelukokemus latistuu siinä vaiheessa, kun pallojen arvonta-animaatiot ovat ohi ja Siirry pelaamaan rivi -nappia on painettu.
Veikkaus_iphone_app_320x480_kone

Facebookin arvontakoneesta veikkaus.fiin ostoskoriin siirtyminen sujui jo näppärästi mutta matkalla iPhone-sovelluksesta safari-selaimeen tarpeellinen parametri jää reitin varrelle.

Veikkaus_iphone_app_320x480_parametri
ps. Tiesitkö, että tällä hetkellä palautteen antaminen ei välttämättä onnistu.
Veikkaus_404

Terveisin, palvelupolkunne kulkija

KILROY ja uusi nettipeli!

KILROY kertoo facebook-sivullaan uudesta nettipelistä. Linkistä ei pääse suoraan pelaamaan vaan välietappina on käynti KILROYn uutissivulla, jossa ei ole minkäänlaisia merkintöjä uutisten julkaisupäivämääristä. Myöskään uutisarkiston puolella ei ole helppoa saada selville milloin mikäkin uutinen on julkaistu.

Screen_shot_2010-09-06_at_11
Oikeinkirjoitukseen puuttuminen on nykyään pyhä lehmä. Olet grammar nazi ja sinun on syytä vaieta eli stfu. Se nyt vaan on kuitenkin niin, että huoliteltu teksti antaa luottamusta. Itse en oikeinkirjoitusta osaa mutta mielestäni päivämääriin perustuvan bisneksen pitää osata edes kirjoittaa päivämäärät oikein. Esimerkiksi KILROYn facebook-sivulla vain muutama päivämäärä on kirjoitettu oikein. Sekä päivän että kuukauden perään kuuluu piste. Vaikka läntinen naapuri kirjoittaa "13.9", meillä "13.9." on oikein. Also sprach SFS 4175.

Itse peli

Peli ei sijaitse KILROYn palvelimella vaan jossain muualla. Muinoin heräsi epäilys vilunkipelistä, jos sivuston url poikkesi oletetusta. Facebook login -ilmiö on tullut jäädäkseen.

Kävi niin, että avasin nettipelisivun ilman flashiä. Voi kuinka kauniisti kävijää tervehditään, jos flash puuttuu tai versio on vanha.

Kilroy_noflash
Selvästi siinä on jotain tekstiä. Mustaa tekstiä mustalla taustalla. Mitäpä näitä turhuuksia yhtään paremmaksi tekemään, koska kaikilla on kuitenkin uusimmat selaimet ja uusimmat lisäpalikat.

Kilroy_noflash_select
On tämä teksti kuitenkin toteutettu kilroy.fi -sivuston hengen mukaisesti yhdistelemällä suomea ja englantia.

Kilroy_form
Ensinäkymä peliin on hyvin vähän peli-intoa nostattava harmaa lomake. Eikö tätä asiaa vielä ole opittu, että ensimmäiseksi ei pakoteta käyttäjää täyttämään henkilötietolomaketta. Ilmeisesti uskotaan ja toivotaan, että kisailupelin palkinnon himo on niin suuri, että voidaan sumeilematta kerätä henkilötiedot talteen. Missään ei mainita kenttien pakollisuudesta. Onko kaikki pakko täyttää?

Vasemmalla on lyhyet ohjeet. Tekstien kanssa voi halutessaan jo vähän pelailla samalla kun harkitsee lomakkeen täyttämistä. Ohjeiden mukaan lomake pitää täyttää.

(download)

Pienten fiiliskuvien päälle on laitettu iso aloita-nappi. Pääseeköhän siitä suoraan peliin. Ei. Näyttää toimivan samalla tavalla kuin lomakkeen lähetä-nappi, jossa on kaksi melko tarpeetonta suurempi kuin -merkkiä.

Kilroy_huutaa
Jos olet herkkä huutavalle syyllistämiselle, täytä kiltisti kaikki kohdat. Tämä lomake vaatii tietosi. Jos yrität jättää jotain ilmoittamatta, tämä lomake huutaa täyttämään tietosi. Masokistina onnistuin jättämään puhelinkentän tyhjäksi.

Itse pelissä 10 kuvaparista yritetään bongata feikki. Pelin jälkeen näkee kuinka monta feikkikuvan tunnistamista tapahtui. Mistään ei kuitenkaan pääse näkemään väärin menneitä.

Tämä on ilmeisesti pelin viimeinen vaihe. Nyt  on mahdollisuus vielä haastaa kavereita kisaan. Olenkohan itse vielä osallistunut kilpailuun? Tapahtuiko se jo ensimmäisessä lomakkeessa? Oliko feikkikuvien tunnistaminen pelkkää hauskaa ajan vietettä?

Kilroy_kaverit
Lomakkeen Lähetä-nappi viittaa lomakkeen lähettämiseen. Mitä tekee haasta kaverit -nappi? Tässä kuitenkin ollaan jo jonkinlaisella kavereiden haasto -sivulla. Kavereiden haastaminen on tekijöidenkin mielestä turhaa. Tämä lomake ei tarkistele sähköpostiosoitteiden @-merkkiä tai muutakaan järkevyyttä.

Alkuun palaamisen mahdollisuutta ei ole. Ainoastaan sivun uudelleen lataamisen kautta pääsee testaamaan tarkkasilmäisyyttään. Lomake pitää täyttää ensin. Flash-lomake ei tietenkään muista aikaisemmin kirjoitettuja tietoja.

Muuttaisin "Go before it's too late" -iskulauseen muotoon "Go away, it's too Lame".

Ps. Onko sillä nyt niin väliä, jos logo on niin pieni, että siitä ei saa kokonaisuudessaan selvää. Kaikkihan näkee, että KILROYn alapuolella olevassa laatikossa lukee jotain.

Kilroy_logo

Topfield ja CMS:n autuus

Toisinaan www-sisällönhallintajärjestelmä (CMS) on niin kätevä, että sisältö suorastaan suhahtaa nettiin. Ei aina edes ehdi ajattelemaan, kun sisältö on jo netissä. CMS:n avulla on kätevä mm. hallita kustannustehokkaasti teksteihin ja kuviin liittyviä toimenpiteitä.

Tf500_500x166
Esim. tallentavien digisovittimien pääsivulle voi laittaa luonnollisesti kuvan digiboksista. Muutama hiiren heilautus ja kuva on julkaistu. Vähän se "jostain syystä" jäi rumaksi. Ehkä internet vaan on sellainen, että kuvat eivät aina ole nättejä.

 

Tf500_img
Tallentavien digisovittimien pääsivun laitekuva on img-elementin width ja height -attribuuttien avulla pakottamalla skaalattu 166x500 pikselin kokoonsa. Kuva on oikeasti 5906x1961 pikseliä ja 1,7 megatavua. Tällä tavalla käyttäjä näkee ruman ja hitaasti latautuvan kuvan. Samalla tavalla Topfield hoitaa suurimman osan sivuston kuvista. Kuvapankissa on thumbnail-kuvat oikein. TF100 C Black Edition ja TF100 T Black Edition -sivuilla on jopa päädytty tekemään thumbnail-kuvasta (tiedostonimen perusteella - TF100C-BKe C thumb.jpg) img-elementin attribuuttien avulla raiskattu pienennös.


Source
Eikä siinä vielä kaikki! Tekstin lisääminen on erittäin kätevää. Copy-paste-simsalabim. Esimerkiksi markkinointipäällikkö Katri Kurjen Microsoft Wordistä saa tiedot silmänräpäyksessä nettiin. Mitä nopeampi on, sitä enemmän saa bonusta. Tällä kertaa mm. tuotteet-sivulle on saatu mukaan 420 riviä täyttä roskaa. Ihan ok, eihän se käyttäjä edes tuollaista näe.

Ja jos tulee halu palvella myös virolaisia, voi aivan hyvin laittaa yhden vironkielisen tuotesivun suomenkielisten sekaan. Jos kuitenkin käy niin, että viroa ei osaa, on samalla sivulla sama tieto myös varmuuden vuoksi englanniksi. Myös viron taitajia häikäistään isolla kuvalla. Kokoa kuvalla on 2,4 megatavua ja 6496x1620 pikseliä. Hieman menee pikselit hukkaan, koska sivulle kuva on runnottu melkein 12 kertaa pienempänä.

Tiesitkö muuten, että tuotteet-sivu ja tallentavat digisovittimet-sivu ovat lähes identtisiä?

(download)

Tiesitkö, että jokaisen tallentavan digisovittimen tallennusaika saattaa olla aina 160 tuntia?
Kamppisnapit
Eikä siinä vielä kaikki! Tiesitkö, että etusivun kampanjanoston napit (helppous,tallennusaika ja edelläkävijyys) vievät Kun itse olet estynyt -sivulla, jolla olevien tuotteiden Tarkemmat tuotetiedot -napit avaavat melkein joka tuotteen osalta Topfieldin etusivun varustettuna melko huomaamattomalla Sivua ei löytynyt / Page not found -tekstillä. Jokainen napin klikkaus avaa tietenkin uuden ikkunan/välilehden. Vihje: esim. TF600PVR ei löydy osoitteesta http://www.topfield-finland.com/fi/tf600_pvr_c-t/ vaan osoitteesta http://www.topfield-finland.com/fi/tf600_pvr/
Kamppisnotfound

Tiesitkö, että...

Topfield ja heijastavat tallennusajat

Saattaa olla, että Topfieldin tallentavien digisovittimien tallennusaika on 160 tuntia vaikka muuta luvataan. Kertooko heijastus totuuden?

Tf120-160
Tf160-160
Tf250-160

About