Esimerkkejä hyvästä UX-suunnittelusta | Ultimaattinen UX-opas #16

Mistähän etsiä inspiraatiota UX-suunnittelijan työssä? Miten erottaa hyvät UX-suunnittelut huonoista? Tänään käsittelemme näitä ja monia muita kysymyksiä hyvään UX-suunnitteluun liittyen, sekä esittelemme joitakin käyttöliittymiä, jotka edustavat korkeaa tasoa UX-alueella. Toivottavasti löydät inspiraatiota esimerkeistä, joita esittelemme.

Hyvän UX-suunnittelun esimerkkejä – sisällysluettelo:

1. Mistä saada suunnittelu-inspiraatiota?
2. Miten tunnistaa hyvä UX-suunnittelu
3. Hyvän UX-suunnittelun esimerkki – Google
4. Hyvän UX-suunnittelun esimerkki – Apple
5. Hyvän UX-suunnittelun esimerkki – Airbnb

Mistä saada suunnittelu-inspiraatiota?

UX-ala on tällä hetkellä nopeasti kasvava ja dynaamisesti muuttuva ala. Yksi hyvän UX-suunnittelijan vastuista on pysyä ajan tasalla nykyisistä trendeistä, seurata muuttuvaa teknologiaa ja etsiä inspiraatiota alan johtajilta. Suunnittelija, joka välttää näitä toimintoja – ei yksinkertaisesti kehity. UX-ala vaatii jatkuvaa kiinnostusta, kyselyä, inspiraation etsimistä ja uusia tutkimus- tai suunnittelumenetelmiä, vertailua sekä innovaatioiden toteuttamista.

Miten saada inspiraatiota? Monet ihmiset suosittelevat tunnettuja suunnittelijoiden portaaleja, kuten Dribbble tai Behance. Siellä on yksi asia, johon kannattaa kiinnittää huomiota. Näiltä porteilta löydät valtavan määrän tapaustutkimuksia eri aloilta, joita ovat luoneet suunnittelijat ympäri maailmaa. Näet erilaisia näkökulmia, mutta muista, että kuka tahansa, joka luo tilin sinne, voi julkaista projektejaan. Monet niistä ovat ei-kaupallisia projekteja, jotka on luotu “piiloon” osana UX-kurssia tai itsenäisesti ihmisiltä, jotka eivät työskentele UX-suunnittelijana – ja ovat esimerkiksi vain oppimassa.

Sellaisissa projekteissa keskiössä on usein visuaalinen osa – UI, ja UX itsessään jää taustalle. Tutkimuksen, liiketoimintavaatimusten, ongelman määrittelyn, koko prosessin tarkoituksen tai käyttäjien tarpeiden puute tekee projektista visuaalisesti houkuttelevan, mutta ei välttämättä hyvin harkitun ja tutkimuksen sekä datan tukeman. Joten on vaikeaa puhua hyvistä inspiraatioista UX-suunnittelijalle tässä. Voimme löytää paljon arvokkaampaa sisältöä tunnetuista UX-toimistoista tai jopa yritysten verkkosivuilta, joita pidetään käyttäjäkokemuksen eturintamassa. Tarkastellaan muutamia niistä tarkemmin alla.

Miten tunnistaa hyvä UX-suunnittelu

Internetin rikkautta hyödyntäen voit saada inspiraatiota monista lähteistä (mukaan lukien Dribbble tai Behance – emme kiistä niitä täysin). Kuten olemme kirjoittaneet useaan otteeseen – hyvän suunnittelijan perusominaisuus on kyky tehdä tutkimusta ja vetää johtopäätöksiä. Tämä voidaan myös kääntää kyvyksi etsiä suunnittelu-inspiraatiota. Mutta mitä projektin, joka voidaan luokitella hyväksi käyttäjäkokemuksen kannalta, tulisi esittää?

1. Ensinnäkin, sen tulisi sisältää tapaustutkimus, joka esittää tutkimuksen dataa, käyttäjäongelman, liiketoimintatavoitteet ja KPI:t – mittarit, jotka mahdollistavat tarkistamisen, saavuttaako projekti, kun se on toteutettu, oletetun “menestyksen“.

Esimerkki: Otetaan esimerkiksi elektroniikkakauppa. Ongelmana on käyttäjien korkea ostoskorin hylkäämisprosentti. Projektin tavoitteena on selvittää tämän käyttäytymisen syy ja ratkaista tämä ongelma.

Analysoimalla tietoja Google Analyticsista ja Hotjarista sekä tekemällä kyselyitä käyttäjien kanssa, käy ilmi, että heidän suurin ongelmansa on valittujen tuotteiden saatavuuden puute – jonka he huomaavat vain ostoskorissa, halutessaan viimeistellä tuotteen tilauksen. Projekti vaatii tietenkin laajempaa analyysiä, tutkimusta yhdessä käyttöliittymän toiminnallisuuden muutosten kanssa. On helppo päätellä, että täällä menestyksen mittaava tekijä toteutuksen jälkeen on ostoskorin hylkäämisprosentin väheneminen ja konversioiden lisääntyminen sivustolla (sivustolla vierailevat ihmiset vs. ostoksen tekevät ihmiset).

Täällä meillä on selkeästi määritelty ongelma – sekä liiketoiminnan että käyttäjän näkökulmasta, meillä on tavoite ja määritellyt menestyksen mittarit.

2. niiden analyysin ja tulosten on käännyttävä lopulliseen käyttöliittymän suunnitteluun. Siksi kiinnitämme tapaustutkimuksessa erityistä huomiota siihen, täyttääkö suunnittelu käyttäjien tarpeet ja ratkaiseeko se suunnitteluongelman.
3. Hyvä UX:ltä näyttävä suunnittelu on myös tietenkin suunnittelu, joka täyttää Nielsenin käytettävyyden heuristiikoille asetetut vaatimukset. Olemme jo kuvailleet niitä yksityiskohtaisesti erillisessä artikkelissa. Heuristiikat ovat universaaleja periaatteita, jotka ovat perusmenetelmä käyttöliittymien analysoimiseksi käytettävyyden kannalta. Noudattamalla niitä suunnittelija optimoi täysin sekä sivuston ulkoasun että suorituskyvyn.

Tietenkin kattavan tutkimuksen tekeminen sekä UX:n hoitaminen ja kehittäminen korkealle tasolle vaatii paljon rahaa ja aikaa, sekä kokeneen tiimin UX- ja UI-asiantuntijoita, kehittäjiä, analyytikkoja ja johtajia. Ei ole yllättävää, että erittäin hyvästä UX:stä voivat ylpeillä suuret, kansainväliset teknologiayritykset – kuten Google ja Apple.

Hyvän UX-suunnittelun esimerkki – Google

Google, joka on ollut markkinoilla vuodesta 1998, on varmasti loistava esimerkki siitä, miltä hyvä UX voi näyttää. Googlen hakukone on yksi yksinkertaisimmista työkaluista, joita verkossa on saatavilla. Sen toiminta on intuitiivista eikä aiheuta ongelmia keskimääräiselle Internetin käyttäjälle. Se täyttää Nielsenin heuristiikoista johdetut vaatimukset – se on yksinkertainen, puhdas, selkeä ja esteettinen. Se ei sisällä tarpeettomia linkkejä, painikkeita tai bannereita. On heti selvää, miten sivustolla navigoidaan. Lisäksi voit yhdellä silmäyksellä nähdä, mihin se on tarkoitettu – hakuun.

Lisäksi hakukone näyttää äskettäin haettuja termejä, ehdottaa liittyviä hakuja ja korjaa meitä, jos kirjoitamme virheellisesti. Näin se vastaa käyttäjien tarpeisiin ja tekee koko hakuprosessista mahdollisimman helppoa heille.

Hyvän UX-suunnittelun esimerkki – Apple

Applen verkkosivusto ei ole vain kaunis suunnittelu, vaan myös huolellisesti kehitetty UX. Sivustolla on erittäin helppo, intuitiivinen navigointi. Navigointipalkki sisältää paitsi kategorian nimet myös pieniä tuotekuvia, mikä mahdollistaa sivustolla navigoinnin nopeasti. Sivustolla käytetty kieli on yksinkertaista mutta luovaa. Ilman tarpeetonta kuvausta se esittää käyttäjälle tietyn tuotteen arvon.

Sivusto mahdollistaa myös tuotteiden vertailun kategoriassa, jotta voit huolellisesti valita tarpeitasi vastaavan. Apple painottaa paljon innovatiivista mutta minimalistista UI:ta – eli sivuston ulkoasua ja esteettisyyttä – joka, kuten muistamme, on myös yksi Nielsenin heuristiikoista, joka vaikuttaa käyttäjän sivuston havaintoon ja heidän kokemukseensa tuotteesta.

Kiinnostavaa on, että Apple jakaa suunnittelun parhaita käytäntöjä verkkosivustollaan ja tarjoaa ladattavia mallipohjia, koulutusmateriaaleja sekä Human Interface Guidelines -ohjeita.

Hyvän UX-suunnittelun esimerkki – Airbnb

Vuodesta 2008 lähtien toiminut Airbnb (alusta, joka mahdollistaa majoituksen vuokraamisen yksityishenkilöiltä) on ollut erittäin suosittu käyttäjien keskuudessa – yksi pääsyistä on tietenkin sen hyvin suunniteltu UX.

Etusivu on siisti ja selkeä. Keskellä näet hakukentän – jokaiselle tuttu, jos vain Google-hauista. Joten se on hyvä malli, joka on käyttäjille jo tuttu, mikä tekee sivustosta intuitiivisen eikä kukaan tunne itseään eksyneeksi. Toinen hyvä UX-käytännön piirre Airbnb:ssä on karttanäkymä, jossa näkyvät hinnat haettujen paikkojen listan vieressä. Airbnb antaa sinulle kaikki keskeiset tiedot yhdestä paikasta – talon sijainnin kartalla, hinnan, sen kuvat yhdessä nimen kanssa.

Sivusto myös lähestyy sisältöä hienosti – UX-kirjoittaminen on erittäin korkealla tasolla ja välittää tärkeitä tietoja yksinkertaisella tavalla. Esimerkki on teksti “sinulta ei veloiteta vielä” varauksen alussa – käyttäjä saa selkeän viestin siitä, että maksua ei veloiteta ennen kuin varaus on vahvistettu.

Airbnb jakaa, kuten Apple, parhaita käytäntöjä, mielenkiintoisia tapaustutkimuksia ja uutisia suunnittelun maailmasta verkkosivustollaan.

Jos pidät sisällöstämme, liity vilkkaaseen mehiläisyhteisöömme Facebookissa, Twitterissä, LinkedInissä, Instagramissa, YouTubessa, Pinterestissä.