Ajattele vähemmän. Suunnittele paremmin.

Edistetään käyttöliittymäsuunnittelun parempaa työnkulkua hallittavan päätöksenteon ja ajatusprosessin avulla.

Hyvin suunniteltu käyttöliittymä on seurausta avainpäätöksistä, jotka tekevät kokemuksesta intuitiivisen ja myös esteettisesti miellyttävän käyttäjälle. Tekemällä päätöksentekoprosessia virtaviivaisempana, se voi helpottaa työnkulkua ja suuremmat mahdollisuudet tuottaa optimaalinen tulos.

Mitä enemmän mahdollisuuksia suunnitteluprosessissa on käytettävissä, sitä enemmän ajattelua vaatii toteuttamiseen ja hienovaraisuutta.

Amerikkalainen psykologi Barry Schwartz kirjoitti julkaisussa The Paradox Of Choice, että valintojen poistaminen voi vähentää ahdistusta huomattavasti. Hän väitti, että meillä olisi oltava standardit ja kriteerit, mutta hän ei ole huolissaan mahdollisuudesta olla jotain parempaa. Se koski kuluttajia, mutta uskon, että se koskee myös suunnittelupäätöksiä.

Maksimoivan strategian tarkoituksena ei ole olla perfektionisti, vaan tehdä edullisimmat päätökset, jotka yhdessä luovat optimaalisen kokemuksen.

1. Muuttujien rajoittaminen

Jos tarkastelemme kaikkia mahdollisia muuttujia erittäin uskollisuuden käsitteen tuottamiseksi ja niitä voi olla monia, käy selväksi, että meidän on rajoitettava ja määriteltävä ne jo varhaisessa vaiheessa. Käytettävissä olevien valintojen määrän vähentäminen helpottaa päätöksentekoa.

Kokemuksen myötä on helpompaa ennustaa, kuinka tiettyjen muuttujaryhmien rajoittamisella on moninkertaistuva vaikutus koko koostumuksessa.

Valintojen vähentäminen ei korreloi omaperäisyyden vähentämiseen. Oletetamme, että konseptien luominen ennalta määriteltyjen sääntöjen ympärille on rajoitus, mutta suunnittelijoina voimme luoda omat säännöt ja hallita niiden muotoilua täysin.

Asteikko ja etäisyys

Jokaisen käyttöliittymäsuunnittelun puolin tulisi kiertää järjestelmä, joka edistää rytmiä ja auttaa ylläpitämään mittakaavan ja tilan johdonmukaisuutta projektin kasvaessa. Yksi sellainen järjestelmä, jota rakastan käyttää, on modulaarinen mittakaava, joka voi helpottaa asteikkoa mistä tahansa annetusta suhteesta mitata tai asettaa elementin tai negatiivisen tilan koko koostumuksessa.

Kun olemme valinneet suhteen, modulaarinen asteikko voi helpottaa asteikon ja etäisyyden määrittämistä

Vaikka se voi vähentää ruudukkojen, typografian, pystysuoran etäisyyden ja asettelun kokonaismittojen muuttujia hallittavalle tasolle, se tarjoaa myös miellyttävän estetiikan ja rytmin. Käyttöliittymän suunnittelu on paljon helpompaa.

Ristikot

Ruudukkojärjestelmät ovat erinomaisia ​​rajoittamaan sisällön organisointia vaakatasossa ja käyttämättömyyttä UI: n suhteen. Ristikko kuitenkin poimitaan usein ilman liikaa ajattelua, jotta se olisi kaikille sopiva. Useimmat suunnittelijat eivät ymmärrä, että on parempi luoda verkkojärjestelmä, joka on rakennettu sisällön ympärille.

Ruudukkojärjestelmä vähentää muuttujia asettelussa

Tämä tarkoittaa, että ihannetapauksessa on selkeä ymmärrys sisältöskenaarioista etukäteen, jotta se maalaa kuvan siitä, kuinka sisältöä voidaan paremmin palvella tietystä ruudukosta. Ajattele liiketoiminnan rajoituksia olemassa oleviin tuotteisiin ja tuotemerkkioppaisiin, kuten logoon, jolla on erityiset etäisyyssäännöt ja -vaatimukset, tai mahdollisesti mainoksille, joilla on tietyillä kiinteillä yksiköillä.

Sisällön tyyppi on myös tekijä. Kaupan, uutisjulkaisun tai blogin ulkoasun tai yksinkertaisen splash-sivun suunnittelussa on suuri ero. Asettelu, joka on kuvaraskas vs. sanaraskas. Voisi olla hyödyllistä ymmärtää silmien skannausmalleja ja miten ne vaikuttavat visuaaliseen hierarkiaan.

Mitä paremmin ymmärretään liiketoiminta- ja sisältörajoituksia etukäteen, sitä helpompaa on valita verkkojärjestelmä ja tehdä asettelupäätöksiä.

Typografia

Väittäisin, että typografia on tärkein osa käyttöliittymien suunnittelua, koska se voi muodostaa jopa 95% verkosta ja olla viestinnän liikkeellepaneva voima.

Vaikka järjestelmiä, kuten modulaarista asteikkoa, voidaan soveltaa kokoon ja etumatkaan, fonttiperheitä ja tyylejä voidaan myös rajoittaa. Käyttöliittymän ei pitäisi koskaan olla suurempi kuin kaksi perhettä ja pari painoa. Sääntöjä voidaan laajentaa myös siihen, miten perusteluja ja otsikkotapauksia käsitellään.

Väri

Palettien avulla on helppo saada liian innokas. Pieni äänimerkki voi johtaa pitkälle riittävän ja yhdenmukaisen kuvan tuottamiseen. Yleensä kaikki mitä tarvitsemme lähtöpisteeksi on viisi värimallia.

Työkalut, kuten Adobe Color CC, helpottavat paletin ennalta määrittämistä

Useimpien tuotemerkkien tulisi sisältää pää- tai korostusväri ja muutama neutraali tai kontrastinen sävy kohteliaisuudeksi siitä. Emme tarvitse 15 sävyä yhdellä sävyllä, etenkään alussa. On parempi aloittaa pieni ja lisätä varjoa tai kaksi myöhemmin.

kuvat

Kuvien sisällyttäminen käyttöliittymään riippuu pitkälti sisällön kontekstista. Jos meillä on karkea käsitys siitä, mikä tämä on, voimme luoda kuvien lähtökohdan muuttujilla, jotka sisältävät suhteen, koon, muodon ja käsittelyn. Saatamme huomata, että emme tarvitse niin paljon.

Kuvamuuttujien rajoittaminen varmistaa paremman johdonmukaisuuden ja helpottaa kuvaresurssien hallintaa pitkällä tähtäimellä. Sama pätee ikonografiaan.

Kuinka monta kuvasuhteen ja koon variaatiota todella tarvitsemme?

2. Tyyli-oppaan luominen aikaisemmin

Kun käyttöliittymäprojekti kasvaa käsitteellisesti, on yhä tärkeämpää luoda ja ylläpitää tyyliopasta tai kuviokirjastoa. Tämä määrittelee suunnitteluprosessit projektin skaalaamiseksi, ylläpitäen rytmiä ja johdonmukaisuutta. Jos määrittelemme muuttujat etukäteen, se on hyvä tapa dokumentoida ne. Tulevaisuuden päätöksenteko tulee olemaan tyyliopasta helpompaa kuin ilman.

Projektista riippuen tyylioppaan luominen on ylellisyyttä ja on melko usein tarkoitettu tulevaa käyttöä varten. Siksi suurin osa tyylioppaista kootaan viime hetkellä tai projektin valmistuttua, ja se on silti hyvä käytäntö. Mutta vaikka tyyliopasta on paljon jälkikäsittelyä ja perusteluja tulevan suunnittelun ja kehityksen tukemiseksi, se voi tosiasiallisesti auttaa uskollisuuden lisäämisessä konseptoinnin varhaisvaiheissa.

Perustyyli-oppaan luominen heti alussa ei vain vakiinnuta periaatteita jo varhaisessa vaiheessa suunnittelupäätösten vähentämiseksi, vaan auttaa myös kehittämisinfrastruktuurina ja lisäämään päämiehiä eteenpäin.

Yhden tekeminen alussa ei tarkoita, että sen on oltava valmis - kaukana siitä. Tyylit pyrkivät kuitenkin muuttumaan enemmän varhaisessa vaiheessa, ja mitä suurempi projekti on, sitä selkeämmäksi ja tiukemmaksi rajat tulevat.

3. Modulaarinen prioriteetti ja sopeutuminen

Modulaarisissa suunnittelujärjestelmissä, kuten Brad Frostin Atomic Design, asettelu voidaan muotoilla tietyistä avainalueista. Moduuleista tulee uudelleenkäytettäviä erilaisissa asetteluissa. Rajapintoja käsitellään järjestelminä eikä sivuina. Kuvioihin perustuva suunnittelu ja kehittäminen ovat suuri osa prosessia.

Tämä on loistava menetelmä ja tekee käyttöliittymäsuunnittelusta paljon hallittavissa, mutta tehokkaammaksi meidän on priorisoitava avainalueet ja mukautettava kaikki muu niiden ympärille. Tämä puolestaan ​​varmistaa visuaalisen johdonmukaisuuden.

Tunnista avainalueet

Suunnittelumme tulisi kiertää tärkeiden osien ympärillä. Kunkin alueen prioriteetti määräytyy sen sisällön tai toiminnallisuuden avulla käyttöliittymässä, ja se on olennaisesti avain palapeliin.

Keskittymällä ensin tärkeisiin alueisiin, vähennämme sen jälkeen suunnittelupäätöksiä, koska seuraavien alueiden on taiputtava ja mukauduttava vakiintuneeseen ympäristöön.

Keskity avainalueisiin

Kun ensisijaiset alueet on määritelty, on kyse keskittymisestä kriittisiin osiin ja viimeistelyyn loppuun. Ajatuksena on varmistaa, että ne ovat intuitiivisia ja täyttävät kaikki vaatimukset ennen vähemmän tärkeiden alueiden mukauttamista.

4. Sijoita se toimimaan kaikille

Suunnittelijat ovat tuhansien vuosien ajan pyrkineet tekemään yhden asian - kommunikoimaan tehokkaasti. Kehitämme ja hienosäätämme jatkuvasti tapoja kommunikoida paremmin visuaalisesti ja kuuluvasti yleisölle.

Laajemman yleisön saatavuuden jatkuvasti kasvavan tiedon avulla on välttämätöntä maksimoida mahdollisimman monen tyyppisten ihmisten saatavuus.

Saavutettavuus on siunaus naamioinnissa

Laajemman yleisön tarjoaminen kuulostaa enemmän työtä, ja on houkuttelevaa nähdä saavutettavuus esteenä innovaatioille. Uusimpien standardien noudattaminen voi kuitenkin olla siunaus naamioinnissa, varsinkin jos niistä tulee toinen luonne.

Esimerkkejä tästä suunnittelun kannalta voi olla vaatimus, että tarvitsemme vähimmäis kirjasinkoko kopiossa tai merkittävän määrän kontrastia kopion ja taustan välillä tai suurempia kytkettäviä alueita kosketuslaitteissa.

Kyse ei ole vain vammaisista

Saavutettavuus ei ole vain vammaisten palveleminen, kuten jotkut tarkoittaisivat, vaan myös käyttäjille, joilla on vanhoja laitteita ja selaimia, jotka eivät tue kaikkia uusimpia ominaisuuksia ja parannuksia. Tietoisuus näistä standardeista ja niiden noudattaminen vähentää luonnollisesti suunnittelupäätöksiä.

5. Kokeiltujen ja testattujen kuvioiden käyttö

Tosiasia, että käyttäjät löytävät käyttöliittymät intuitiivisina, kun ne noudattavat satoja yleisiä suunnittelumalleja, jotka he ovat absorboineet vuosien käytännöstä ja esittelystä. Heti kun aloitamme irtaantumisen tyypillisistä muodoista ja kuljemme uutta maata, saatamme löytää, että vie uusi aika, jotta uudesta kuviosta tulee täysin intuitiivinen massoille.

Alkuperäisten käyttöliittymäkuvioiden luomiseen on aika ja paikka, mutta meidän ei pidä vältellä yleisiä tekniikoita - ne ovat syystä onnistuneita.

Hopeavuori on se, että olemme vähemmän huolissamme keksinnöistä ja keskitymme estetiikkaan. Vielä on mahdollista luoda alkuperäisiä teoksia vakiintuneiden kuvioiden perusteella.

Mitä enemmän tunnemme ja integroimme onnistuneita suunnittelumallit, sitä vähemmän valintoja meidän on tehtävä suunnittelijoina. Emme välttämättä harkitse sitä, mikä voisi toimia, mutta mikä toimii.

Viimeinen huomautus

Jotkut näistä lähestymistavoista eivät yksilöllisesti voi vähentää ajattelumme ja päätöksentekoamme suuresti tai parantaa suunnittelumme valtavasti. Niiden yhdistäminen yhdessä hyvän palautteen saamisen kanssa voi kuitenkin helpottaa huomattavasti parempien käyttöliittymien suunnittelua.

Seuraa minua Twitterissä