Share
În acest articol vom analiza o simplă analogie care va ilustra moduri eficiente de comunicare prin design. Odată ce am stabilit ideea, vom examina câteva exemple familiare pentru a conduce punctul acasă.
Analogia pe care o vom analiza este Transformarea Fourier, un instrument matematic intitulat numit după francezul Joseph Fourier.
În primul rând, ar putea să nu vă impresioneze prin ecuațiile sale complexe (și plictisitoare). Dar, ascuns adânc în aceste ecuații, este o idee simplă: că orice semnal de undă sau de timp poate fi împărțit în multe alte valuri, care alcătuiesc originalul. Cu alte cuvinte, el subliniază ingredientele individuale care se transformă în produsul final.
Transformarea Fourier are aplicații variind de la rezonanța magnetică nucleară (NMR) la compresia MP3, dar o vom aplica la ceva mai familiar: design.
De exemplu, ați stabilit crearea unui site web atunci când aveți un concept care trebuie transmis utilizatorilor. Misiunea dvs., ca designer de web, este de a crea o pagină web care rupe această idee în biți gestionabili; biți de imagini, fragmente de text sau chiar filme care, atunci când sunt consumate de un vizitator, transmit ideea în mintea lor.
Gândiți-vă la valul pătrat roșu din imaginea de mai sus ca fiind ideea sau mesajul pe care doriți să-l transmiteți pe site-ul dvs. web. Fiecare val albastru, deși arată în întregime diferit atunci când este luat individual, contribuie la crearea valului roșu într-un fel într-un fel combinat cu alte valuri albastre. Treaba voastră este de a descoperi "valurile albastre" (elementele compozite) ale mesajului dvs. principal. Din păcate, dacă am avea doar o formulă pentru asta!
În cele din urmă, dacă vizitatorul înțelege complet scopul site-ului dvs. și este încrezător în utilizarea acestuia, atunci ați reușit în rolul dvs. de designer.
Cel mai recent sistem de operare iOS 7 al Apple, chiar dacă a primit un răspuns mixt despre noile culori, estetică, iconografie și tipografie, este un pas pozitiv înainte. Ca utilizator iPhone, găsesc cea mai recentă ofertă de software de la Apple o experiență mult mai utilizabilă și mai plăcută decât predecesorul său. Nu-mi pot imagina să mă întorc la iOS 6 acum că m-am obișnuit cu noua interfață. Acest lucru este atribuit mai mult decât efectul de parallax, animații și alte bomboane ochi. Unul dintre motivele majore care fac ca iOS 7 să fie atât de utilizabil este că acesta cuprinde conținutul, mai degrabă decât să îl înfășoare într-o piele skeuomorfă. Apple numește această abordare "Deference".
Deferență - Interfața utilizată îi ajută pe utilizatori să înțeleagă și să interacționeze cu conținutul, dar niciodată nu concurează cu acesta - Ghidul interfeței umane iOS
În prima pagină a ghidului de proiectare, un ecran secundar al aplicației meteo native care rulează în iOS 6 și iOS 7 vorbește de la sine; designul cuprinde conținut. Nu trebuie să citești un cuvânt pentru a fi informat instantaneu despre vremea curentă. Fiecare detaliu ar trebui să contribuie la exprimarea mesajului.
În timp ce proiectați site-ul dvs. perfect, asigurați-vă că să se gândească de două ori despre fiecare detaliu. Fiecare componentă care o face; tipografie, culoare, imagini, fiecare detaliu până la favicon, ar trebui să contribuie în mod constructiv, să lucreze împreună în armonie perfectă pentru a vă transmite mesajul în mod eficient.
M-am întrebat adesea de ce unele site-uri web fac un buton "feedback" chiar pe prima pagină. În timp ce obțineți feedback despre munca dvs. este absolut necesar, nu dați niciodată impresia că nu sunteți sigur și nu sunteți încrezători. Gândiți-vă la acest lucru: atunci când mergeți la cumpărături, ați fost întrebat vreodată întrebarea "Ce credeți despre magazinul nostru de iluminat și vopsea?" chiar când intri într-un magazin? Asemenea detalii sunt în esență invizibile pentru noi. Iluminatul magazinului bun și ambianța generală a magazinului nu sunt prelucrate conștient de noi.
Spunând asta, creierul tău primește în permanență informații din ochii tăi și din alte organe senzoriale despre mediul din jurul tău. O ambianță bună la magazin vă va schimba cu siguranță ideea că nu cumpărați un produs de la ei. Revenind la subiect, link-urile de feedback ar trebui să fie accesibile, dar ascunse. Gmail face o treabă bună în acest sens:
Puneți-vă două întrebări atunci când adăugați ceva pe site-ul dvs. web:
Perfecțiunea se realizează, nu când nu mai este nimic de adăugat, dar când nu mai este nimic de luat
Google a fost întotdeauna un maestru al minimalismului în design. O actualizare recentă a eliminat bara de sus întunecată din pagina lor de pornire, deoarece oamenii vin la Google.com să caute, să nu se distragă de alte produse pe care Google le oferă. Această bara suplimentară nu a contribuit niciodată la mesajul principal al motorului de căutare: căutarea pe web. În schimb, aceste linkuri sunt acum plasate într-un pop-up drop-down, astfel încât utilizatorii interesați să poată arunca o privire și să navigheze atunci când este necesar.
GoodUI.org este o compilație excelentă de 32 de idei de Jakub Linowski care vă vor ajuta să construiți un interfață utilă bună și utilizabilă. Primul sfat este că ar trebui să încercați mai degrabă o dispunere într-o singură coloană decât o dispunere a mai multor coloane. Justificarea acestui argument este că, făcând acest lucru, ar trebui să vă puteți ghida cititorii într-un mod mai previzibil de sus în jos, în timp ce o abordare cu mai multe coloane prezintă un risc suplimentar de a distrage atenția asupra scopului principal al unei pagini.
Modelele de multicolume au fost folosite în imprimare de-a lungul vârstelor și funcționează bine. Luați cazul New York Times sau Mashable. Conținutul este o colecție de articole (sau știri), fiecare având o rubrică proeminentă. Ei nu au un singur mesaj de bază pentru vizitatorii lor, mai degrabă, o colecție de informații pentru ei, iar interfețele lor oferă acest lucru eficient.
O structură de o singură coloană vă va îndruma cititorii într-un mod previzibil, fără riscul de a le distrage de la scopul principal al unei pagini
Aruncați o privire la această diagramă simplă, pe care o folosesc pentru a reprezenta expresia:
Cercul interior reprezintă ceea ce îți exprimi altora, iar cercul exterior este mesajul pe care tu îl ai intenționează a exprima. Acest lucru nu se aplică doar designului web, de fapt, acest concept vă va ajuta să vă îmbunătățiți abilitățile de comunicare în general. Ori de câte ori încercați să exprimați sau să comunicați o idee celorlalți, încercați să maximizați cercul interior. Evaluați-vă și încercați să vă puneți în picioare publicului. Cât de mult din mesajul pe care îl intenționați îl exprimați?
Portofoliul Calm Digital este un bun exemplu al modului în care este posibil să se exprime în mod eficient o idee de bază. În acest caz, primul lucru pe care îl observați este cuvântul "Calm" scris în litere imense Sans-Serif contra unui fundal albastru. Contrastul dintre alb și albastru folosit este perfect; nu prea mult și nu prea puțin, destul de calm. Culoarea albastră este bine cunoscută pentru promovarea sentimentelor de calm și seninătate.
Nu vă îndepărtați de orice ocazie care vă poate ajuta să vă exprimați mai bine lucrurile. Conexiunile la Internet sunt mai rapide decât erau, browserele sunt mult mai puternice și tehnologii mai bogate precum HTML5, CSS3 etc. oferă mai multă putere decât oricând dezvoltatorilor web. Au dispărut zilele în care ați fost limitat la crearea de pagini statice. Nu vă împiedicați să utilizați cea mai recentă gamă de instrumente și tehnologii dacă vă poate ajuta să transmiteți mesajul dvs. vizitatorilor dvs. mai bine. Subliniez a doua jumătate a tezei: dacă vă poate ajuta să obțineți mai bine mesajul dvs. către vizitatorii dvs..
Doar câțiva ani în urmă, nu ne-am putut imagina plasând un film complet ca fundal al unui site web. Dar, iată și iată, nu este o practică neobișnuită în zilele noastre. Nu există o modalitate mai bună de a transmite experiența utilizării unei tablete decât a unui videoclip. Acesta este exact ceea ce a făcut Google pentru site-ul lor Nexus 7. Dând clic pe un buton, vă puneți chiar în mijlocul experienței Nexus.
Spotify merge un pas mai departe și redă în mod automat un videoclip în fundal. Este captivant ...
Site-ul web al designerului Fernando Maclen folosește un film neclar în fundal, care îl arată la locul de muncă. Întreaga pagină rămâne validă cu titlul "Superb simplicity".
Să treceți pe scurt ceea ce am tratat în acest articol:
Sper că ți-a plăcut acest articol, mulțumesc pentru lectură!
Accentsconagua