Semnificația contextului vizual în designul web

Potrivit unor rezultate dintr-un studiu citat de Universitatea de Știință și Tehnologie din Missouri, vizitatorii iau mai puțin de două zecimi de secundă pentru a forma o opinie despre site-ul dvs. de afaceri. Este un context vizual care îi ajută să înțeleagă ce se întâmplă, să formeze o impresie solidă și să rămână mai mult. Vizuale au un impact convingător asupra utilizatorilor, deoarece pot transmite mai eficient un mesaj rapid decât conținutul textual.

În termenii cuvântului scris, absența contextului îngreunează cititorul să înțeleagă ce vrea să spună un scriitor. Acest lucru se întâmplă și în designul web. Un site web trebuie să creeze un context vizual care să comunice cunoștințele de fond și povestea organizației din care face parte. 

Ce este contextul vizual?

Contextul vizual se referă la prezentarea conținutului care îmbunătățește difuzarea mesajului unui site web.

De exemplu, site-ul unui arhitect poate include un portofoliu de proiecte de succes. Este la discreția unui utilizator fie să exploreze această secțiune de expertiză, fie nu. Dar contextul vizual de la bun început (utilizarea imaginilor, a culorilor, a spațiului) va asigura utilizatorilor cunoașterea cunoștințelor de proiectare ale arhitectului, experiența în construcții și construcții și expertiza administrativă la fel.

Luați un alt exemplu de companie de inginerie aerospațială. Afișajul îndrăzneț al avioanelor și al ingineriei clarifică, dintr-o privire, poziția lor în industria aerospațială. Utilizatorul nu este obligat să citească textul bannerului.

www.mercaerospace.co.uk

Imaginați-vă cum ar apărea aceeași pagină de destinație dacă am elimina imaginile aeronavei? Fără îndoială mai vagă și mai complexă. Merc Aerospace oferă o gamă largă de soluții de inginerie pentru diferite sectoare, dar sunt expuse în principal industriei aerospațiale, toate fiind reprezentate în mod corespunzător prin vizuale.

Cum este creat contextul vizual?

Crearea unui context vizual depinde de înțelegerea utilizatorilor. Perspectiva unui utilizator se schimbă odată cu vârsta, sexul și etnia. De exemplu, adăugarea de imagini cu culoarea albă poate încuraja o noțiune de fericire pentru o comunitate, dar transmite semne de tristețe pentru alții. Prin urmare, pentru a încorpora perfect imaginile într-un context de afaceri, va trebui să evaluați înțelegerea persoanelor pe care trebuie să le atingeți, ceea ce vă pot ajuta personalul cu.

  • Opriți Punerea de personaje de utilizatori în sertarul dumneavoastră de birou

    Personasul este un lucru pe care l-am ridicat din industria de publicitate. Din păcate, prea des, ele nu se încadrează în procesul de proiectare web. Acum este momentul pentru schimbare ...
    Paul Boag
    UX
  • Efectuarea accesibilității web pentru toți cu design inclusiv și personaje diverse

    Acest articol va explora modul în care putem înțelege mai bine accesibilitatea și oamenii prin folosirea unor "personaje diverse" în procesul nostru de proiectare, ajutându-ne să ...
    Graeme Fulton
    Accesibilitate

Următoarele sunt câteva ingrediente demne de creat pentru crearea unui context vizual:

  •          Imagini legate de natura afacerii
  •          Infografice pentru a rezuma un corp de text într-un mod scanabil
  •          Săgeți, linii și curlicuri pentru a evidenția numerele sau a indica direcția
  •          Selectarea cuvintelor și a expresiilor îmbogățește contextul vizual
  •          Storytelling prin grafice creativ țesute
  •          Apelarea icoanelor pentru navigarea utilă

Cât de important este contextul vizual?

Să aruncăm o privire asupra anumitor motive din spatele importanței contextului vizual:

Numărătoarea primelor impresii

Așa cum am menționat mai devreme, utilizatorii iau o fracțiune de secundă pentru a forma o opinie despre site-ul dvs. O opinie mai concentrată este întărită în doar câteva secunde după aceea. Branding-ul, imaginile și icoanele trebuie să creeze o primă impresie marcantă într-o perioadă scurtă de timp. Pentru a încuraja utilizatorii să rămână mai mult timp, contextul vizual al producătorului le oferă o viziune în cunoștință de cauză cu privire la ceea ce reprezintă site-ul web și la ce se referă.

Furnizează informații despre SIDA

Vizualele unui site web au un recurs "senzual" comparativ cu contextul textual. Un utilizator va observa probabil imaginile complementare care coroborează contextul general, mai degrabă decât fraze și paragrafe. Oricât de bună ar fi povestea dvs., că răspunsul emoțional inițial din partea utilizatorului este puternic dependent de vizuale, ajutând transmiterea finală a informațiilor.

  • Asigurați-vă că utilizatorii vă amintesc, spuneți o poveste

    În ciuda faptului că povestirea domină totul, de la divertisment la publicitate, îl folosim rareori pe site-urile noastre. E timpul să schimbăm asta.
    Paul Boag
    UX

O înțelegere mai bună a utilizatorului

Contextul vizual face o poveste live. Aceasta face ca un utilizator (necunoscut pe site) să înțeleagă o afacere și operațiunile sale. El sau ea va primi ideea de afaceri de bază din context, apoi căutați opțiunile, produsele și serviciile disponibile. 

Dacă urmăriți o interfață inovatoare de utilizator, care sfidează convențiile, contextul vizual va ajuta la reducerea decalajului dintre utilizatori și produsul dvs..

Obligațiile emoționale sunt importante

Contextul vizual este util în declanșarea emoțiilor unui public țintă. Luați exemplul Lend With Care, o organizație de microfinanțare. Numărați numărul fețelor umane de pe pagina de pornire, oferind instantaneu context și conectându-vă cu utilizatorul. Culorile calde, moi fac site-ul invitat, zâmbetele transmit pozitivitate și un sentiment de comunitate.

www.lendwithcare.org

În momente, vizitatorii au o legătură emoțională cu site-ul. 

  • Big Smiles și Happy Faces în Web Design

    În această săptămână de inspirație, vom face zâmbete pe fețele noastre, uitandu-ne la ilustrații fericite de pe web.
    Ian Yates
    Inspirație

Iar acest lucru se poate aplica produselor la fel de bine - clienții pot forma la fel de multe conexiuni cu o varietate de produse. În calitate de designer, este de datoria ta să creezi vizuale care să atingă simțurile interioare ale unui public țintă. 

Concluzie

Contextul vizual ajută utilizatorii, în special vizitatorii de prima dată, să interpreteze caracteristicile și valorile site-ului. Ca designer, puteți folosi ceea ce am discutat - combinația crucială de imagini, culoare, date vizuale, infografice, videoclipuri, animații, icoane, direcții și toate celelalte instrumente vizuale la dispoziția dvs. - pentru a crea acest context important.