Recomandări pentru utilizarea imaginilor în design

„Utilizatorii plătesc adesea atenție la imaginile care conțin conținutul tematic și ignora diferitele“ nyashnye „imagine, care este folosit pentru“ trezirea „a site-ului» -. Jakob Nielsen.

Ghid de utilizare - Lucrul cu imagini

Într-adevăr, utilizatorii doresc să vadă diferite imagini pe site, dar, în același timp, doresc ca aceste imagini să fie actualizate. Mai degrabă ar prefera un site care nu are nicio imagine, decât cel pe care o grămadă de poze fără minte sunt confuze și care creează confuzie. Cheia utilizării abilitate a imaginilor pe paginile web, conform cercetărilor, se bazează pe câteva principii importante:

Elementele de bază ale imaginii - dimensiunea, conținutul, calitatea și impactul - sunt patru factori importanți în evaluarea unei imagini bune. Oamenii caută de fapt imagini de calitate.
Eficiență - dacă imaginea creează interes, atunci este necesară. Eficiența imaginii este caracterizată prin trei semne:

Atragerea emoțională - produsul arată bine în imagine și crește cererea?

Apel rațional - arată imaginea avantajele produsului?

Atragerea brandului - imaginea corespunde brandului?

Informațiile transmise sunt transferul informațiilor corecte prin imagine către cititorii site-ului.
Reacția așteptată a utilizatorului - acest element este puțin mai dificil de implementat în practică, însă ideea principală este că imaginea ar trebui să contribuie la luarea deciziilor corecte și la crearea dorinței de a deține produsul. Acest lucru va fi discutat mai târziu.

Imaginile pur decorative sunt de obicei ignorate de subconștientul creierului nostru. Aceasta funcționează pe principiul radarului - dacă imaginile există pe site doar ca un material de umplutură, creierul le va ignora. Studiul concluzionează că imaginile și fotografiile oamenilor reali sau ale produselor reale sunt clasificate automat ca fiind importante și ar trebui studiate în detaliu de creierul uman.

Dacă aveți un blog personal, utilizatorii vor prefera să vă vadă fața mai degrabă decât desenul sau caricatura. Vor să vadă chipul persoanei cu care comunică, aceasta este o chestiune de încredere și interconectare.

Dacă sunteți proprietar al unei companii, este o idee bună să faceți puțin timp pentru a crea o imagine a companiei folosind imagini. Acest lucru oferă un avantaj față de alte companii "fără chip", iar oamenii observă acest lucru. Clienții doresc cu adevărat să știe (sau cel puțin să vadă) care sunt reprezentanții companiei. Dacă vă puteți permite, angajați un fotograf bun și încercați să evitați utilizarea fotografiilor ieftine (în special a fotografiilor care nu au nimic de-a face cu conținutul dvs.). Va costa bani, dar acest tip de contribuție va fi neapărat plătită.

Studii aytrekinga (procesul de determinare a coordonatelor privirii ( „punct de trecere a axei optice a globului ocular și planul obiectului observat sau ecranul pe care stimul vizual a prezentat unele“)) prezintă mai multe imagini detaliate ale produselor vor produce un efect mai bun pe client. Oamenii doresc să vadă detaliile, să le arate!

Calitate și relevanță

Mai jos sunt câteva dintre rezultatele diferitelor studii. Veți vedea mai multe site-uri web cu zone termice marcate. Zonele roșii arată un loc în care ochii utilizatorilor au fost focalizați cel mai adesea, în timp ce zonele albastre arată contrariul, indicând zone ignorate.

Pe lângă faptul că este un design foarte vechi, este posibil să observați că nu există o singură zonă fierbinte în imagine. Acest lucru se datorează faptului că toate imaginile încorporate în acest site sunt numai materiale de umplutură. Dacă s-ar folosi mai multe imagini tematice, s-ar putea să fi fost plasate zone fierbinți, dar în acest caz este clar vizibil cât spațiu este irosit pentru a plasa astfel de imagini pe site.

Un alt exemplu viu poate fi văzut mai jos. Site-ul restaurantului New York Magazine a fost, de asemenea, parte a studiului, și a arătat că, chiar dacă bucătarul este renumit la nivel mondial, calitatea fotografiei sale este încă importantă. Deci, chiar dacă imaginile corespund conținutului, datorită contrastului redus al imaginii și dimensiunii mici, este pur și simplu ignorat.

Ghidul utilizatorului

Nu mulți designeri în combinație au încă diplome în psihologie, așa că puțini oameni știu cum funcționează creierul uman. Aceleași studii de urmărire au arătat că imaginea poate fi de asemenea ușor capturată în centrul atenției noastre. Vorbim, evident, despre imagini de înaltă calitate, relevante, nu materiale de umplutură.

Într-un studiu numit "Vedeți unde ne uităm", James Breeze a arătat că imaginile relevante pot fi esențiale pentru site. El a investigat zonele calde cu ajutorul a 106 persoane și site-ul producătorului de scutece pentru copii, ca exemplu. După cum puteți vedea în cele două imagini de mai jos, atunci când copilul se uită la vizitatori, majoritatea oamenilor preferă să se uite la fața lui. Comentariile "cât de fermecător el este, dulce și dulce", probabil, au fost destul de populare.

Cu toate acestea, atunci când 106 vizitatori au privit la o altă pagină (același copil, dar deja căutând invers), rezultatele s-au îmbunătățit clar. Puteți observa atenția sporită și concentrarea asupra mărcii, precum și asupra unor mici fragmente de text, în cazul în care este vorba despre returnarea banilor (aspect destul de important al afacerii).

Acest exemplu arată cât de mult poate influența o imagine.

JCDecaux și THINK. acum câțiva ani au lucrat împreună și au venit cu următorul studiu. De asemenea, confirmă rezultatul de mai sus. Cu ajutorul imaginilor puteți controla informațiile cheie și elementele pe care vizitatorii ar trebui să le acorde atenție.

În cifre, studiul arată rezultate și mai evidente. În imaginea inițială (stânga), foarte puțină atenție se concentrează asupra mărcii și a produsului - doar 6% dintre oameni se uită la aceste elemente. Cu toate acestea, după ce imaginea a fost schimbată și verificată din nou - nu mai puțin de 84% dintre oameni au analizat produsul și marca (chiar și sigla de mai jos). Procentajul a crescut de 14 ori, ceea ce reprezintă o mare diferență.

Imaginea corectă poate ajuta designerii să se concentreze asupra utilizatorilor pe elementul drept.

Imaginile ar trebui să aibă un scop

Imaginile nu pot doar să îndrepte atenția utilizatorului, ci și în câteva secunde pentru a explica multe despre produs.

Acesta este un exemplu strălucit de utilizare eficientă a imaginilor!

Trust Key

În cazul în care aveți un magazin online, rețineți că încrederea este crucială. Nimeni nu va cumpăra un articol pe Internet dacă nu are încredere în vânzător. Motivul pentru care Amazon și eBay - în afară de faptul că sunt marci globale imense și oferă diferite garanții de bani înapoi - au și ele multe caracteristici de securitate diferite. Dacă aveți un magazin online, asigurați-vă că aveți încredere în clienți. Ce are legătură cu fotografierea? Este ușor! Conform cercetărilor realizate de Paras Chopra, încrederea poate fi realizată prin utilizarea imaginilor.

Construirea încrederii este incredibil de importantă atunci când se ocupă de vizitatorii online.

A fost foarte interesant să citești despre realizarea unui magazin online care vând tablouri braziliene și Caraibe. Ei au reușit să mărească conversia site-ului cu mai mult de 95%, de la 8,8 la 17,2. Cum? În loc să arate schițe de tablouri, au arătat poze ale artiștilor care le-au făcut. Calitatea imaginii nu a fost niciodată o problemă, problema era că vizitatorii nu aveau încredere în magazin. Doar arătând fețele artiștilor, vizitatorii și-au dat seama că cumpără imagini de la oameni reali. În concluzia că clienții au o legătură emoțională cu artiștii, fotografiile pe care le văd pe site.

optimizare

Pentru a rezuma, trebuie să menționați și câteva aspecte tehnice legate de utilizarea imaginilor pe site-uri.

În primul rând, trebuie remarcat cât de mult optimizare contează. 61,9% din paginile web sunt umplute cu imagini, în timp ce dimensiunea medie este de 1,29 MB. Imaginile necesită mult timp pentru încărcare.

Lățime și înălțime

Dar aceasta este o metodă destul de veche și nu este foarte eficientă pentru browserele mobile. Prin urmare, nu uitați să specificați dimensiunile pentru diferite rezoluții ale ecranului.

Utilizarea corectă a imaginilor este esențială pentru crearea unui site web de succes. După cum ați văzut în exemplele anterioare, imaginile grav selectate sunt ignorate de vizitatori. Dar dacă găsiți fotografia potrivită și o puneți în locul potrivit, puteți face minuni.

Dar, de asemenea, trebuie să vă amintiți că imaginile de înaltă calitate nu pot rezolva întotdeauna problemele site-ului dvs. Foarte important în această chestiune este și testarea.

Traduceri - Duty Officer

Articole similare

Pagina anterioară

Pagina următoare