Käyttöliittymäsi on litistetty

Käyttöliittymäsuunnittelun maailmassa on viimeaikoina kohuttu ilmiöstä nimeltä flat design. Suunnittelun keskeisenä ajatuksena on toteuttaa käyttöliittymät ilman varjoja ja muita korostuksia, jolloin käyttökokemus vaikuttaa nimensä mukaisesti litteältä. Ilmiö on ollut havaittavissa jo joitakin vuosia, mutta nyt vähällä aikaa aiheesta on osunut silmiin kirjoitus jos toinenkin. Ei ole vaikea arvata, että Applen iOS 7 -uudistuksella saattaa olla jotain tekemistä asian kanssa, mutta joka tapauksessa aihe tuntuu nyt kiinnostavan ihmisiä.

Litteä suunnittelu

Flat designille ei ole vielä kovinkaan vakiintunutta suomenkielistä termiä, mutta käytetään nyt muutamia esimerkkejä mukaillen hieman tylsästi termiä litteä suunnittelu (Laita ihmeessä kommenttia, mikäli tiedät paremman termin :)). Litteä suunnittelu liittyy siis suunnittelun yksinkertaisuuteen ja graafisten tehosteiden karsimiseen. Kun käyttöliittymästä poistetaan tehosteet, kuten varjot ja reunapintojen kaltevuudet, syvyysvaikutelma katoaa. Ilman tehosteita elementtien erottuminen toisistaan riippuu värien käytöstä ja muotojen yksinkertaisuudesta.

Designmodon mukaan litteällä suunnittelulla onkin viisi keskeistä piirrettä:

  • Ei tehosteita

  • Yksinkertaiset elementit

  • Keskittyminen typografiaan

  • Keskityyminen väreihin

  • Minimalistinen toteutus

Muutama kuva kertonee enemmän kuin ne kuuluisat tuhat sanaa:

Littea suunnittelu 2

Littea suunnittelu 3

Litteä suunnittelu on kasvattanut voimakkaasti suosiotaan mobiililaitteiden käyttöliittymissä, mutta kasvua on tapahtunut myös verkkopalveluiden toteutuksissa.


Littea suunnittelu 4

Microsoft vs. Apple, taas kerran

Moni on varmasti käyttänyt litteää suunnittelua noudattavia käyttöliittymiä sen enempää ajattelemattaan. Vai kuinka moni käyttää Windows Phonea Nokialaisellaan, tai kenties lukee tätäkin blogia Windows 8 koneella tai tabletilla? Onkin hieman huvittavaa, että litteä suunnittelu on vasta nyt nosteessa, kun Apple on siirtymässä sen pariin. Microsoft on jo muutaman vuoden ajan rummuttanut Tiles-valikoitaan ja käyttöliittymäuudistustaan, mutta kuten Googlen tilastotkin osoittavat, yleinen kiinnostus on ollut suhteessa vähäistä.   Jälleen kerran on varmaan syytä tunnustaa Applen markkinakoneiston ja hehkutuskyvyn voima. Tosin Windows-leirissä suurimmat fanittajat syyttelevätkin jo Applea ideoiden kopioinnista.

Hyödyt ja haitat?

Jos litteän suunnittelun hyötyinä nähdään minimalistisuuden tuoma yksinkertaisuus ja selkeys, voiko suunnittelutavasta koitua myös haittaa? On ainakin todettava, että litteän käyttöliittymän suunnittelu vaatii entistä enemmän osaamista ja keskittymistä käytettävyyden hiomiseen. Jos suunnittelija ei hallitse värien ja kontrastien käyttöä, tuloksena voi olla minimalistisen sijasta köyhältä vaikuttava toteutus. Tämä yhdistettynä tehosteiden puutteeseen voi johtaa tilanteeseen, jossa käyttäjälle ei ole enää selkeää miten valikoissa liikutaan.

Käyettävyysguru Jacob Nielsen ei ainakaan ole ollut järin innoissaan litteästä suunnittelusta. Nielsenin mukaan liiallinen litteys poistaa käyttäjältä mahdollisuuden erottaa nopealla vilkaisulla klikattavat valikot muista elementeistä. Jos nappula ei näytä nappulalta, sen painaminen voi mennä hankalaksi.

Tiivistetysti voisin todeta, että osaavissa käsissä litteä suunnittelu mahdollistaa näyttävien ja mukavaa vaihtelua tuovien käyttöliittymien toteutuksen. Nähtäväksi jää, kuinka kauan vaihtelu tuntuu tuoreelta ja onko nurkan takana jo jokin uusi suuntaus. Visuaalista ilmettä tärkeämpää lienee kuitenkin lopulta se, että käyttäjä löytää lyhimmän reitin kautta paikasta A paikkaan B?

 Artikkelikuva: Designmodo
Muut kuvat:  Designmodo, Designmodo ja Unroll.Me

Erkki Kallio

Chief Operating Officer

Lue lisää aiheesta