Adage ja kuinka tehdä karuselli

Kävin perjantaina yritysvierailulla Adagella, ja aiempi hieman tylsän tutkimusorientoitunut kuvani yhtiöstä kirkastui kummasti. Suunnitelmissa on kirjoittaa tarkempi raportti pikapuoliin.

[Sitä odotellessa kannattaa huomioda, että mainio Käytettävyyden psykologia -kirja on tuotu saataville ilmaisena PDF-versiona.]

Yritys on myös uudistanut sivujaan sitten viime näkemän. Etusivulle on nostettu moderni karusellielementti, joka ei kuitenkaan toimii niin kuin kuvittelisi.

adagen karuselli

Yleensä karusellit tarjoavat painikkeet, joilla pääsee liikkumaan eteen- ja taaksepäin. Lisäksi niissä on indikaattori, joka kertoo, monennessako näkymässä ollaan. Myös indikaattorin on tapana olla klikattavissa, jos haluaa hypätä suoraan tiettyyn näkymään.

Adagen karusellissa indikaattoria ei voi klikata ja ehdin jo ihmtellä, voiko mitään muutakaan. Ainoa klikattavaa muistuttava kohde on nuoli, joka näyttää siltä, että se avaisi linkin uuteen ikkunaan.

No, lopulta kävi ilmi, että tätä nuolta klikkaamalla liikutaan eteenpäin, mutta taaksepäin päästäkseen saa kiertää koko listan ympäri. Ei mikään maailmanloppu, mutta pitää tarttua tilaisuuteen sen kerran, kun pääsee asiantuntijoille viisastelemaan.

Yahoon design pattern -kirjaston stencil-kokoelma on avulias tässäkin tapauksessa. Tuossa yksi perusvaihtoehto:

yahoo carousel

Yksi vaihtoehtoinen karusellitoteutus nojaa nappuloiden sijasta perinteisiin vierityspalkkeihin. [Jotkut kutsuvat pystypalkkeja hisseiksi ja vaakapalkkeja losseiksi, mutten ole itse lähtenyt tähän, koska, noh, kuulostaahan se vähän hölmöltä.]

Apple käyttää moista mallia huonolla menestyksellä iTunes Storessa. Elementissä ei voi vierittää hiiren rullauspyörällä eikä näkymää voi liikuttaa painikkeiden avulla [toimi se sittenkin Mighty Mousella ja varmaan muillakin sivusuunnan päälle ymmärtävillä hiirillä]. Ainoa keino on osua kapeaan palkkiin ja rullailla sen avulla. Ei kovin kätevää vähänkään hyppivämmällä hiirellä.

Itse ainakin ärsyynnyin.

itunes store carousel

(Aiheeseen liittyen mainitsen, että huomasin vasta nyt, että on ollut olemassa blogi nimeltään Hiiriraivo. En kamalasti pidä siitäkään sanasta, mutta blogi on asiantunteva. Sittemmin nimi on muuttunut Inspikseksi, ja nykyään sinne kirjoitetaan myös muista aiheista kuin käytettävyydestä.)

2 kommenttia artikkeliin ”Adage ja kuinka tehdä karuselli

  1. Ai ei voi vierittä rullalla? Huono hiiren ajuri, sanoisin. Mutta tosiaan, vaikka voisikin, ei ole kovin luontevaa ajatella vertikaalisesti pyörivän rullan vierittävän vaakasuunnassa.

    Mac-kannettavan ohjauslevyllä Storen tuotteiden vierittäminen on mitä miellyttävintä sivusuunnassa. Ja tietysti Applen mahtihiirellä voi vieritellä luontevasti vaakasuunnassa, jos vain pallura ei ole vielä ehtinyt tukkeutua.

  2. Oletpa oikeassa, toimiihan se sittenkin mahtihiirellä. Näköjään testasinkin sitä töissä normihiirellä ja nyt kotona kirjoittaessani kone oli sylissäni, joten mahtihiireni ei ollut hollilla, vaikka luulin sitä silläkin kokeilleeni.

    Myös tuo tunnottomuus liittyi työpaikan huonoon hiireen. Kotona se ei tuntunut lainkaan niin pahalta, vaikkei mighty mousekaan mikään ylivoimaisen tarkka ole.

    (Oma pallurani on tukossa vain alaspäin. Sääli sinänsä, että se on tarpeellisin suunta.)

Vastaa

Täytä tietosi alle tai klikkaa kuvaketta kirjautuaksesi sisään:

WordPress.com-logo

Olet kommentoimassa WordPress.com -tilin nimissä. Log Out / Muuta )

Twitter-kuva

Olet kommentoimassa Twitter -tilin nimissä. Log Out / Muuta )

Facebook-kuva

Olet kommentoimassa Facebook -tilin nimissä. Log Out / Muuta )

Google+ photo

Olet kommentoimassa Google+ -tilin nimissä. Log Out / Muuta )

Muodostetaan yhteyttä palveluun %s