Uvod
Ako putujete u moderni trgovački centar, kafić ili zračnu luku, vidjet ćete da su se digitalni natpisi promijenili. Nema više pojedinačne, nepromjenjive grafike. Umjesto toga, ekrani su podijeljeni na mnogo područja. Jedna strana pustila je video o proizvodu, druga je pokazala ponude-u stvarnom vremenu, a treća povratne informacije kupaca. Ovo je snaga rasporeda podijeljenog-zaslona: oni vam omogućuju da učinite više s jednim digitalnim znakom, čineći svaki inč prostora na zaslonu korisnijim.
Raspored-zaslona s podijeljenim zaslonom rješava dvije značajne poteškoće za svakoga tko izrađuje ili upravlja digitalnim natpisima: jednoličan sadržaj s jednom-napomenom i potrošeni prostor na zaslonu. To uključuje trgovce u trgovinama koji žele poboljšati prodaju, vlasnike kafića koji ažuriraju jelovnike i IT timove koji postavljaju korporativne zaslone. Ali s toliko mnogo načina za podjelu zaslona, teško je znati koji izgled odgovara vašim ciljevima.
Zaokružili smo 10 najpopularnijih, -utjecajnih-izgleda podijeljenog zaslona, zajedno s time za koga su, kako ih dizajnirati i-primjere iz stvarnog svijeta kako postižu rezultate. Nije potrebna diploma dizajna-samo praktični savjeti kako bi se vaš sadržaj istaknuo.
1. 2:1 Classic Split – radni konj "Fokus + Informacije".
što je
Podijelite zaslon na dva dijela: veliki koji je 2/3 dolje i mali koji je 1/3 dolje. Velika strana prikazuje vaš glavni sadržaj, kao što je priča o robnoj marki ili video o proizvodu. Sićušna strana daje vam brze, korisne informacije, poput cijena, QR kodova ili oznaka "ograničeno-vremenski".
Kome je namijenjen: Maloprodajnim trgovinama, trgovinama elektronikom ili bilo kojoj tvrtki koja želi pokazati vrhunski proizvod i prenijeti važne informacije bez ometanja glavne poruke.
Dizajn savjet
Upotrijebite iste boje u cijelosti: na primjer, ako je veći dio vaše web stranice tamnoplav (kao trgovina odjećom), mali dio može koristiti nježno bijelu boju kako bi privukao pažnju. Nemojte koristiti više od dva slova odjednom.
Pravi primjer
Prodavaonica pametnih telefona upotrijebila je ovaj raspored: odjeljak 2/3 reproducirao je video značajke kamere njihovog novog telefona, a odjeljak 1/3 prikazao je "100 USD popusta + besplatna futrola" s QR kodom koji se može skenirati za prednarudžbe. Trgovina je izvijestila o skoku prednarudžbi od 22% u usporedbi s korištenjem jednog video zaslona.
Zašto radi
Uravnotežuje "vau faktor" (video) s "hitnošću" (posao), tako da klijenti ne samo gledaju-nego djeluju.
2. Tri-stupca jednaka podjela – "Multi{2}}info" snaga
što je
Podijelite zaslon u tri jednaka okomita stupca, svaki sa svojim informacijama koje su povezane s ostalima. Za trgovinu odjećom razmislite o "Novim dolascima", "Rasprodajnim artiklima" i "Mapi trgovine". Za kafić razmislite o "Jelovniku za doručak", "Posebnim ponudama za ručak" i "Današnjim događajima".
Za koga je
Tvrtke s više poruka za dijeljenje odjednom-kao što su trgovački centri, zračne luke ili užurbani restorani gdje kupci trebaju brzi pristup različitim informacijama.
Dizajn savjet
Koristite tanke, svijetlo sive linije kao separatore između stupaca kako bi zaslon izgledao uredno i bez pretrpanosti. Kako biste pomogli kupcima da pročitaju materijal za dvije sekunde ili manje, uključite mali pokazatelj u svaki stupac, kao što je košulja za nove proizvode ili cjenik za posebne ponude.
Primjeri iz stvarnog života
Deset digitalnih znakova na prepunoj zračnoj luci s hranom koristilo je ovaj raspored. Svaki stupac je prikazivao drugi restoran (kao što je Burger King, Starbucks ili Subway), najbolje stavke na njihovom jelovniku i koliko dugo su ljudi morali čekati. Putnici su izvijestili da su željeni restoran pronašli 3x brže nego kad su znakovi prikazivali oglase za jedan-restoran.
Zašto radi
Poštuje vrijeme korisnika-ne moraju čekati da se sadržaj izmjeni; sve informacije su vidljive na prvi pogled.
3. Žarišni rascjep u obliku L- – raspored "Vodite oko"
što je
Napravite L-oblik s dva dijela: visokim, uskim stupcem s jedne strane i širokim, kratkim redom s druge strane. L-oblik prirodno vodi pozornost s okomitog dijela (poput slike proizvoda) na vodoravni dio (poput poziva na akciju, poput "Kupujte odmah").
Kome je namijenjen: kozmetičkim tvrtkama, trgovinama nakitom ili bilo kojoj drugoj tvrtki koja želi pokazati značajke proizvoda i potaknuti ljude da odmah djeluju.
Dizajn savjet
Postavite svoj-sadržaj koji najviše privlači pažnju u okomiti odjeljak (npr. krupni-plan ruža za usne ili dijamantnu ogrlicu), a najhitnije informacije u vodoravni odjeljak (npr. "20% popusta samo danas"). Upotrijebite tamnu pozadinu za okomiti dio kako bi boje bile istaknute.
Pravi primjer
Kozmetički brend koristio je ovaj raspored u svojim trgovinama: okomiti dio je prikazivao model koji nosi njihov novi puder, a vodoravni dio je prikazivao "Besplatan uzorak uz bilo koju kupnju" plus kartu do brojača uzoraka. Zahtjevi za uzorke porasli su za 35% nakon prelaska na ovaj izgled.
Zašto radi
L-oblik slijedi prirodni "Z-uzorak" koji naše oči koriste za skeniranje zaslona, tako da korisnici ne propuste vašu ključnu poruku.
4. Interaktivno dijeljenje slike-u-slici (PiP) – izgled "Engage + Educate"
što je
Postoji maleni, pomični "prozor" ("slika-u-slici") na vrhu pozadine cijelog-zaslona. U pozadini se reproducira dugi video, poput upute, a PiP prikazuje interaktivni materijal, kao što je gumb "Pauziraj", pojedinosti o proizvodu ili upit za chat "Pitajte stručnjaka".
Kome je namijenjen: prodavačima elektronike, trgovinama za poboljšanje doma ili tvrtkama koje kupce moraju naučiti kako koristiti novi gadget ili postaviti TV.
Dizajn savjet
Neka PiP bude malen (15-20% zaslona) kako ne bi blokirao pozadinski video. Učinite ga polu-prozirnim ako je potrebno i postavite ga u kut (gore-desno ili dolje lijevo) gdje neće odvlačiti pažnju s glavnog sadržaja.
Pravi primjer
Trgovina za kućne potrepštine upotrijebila je ovaj izgled za svoj odjeljak s bušilicom: pozadinski videozapis pokazao je kako koristiti bušilicu za različite zadatke (bušenje u drvo, vješanje polica), a PiP je omogućio kupcima da dodirnu kako bi vidjeli "Kompatibilnost svrdla" ili "Informacije o jamstvu". Prodaja alata u tom dijelu porasla je za 18%.
Zašto radi
Pretvara pasivno gledanje u aktivno učenje-korisnici dobivaju potrebne informacije bez zaustavljanja videozapisa.
5. Dinamičko dijeljenje mreže – "Fleksibilan" raspored za promjenjive potrebe
što je
Mreža od 4-6 malih, jednakih dijelova koji se mogu neovisno ažurirati. Za razliku od fiksnih izgleda, možete zamijeniti sadržaj u jednom odjeljku (npr. upozorenje "Nova rasprodaja") bez promjene ostatka (npr. slike proizvoda, radno vrijeme trgovine).
Za koga je
Ova je značajka posebno korisna za trgovine mješovitom robom, trgovine ili tvrtke koje često ažuriraju svoj sadržaj, kao što su ponude po satu i promjene inventara.
Savjeti za dizajn
Kako bi uzorak ostao zajedno, koristite isti stil obruba (kao što su zaobljeni kutovi) za sve dijelove mreže. Stavite obrub jarke boje (poput crvene ili narančaste) oko dijela koji nosi vremenski-osjetljive informacije, poput "Posljednji 1 sat: mlijeko sniženo 50%."
Pravi primjer
Trgovina mješovitom robom koristila je raspored mreže od 4-: jedan odjeljak za ponude proizvoda, jedan za mesne specijalitete, jedan za radno vrijeme pekare i jedan za "Današnju juhu". Ažurirali su odjeljke s proizvodima i mesom svakog sata - kupci su izjavili da su primijetili nove ponude 2 puta češće nego kad je trgovina koristila rotirajuće pojedinačne oglase.
Zašto radi
Fleksibilan je-možete se prilagoditi posljednji-promjenama (npr. iznenadni višak jabuka) bez ponovne izgradnje cijelog izgleda.
6. Gornji-donji dio – raspored "Navigacija + sadržaj".
što je
Podijelite zaslon vodoravno: kratki gornji dio (1/4 zaslona) za navigaciju ili upozorenja i visoki donji dio (3/4) za glavni sadržaj (videozapise, slike ili interaktivne alate).
Za koga je
Predvorja poduzeća, bolnice ili sveučilišta-mjesta gdje posjetitelji trebaju informacije o smjeru i zanimljiv sadržaj.
Dizajn savjet
Neka gornji odjeljak bude jednostavan: koristite veliki, podebljani tekst za navigaciju (npr. "3. kat: Odjel za ljudske resurse" ili "Klinika A: Pedijatrijska skrb") ili upozorenja (npr. "Protupožarna vježba u 14 sati"). Donji odjeljak može biti dinamičniji-reproducirati korporativni video ili prikazati digitalni imenik.
Pravi primjer
Bolnica je koristila ovaj raspored u svom glavnom predvorju: gornji odjeljak je prikazivao "Parkiranje za posjetitelje: razina B" i "Vrijeme čekanja: hitna pomoć – 15 minuta", a donji je prikazivao video o novom bolničkom centru za rak. Posjetitelji su izjavili da se osjećaju "manje pod stresom" zbog snalaženja, a upiti na recepciji pali su za 40%.
Zašto radi
Odvaja "funkcionalne informacije" (navigacija) od "zanimljivog sadržaja" (video), tako da posjetitelji ne moraju birati između to dvoje.
7. Podjela nadzorne ploče-na temelju podataka – raspored "Brojke + priča"
što je
Kombinirajte grafikone/grafove (podatke) s opisnim sadržajem (pričom) na podijeljenom zaslonu. Na primjer, lijevi odjeljak prikazuje trakasti grafikon "Mjesečnog rasta prodaje", a desni odjeljak objašnjava što podaci znače (npr. "Zahvaljujući našem novom programu vjernosti, prodaja je porasla za 12%!").
Za koga je
Korporacijski uredi, maloprodajna sjedišta ili bilo koja tvrtka koja želi dijeliti interne metrike sa zaposlenicima ili vanjskim dionicima.
Dizajn savjet
Koristite jednostavne grafikone-za-čitljivost (izbjegavajte 3D grafikone-što ih je teško protumačiti). Uparite podatke s kratkim, razgovornim tekstom (npr. "12% rasta=više timskih bonusa!") kako bi brojevi djelovali srodno, a ne zastrašujuće.
Pravi primjer
Maloprodajni lanac koristio je ovaj raspored u sobama za odmor svojih zaposlenika: lijevi odjeljak je prikazivao linijski grafikon "Tjedne prodaje trgovine 5", a desni odjeljak je istaknuo "Najbolji učinak: Sarah-25% prodaje od novih proizvoda". Rezultati motivacije zaposlenika porasli su za 20% dok su se timovi natjecali koji će vidjeti njihove trgovinepodaci na ekranu.
Zašto radi
Podaci sami po sebi su dosadni-uparivanje s pričom čini ih smislenim, tako da zaposlenici ili dionici zapravo brinu o brojevima.
8. Blagdanska-tematska nepravilna podjela – "svečani + fokusirani" izgled
što je
Odmaknite se od ravnih linija-koristite-odjeljke u obliku blagdana (npr. bundeva za Noć vještica, pahuljica za Božić) da biste podijelili zaslon. Jedan odjeljak je blagdanski oblik (prikazuje svečani sadržaj poput "Sretna Noć vještica!"), a ostatak je standardni odjeljak za promocije.
Za koga je
Maloprodajne trgovine, restorani ili bilo koja druga tvrtka koja želi iskoristiti blagdanski duh i povećati prodaju mogu imati koristi od ove strategije.
Dizajn savjet
Nemojte pretjerivati s blagdanskom temom-neka nepravilni dio bude malen (25% zaslona) kako bi izgledao svečano, a ne kaotično. Koristite blagdanske boje (npr. narančastu i crnu za Noć vještica, a crvenu i zelenu za Božić), ali držite se palete boja vašeg brenda za glavni dio.
Pravi primjer
Prodavaonica odjeće upotrijebila je ovaj raspored za Božić: nepravilni dio bila je snježna pahuljica koja je prikazivala "12 Days of Deals", a glavni dio je prikazivao video njihove blagdanske kolekcije. Blagdanska rasprodaja trgovine bila je 15% veća nego prethodne godine, a kupci su spominjali "zabavni ekran sa snježnim pahuljama" kao razlog zašto su prestali pregledavati.
Zašto radi
Dodaje osobnost-blagdanski oblici čine da vaš zaslon manje izgleda kao oglas, a više kao dio slavlja.
9. Dual{1}}Screen Linked Split – raspored "Proširi priču"
što je
Koristite dva susjedna digitalna znaka (jedan pored drugog) kao jedan veliki podijeljeni zaslon. Lijevi znak prikazuje dio priče (npr. kupac koji koristi vaš proizvod), a desni znak je dovršava (npr. prednosti proizvoda ili gumb "Kupi odmah").
Za koga je
Trgovački centri, trgovine elektroničkom opremom ili tvrtke s prostorom za više zaslona (npr. red od 2-3 znaka u izlogu trgovine).
Dizajn savjet
Provjerite imaju li oba zaslona istu razlučivost (4K najbolje funkcionira) i jesu li montirani savršeno poravnati-čak će i mali razmak razbiti iluziju "jednog zaslona". Koristite CMS alat (kao što je HDFocus) koji vam omogućuje sinkronizaciju sadržaja na oba zaslona jednim klikom.
Pravi primjer
Robna marka pametnih telefona koristila je dva povezana zaslona u svom kiosku u trgovačkom centru: lijevi ekran je prikazivao kupca koji je fotografirao telefonom, a desni ekran je zumirao fotografije, ističući kvalitetu kamere. Zatim se desni zaslon prebacio na "Preorder Now" s QR kodom. Predbilježbe s kioska porasle su za 28%.
Zašto radi
Stvara "kinematografski" dojam-dva zaslona se osjećaju kao jedan veliki zaslon, čineći vaš sadržaj sveobuhvatnijim.
10. AI-Powered Adaptive Split – "Personalizirani" izgled budućnosti
što je
Upotrijebite AI da automatski prilagodite -izgled podijeljenog zaslona ovisno o tome tko gleda. Na primjer, ako kamera detektira roditelja s djetetom, izgled se može podijeliti i prikazati "Proizvodi za djecu" s jedne strane i "Popusti za roditelje" s druge strane. Ako otkrije tinejdžera, može se prebaciti na "Stavke u trendu" i "Recenzije društvenih medija".
Za koga je
Maloprodajne-trgovine, trgovački centri s velikim prometom ili bilo koja tvrtka koja želi isporučiti hiper-personaliziran sadržaj.
Dizajn savjet
Započnite s izravnim pristupom koncentriranjem na 1-2 segmenta publike (npr. "roditelji protiv tinejdžera") umjesto da pokušavate ciljati sve. Koristite anonimne podatke (bez osobnih podataka) kako biste izbjegli brigu o privatnosti i osigurali da umjetna inteligencija glatko mijenja rasporede (bez kašnjenja ili kvarova).
Pravi primjer
Prodavaonica igračaka testirala je ovaj izgled s AI kamerama: kad bi roditelji prošli, ekran se podijelio i prikazao "Edukativne igračke" (lijevo) i "20% popusta za roditelje" (desno). Kad su tinejdžeri prošli, podijelio se na "Gaming Accessories" (lijevo) i "Teen Influencer Reviews" (desno). Trgovina je izvijestila o povećanju prodaje ciljanoj publici od 30%.
Kako radi
To je osobno jer kupci vide materijal koji ispunjava njihove zahtjeve, što ih čini spremnijima na interakciju.
3 stvari koje ne biste trebali raditi s rasporedom podijeljenog-zaslona
- Previše dijelova: previše dijelova čini materijal neurednim. Za većinu situacija najbolje su 2-3 porcije.
- Različite rezolucije: zaslon će djelovati maglovito ako je jedan dio 1080p, a drugi 4K. Svi dijelovi trebaju imati istu rezoluciju.
- Ne obraćate pozornost na mobilnu sinkronizaciju: provjerite rade li povezane informacije na mobilnom uređaju ako vaš podijeljeni-zaslon ima QR kod. Nitko ne želi skenirati kod i završiti na stranici koja radi samo na radnoj površini.
Alati za jednostavnu izradu rasporeda-zaslona
Ne treba vam otmjeni softver za dizajn-ovi alati čine izradu podijeljenog-zaslona jednostavnom:
- Canva: koristite njihove predloške "Digital Signage" za povlačenje-i-ispuštanje podijeljenih odjeljaka.
- HDFocus CMS: ugrađeni-alati za-zaslone s unaprijed-napravljenim izgledima za maloprodaju, zdravstvo i korporativnu upotrebu.
- ScreenCloud: Sinkronizirajte sadržaj-zaslona na više uređaja i zakažite ažuriranja.
Zaključak
Ne radi se samo o "uklapanju više sadržaja" kada je riječ o rasporedu-zaslona; također se radi o prilagođavanju odgovarajućeg sadržaja vašoj publici i ciljevima. Najbolji dizajni podijeljenog-zaslona čine vašu poruku jasnijom, fascinantnijom i vjerojatnije da će potaknuti korisnike da nešto učine. To vrijedi bez obzira na to koristite li tipičnu podjelu 2:1 da biste predstavili proizvod ili AI-pokretan izgled kako biste informacije učinili osobnijim.
Odaberite jedan ili dva izgleda s ovog popisa, testirajte ih sa svojom publikom i napravite sve izmjene koje je potrebno napraviti. Uz malo truda, možda ćete svoje digitalno oglašavanje moći učiniti ključnim dijelom uspjeha svoje tvrtke umjesto samo "pozadinske buke".