Share
Imaginile fotografice ne iau atenția și declanșează un răspuns aproape instantaneu când le întâlnim. Acestea sunt, prin urmare, o parte importantă a oricărui site pe care îl creăm. Fotografiile joacă un rol important în determinarea primei noastre impresii, dar ne pot spune și despre ce este vorba site-ul și poate fi un factor imens în câștigarea încrederii.
Atunci când sunt utilizate în mod corespunzător, fotografiile sunt foarte eficiente și pot trimite rapid mesajul dorit publicului. Cu toate acestea, utilizarea fotografiilor greșite poate degrada experiența utilizatorilor dvs. Cum alegem cele potrivite?
Pe măsură ce ne pasă de toate aspectele site-ului pe care îl construim: conținut, culori, tipografie, ierarhie, arhitectură de informații și alte detalii, fotografiile merită atâta atenție în ceea ce privește gradul de utilizare și experiența generală a utilizatorilor pe site-ul dvs..
Gestionarea fotografiilor pe site-uri ar trebui să fie ceva ce designerii înțeleg și să aplice eficient, astfel încât acest articol vă va îndruma în direcția corectă și vă va arăta cum să vă gândiți la fotografii atunci când decideți să utilizați unul pe următorul dvs. proiect web.
Oamenii scanează ecrane pe baza experienței și așteptărilor din trecut. Stânga sus este cel mai comun punct de plecare pentru ochii utilizatorilor, deși acest lucru depinde de modelele de citire ale culturii. Dacă utilizați o fotografie mare pe pagină, aceasta îi va atrage imediat atenția și îi va îndepărta de tendința obișnuită.
Sunt sigur că nu veți contesta cu mine o fotografie pe o pagină web este mulțumit, dar într-adevăr o tratați ca atare? Folosiți-l ca pe un adaos sau pe un conținut de umplere frumos? Ați luat în considerare toate aspectele acelei bucăți de conținut? Ați evaluat corect fotografia înainte de a alege să o utilizați? Ați considerat modelele mintale ale utilizatorilor și impactul pe care fotografia îl va avea asupra lor? Fotografia oferă informații relevante sau oferă ajutor pentru sarcina curentă a unui utilizator? Acestea sunt doar câteva din întrebările pe care trebuie să le răspundeți înainte de a utiliza o fotografie pe o pagină Web.
Fotografiile nu ar trebui folosite niciodată doar pentru a "jazz up" pagina web.
Am văzut mulți designeri plasând o fotografie frumoasă pe o pagină web, aruncând o anumită poveste sau o "Apel la acțiune" și declarând că a făcut-o. În multe cazuri, fotografia nu a fost evaluată, designerul a urmat doar o tendință continuă. Să vedem cum să evaluăm o fotografie înainte de ao folosi pe site-ul dvs..
Există câteva lucruri de luat în considerare atunci când decideți să alegeți o fotografie în design.Voi presupune că știți deja cum să evaluați aspecte fundamentale a unei fotografii, acestea fiind: calitate, dimensiune, compoziție și expunere. Calitatea în ceea ce privește rezoluția cerută, mărimea imaginii și, de preferință, orientarea acesteia pentru utilizarea intenționată, compoziția efectivă și decuparea fotografiei pentru a atrage atenția și subiecții expuși corespunzător pe fotografie.
Odată ce ați făcut acest lucru și fotografia a trecut testul fundamental, puteți continua să explorați opțiunile pentru utilizarea dorită.
Creierul nostru procesează imagini de 60.000 de ori mai repede decât citirea textului. - Mike Parkinson
Mai presus de toate, o fotografie trebuie să fie utilă. Nu este nimic în neregulă cu utilizarea unei fotografii ca înlocuitor pentru a luminiza o pagină sau pentru a umple spațiu, dar chiar și atunci ia în considerare contextul în care utilizați acea fotografie. Fotografii utile, utile, de gândire provocatoare sunt cele care necesită o atenție deosebită. Fotografii utile ar trebui
Un exemplu frumos de fotografie utilă în designul web este site-ul Square.
Puteți spune imediat că această imagine a fost împușcată profesional (priviți mâinile și unghiile). Cel mai important este comunicarea directă despre ce este produsul și cât de ușor este să îl utilizați. Fotografie foarte utilă, educativă și instructivă.
Un alt exemplu de fotografie utilă este site-ul Pencil. Similar cu exemplul anterior, această fotografie arată exact despre produs (stiloul), unde și cum poate fi utilizat (aplicația iPad).
Site-ul Woodster folosește și fotografiile pentru a explica produsul. Este clar că produsul lor este folosit pentru a vă ridica Macul, dar oferă, de asemenea, conexiuni USB utile la îndemână. Imaginați-vă acest produs izolat fără context (iMac). Credeți că fotografia va fi la fel de folositoare ca aceasta?
Grovemade face o treabă excelentă de a prezenta o colecție de produse pe o singură fotografie de fundal pe tot ecranul. Este evident că fabrică accesorii de birou din lemn de înaltă calitate. Nu numai că această fotografie este utilă, dar este, de asemenea, foarte eficientă și emoțională în același timp. Vom ajunge la fotografii efective și emoționale într-un moment.
Dacă vă uitați la exemplele de mai sus, veți observa că toate fotografiile sunt destul de evidente, explicite și că comunică bine mesajul dorit. Nu trebuie să vă uitați mult pentru a afla ce reprezintă produsul / serviciul / site-ul. Acestea sunt toate caracteristicile unei fotografii utile în designul web.
O fotografie eficientă este cea care determină o acțiune, influențează comportamentul nostru și comunică în mod clar mesajul dorit. În special, fotografiile de produse bune și eficiente ar trebui să încurajeze utilizatorii să cumpere aceste produse. Am văzut din exemplele de mai sus că fotografiile utilizabile sunt într-adevăr eficiente, întrucât fac din produsul dorit, încurajându-ne astfel să le cumpăram. Ori de câte ori vedem o fotografie care declanșează o schimbare a comportamentului nostru, o putem descrie ca fiind efectiv.
Dacă te uiți la site-ul Mobilitate și la acele căști roșii suculente, te atragi imediat și potențial vrei să le cumperi!
Apple este cunoscut pentru perfectionism în tot ce fac. Pagina de destinație pentru iPhone este plină de fotografii de produs strălucitoare și de dorit, care vă fac să doriți să dețineți unul dintre produsele lor.
Un alt exemplu de fotografie eficientă este site-ul tsptr. Observați cum omul de pe fotografie se uită în jos ca și cum ar fi ceva mai jos pentru a explora? Într-adevăr, există ceva mai jos.
Site-ul Mapquest nu numai că transmite emoție cu imaginile, dar și folosește o direcție inteligentă pentru a ghida utilizatorii asupra conținutului important al paginii, în acest caz linkul de descărcare de pe telefonul mobil din stânga.
Oameni Poco folosește o fotografie distractivă și distractivă pe pagina lor de pornire. Puteți spune imediat că este ceva ciudat. Datorita acestui fapt, si utilizarea buna a culorilor, a luminilor si a expunerii, interesul dumneavoastra este piqued intr-un fel pentru a vedea ce este acest site.
Site-ul web Colossal prezintă o fotografie mare pe pagina de pornire care prezintă ceea ce fac ei (ei dau vopsea unor anunțuri mari și picturi murale) și cum o fac (a se vedea omul din dreapta). Lucrul interesant despre această fotografie îl reprezintă oamenii care trec pe stânga. Ei arata incantati de ceea ce asistasera, care te implica in calitate de observator si fac ca intreaga fotografie si mesajul sa fie incitant si eficient.
O fotografie emotivă ar trebui să ducă la un răspuns emoțional din partea spectatorului. Fie plăcut să ne uităm, să ne liniștim sau să ne deranjăm într-un mod care ne obligă să facem niște acțiuni sau amuzant și distractiv sau atractiv și de dorit, atâta timp cât fotografia face apel la emoțiile noastre într-un fel, impact decât unul care nu.
Frogdesign prezintă un studiu de caz pe site-ul său despre FEMA și managementul ajutorului în caz de dezastru. Fotografia principală, combinată cu o poveste bună, este foarte eficientă și emotivă. Ea povestește o poveste și arată pericolul și din cauza faptului că ne simțim atașați de ea.
Fotografia principală a site-ului Breath este foarte calmantă. Împreună cu un bun slogan și direcția corectă de vizionare, femeia de pe fotografie transferă ușurința respirației către spectator. Observați eticheta butonului "Inhale"?
Imaginea principală a site-ului web al lui Shaun Groves spune o poveste minunată despre el. Transmite fericirea, încrederea, speranța, prietenia și anticiparea privitorului care se atașează de el și simte empatia față de lucrarea sa.
În afară de utilitatea și eficiența selecției fotografiilor Relay Foods, ele traduc emoții și despre serviciile pe care le oferă. Femeile din stânga și din dreapta își arată bucuria de a lucra pentru ei și, deoarece Relay Foods este vorba de produse naturale, expresiile faciale ale femeilor pe aceste fotografii sunt aliniate cu mesajul lor de marcă / serviciu.
Există șapte (sau opt) emoții de bază:
Ele sunt universale și sunt (de obicei) comunicate prin expresie facială și gesturi fizice. Dacă utilizați fotografii de persoane pentru a comunica mesajul dorit urmăriți-vă pentru aceste șapte emoții de bază și decideți care dintre ele vă conduc publicul țintă.
Fotografiile din apropiere ale oamenilor ne iau imediat atenția și ne ajutăm să ne declanșeze emoțiile, ceea ce le face un element de design puternic.
Când vedem o față, suntem automat declanșați să simțim ceva sau să empatizăm cu acea persoană
Am văzut deja fotografiile persoanelor din exemplele anterioare, dar să le explorăm un pic mai departe.
Chiar dacă fotografia unei femei de la Build Fire nu ne spune nimic despre produsul său, ea adaugă personalitatea produsului și este un mod util și eficient de a atrage atenția utilizatorilor. Același efect nu s-ar realiza dacă ar exista doar o fotografie a iPhone-ului în locul femeii.
Dacă vreți să utilizați o fotografie portretă mare pe site-ul dvs. personal, vă salut, am fost acolo. Dar fii atent! O expresie facială minusculă poate aduce o mare diferență în mesajul pe care-l comunicați. Daniel Eckler face o treabă foarte bună prezentându-se audienței. Expresia facială comunică încrederea, calmul și încrederea.
Oamenii pot spune când un zâmbet este real sau fals
Toată lumea știe ce sa întâmplat cu WTC. Site-ul Centrului de Tribute de la 9/11 este dedicat povestilor celor care au fost acolo. Omul de pe fotografie se uită direct la noi, ajutându-ne să ne referim la subiectul site-ului care ne invită în comunitate.
Notă: acest lucru se face fără a fi confruntat; o linie fină!
Un alt exemplu minunat de a aduce mesajul cu o fotografie cu fața umană apropiată este site-ul Web de conservare. Omul Kayapo de pe fotografie comunică autoritate, curaj și apreciere.
După cum a spus Susan Weinschenk, fotografiile apropiate sunt cele mai persuasive pe un site de caritate, și asta este adevărat. Save the Children are o fotografie aproape de un copil în nevoie, care se aliniază perfect cu sloganul și tema site-ului. Observați direcția orientării către butonul de donare?
Chiar dacă am văzut multe exemple minunate de utilizare a fotografiilor în designul nostru de web, acestea pot fi folosite cu ușurință. Prin urmare, vă voi arăta câteva exemple despre cum nu să folosești fotografii și ce să eviți.
Fără legătură - un studio de design web care oferă servicii "personalizate" utilizează o fotografie de fundal fără legătură (fire colorate) care creează o primă impresie și trimite mesaje greșite vizitatorului. Înțeles aici, dar este o metaforă obscură.
O soluție mult mai bună aici ar fi folosirea unei culori solide sau a unei echipe de grup în echipă. În plus, produsele digitale nu pot fi adaptate.
Un software ca serviciu care oferă instrumente de colaborare pentru echipe utilizează o fotografie a unei femei îngrijorate la locul de muncă. Acest lucru ar putea crea impresia că este îngrijorată de același software pe care îl promovează site-ul. O soluție mult mai bună aici ar fi să arătați fie imaginile de ecran reale ale produsului, fie să arătați o femeie fericită folosind produsul lor.
Fotografia de fundal neclară - folosit doar ca un înlocuitor decorativ, nu comunică nimic despre site-ul astfel încât nu are un efect real. V-aș sfătui să evitați cât mai mult posibil fundalul fotografiilor neclare, puteți face mai bine atunci;)
O altă fotografie complet nesupusă subiectului site-ului. Cu toate că cuvintele "lucrate manual" și "atelier" pot fi legate de fotografia însăși, nu comunică subiectul real al site-ului. Brand Bat este vorba despre crearea de strategii de brand și cu o serie de fotografii legate de prelucrarea lemnului le lipsește o mare oportunitate de a-și comunica mesajul.
Alegerea incorectă a fotografiilor - care a fost prima ta impresie când ai văzut fotografia? Două persoane fericite care stau într-un magazin de cafea vă vor ajuta afacerea să reușească online. Dreapta? Nu, o agentie de web design de servicii complete ofera de fapt acest ajutor, iar fotografia ar trebui sa arate unul dintre clientii lor fericiti si de succes. Aceasta poate fi, de asemenea, o fotografie pe care ar trebui să o evitați.
Fotografii de stoc - ei aproape nu comunică niciodată mesajul potrivit. De ce există un băiețel purtând ochelari și ținând degetele în sus? Este un dezvoltator care furnizează servicii de codare PHP? Nu cred.
Site-ul Nationwide nu reușește să comunice mesajul cu această fotografie. În primul rând, fotografia nu are legătură cu subiectul, femeia pare să-și muște unghiile (știm că aceasta este o tulburare psihologică), iar ecranul de pe comprimat este neclar. Această fotografie arată anxietate, nervozitate și stres și chiar nu cred că Nationwide a vrut să comunice asta vizitatorilor lor.
Acest articol a fost vorba despre utilizarea de fotografii mari pe site-ul dvs., dar există multe alte moduri în care fotografiile pot fi utilizate în mod corespunzător pentru a vă angaja publicul. Începeți să vă gândiți la fotografii devreme în procesul de proiectare. Dacă ați realizat o cercetare adecvată a proiectului, veți avea deja o mulțime de informații.
Investește în fotografii bune: un mare fotograf poate adăuga o avere valorii afacerii site-ului dvs..
Indiferent ce proiectați, publicul dvs. este format din persoanele care vor beneficia de designul dvs. Înțelegerea comportamentului uman este într-adevăr singura modalitate de a crea un design eficient și acest lucru se aplică la alegerea celor mai bune fotografii pentru design-ul următor al site-ului.
Accentsconagua