Padomā mazāk. Dizains labāks.

Labākas darba plūsmas veicināšana UI dizainā, izmantojot vadāmu lēmumu pieņemšanas un pārdomu procesu.

Labi izstrādāta lietotāja saskarne ir virkne galveno lēmumu, kas pieredzi padara ne tikai intuitīvu, bet arī estētisku. Padarot lēmumu pieņemšanas procesu racionālāku, tas var atvieglot darbplūsmu un lielākas iespējas sasniegt optimālu rezultātu.

Jo vairāk iespēju ir projektēšanas procesā, jo vairāk domāšanas ir nepieciešams izpildīt un smalkums.

Amerikāņu psihologs Barijs Švarcs žurnālā The Paradox Of Choice rakstīja, ka izvēles izslēgšana var ievērojami mazināt trauksmi. Viņš apgalvoja, ka mums vajadzētu būt standartiem un kritērijiem, bet neuztraucieties par iespēju, ka varētu būt kaut kas labāks. Tas bija patērētāju kontekstā, bet es uzskatu, ka tas attiecas arī uz dizaina lēmumiem.

Maksimizējoša stratēģija faktiski ir nevis būt perfekcionistei, bet pieņemt pieejamos vislabvēlīgākos lēmumus, kas kopīgi rada optimālu pieredzi.

1. Mainīgo lielumu ierobežošana

Ja mēs ņemam vērā visus iespējamos mainīgos, lai iegūtu augstas precizitātes koncepciju, un to var būt daudz, kļūst skaidrs, ka mums tie ir jāierobežo un jādefinē jau laikus. Samazinot pieejamo izvēli, būs vieglāk izlemt.

Ar pieredzi kļūst vieglāk prognozēt, kā noteiktu mainīgo grupu ierobežošanai ir reizinoša ietekme visā kompozīcijā.

Izvēles samazināšana nekorelē ar oriģinalitātes samazināšanu. Mēs pieņemam, ka koncepciju radīšana ap iepriekš noteiktiem noteikumiem ir ierobežojums, bet kā dizaineri mēs varam izveidot savus noteikumus un pilnībā kontrolēt to formulēšanu.

Mērogs un atstarpes

Katram UI dizaina aspektam jāvirzās ap sistēmu, kas veicina ritmu un palīdz saglabāt konsekvenci mērogā un telpā, projektam augot. Viena no šādām sistēmām, kuras man patīk izmantot, ir modulāra skala, kas var atvieglot mērogu no jebkuras attiecīgas proporcijas, lai izmērītu vai iestatītu elementa vai negatīvās telpas lielumu kompozīcijā.

Kad ir izvēlēta attiecība, modulārā skala var atvieglot mēroga un atstarpes noteikšanu

Lai gan tas var samazināt mainīgos režģos, tipogrāfiju, vertikālo atstarpi un izkārtojuma vispārējos izmērus līdz pārvaldāmam līmenim, tas nodrošina arī patīkamu estētiku un ritmu. UI noformēšana ir daudz vienkāršāka.

Režģi

Režģa sistēmas ir lieliski piemērotas, lai ierobežotu satura organizēšanu horizontālajā plaknē un nedomātu par UI. Tomēr režģi bieži izvēlas, pārāk nedomājot, lai tas būtu visiem piemērots. Tas, ko vairums dizaineru neapzinās, ir tas, ka labāk ir izveidot režģa sistēmu, kas veidota ap saturu.

Režģa sistēma samazinās mainīgos izkārtojumus

Tas nozīmē, ka ideālā gadījumā jau iepriekš ir skaidri jāsaprot satura scenāriji, lai tas parādītu priekšstatu par to, kā labāk kalpot saturam no noteiktas tīkla. Padomājiet par uzņēmējdarbības ierobežojumiem, kas saistīti ar jau esošiem aktīviem un zīmolu ceļvežiem, piemēram, logotipu, kuram ir īpaši atstarpes noteikumi un prasības, vai varbūt reklāmām ar īpašām fiksētām vienībām.

Arī satura veids ir faktors. Pastāv liela atšķirība starp veikala, ziņu publikācijas vai emuāra izkārtojuma izveidošanu vai vienkāršu slampātlapu. Izkārtojums, kas ir smags attēlam vai vārdam. Varētu būt noderīgi izprast acu skenēšanas modeļus un to, kā tie ietekmē vizuālo hierarhiju.

Jo vairāk izpratnes par uzņēmējdarbību un satura ierobežojumiem būs iepriekš, jo vieglāk būs izvēlēties režģa sistēmu un pieņemt lēmumus par izkārtojumu.

Tipogrāfija

Es iebilstu, ka tipogrāfija ir vissvarīgākais lietotāja interfeisa dizaina aspekts, jo tā var nodrošināt līdz 95% tīmekļa un būt komunikācijas virzītājspēks.

Kaut arī tādas sistēmas kā moduļu mērogu var piemērot izmēriem un vadošajiem, fontu saimes un stilus var arī ierobežot. UI nekad nevajadzētu pārsniegt divas ģimenes un dažus svarus. Noteikumus var attiecināt arī uz pamatojuma un nosaukuma lietas izskatīšanu.

Krāsa

Ar paletēm ir viegli kļūt pārāk dedzīgai. Neliels toņu diapazons var būt tāls, lai radītu pietiekamu un konsekventu attēlu. Parasti viss, kas mums vajadzīgs sākumpunktam, ir pieci paraugi.

Rīki, piemēram, Adobe Color CC, ļauj viegli noteikt paleti

Lielākajai daļai zīmolu būtu jāiekļauj galvenā vai akcenta krāsa un daži neitrāli vai kontrastējoši toņi, lai to komplimentu. Mums nav nepieciešami 15 viena toņa toņi, it īpaši sākumā. Labāk ir sākt ar mazu un pēc tam palielināt divas vai vairākas nokrāsas.

Attēli

To, kā mēs iekļaujam attēlus lietotāja saskarnē, lielā mērā nosaka satura konteksts. Ja mums ir aptuvens priekšstats par to, kas tas ir, mēs varam izveidot sākuma punktu mūsu attēliem ar mainīgiem lielumiem, lielumu, formu un apstrādi. Var gadīties, ka mums tik daudz nav vajadzīgs.

Ierobežojot mūsu attēla mainīgos lielumus, tiks panākta labāka konsekvence un ilgtermiņā būs vieglāk pārvaldīt attēla resursus. Tas pats attiecas uz ikonogrāfiju.

Cik attēla proporcijas un lieluma variācijas mums faktiski ir vajadzīgas?

2. Stila rokasgrāmatas izveidošana agrāk

Tā kā UI projekts konceptuāli aug, kļūst arvien svarīgāk izveidot un uzturēt stila rokasgrāmatu vai rakstu bibliotēku. Tas noteiks projektēšanas principus, kas palīdzēs projekta mērogam, saglabājot ritmu un konsekvenci. Ja mēs iepriekš definējam mainīgos lielumus, tas ir labs veids, kā tos dokumentēt. Turpmāka lēmumu pieņemšana būs vienkāršāka, izmantojot stila rokasgrāmatu, nekā bez tā.

Atkarībā no projekta stila rokasgrāmatas izveidošana ir greznība un diezgan bieži paredzēta turpmākai izmantošanai. Tāpēc vairums stila ceļvežu tiek samontēti pēdējā brīdī vai pēc projekta pabeigšanas, un tā joprojām ir laba prakse. Bet, lai arī ir daudz postracionalizācijas un argumentācijas par stila rokasgrāmatu, lai atbalstītu topošo dizainu un attīstību, tas faktiski var palīdzēt veidot uzticību agrīnā konceptualizācijas posmā.

Pareizā stila rokasgrāmatas izveidošana ne tikai agrīni noteiks principus, lai samazinātu dizaina lēmumus, bet arī palīdzēs attīstīties un papildināt principus.

Izveidojot to vienā, tas nenozīmē, ka tam jābūt pabeigtam - tālu no tā. Stiliem ir tendence vairāk attīstīties agrīnā stadijā, un, jo lielāks projekts, jo skaidrākas un stingrākas robežas kļūst.

3. Modulāra prioritāte un adaptācija

Modulārās projektēšanas sistēmās, piemēram, Brad Frost's Atomic Design, izkārtojumu var formulēt no īpašām galvenajām jomām. Moduļi kļūst atkārtoti izmantojami dažādos izkārtojumos. Saskarnes tiek uzskatītas par sistēmām, nevis lapām, un liela daļa procesa ir dizainparaugu izstrāde un izstrāde.

Šī ir lieliska metodika, un tā padara UI dizainu daudz pārvaldāmāku, taču, lai to padarītu efektīvāku, mums ir jāpiešķir prioritāte galvenajām jomām un jāpielāgo viss pārējais ap tām. Tas savukārt nodrošinās vizuālo saskanību.

Nosakiet galvenās jomas

Mūsu noformējumam vajadzētu griezties ap svarīgajām detaļām. Katra apgabala prioritāti nosaka tā saturs vai interfeisa funkcionalitāte, un tas būtībā ir mīkla atslēga.

Vispirms koncentrējoties uz svarīgām jomām, pēc tam mēs samazinām dizaina lēmumus, jo nākamajām jomām ir jābūt saliektām un jāpielāgojas izveidotajai videi.

Koncentrējieties uz galvenajām jomām

Kad ir noteiktas prioritārās jomas, ir jākoncentrējas uz kritiskajām daļām un jāpabeidz tās pabeigt. Ideja ir pārliecināties, ka tie ir intuitīvi un atbilst visām prasībām, pirms pielāgo mazāk svarīgās jomas.

4. Lai tas darbotos ikvienam

Tūkstošiem gadu dizaineri ir centušies darīt vienu - efektīvi komunicēt. Mēs pastāvīgi izgudrojam un uzlabojam veidus, kā labāk vizuāli un dzirdami sazināties ar auditoriju.

Ar arvien pieaugošo piekļuvi informācijai pēc iespējas plašākai auditorijai ir nepieciešams palielināt piekļuvi pēc iespējas lielākam cilvēku skaitam.

Pieejamība ir svētīgs noslēpums

Ēdināšana plašākai auditorijai izklausās pēc vairāk darba, un tas vilina uztvert piekļuvi kā šķērsli jauninājumiem. Tomēr atbilstība jaunākajiem standartiem var būt svētība slēpšanā, it īpaši, ja tie kļūst par otro dabu.

To piemēri dizaina izteiksmē varētu ietvert prasību, ka pamatkopijai ir nepieciešams minimālais fonta izmērs vai ievērojams kontrasta līmenis starp kopiju un fonu, vai arī lielāki savienojamie laukumi skārienierīcēs.

Tas attiecas ne tikai uz invaliditāti

Pieejamība ir ne tikai ēdināšana invalīdiem, kā to varētu uzskatīt daži, bet arī lietotāji ar mantotām ierīcēm un pārlūkprogrammām, kas neatbalsta visas jaunākās funkcijas un uzlabojumus. Apzinoties šos standartus un tos ievērojot, dabiski samazināsies dizaina lēmumi.

5. Izmēģinātu un pārbaudītu modeļu izmantošana

Patiesībā lietotāji saskarnes atrod intuitīvas, ja tās atbilst simtiem parasto dizaina modeļu, ko viņi ir absorbējuši no gadu prakses un ekspozīcijas. Tiklīdz mēs sākam norobežoties no tipiskajām veidnēm un slīpēt jaunu zemi, mums var šķist, ka ir vajadzīgs laiks, lai jauns paraugs kļūtu pilnīgi intuitīvs masām.

Ir savs laiks un vieta oriģinālo lietotāja interfeisa modeļu izveidošanai, taču mums nevajadzētu kautrēties no izplatītākajiem paņēmieniem - tie ir veiksmīgi kāda iemesla dēļ.

Sudraba oderējums mums ir mazāk jāuztraucas par izgudrošanu un jākoncentrējas uz estētiku. Joprojām ir iespējams izveidot oriģinālu darbu, pamatojoties uz noteiktiem modeļiem.

Jo vairāk mēs iepazīsim un integrēsim veiksmīgus dizaina modeļus, jo mazāk izvēles mums būs jāizdara kā dizaineriem. Mēs ne vienmēr domājam par to, kas varētu darboties, bet gan par to, kas darbosies.

Noslēguma piezīme

Dažas no šīm pieejām individuāli nevar ievērojami samazināt mūsu domāšanu un lēmumu pieņemšanu vai uzlabot mūsu dizainu ar milzīgu rezervi. To iekļaušana kopā, kā arī labas atsauksmes saņemšana var ievērojami atvieglot labākas lietotāja saskarnes noformēšanu.

Sekojiet man Twitter