Dobar digital signage dizajn polazi od jedne činjenice: ekran se čita sa nekoliko metara, u jednom pogledu, a čita ga neko ko je došao zbog nečeg drugog. Sve ostalo proizlazi iz toga. Jedna poruka po slajdu. Slova po meri najudaljenijeg čitaoca, a ne monitora na dizajnerovom stolu. Jak kontrast. Dovoljno vremena na ekranu da se sve pročita dvaput. Sporo kretanje, ili nikakvo. Ništa važno uz ivice, i raspored napravljen za položaj u kome je ekran montiran.
U nastavku je dvanaest pravila koja to sprovode u praksi. Gde pomaže neki broj, naveden je kao okvirno pravilo i tako je i nazvan. Završni test je uvek isti: stani tamo gde stoji najudaljeniji čitalac i pročitaj ekran.
1. Jedna poruka po slajdu
Plakat može da ponese naslov, tri tačke nabrajanja i sitna slova, jer ljudi zastanu ispred njega. Digital signage ekran dobije samo pogled. Daj svakom slajdu jedan zadatak: ovo jelo, ova ponuda, ovo obaveštenje. Slajd sa naslovom, jednim pratećim redom i jednim pozivom na akciju (cenom, datumom, QR kodom) je pun.
Brz test: možeš li u pet reči da kažeš čemu slajd služi? Ako ti treba rečenica sa „i“ u sebi, to su dva slajda. Slajdovi ništa ne koštaju, a plejlista prima koliko god ih želiš.
2. Veličina slova po meri najudaljenijeg čitaoca
Veličina ekrana i veličina slova su ista odluka. Pravilo za dimenzije na našoj stranici o opremi kaže da najudaljeniji čitalac ne treba da bude dalje od šest visina ekrana za krupan tekst, ni od četiri za meni koji se čita red po red. Vodič za veličinu ekrana pokriva izbor samog ekrana.
Pošto se to pravilo meri u visinama ekrana, i slova mogu da se odrede kao deo visine ekrana, bez obzira na to koliki je ekran. Okvirno pravilo koje se uklapa u njega:
- Tekst koji se čita red po red (stavke menija, raspored smena): najmanje oko jedne dvadesetine visine ekrana. U Full HD dizajnu, visokom 1080 piksela, to su slova od otprilike 54 piksela.
- Naslovi i cene koji treba da se pročitaju i iz dubine prostorije: oko jedne desetine visine ekrana, otprilike 108 piksela.
- Ništa važno ispod veličine za čitanje red po red. Sitna slova na ekranu niko ne čita. Ako baš moraju da postoje, daj im poseban slajd.
To možeš da proveriš i bez merdevina. Otvori slajd preko celog ekrana na laptopu od 13 ili 14 inča i zavali se na dužinu ruke, oko 70 centimetara. To su otprilike četiri visine ekrana laptopa, ista udaljenost u visinama ekrana kao kod gosta koji čita meni za pultom. Ako moraš da žmirkaš pred laptopom, žmirkaće i oni pred zidom. Za proveru na šest visina odmakni se na oko jedan metar.
3. Napiši upola manje reči
Napiši slajd, pa ga skrati na pola. Prvo idu pridevi, zatim sve što slika već govori. „Supa od bundeve, 4,50 €“ je bolje od „Probajte našu ukusnu domaću sezonsku supu od bundeve danas za samo 4,50 €“.
Tekst koji mora da klizi znak je da je bio predugačak. Jedini tekst u pokretu koji na ekranu funkcioniše je kratak red u traci sa vestima. Za obaveštenje, aplikacija Tekst centrira nekoliko reči krupnim slovima i prilagođava ih ekranu, i to je pravo podrazumevano podešavanje.
4. Smernice za kontrast su donja granica
Smernice za pristupačnost na vebu traže odnos kontrasta od najmanje 4,5:1 između običnog teksta i pozadine, i 3:1 za krupan tekst (WCAG 1.4.3). Te vrednosti su pisane za ekran na udaljenosti čitanja. Ekran na zidu dodaje udaljenost, odsjaj prozora i svetala, i ljude koji ga čitaju pod uglom. Smatraj ih minimumom koji prihvataš, a ne ciljem.
U praksi:
- Taman tekst na svetloj pozadini, ili svetao na tamnoj. Srednje siva na svetlosivoj je uobičajena greška.
- Nikada ne stavljaj tekst direktno preko pretrpane fotografije. Stavi ga na jednobojnu traku, ili zatamni deo fotografije iza njega.
- Ne dozvoli da boja sama nosi značenje. Mnogim ljudima sa poremećajem raspoznavanja boja crvena i zelena izgledaju isto, pa „rasprodato“ traži i reč, a ne samo crvenu boju.
- QR kod treba da bude taman na svetloj pozadini. Takav čita svaki telefon; svetao kod na tamnoj pozadini ne čita svaki.
5. Svetlo ili tamno, prema prostoriji
Tamna pozadina u polumračnom baru ili restoranu sprečava da ekran svetli kao svetleća reklama, i zato je nekoliko dizajna meni table tamno. Svetla pozadina odgovara svetlom kafiću ili kancelariji.
Iza izloga takmac je sunce, i tu je osvetljenost panela važnija od njegove veličine ili dizajna. Nijedna kombinacija boja ne spasava bled televizor na direktnom svetlu. Članak o profesionalnim ekranima i televizorima govori o osvetljenosti.
Gde možeš, drži se jednog izbora kroz celu petlju. Plejlista koja skače sa belih slajdova na crne i nazad tera celu prostoriju da treperi.
6. Drži svaki slajd dovoljno dugo da se pročita dvaput
Slajd koji nestane dok ga neko čita gori je nego da ga uopšte nema. Okvirno pravilo za trajanje: pročitaj slajd naglas, polako, izmeri vreme i udvostruči ga. Za naslov i cenu može da izađe oko osam sekundi; za stranu menija, mnogo duže.
Svaka stavka u plejlisti ima svoje trajanje, pa ih podešavaj jednu po jednu umesto da svima daš isto. Aplikacije sa više strana same određuju tempo: meni tabla deli svoje vreme između strana ili uzima zadati broj sekundi po strani, a aplikacija PDF okreće stranu na svakih 5, 7 ili 10 sekundi.
7. Dizajniraj petlju, ne samo slajdove
Niko ne gleda plejlistu od početka. Ljudi podignu pogled u nasumičnom trenutku, ostanu koliko su tu, i odu. Iz toga slede dve stvari.
- Prilagodi petlju tome koliko ljudi ostaju. Neko u redu vidi deo petlje; neko u čekaonici vidi celu, i to nekoliko puta. Kratka petlja odgovara pultu; čekaonici treba duža i raznovrsnija.
- Učestalost je važnija od mesta. Biti prvi u petlji ne znači ništa. Ako je meni najvažniji, stavi ga u petlju dvaput.
8. Sporo kretanje, ili nikakvo
Pokret privlači pogled, i baš zato previše pokreta pretvara ekran u buku.
- Koristi spore prelaze i malo rezova. Video montiran brzim rezovima pravljen je za telefon u ruci, a ne za zid.
- Ništa ne sme da trepće. Smernica za pristupačnost dozvoljava najviše tri bljeska u jednoj sekundi (WCAG 2.3.1), jer treptanje kod ljudi sa fotosenzitivnom epilepsijom može da izazove napad. Na javnom zidu drži se daleko od te granice. Čak i aplikacija Hitno obaveštenje, kojoj je ceo posao da privuče pažnju, polako pulsira ivicom umesto da trepće.
- Ne puštaj pasuse da klize. Aplikacija Traka sa vestima vrti svoju traku ujednačenom brzinom bez obzira na dužinu poruke, pa dugom redu jednostavno treba duže da prođe. Drži redove kratkim.
9. Računaj da zvuka nema
Većina ekrana u radnjama, kancelarijama i čekaonicama radi utišano ili stoji u bučnoj prostoriji. Pregledač uz to pokreće video bez zvuka dok neko ne klikne na stranicu (Android aplikacija pušta zvuk bez tog koraka), a paneli podeljenog ekrana nikada ne puštaju zvuk. Zato:
- Utisni titlove u svaki video u kome neko govori.
- Biraj video koji ima smisla bez zvuka: proizvod u upotrebi, a ne osobu koja govori u kameru.
10. Drži važne stvari dalje od ivica
Mnogi televizori na HDMI ulazu malo uvećaju sliku i odseku ivice. To se zove overscan. Isključi ga u podešavanjima slike, gde se, zavisno od proizvođača, opcija često zove nešto poput Just Scan, Screen Fit ili Full Pixel. Zatim ipak ostavi marginu: uobičajeno okvirno pravilo je da tekst i logotipi budu najmanje 5% udaljeni od svake ivice.
Ako na ekranu radi traka sa vestima, ostavi njen pojas slobodnim na vrhu ili na dnu, jer traka ide preko svega što se pušta.
11. Dizajniraj za položaj u kome je ekran montiran
Uspravni i položeni ekran su različita platna, a ne isti dizajn okrenut na bok. Dizajniraj u obliku i rezoluciji ekrana: 1920 × 1080 za položeni, 1080 × 1920 za uspravni. Full HD je pravi izbor za većinu prostorija. 4K košta više za skladištenje, preuzimanje i dekodiranje, a sa četiri metra čovek ionako ne razaznaje 4K na panelu od 55 inča.
Uspravni položaj odgovara meniju pored vrata ili pored reda, plakatu ili listi. Položeni odgovara većini ekrana iznad pulta i svemu što ima video. Ugrađene aplikacije same se raspoređuju za oba: svaki dizajn meni table radi uspravno, a aplikacija Zone i podela ekrana ima i uspravne i položene rasporede. Pravi slike istog oblika kao ekran, da ništa ne bude odsečeno ni uokvireno crnim trakama.
12. Budi dosledan
Doslednost je ono zbog čega niz slajdova izgleda kao jedno mesto, a ne kao gomila letaka.
- Jedna porodica fontova, najviše dve. Izaberi onu sa otvorenim, jednostavnim slovima. Tanki rezovi i rukopisni fontovi se na daljinu raspadaju.
- Ista boja uvek znači isto: cene u boji brenda, upozorenja u jednoj boji koju ništa drugo ne koristi.
- Logo uvek u istom uglu, ili samo na nekim slajdovima. Ne treba ga svaki slajd.
- Podesi aplikacije da se uklope. Aplikacija Meni tabla prima tvoj logo, boju brenda i valutu; aplikacije Sat i Odbrojavanje primaju boju naglaska; aplikacija Tekst prima boju teksta i pozadine, a aplikacija QR kod boje koda i njegove pozadine. Pet minuta na to i aplikacije izgledaju kao deo tvog dizajna, a ne kao ubačen vidžet.
Kako testirati digital signage dizajn pre nego što ode na zid
Uzmi slajd u koji si najmanje siguran i uradi na njemu test sa laptopom. Zatim ga pusti na pravom ekranu i pročitaj ga sa dna prostorije, u doba dana kada će se puštati. Pregled u dashboard-u pokreće isti kod kao plejer, pa je ono što odobriš ono što se i pušta, ali samo ti prostorija može reći kakvi su odsjaj i udaljenost.
Za to šta da staviš na slajdove, pogledaj listu digital signage ideja za sadržaj. Posebno za menije, vodič za dizajn digitalnog menija ulazi u hijerarhiju i fotografije. Proba od 21 dan uključuje svaku aplikaciju i svaki dizajn meni table, na jednom ekranu, bez kartice.
