10 hyödyllisintä kirjaa verkkosivustojen suunnittelijalle

Mikko Paltamaa 17. toukokuuta 2010, 9:04 0 kommenttia

Helpottaakseni kirjasuositusten antamista päätin koota listan kirjoista, jotka olen kokenut verkkosivustojen konsepti- ja käyttöliittymäsuunnittelun kannalta kaikkein hyödyllisimmiksi.

Listan kirjat on valittu sillä perusteella, että niiden pitäisi olla kullanarvoisia kaikille verkkosivustojen kanssa tekemisissä oleville, tehtävänimikkeestä riippumatta.

Toinen valintaperuste on tietojen pysyvyys. Teknologiat muuttuvat ja mahdollisuudet kasvavat jatkuvasti, mutta listan kirjat käsittelevät asioita, joiden pitäisi olla edelleen ajankohtaisia kymmenen vuoden päästä. Tästä kertoo sekin, että listan vanhin (ja mahdollisesti paras) kirja on julkaistu alun perin vuonna 1988.

Jos ehdit kommentoida kirjoitusta, niin kerro minkä kirjan lisäisit listalle. Tai jos olet eri mieltä, niin kerro minkä kirjan jättäisit pois.

Kirjat ovat:

  1. The Design of Everyday Things
  2. Don’t Make Me Think
  3. The Elements of User Experience
  4. Helppokäyttöisen verkkopalvelun suunnittelu
  5. Paper Prototyping
  6. The Innovative Leader
  7. The Designful Company
  8. Getting Real
  9. The Design of Sites
  10. Sketching User Experiences

The Design of Everyday Things

Donald Norman, 2002, 1988

The Design of Everyday Things on käyttöliittymäsuunnittelua käsittelevän kirjallisuuden ehdoton klassikko. Kirjan luettuasi…

  • ymmärrät miten ihmiset käyttäytyvät ja käyttävät erilaisia esineitä, laitteita, sovelluksia, tiloja jne.
  • havaitset jatkuvasti käytettävyysongelmia ympärilläsi
  • ihmettelet kuinka ne ovat voineet jäädä suunnittelijoilta huomaamatta
  • tiedät miten kyseiset ongelmat voisi korjata helposti

Tarvitseeko sanoa enempää? Tämän kirjan lukeminen avaa silmäsi.

Kannattaa tosin varautua siihen, että tieto lisää tuskaa. Käytettävyysongelmien havaitseminen voi aiheuttaa sen, että huonosti suunniteltujen esineiden ja asioiden käyttäminen muuttuu hyvin turhauttavaksi.

Kirjan sivusto, Amazon, Amazon UK

Don’t Make Me Think: A Common Sense Approach to Web Usability

Steve Krug, uudistettu 2. painos, 2005

Don’t Make Me Think on paras johdatus verkkosivustojen käytettävyysasioihin. Kirjassa esitellään tärkeimmät sivustojen käytettävyyteen vaikuttavat tekijät käytännön esimerkein ja kerrotaan, kuinka ne huomioidaan suunnittelussa. Kirjan asiat omaksuttuasi olet selvästi parempi suunnittelija.

Kirja on laadittu erinomaisen teeman ympärille: älä pakota käyttäjää ajattelemaan, vaan pidä kaikki asiat mahdollisimman yksinkertaisina. Kyseessä on suunnittelijan tärkein ohjesääntö, vaikka se monilta hukkuu muiden näkökulmien taakse. Kirjan lukeminen auttaa pitämään oleellisimmat asiat mielessä.

Sen lisäksi, että kirja on täynnä tiivistettyä asiaa, se on myös hauskasti kirjoitettu ja kuvitettu. Saatavilla myös suomennettuna.

Mikäli sivustojen suunnittelu ei ole varsinainen ammattisi, kannattaa lukea juuri tämä kirja. Ja jos on, niin kannattaa lukea tämä kirja ja lainata se sen jälkeen pomollesi tai asiakkaallesi.

Kirjan sivusto, Amazon, Amazon UK

The Elements of User Experience: User-Centered Design for the Web

Jesse James Garret, 2002

The Elements of User Experience auttaa ymmärtämään kaksi asiaa:

  1. Mitä sivustot ovat?
  2. Miten sivustoja kannattaa rakentaa?

Toisin kuin monet teknisesti orientoituneet ihmiset ajattelevat, vastaus ensimmäiseen kysymykseen ei ole Internet-palvelimelta haettua ja selaimessa näytettävää HTML-koodia. Kyseinen näkökulma on sivustojen suunnittelun kannalta yhtä hyödyllinen kuin printtimedian tekijälle se, että lehdet ovat paperia ja painomustetta.

Oikeasti sivustot ovat paljon, paljon enemmän, minkä tulee näkyä myös niiden suunnittelu- ja toteutusprosessissa. Kirjan erinomaiset kaaviot havainnollistavat minkälaisista “suunnittelukerroksista” sivustot koostuvat ja minkälainen prosessi sivuston suunnittelu oikeasti on. Näiden tietojen pohjalta on helppoa kehittää ja parantaa omaa prosessiaan.

Kirja on erittäin suositeltavaa luettavaa kaikille verkkosivustojen tekijöille, erityisesti prosessista kiinnostuneille.

Kirjan sivusto, Amazon, Amazon UK

Helppokäyttöisen verkkopalvelun suunnittelu

Irmeli Sinkkonen ja kumppanit, 2009

Helppokäyttöisen verkkopalvelun suunnittelu on erittäin perusteellinen esitys sivustojen suunnittelusta ja käyttäjäkeskeisistä suunnittelumenetelmistä. Jos suunnittelet sivustoja ammattimaisesti, niin tämän kirjan käsittelemät asiat on syytä ainakin tuntea. Usein käytännön projekteissa riittää, jos osaa käyttää muutamia kirjassa mainittuja menetelmiä sovellettuina.

Kirjalla on myös eräs toinen ansio: se sisältää ohjeistuksen käyttäjäkeskeisten menetelmien sijoittamisesta vesiputousmallia noudattavaan kehitysprosessiin. Tämä on erittäin tärkeää, sillä tällä hetkellä useimmat it-alalla työskentelevät ihmiset eivät tiedä missä vaiheessa prosessia käyttöliittymäsuunnittelu pitäisi aloittaa.

Henkilökohtaisesti olen havainnut, että yllättävän monet (muuten järkevät) ammattilaiset uskovat, että oikea aika käyttöliittymäsuunnittelulle on vasta käyttöliittymän toteutuksen jälkeen. Ongelman syynä on ilmeisesti se, että asiaa ei käsitellä juuri missään lähteissä. Esimerkiksi ketterien menetelmien kuvaukset jättävät pääsääntöisesti käyttöliittymäsuunnittelun kokonaan mainitsematta, eivätkä ne siten oikein sovellu ihmisten käyttämien järjestelmien suunnitteluun.

Oikea vastaus on heti alussa. Vesiputousmallissa käyttöliittymäsuunnittelu kannattaa aloittaa viimeistään vaatimusmäärittelyvaiheessa, mutta mieluiten jo aikaisemmin, jotta ehditään rauhassa tutustua käyttäjien tarpeisiin, kilpailijoihin ja muuhun aiheeseen liittyvään tietoon. Ketterissä malleissa käyttöliittymäsuunnittelu kannattaa aloittaa ennen ensimmäistä toteutusiteraatiota ja sen jälkeen jatkaa vähintään yksi iteraatioaskel toteutuksen edellä.

Irmeli Sinkkosen toinen kirja Käytettävyyden psykologia (luettavissa ilmaiseksi) on erinomainen lähde käytettävyysasioista. Katso myös Sari A. Laakson artikkeli käyttöliittymäsuunnittelun sijoittamisesta ohjelmiston kehitysprosessiin sekä asiakkaille suosittelemani prosessi.

Kirjan sivusto, Adlibris

Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces

Carolyn Snyder, 2003

Paper Prototyping kuvailee pitkälti saman systemaattisen ja prototyyppeihin perustuvan käyttöliittymäsuunnittelun menetelmän, jota mm. Helsingin yliopiston tietojenkäsittelytieteen laitoksen erinomaisilla käyttöliittymäsuunnittelun kursseilla opetettiin ja jota esimerkiksi Reaktor kertoo käyttävänsä.

Kirjan tärkeintä antia on osoittaa, että käyttöliittymät voidaan suunnitella valmiiksi ja testata oikeilla käyttäjillä ennen kuin riviäkään koodia on kirjoitettu. Isommissa projekteissa tämä lähestymistapa voi säästää valtavasti kustannuksia.

Kirjan sivusto, Amazon, Amazon UK

The Innovative Leader: How to Inspire Your Team and Drive Creativity

Paul Sloane, 2007

Oletko koskaan miettinyt miten epätavallisen hyvät ideat syntyvät? Usein ne syntyvät sattumalta, mutta haluttaessa niiden todennäköisyyttä ja esiintymistiheyttä voidaan kasvattaa huomattavasti.

Olen oman kokemukseni pohjalta täysin vakuuttunut siitä, että innovaatioita tukevan yrityskulttuurin toteuttaja saa valtavasti kilpailuetua muihin verrattuna. Silti en ole toistaiseksi nähnyt yhtäkään yritystä, jossa yritettäisiin viedä ideoita alimmasta portaasta ylöspäin eikä vain toiseen suuntaan, jossa käytettäisiin minkäänlaisia ideointimenetelmiä tai jossa olisi muutenkaan innovaatioihin kannustava yrityskulttuuri.

Kirja nimeltä The Innovative Leader on täynnä käytännönläheisiä ohjeita siitä, kuinka organisaatio saadaan tuottamaan uusia ideoita ja kuinka parhaat ideat saadaan esiin. Tämä on välttämätöntä osaamista konseptisuunnittelijalle.

Nämä asiat pitäisi opettaa peruskoulussa.

Kirjan sivusto, Amazon, Amazon UK

The Designful Company: How to Build a Culture of Nonstop Innovation

Marty Neumeier, 2008

The Designful Company on täynnä visionäärisiä ajatuksia suunnittelun merkityksestä liiketoiminnalle. Näkökulma on hyvin laaja, sillä kirjassa käsitellään mm. sellaisia asioita kuin luovaa suunnittelua, tuotekehitysprosesseja, organisaatioiden rakennetta, päätöksentekoa ja hyvien suunnittelijoiden ominaisuuksia.

Kirja on ehdotonta luettavaa suunnittelupalveluja tuottaville yrittäjille. Lisäksi suosittelen kirjaa luettavaksi niille, joiden liiketoiminnan menestymisen kannalta suunnittelulla, muotoilulla ja innovaatioilla on tai voisi olla jonkinlaista merkitystä (eli toisin sanottuna kaikille).

Amazon, Amazon UK

Getting Real: The Smarter, Faster, Easier Way to Build a Successful Web Application

Jason Fried ja kumppanit, 2006

Getting Real koostuu lyhyistä ja jossain määrin provokatiivisista artikkeleista, jotka käsittelevät verkkosivustojen ja -sovellusten kehittämiseen sekä yrittämiseen liittyviä asioita. Useimmat esitetyistä ohjeista ovat erittäin hyödyllisiä, käytännöllisiä ja oikeaan osuvia.

Käytännön neuvojen lisäksi kirjan keskeisenä teemana on osoittaa, että usein kilpailijoita selvästi parempaan lopputulokseen on mahdollista päästä paljon pienemmillä resursseilla ja vähemmällä työllä, jos vaan tiedetään mitä tehdään ja keskitytään olennaiseen.

Kannattaa kuitenkin suhtautua pienellä varauksella konsepti- ja käyttöliittymäsuunnitteluun liittyviin näkemyksiin, sillä kirjoittajat eivät selvästikään tunne niihin liittyviä menetelmiä.

Samat kirjoittajat ovat julkaisseet myös uudemman kirjan nimeltä Rework. En ole lukenut uudempaa kirjaa, mutta se käsittelee pitkälti samoja asioita kuin Getting Real.

Kirjan voi lukea ilmaiseksi kirjan sivustolta.

Kirjan sivusto (kirja on luettavissa ilmaiseksi), Amazon, Amazon UK

The Design of Sites: Patterns for Creating Winning Web Sites

Douglas K. van Duyne, toinen uudistettu painos, 2006

Suunnittelumallit ovat vähintään yhtä tärkeitä käyttöliittymien kuin ohjelmoinnin kohdalla. Suunnittelumallit kannattaa tuntea, koska ne helpottavat suunnittelutyötä ja koska ne ovat valmiiksi tuttuja käyttäjille ja siksi käytettävämpiä. Pyörää ei kannata keksiä uudestaan.

The Design of Sites on (nimestään huolimatta) n. 1000-sivuinen kokoelma verkkosivustojen käyttöliittymien suunnittelumalleja. Kyseessä on todennäköisesti paras lähde aiheesta, sekä kattavuuden, että esitystavan puolesta. Kustakin mallista esitellään nimi, asiayhteys, ongelman kuvaus, esimerkkejä, ratkaisun kuvaus sekä muita harkitsemisen arvoisia suunnittelumalleja.

Nykyisin on olemassa useita käyttöliittymien suunnittelumalleja esitteleviä verkkosivustoja. Ikävä kyllä useimmissa on ongelmana se, että perusidean kuvailevat tekstit ja kaaviot puuttuvat kokonaan ja tilalla on kuvia enemmän tai vähemmän järkevistä käytännön esimerkeistä. Tämän kirjan tyyliset yksikertaisimpaan muotoonsa pelkistetyt kaaviot ja rautalankamallit kuvailisivat periaatteen huomattavasti selkeämmin ja synnyttäisivät käytettävyydeltään parempia ratkaisuja.

Kirjan sivusto, Amazon, Amazon UK

Sketching User Experiences: Getting the Design Right and the Right Design

Bill Buxton, 2007

Olisi erittäin kiinnostavaa lukea kirja, joka käsittelee konseptisuunnittelun periaatteita ja menetelmiä yleisemmällä tasolla. Ikävä kyllä aiheesta ei toistaiseksi taida olla olemassa hyvää kirjallista esitystä (tai ainakaan en ole sellaisesta kuullut).

Eräs mainitsemisen arvoinen kirja on Sketching User Experiences. Kyseinen kirja pyrkii lukuisten esimerkkien avulla osoittamaan luonnosten voiman ja merkityksen konseptisuunnittelussa. Lisäksi mukana on lukuisia inspiroivia tarinoita onnistuneiden tuotteiden takaa.

Kirja käsittelee kuitenkin lähinnä fyysisiä esineitä ja niiden luonnostelua piirrosten avulla. Ainakin omalla kohdallani suuri osa konseptointityöstä on uusien ideoiden ja pohdittavien kysymysten sekä erilaisten kaavioiden, listojen, hierarkioiden ja muun vastaavan kirjaamista muistiin ja muokkaamista helpommin hahmotettavaan muotoon. Nekin ovat luonnoksia, mutta pikemminkin kirjallisia kuin visuaalisia.

Kannattaa lukea myös Victor Lombardin artikkeli konseptisuunnittelusta.

Kirjan sivusto, Amazon, Amazon UK

Kommentit

Kirjoitusta ei ole vielä kommentoitu.

Kommentoi kirjoitusta

Voit käyttää seuraavia html-tageja:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">