Gandeste mai putin. Proiectare mai bună.

Promovarea fluxului de lucru mai bun în proiectarea UI prin procesul de luare a deciziilor și de gândire gestionabile.

O interfață de utilizator bine concepută este rezultatul unui șir de decizii cheie care nu numai că fac o experiență intuitivă, ci și plăcută din punct de vedere estetic pentru un utilizator. Prin simplificarea procesului de luare a deciziilor, acesta poate permite un flux de lucru mai ușor și o șansă mai mare de a produce rezultatul optim.

Cu cât sunt mai multe posibilități disponibile în procesul de proiectare, cu atât mai multă gândire necesară pentru executare și finețe.

Psihologul american Barry Schwartz a scris în The Paradox Of Choice că eliminarea alegerilor poate reduce foarte mult anxietatea. El a susținut că ar trebui să avem standarde și criterii, dar nu vă faceți griji cu privire la posibilitatea de a exista ceva mai bun. A fost în contextul consumatorilor, dar cred că se aplică și deciziilor de proiectare.

Strategia de maximizare este de fapt să nu fii perfecționist, ci pune la dispoziție cele mai favorabile decizii care creează colectiv experiența optimă.

1. Limitarea variabilelor

Dacă luăm în considerare toate variabilele potențiale pentru a produce un concept de înaltă fidelitate și pot exista multe, devine clar că trebuie să le limităm și să le definim din timp. Reducerea numărului de opțiuni disponibile va face mai ușor să fie decisiv.

Odată cu experiența, devine mai ușor să prezicem cum limitarea anumitor grupuri de variabile are un efect de multiplicare în întreaga compoziție.

Reducerea alegerilor nu este corelată cu reducerea originalității. Presupunerea noastră este că crearea de concepte în jurul regulilor predefinite este o limitare, dar ca proiectanți putem stabili propriile noastre reguli și putem controla complet formularea acestora.

Scară și spațiere

Fiecare fațetă a designului UI ar trebui să se învârtă în jurul unui sistem care promovează ritmul și ajută la menținerea consistenței în scară și spațiu pe măsură ce un proiect crește. Un astfel de sistem îmi place să folosesc este scara modulară, care poate facilita o scară din orice raport dat pentru a măsura sau seta dimensiunea unui element sau a unui spațiu negativ dintr-o compoziție.

Odată ce alegem un raport, scara modulară poate facilita definirea scării și distanțării

Deși poate reduce variabilele pe grile, tipografie, distanțare verticală și dimensiunile generale ale unui layout până la un nivel gestionabil, oferă, de asemenea, o estetică și un ritm plăcut. Proiectarea UI este mult mai ușoară.

Grile

Sistemele de tip grilă sunt foarte bune pentru a restricționa modul în care conținutul este organizat în planul orizontal și fără un brainer atunci când vine vorba de interfață de utilizator. Cu toate acestea, o grilă este adesea aleasă fără a se gândi prea mult, pentru a fi o singură dimensiune. Ceea ce majoritatea proiectanților nu își dau seama este că este mai bine să creezi un sistem de grilă care să fie construit în jurul conținutului.

Un sistem de grilă va reduce variabilele în aspect

Acest lucru înseamnă, în mod ideal, o înțelegere clară a scenariilor de conținut în avans, astfel încât să picteze o imagine a modului de a servi mai bine conținutul dintr-o anumită grilă. Gândiți-vă la constrângerile de afaceri cu active preexistente și ghiduri de marcă, cum ar fi un logo care are reguli și cerințe de spațiere specifice, sau poate anunțuri cu unități fixe specifice.

Tipul de conținut este, de asemenea, un factor. Există o mare diferență între conceperea unui layout pentru un magazin, o publicație de știri sau un blog sau o pagină simplă. O structură care este imagine-grea vs. word-heavy. Ar putea fi util să înțelegeți modelele de scanare a ochilor și modul în care acestea au un impact asupra ierarhiei vizuale.

Cu cât este mai bună înțelegerea restricțiilor de business și de conținut, cu atât va fi mai ușor să alegeți un sistem de grilă și să luați decizii de aspect.

Tipografie

Aș susține că tipografia este cel mai important aspect al designului UI, deoarece poate constitui până la 95% din web și poate fi motorul comunicării.

În timp ce sisteme precum scara modulară pot fi aplicate la dimensiuni și funcții de conducere, familiile de fonturi și stilurile pot fi, de asemenea, limitate. O UI nu trebuie să depășească niciodată două familii și un cuplu de ponderi. Regulile pot fi extinse și la modul în care se gestionează justificarea și cazul titlului.

Culoare

Este ușor să te exagerezi cu paletele. O gamă mică de tonuri poate merge mult până la producerea de imagini vizuale suficiente și consistente. De obicei, tot ce avem nevoie pentru un punct de plecare este de cinci swatches.

Instrumente precum Adobe Color CC facilitează predefinirea unei palete

Majoritatea mărcilor ar trebui să includă o culoare primară sau de accent și câteva tonuri neutre sau contrastante pentru a o complimenta. Nu avem nevoie de 15 nuanțe de un ton, mai ales la început. Este mai bine să începeți mic și să creșteți o nuanță sau două mai târziu.

Imagini

Modul în care încorporam imaginile în UI este determinat în mare măsură de contextul conținutului. Dacă avem o noțiune aproximativă a ceea ce este, putem crea un punct de plecare pentru imaginile noastre cu variabile pentru raport, dimensiune, formă și tratament. S-ar putea să aflăm că nu avem nevoie de atât de multe.

Limitarea variabilelor noastre de imagine va impune o mai bună consecvență și va facilita gestionarea activelor imaginii pe termen lung. Același lucru este valabil și pentru iconografie.

De câte variații de raport și dimensiune pentru imagini avem nevoie de fapt?

2. Crearea unui Ghid de stil mai devreme

Pe măsură ce un proiect UI crește conceptual, devine din ce în ce mai important să creezi și să menții un ghid de stil sau o bibliotecă de modele. Aceasta va stabili principii de proiectare care să ajute la scara proiectului, menținând ritmul și coerența. Dacă definim în prealabil variabile, este o metodă bună de a le documenta. Viitoarele decizii vor fi mai ușoare cu un ghid de stil decât fără unul.

În funcție de proiect, crearea unui ghid de stil este un lux și destul de des destinat pentru referințe viitoare. Acesta este motivul pentru care majoritatea ghidurilor de stil sunt reunite în ultima clipă sau după finalizarea proiectului, iar aceasta este încă o practică bună. Dar, deși există o mulțime de post-raționalizare și raționament pentru un ghid de stil care să ajute la proiectarea și dezvoltarea potențială, acesta poate ajuta de fapt la construirea fidelității în primele etape ale conceptualizării.

Crearea unui ghid de bază de stil chiar la început, nu numai că va stabili principii pentru a reduce deciziile de proiectare, ci va ajuta, de asemenea, ca infrastructură să evolueze și să crească principalii care vor merge mai departe.

Realizarea unuia la început nu înseamnă că trebuie să fie completă, departe de ea. Oricum, stilurile tind să evolueze mai mult în fazele incipiente și cu cât un proiect devine mai mare, cu atât devin mai clare și mai strânse granițele.

3. Prioritate și adaptare bazată pe modul

În sistemele de proiectare bazate pe modulare, cum ar fi Proiectarea atomică a lui Brad Frost, un aspect poate fi formulat din anumite zone cheie. Modulele devin reutilizabile pe diverse planuri. Interfețele sunt tratate ca sisteme și nu ca pagini, o parte importantă a procesului fiind proiectată și dezvoltată pe baza modelului.

Aceasta este o metodologie excelentă și face ca designul UI să fie mult mai ușor de gestionat, însă pentru a face mai eficient trebuie să acordăm prioritate domeniilor cheie și să adaptăm orice altceva din jurul lor. La rândul său, aceasta va asigura că există coerență vizuală.

Identificați domeniile cheie

Proiectarea noastră trebuie să se învârtă în jurul pieselor importante. Prioritatea fiecărei zone este determinată de conținutul sau funcționalitatea acesteia din interiorul interfeței și este esențial cheia puzzle-ului.

Concentrându-ne mai întâi pe zonele importante, reducem deciziile de proiectare după aceea, deoarece zonele ulterioare trebuie să se îndoaie și să se adapteze la mediul stabilit.

Concentrați-vă pe domenii cheie

După ce au fost identificate zone cu prioritate ridicată, este vorba de supra-concentrarea pe părțile critice și de finalizarea acestora până la finalizare. Ideea este de a se asigura că sunt intuitive și îndeplinesc toate cerințele înainte de a adapta zonele mai puțin importante.

4. A face să funcționeze pentru toată lumea

De mii de ani, designerii s-au străduit să facă un lucru - să comunice eficient. Ne reinventăm și reglăm în mod continuu modalități de a comunica mai bine vizual și auditiv cu o audiență.

Având acces din ce în ce mai mare la informații din partea unui public cât mai larg posibil, este imperativ să se maximizeze accesibilitatea pentru cât mai multe tipuri de persoane.

Accesibilitatea este o binecuvântare în deghizare

Găsirea unui public mai larg sună ca mai multă muncă și este tentant să vadă accesibilitatea ca o barieră pentru inovație. Cu toate acestea, respectarea celor mai recente standarde poate fi o binecuvântare deghizată, mai ales dacă devin a doua natură.

Exemple de acest lucru în termeni de proiectare ar putea include necesitatea ca avem nevoie de o dimensiune minimă a fontului pe copie corporală, sau o cantitate semnificativă de contrast între copie și fundal, sau zone mai mari de legătură de pe dispozitivele tactile.

Nu este vorba doar despre dizabilități

Accesibilitatea nu se rezumă doar la persoanele cu dizabilități, cum ar presupune unii, ci și utilizatorilor cu dispozitive și browsere vechi, care nu acceptă toate cele mai recente caracteristici și îmbunătățiri. Conștientizarea acestor standarde și respectarea acestora va reduce în mod natural deciziile de proiectare.

5. Utilizarea modelelor încercate și testate

Faptul este că utilizatorii găsesc interfețe intuitive atunci când se conformează sutelor de modele comune de design pe care le-au absorbit din ani de practică și expunere. De îndată ce începem să ne despărțim de formele tipice și să călcăm teren nou, este posibil să găsim că este nevoie ca un nou tipar să devină complet intuitiv pentru mase.

Există un moment și un loc pentru crearea tiparelor UI originale, dar nu ar trebui să ne îndepărtăm de tehnicile obișnuite - au un succes pentru un motiv.

Căptușeala de argint este pentru noi să ne facem griji mai puțin cu privire la reinventare și să ne concentrăm asupra esteticii. Este încă posibilă crearea unei lucrări originale pe baza unor tipare consacrate.

Cu cât vom cunoaște și integra mai multe modele de design de succes, cu atât mai puține alegeri trebuie să facem ca designeri. Nu ne gândim neapărat la ceea ce ar putea funcționa, ci la ce va funcționa.

Notă finală

Unele dintre aceste abordări pot să nu reducă în mod considerabil gândirea și luarea deciziilor noastre sau să ne îmbunătățească design-urile cu o marjă imensă. Cu toate acestea, încorporarea lor, împreună cu obținerea de feedback bun pe parcurs, poate face mult mai ușor să proiectăm o UI mai bună.

Urmărește-mă pe Twitter