Više od lepog – Kako fotografije utiču na UX?

Više od lepog – Kako fotografije utiču na UX?

Kako kaže stara poslovica – slika vredi više od hiljadu reči. Ljudska bića su vizuelna i brže obrađuju vizuelne informacije, a 90% od svih informacija su konvertovani u mozgu u vizuale. Slike mogu da budu moćan način za angažovanje korisnika i naglase vaš proizvod. Slike mogu i probiti jezičku barijeru.

Više od same dekoracije slike imaju moć da obezbede dobro korisničko iskustvo.

Koristite relevantne slike

Uverljive slike imaju jedinstvenu sposobnost da inspirišu i angažuju publiku. Međutim ne mogu sve slike da inspirišu i angažuju publiku, neke će samo zauzimati mesto ili u najgorem slučaju zbuniti korisnika. Jedan od najopasnijih elemenata u dizajnu je slika koja prenosi pogrešnu poruku.

 

izrada-web-sajta-masta-UX1

 

Korisnici reaguju na vizuale brže nego na tekst, tako da se potrudite da vizuali prate vaš sadržaj. Zato je bitno da slike budu relevantne sa sadržajem.

 

Nemojte kreirati vizuelnu buku sa slikama

Malo je verovatno da je svrha vašeg sajta ili aplikacije da prikaže slike. Umosto toga, slike treba da prikažu svrhu proizvoda. Koristite ograničeni broj vizuala u dizajnu, one koji stvarno privlače pažnju korisnika. Na primer, početna strana Apple-a ima samo jednu sliku na sredini ekrana, sa najnovijim proizvodima.

 

 

izrada-web-sajta-masta-UX2

 

 

Koristite kvalitetne slike bez distorzije

Budite sigurni da su slike optimizovane za sve ekrane i platforme. Ne bi trebalo da se vide pikseli, tako da testirajte rezoluciju slika. Sačuvajte ih sa adekvatnim odnosom visine i širine, ne skalirajte ih preko 100%. Ne želite da vam slike budu izobličene ili prevelike.

 

izrada-web-sajta-masta-UX3

 

Dizajn baziran na slikama nije za svaku stranu

Privlačenje pažnje korisnika estetski lepim slikama je bitan, ali ponekad cena toga može biti da se drugi elementi ne vide, padaju u drugi plan.

Kada posvečujete mnogo pažnje slikama, može doći do preterivanja, što može ometati korisnike da se povežu sa vašim sadržajem. Možete videti ovaj efekat na SoundCloud aplikaciji gde se od slika jedva vide dva dugmeta.

 

izrada-web-sajta-masta-UX4

 

Ovakav dizajn je prikladan u nekim situacijama, ali u većini slučajeva bi trebalo balansirati slike i sadržaj – slike koje se koriste u korisničkom interfejsu bi trebalo da budu kompatibilne sa proizvodom, da ne prekrivaju bitne informacije i elemente jer bi tako mogle ugroziti funkcionalnost.

 

Koristite više sredstava

Ilustracije i fotografije mogu da se koriste na istim proizvodima. Fotografija je idealna da prikaže specifične priče. Na primer, ukoliko vam treba da prikažete cveće, na primer ruže, onda je fotografija idealna.

 

izrada-web-sajta-masta-UX5

 

Ilustracija je efektnija za predstavljanje koncepta i metafora, tamo gde fotografija može ograničavati.

 

izrada-web-sajta-masta-UX6

 

 

 

Fokus

Slika je alat za vizuelnu komunikaciju koja prenosi poruku. Jasan fokus komunicira koncept na prvi pogled, a nedostatak fokusa čini sliku besmislenom.

 

izrada-web-sajta-masta-UX7

 

 

Najpopularnije fotografije sadrže nekoliko minimalnih elemenata, bez mnogo dodataka koji bi mogli da odvuku pažnju korisniku.

 

 

 

 

izrada-web-sajta-masta-UX8

 

 

Prikažite realne ljude

Slike ljudi su efektne za privlačenje pažnje korisnika. Kada vidimo lica drugih ljudi, možemo se povezati sa njima, a ne samo koristiti proizvod. Mnogi korporativni sajtovi koriste slike ljudi i tako pridobijaju poverenje korisnika.

 

izrada-web-sajta-masta-UX9

 

Testovi pokazuju da dekorativne slike retko kad predstavljaju poboljšanje dizajna i više mogu da naškode korisničkom iskustvu nego da ga poboljšaju. Veoma jednostavno pravilo je koristiti slike visokog kvaliteta koje se poklapaju sa karakterom sajta. Već smo rekli – slike koje koristite oslikavaju vaš proizvod ili brend.

 

izrada-web-sajta-masta-UX10

 

Aktivirajte emocije korisnika

Aplikacije i sajtovi su napravljeni da bi izvršavali određenu funkciju. Ali mimo toga, moraju privući pažnju i animirati korisnika da se angažuje. Dodavanje momenta oduševljenja na svom sajtu, ćete postići dobar prvi utisak kod korisnika, jer nije sve u funkciji, ima nešto i u prepoznatljivosti.

Ukoliko već imate dobar UX, dodavanje ovakvih elemenata će prouzrokovati emocionalnu povezanost između korisnika i vas.

 

izrada-web-sajta-masta-UX11

 

Zaključak

Razmišljanje o slikama, kao delu neke funkcionalne celine je jako važna- Vizuelna komunikacija u dizajnu ostavlja utisak na korisnika, angažuju korisnike i inspirišu ih na povezivanje sa vašim brendom.

 

 

5 sjajnih saveta za kreiranje vizuala za društvene mreže

5 sjajnih saveta za kreiranje vizuala za društvene mreže

Da li ste primetili kako se deli sadržaj na društvenim mrežama u poslednje vreme? Nije sve samo u tekstualnim statusima.

Svako ima sliku, grafiku, video. Postoji i razlog zašto. Vizuali privlače pažnju korisnika kao nikada do sad. Ustvari naš mozak obrađuje brže vizuelne nego tekstualne podatke. Tako da je istina da jedna slika vredi više od hiljadu reči.

Šta raditi ukoliko niste umetnici? Mnogima od nas dizajn oduzima dosta vremena, ili je jednostavno težak.

Možete unajmiti umetnika. Međutim pitanje koje se nameće, šta raditi ukoliko budžet nije dovoljan da pokrije troškove dizajnera.

Udahnite duboko. Uvešćemo vas u alternativni univerzum gde dizajn dolazi lako do vas i to besplatno i pristupačno. U nastavku ćemo vam dati pet dizajnerskih saveta koji će učiniti vaš sadržaj na društvenim mrežama deljivijim i čitljivijim.

Koristite malo teksta

Volimo tekst. Ali loša strana teksta je ta da nije brzo razumljiv. Poenta korišćenja vizuala je da damo bojama, oblicima i teksturama da budu u prvom planu.

Kad god pravite vizuelni post za Twiter, Facebook ili Pinterest ne dozvolite rečima da preovladaju u osnovu na sliku.

Za grafiku koja podržava blog postove, dobro je koristiti tekst koji će ponoviti naslov blog posta. Zatim postavite grafiku na vrh posta. To će čitaocima dati do znanja da oni mogu podeliti svoje vizuale na njihove medijske platforme. Plus, ukoliko imate naslov na slici, to će biti još zanimljivije. Evo nekoliko primera.

 

izrada-web-sajtova-5-saveta1

 

Na ovim primerima je prikazano kako prilikom dizajniranja slika je uvek postavljen tekst u prazan prostor. Ovako će sadržaj biti čitljiv, razumljiv i deljiv.

Koristite slike visokog kvaliteta

Zapamtite – kvalitet slika je ogledalo vašeg brenda koji promovišete.

 

izrada-web-sajtova-5-saveta2

 

Koja je prednost kvalitetnih slika? Ta što slike koje su lepe, imaju visoku rezoluciju, privlače pažnju korisnika i čine da ij korisnici primete, kliknu na njih, lajkuju, komentarišu.

Dobra slika neće samo privući pažnju korisnika, već će vašem brendu dodati na profesionalizmu i kredibilitetu. Ljudi neće verovati brendu koji koristi nekvalitetne, neubedljive slike, pogotovo ukoliko konkurencija ima bolje slike.

Nemojte da vas zavara ukoliko su vam slike skupe. Postoji mnogo slika koje su jeftine, koštaju oko 1$, a lepe su, kvalitetne i pokrivaju sve kategorije. Ove jeftinije slike nemaju manju rezoluciju i njih možete koristiti u komercijalne svrhe.

 

Koristite širok spektar vizuelnog sadržaja

Nema sumnje da je vizuelni sadržaj najmoćniji način da se privuče pažnja korisnika na društvenim mrežama. Ali oni ne žele da vide iste stvari više puta. Kako rešiti ovaj problem? Navešćemo nekoliko primera:

Citati

 

izrada-web-sajtova-5-saveta3

 

Jedan od razloga zašto ljudi vole citate je zato što mogu da se poistovete sa njima, a u tom slučaju će podeliti citate sa prijateljima i biti inspirisani njima.

 

Infografici

 

izrada-web-sajtova-5-saveta4

 

Razmislite o tome kako World Vision radi na Pinterestu. Kreirati vizuelne narative koji reflektuju misiju brenda, poštovaoci će moći da podele grafiku koja podržava neke akcije. Ovo je najbolji primera kako velika količina podataka može na zabavan način da se prezentuje korisnicima.

Prilikom dizajna infografika uvek dizajnirate tako da budu lake za čitanje i organizovani na logičan način. Koristite boje za direktnu komunikaciju, naglašavajući rečenice kao što su “hej ovo je važno” i kombinujte to sa ikonicama koje će da isprate vašu priču.

Screenshot-ovi

Ukoliko korisnik ima pitanje o nečenu, uslikajte ekran i postavite odgovore na najčešća pitanja na vašu stranicu. Ili koristite snimke ekrana kada hoćete da obavestite korisnike o nečemu na čemu radite.

Takođe. šanse da, ukoliko koristite snimke ekrana  za objašnjenja, ljudi će to lakše podeliti. Mnogi vodiči su lakši za razumevanje ukoliko date korisnicima taj “aha” trenutak.

 

izrada-web-sajtova-5-saveta5

Fotografije

Pokažite svoje veštine fotografisanja. Bez obzira da li koristite Facebook ili Instagram, najbolji način da ljudima približite vaš svet je vaša lična fotografija koju vi slikate. Uz pomoć dobrih aplikacija možete im i povećati kvalitet i podeliti sa korisnicima na jedan efikasan način.

Ljudi vole da dele informacije međusobno, pa shodno tome dele milione slika dnevno na društvenim mrežama. Tako da nađite vremena za kreiranje zanimljivih slika svaki dan i približićete se korisnicima na taj način.

 

 

izrada-web-sajtova-5-saveta6

Ukoliko kreirate veliki broj vizuala, napravite neke šablone tako da biste učinili proces dizajniranja slika što bržim.

 

izrada-web-sajtova-5-saveta7

 

Pratite vizuelne trendove

Plašite li se da vaš vizuelni sadržaj neće biti privlaćan ljudima? Na Pinterestu na primer možete pronaći neke vizuelne trendove, jer je to vizuelna platforma. Takođe tu možete videti i sami se uveriti kakvi vizuelni su najprivlačniji korisnicima. Naravno, nemojte kopirati vizuelni sadržaj, već mislite o tome kako navedenu tehniku da primenite u vaš brend i izvucite ono što je zajedničko sa vašim brendom. Na donjoj slici je primer kako to izgleda na Pinterestu.

 

izrada-web-sajtova-5-saveta8

 

Koji citat je najprivlačniji? Šta se izdvaja najviše? Font, pozadina, slika? Da li je dobra boja?

Obratite pažnju da svaki post ima 18000 repinova. To je jednostavno, crno belo, ali ima jasnu poruku.

Grafika ne treba da bude komplikovana i upečatljiva. Što jednostavnije to bolje. Trenutni trend je da se skidaju elementi koji se podudaraju sa porukom. Tako da ukoliko pratite vizuelne trendove na mrežama kao što su Pinterest, bićete i sami u trendu i delićete kvalitetan sadržaj.

Brendirajte vašu grafiku

Poenta kreiranja deljivog sadržaja je privlačenje pažnje korisnika i animiranje njih da posete vaš sajt. Ne postoji ništa gore od nalaženja informativne grafike i tražiti više informacija a ne znati gde da ih potražite. Nemojte to da dozvolite.

Uvek dodajte watermark vašim slikama ili logotip vašeg brenda. Link ka sajtu u donjem uglu slike je takođe pogodan.

Nemojte zaboraviti šablone. Bez obzira da li koristite citate, inforgrafike, fotografije ili druge elemente, kreirajte šablon da bi slike bile konzistentne. Kada pratite šablon, onda će pratioci znati da ste to vi bez mnogo zagledanja grafike.

Takođe razmislite o korišćenju istog fonta i veličine i iste emocionalne poruke (sreća, radost, dobra volja i slično), kao i ostale filtere za vaš vizuelni sadržaj. Uz šablone, nećete zaboraviti šta ste koristili do sada, a u isto vreme ostavićete jak vizuelni utisak na pratioce.

Evo nekoliko primera:

Paleta boja: Iz koje industrije je vaš brend? Da li je prijateljski nastrojen ili mlad? Razmišljajte o jarkim i upečatljivim bojama, a neka plava bude prednja boja.

 

izrada-web-sajtova-5-saveta9

 

Kombinacije fontova: Iskoristite dva ili tri fontova i pomešajte ih. Ne postoji dobra ili loša kombinacija, dok koristite Comic Sans (što je uvek pogrešno), ali uvek probajte sa kombinacijom serifnih i beserifnih fontova.

 

izrada-web-sajtova-5-saveta10

 

Filteri: Ukoliko je boja na slikama neubedljiva ili jednostavno želite da dodate romantičnu notu vašim slikama filteri vam mogu pomoći. Dodavanjem neih pažljivo odabranih filtera, možete naglasiti i dati novi život slikama i učinite ih lepšim i samim tim privlačnijim korisnicima i deljivim. Na slici ispod vam dajemo primer.

 

izrada-web-sajtova-5-saveta11

 

Filteri su odlični za održavanje konzistencije vašeg brenda. Kreiranje sopstvenih filtera će vašim slikama dati različitost i prepoznatljivost i samim tim povezanost sa brendom.