Mõtle vähem. Kujunda parem.

UI-kujunduse parema töövoo edendamine juhitava otsustus- ja mõtlemisprotsessi kaudu.

Hästi läbimõeldud kasutajaliides on mitme võtmeotsuse tulemus, mis muudab kogemuse mitte ainult intuitiivseks, vaid ka kasutajale esteetiliselt meeldivaks. Muutes otsustusprotsessi sujuvamaks, võib see hõlbustada lihtsamat töövoogu ja suuremat võimalust optimaalse tulemuse saamiseks.

Mida rohkem võimalusi projekteerimisprotsessis on, seda rohkem on vaja teostamist ja peenet mõtlemist.

Ameerika psühholoog Barry Schwartz kirjutas ajakirjas The Paradox Of Choice, et valikute kaotamine võib ärevust tunduvalt vähendada. Ta väitis, et meil peaksid olema standardid ja kriteeriumid, kuid mitte muretsema võimaluse pärast, et seal võiks olla midagi paremat. See puudutas tarbijaid, kuid usun, et see kehtib ka disainilahenduste kohta.

Maksimeerivaks strateegiaks on tegelikult mitte olla perfektsionist, vaid teha võimalikult soodsad otsused, mis loovad ühiselt optimaalse kogemuse.

1. Muutujate piiramine

Kui arvestame kõigi võimalike muutujatega suure täpsusega kontseptsiooni loomiseks ja neid võib olla palju, saab selgeks, et peame neid varakult piirama ja määratlema. Kättesaadavate valikute hulga vähendamine muudab otsustamise lihtsamaks.

Kogemustega on lihtsam ennustada, kuidas teatud muutujate rühmade piiramisel on kogu kompositsioonis mitmekordistav mõju.

Valikute vähendamine ei ole korrelatsioonis originaalsuse vähendamisega. Meie eeldus on, et etteantud reeglite ümber kontseptsioonide loomine on piirang, kuid kujundajatena saame kehtestada oma reeglid ja nende väljatöötamise üle täieliku kontrolli all olla.

Skaala ja vahed

UI kujunduse kõik tahud peaksid keerlema ​​süsteemi ümber, mis edendab rütmi ja aitab projekti kasvades säilitada järjepidevust mastaabis ja ruumis. Üks selline süsteem, mida ma armastan kasutada, on modulaarne skaala, mis võib hõlbustada mis tahes antud suhte skaalat, et mõõta või määrata kompositsiooni elemendi või negatiivse ruumi suurus.

Kui oleme valinud suhte, saab modulaarne skaala hõlbustada skaala ja vahekauguse määratlemist

Ehkki see võib vähendada muutujaid ruudustikus, tüpograafias, vertikaalsuunas ja paigutuse üldistes mõõtmetes kuni juhitava tasemeni, pakub see ka meeldivat esteetikat ja rütmi. Kasutajaliidese kujundamine on palju lihtsam.

Võred

Võrgusüsteemid on suurepärased, et piirata sisu korraldamist horisontaaltasapinnal ja kasutajaliidese kasutamisest hoidumist. Võrgustik valitakse sageli liiga palju mõtlemata, et olla kõigile sobiv. Enamik disainereid ei mõista seda, et parem on luua ruudusüsteem, mis on üles ehitatud sisu ümber.

Võrgusüsteem vähendab muutujaid paigutuses

See tähendab, et ideaaljuhul peaks sisustsenaariumidest olema eelnevalt selge arusaam, et see annaks pildi sellest, kuidas konkreetsest ruudustikku sisu paremini teenindada. Mõelge varasemate varade ja brändijuhendite äripiirangutele, näiteks logole, millel on kindlad vahereeglid ja nõuded, või võib-olla konkreetsete fikseeritud ühikutega reklaamidele.

Sisu tüüp on samuti tegur. Poe, uudiste väljaande või ajaveebi kujunduse või lihtsa läbilõigete lehe kujundamise vahel on suur erinevus. Paigutus, mis on pildi ja sõna vahel raske. Abiks võiks olla silmade skaneerimise mustrite mõistmine ja kuidas need mõjutavad visuaalset hierarhiat.

Mida paremini äri- ja sisupiiranguid paremini mõista, seda lihtsam on ruutvõrgusüsteemi valimine ja paigutusotsuste tegemine.

Tüpograafia

Ma väidaksin, et tüpograafia on kasutajaliidese kujundamise kõige olulisem aspekt, kuna see võib moodustada veebist kuni 95% ja olla suhtluse edasiviiv jõud.

Ehkki selliseid süsteeme nagu modulaarskaala saab kasutada suuruse ja juhtpositsiooni osas, võivad ka font-perekonnad ja stiilid olla piiratud. Kasutajaliides ei tohiks kunagi ületada kahte perekonda ja paari kaalu. Reegleid saab laiendada ka põhjenduse ja pealkirja juhtumi käsitlemisele.

Värv

Palettide abil on lihtne olla liiga innukas. Väike toonivalik võib piisava ja ühtlase visuaali loomiseks kaugele jõuda. Tavaliselt on meil alguspunkti jaoks vaja vaid viit proovi.

Selliste tööriistade nagu Adobe Color CC abil on paleti eelmääramine lihtne

Enamik kaubamärke peaks selle täiendamiseks sisaldama peamist või aktsentvärvi ning paar neutraalset või kontrastset tooni. Me ei vaja ühe tooni 15 tooni, eriti alguses. Parem on alustada väikestest ja suurendada varju või kaks hiljem.

Pildid

Kujutiste liidestamine kasutajaliidesega sõltub suuresti sisu kontekstist. Kui meil on laias laastus ettekujutus sellest, mis see on, saame oma piltide jaoks luua lähtepunkti muutujatega suhte, suuruse, kuju ja töötlemise osas. Võib juhtuda, et meil pole nii palju vaja.

Kujutise muutujate piiramine tagab parema järjepidevuse ja hõlbustab pikas perspektiivis piltide varade haldamist. Sama kehtib ikonograafia kohta.

Kui palju piltide suhte ja suuruse variatsioone me tegelikult vajame?

2. Stiilijuhendi loomine varem

UI projekti kontseptuaalselt kasvades muutub üha olulisemaks stiilijuhendi või mustriteegi loomine ja haldamine. Sellega kehtestatakse projekteerimispõhimõtted, mis aitavad projekti mastaapides säilitada rütmi ja järjepidevust. Kui määratleme muutujad eelnevalt, on see hea viis nende dokumenteerimiseks. Edasine otsustamine on stiilijuhendi abil lihtsam kui ilma selleta.

Sõltuvalt projektist on stiilijuhendi loomine luksus ja on sageli ette nähtud edaspidiseks kasutamiseks. Seetõttu pannakse enamik stiilijuhendeid kokku viimasel minutil või pärast projekti valmimist ning see on endiselt hea tava. Kuid kuigi stiilijuhendi jaoks on tulevase disaini ja arendamise hõlbustamiseks palju post-ratsionaliseerimist ja põhjendamist, võib see tegelikult aidata luua truudust kontseptualiseerimise varases staadiumis.

Põhilise stiilijuhendi kohe alguses koostamine ei sea mitte ainult varakult põhimõtteid disainilahenduste langetamiseks, vaid aitab ka edasi areneda ja täiendab printsiipe.

Stardis ühe tegemine ei tähenda, et see peaks olema täielik - kaugel sellest. Stiilid kipuvad niikuinii varases staadiumis rohkem arenema ja mida suurem projekt, seda selgemaks ja rangemaks piirid muutuvad.

3. Moodulipõhine prioriteet ja kohanemine

Moodulipõhistes disainisüsteemides, näiteks Brad Frosti aatomikujundus, võib paigutuse koostada konkreetsetest võtmevaldkondadest. Moodulid saavad erinevates paigutustes korduvkasutatavateks. Liideseid käsitletakse süsteemidena, mitte lehtedena. Mustripõhine kujundamine ja arendamine moodustavad suure osa protsessist.

See on suurepärane metoodika ja muudab kasutajaliidese kujundamise palju paremini hallatavaks, kuid selle tõhusamaks muutmiseks peame tähtsamad valdkonnad tähtsuse järjekorda seadma ja kõike muud nende ümber kohandama. See omakorda tagab visuaalse sidususe.

Tehke kindlaks peamised valdkonnad

Meie disain peaks keerlema ​​oluliste osade ümber. Iga ala prioriteedid määratakse selle sisu või liideses sisalduva funktsionaalsuse järgi ja see on sisuliselt mõistatuse võti.

Keskendudes kõigepealt olulistele aladele, vähendame seejärel disainilahenduste otsuseid, kuna järgmised alad peavad painduma ja väljakujunenud ümbrusega kohanema.

Keskenduge võtmevaldkondadele

Kui prioriteetsed valdkonnad on kindlaks tehtud, on oluline keskenduda kriitilistele osadele ja viimistleda need lõpuni. Selle mõte on enne vähem oluliste valdkondade kohandamist veenduda, et need on intuitiivsed ja vastavad kõigile nõuetele.

4. Pannes selle töötama kõigile

Tuhandete aastate jooksul on disainerid püüdnud teha ühte asja - suhelda tõhusalt. Me leiutame ja täpsustame pidevalt võimalusi, kuidas publikuga visuaalselt ja kuuldavalt paremini suhelda.

Järjest suurema juurdepääsuga teabele võimalikult laia publiku poolt on hädavajalik maksimeerida juurdepääsetavus võimalikult paljudele inimestele.

Ligipääsetavus on varjatud õnnistus

Laiemale publikule toitlustamine kõlab nagu suurem töö ja see on ahvatlev nägema juurdepääsetavust uuenduste takistusena. Viimaste standardite järgimine võib siiski olla maskeerimisel õnnistuseks, eriti kui need muutuvad teiseks loomuseks.

Selle disainilahenduse näited võivad hõlmata nõuet, et me vajame kehakoopial minimaalset kirjasuurust või märkimisväärset kontrastsust koopia ja tausta vahel või suuremaid ühendatavaid alasid puutetundlikes seadmetes.

Asi pole ainult puuetes

Juurdepääsetavus ei tähenda ainult puuetega inimeste toitlustamist, nagu mõned neist eeldavad, vaid ka pärandiseadmete ja brauseritega kasutajatele, kes ei toeta kõiki uusimaid funktsioone ja täiustusi. Nendest standarditest teadlik olemine ja nende järgimine vähendab loomulikult kujundusotsuseid.

5. Proovitud ja testitud mustrite kasutamine

Tõsiasi on see, et kasutajad leiavad liidesed intuitiivsetena, kui need vastavad sadadele levinumatele kujundusmustritele, mille nad on aastatepikkuse praktika ja eksponeerimise käigus läbi imbunud. Niipea kui hakkame eemalduma tüüpilistest vormidest ja astume uuele pinnasele, võib juhtuda, et uue mustri muutumine massidesse täielikult võtab aega.

Algsete kasutajaliidese mustrite loomiseks on aeg ja koht, kuid me ei tohiks hoiduda tavalistest tehnikatest - need on põhjusel edukad.

Hõbedane vooder on meie jaoks vähem leiutamise muretsemise pärast ja keskendume esteetikale. Endiselt on võimalik luua originaalseid teoseid väljakujunenud mustrite põhjal.

Mida rohkem me edukate disainimustritega tuttavaks saame ja neid integreerime, seda vähem valikuid peame disaineritena tegema. Me ei mõtle tingimata seda, mis võiks toimida, vaid seda, mis töötab.

Viimane märkus

Mõni neist lähenemisviisidest ei pruugi individuaalselt meie mõtlemist ja otsustamist oluliselt vähendada ega täiustada meie disainilahendusi tohutult. Nende ühendamine koos hea tagasiside saamisega võib aga parema kasutajaliidese kujundamise oluliselt lihtsamaks muuta.

Jälgi mind Twitteris