7 padomi lielizmēra skārienekrānu projektēšanai

Skārienekrāni ir visur. Bet tie nav tikai jūsu tālruņos un planšetdatoros. Liela izmēra skārienekrānu versiju projektēšana - domājot, ka galddatora izmērs ir lielāks un lielāks - var radīt unikālu problēmu kopumu.

Kā jūs projektējat kaut ko tik lielu, kad esat tik pieraduši domāt par īkšķa reģioniem ekrāna noformēšanai? Šeit ir ceļvedis, kā domāt par lieliem skārienekrāniem un to, kā izveidot kaut ko tādu, ar kuru lietotāji mijiedarbojas vēl lielākā skārienekrānā.

Izpētiet Envato elementus

1. Izmantojiet dabiskus žestus

Ir iemesls, kāpēc “velciet pa labi” un “velciet pa kreisi” ir tik populāri - tās ir dabiskas roku kustības un žesti.

Vilkšana varētu būt nedaudz pārspīlēta nekā uz mazāka ekrāna

Domājot par lielizmēra ekrāniem, ņemiet vērā ne tikai pirkstu darbības. Padomājiet par visu roku. Lielākajai daļai lietotāju būs jāsasniedz grūtāki, lielāki skārienekrāni, jo tie tiks piestiprināti pie sienas vai galda, nevis ar rokām.

Jūs vēlaties, lai ekrānu būtu ērti pieskarties, un kustībām vajadzētu notikt tikpat nemanāmi kā mobilajā ierīcē. Bet padomājiet par pieskāriena darbību. Pārvilkšana varētu būt nedaudz pārspīlēta nekā uz mazāka ekrāna, un krāniem varētu būt nedaudz lielāks spiediens vai spēks.

Ritināšana ir nedaudz mazāk ērta - roku atkārtota pārvietošana augšup un lejup var izraisīt nogurumu - jādomā par veidiem, kā lietotājiem nokļūt saturā bez lielas kustības augšup un lejup.

Vēl viens dabisks “žests”, par ko jādomā, ir acu skenēšana. Daži lielizmēra ekrāni ir pārāk lieli, lai lietotājs tos varētu uzreiz uzņemt. Dizains acu kustībai - no augšas uz leju un no kreisās uz labo - lai nodrošinātu, ka lietotāji redz vissvarīgāko informāciju un saprot, kā iesaistīties zīmējumā.

2. Palieliniet tekstu un grafiku

Tas nenotiek tik bieži, kā vajadzētu - dizaineriem ir dramatiski jāpaplašina vizuālie elementi, lai tos parādītu pārāk lielos ekrānos. Lielāks ekrāns nenozīmē vairāk lietu (patiesībā var būt tieši pretēji). Padomājiet par to kā atšķirīgu lietotāja pieredzi. Saturs, ieskaitot tekstu un grafiku, ir jāpielāgo ekrāna lielizmēram, jo:

• Lietotājiem ir tendence mijiedarboties no lielāka attāluma, un viņiem joprojām ir jāredz un jānošķir elementi.
• Lietotāji jāvilina, lai viņi no tālienes nonāktu ekrānā, piemēram, kioskā.
• Lietotājiem ir jāredz vizuālas norādes, kas viņiem palīdz noteikt ekrānu publiskai lietošanai.
• Ekrāna elementiem jābūt navigējamiem un skaidriem bez instrukcijas.
• Pieskāriena mērķiem jābūt viegli pamanāmiem un jārada acīmredzama mijiedarbība.

3. Pārliecinieties, vai navigācija vienmēr ir pieejama

Lielākā daļa lietotāju iesaistās lielizmēra skārienekrānos ar tādu pašu domāšanu kā vietnes apmeklēšana pirmo reizi. Dizains, kas atdarina šo pieredzi, lietotājiem būs viegli iemācīties un mijiedarboties.

Pārliecinieties, ka navigācija nezūd, piekļūstot citam saturam.

Izveidojiet šīm ierīcēm vienmēr pieejamu navigācijas modeli. Izmantojiet formātu, kas ir līdzīgs vispārpieņemtiem vietņu modeļiem, piemēram, ekrāna augšpusē vai sānjoslā.

Pārliecinieties, ka navigācija nezūd, piekļūstot citam saturam. Lai gan sākuma ekrāna noformējumā var būt tikai lielas navigācijas pogas bez tradicionālās navigācijas izvēlnes, visiem pārējiem ekrāniem ērtākai lietošanai jābūt tradicionālākam navigācijas formātam.

Šajos ekrānos pēc iespējas samaziniet mašīnrakstīšanas ievades. Tastatūras var būt neērtas un lēnas, un lietotājam tas prasa papildu fizisko piepūli. Bet, ja jums ir uz tastatūru balstītas ievades, navigācijā iekļaujiet tastatūras pārslēgšanas komandu, lai lietotāji varētu ērti parādīt un paslēpt tastatūru pēc nepieciešamības.

4. Neradiet pārāk daudz izvēles

Jo lielāks ekrāns, jo pārliecinošākas izvēles iespējas var būt. Domājiet par pogām un mijiedarbību kā par šo vai citu spēli, kas lietotājiem dod vienu lēmumu vienlaikus. Triks ir tas, ka viņi izvēlas starp diviem elementiem.

Viena no jaukākajām šīs koncepcijas izpausmēm ir tā, ka tā ļauj vienkāršot dizainu. Izmantojot tikai divas izvēles vienā ekrānā, tiek samazināti dizaina elementi un vizuālā nekārtība, radot izmantojamāku interfeisu.

Izstrādājot izvēli, pārliecinieties, vai darbība ir tikpat skaidra. Kā lietotājs izvēlas šo vai citu? Pogām jābūt acīmredzamām un pietiekami lielām, lai ar tām varētu viegli pieskarties. Izmantojiet nelielu animāciju, lai palīdzētu pievērst uzmanību interaktīvajiem elementiem vai populārākajai lietotāju izvēlei.

Vienkāršota izvēle ir svarīga arī ekrāna izmēra dēļ. Atcerieties, ka viss ekrāns ne vienmēr atrodas lietotāja redzamības laukā, kas pats par sevi var ierobežot izvēli. Ja racionalizējat izvēli pirms laika, jums nav jāuztraucas par vidi, izslēdzot lietotāja iespējas jums.

5. Apsveriet privātumu

Tas, ka lietotājs publiskā vietā dodas uz kioska ekrānu, nenozīmē, ka persona vēlas, lai visi zina, ko viņš vai viņa dara.

Ņemiet vērā: jo lielāks ir ekrāns, jo lielāka ir iespēja, ka citi var redzēt, ko lietotājs dara. Tas ir liels apsvērums, kad skārienjutīgā displejā tiek prasīta sensitīva informācija vai dati.

Lai to novērstu, bieži vien uz skārienizstrādājumiem balstītā dizainā būs mazākas uznirstošās rūtiņas veidlapām vai datu ievadīšanai, lai saturs nebūtu tik redzams no attāluma.

6. Atvienojiet no Web

Tā varētu būt vissvarīgākā dizaina problēma, kad runa ir par lielgabarīta skārienekrāniem - tiem jāstrādā ar un bez interneta savienojuma.

Padomājiet par to: daudzi lielizmēra ekrāni atrodas publiskās vietās vai ir pārnēsājami mazāki, piemēram, pārvietojami kioski vai lielas planšetdatori. Tas var ietekmēt piekļuvi internetam un to, vai savienojums darbojas vai ne. Dizainam ir jādarbojas pat tad, ja tas nav savienots.

Pārliecinieties, ka visi rīki dizaina palaišanai, sākot no JavaScript līdz fontu bibliotēkām un beidzot ar datu vākšanu, tiek glabāti lokāli.

7. Dizaina pogas acīmredzamai mijiedarbībai

Dizainam lietotājiem jāparāda, kā mijiedarboties ar ekrānu. Ne katrs lietotājs tūlīt pamanīs skārienekrānu no pirmā acu uzmetiena.

Izmantojiet vizuālas norādes, piemēram, animāciju un pogas, lai palīdzētu lietotājiem procesu.

Izmantojiet vizuālas norādes, piemēram, animāciju un pogas, lai palīdzētu lietotājiem procesu. Lielākoties lielizmēra ekrāni ir vienreizējs mijiedarbības vai piesaistes punkts lietotājiem, un katrs interfeiss ir nedaudz atšķirīgs. Jo vieglāk to var izmantot ar biežāk saprotamiem elementiem, jo ​​lielāka iespējamība, ka lietotāji iesaistīsies dizainā.

Daudzos dizainos ir ekrāna laukumi, kas ir pilnībā aktivizēti, pieskaroties, piemēram, sākuma ekrāns. Iekļaujiet pogu, lai jebkurā gadījumā turpinātu mijiedarbību. Tas neatņem dizainu un lietotājiem norāda, kā strādāt ar ierīci.

Izmantojiet aprakstošu mikrokopiju, piemēram, “pieskarieties šeit, lai sāktu”, lai vadītu lietotājus par procesu. Lai arī šie elementi varētu šķist pārāk acīmredzami, interfeisa lietošana ne vienmēr ir otrais raksturs visiem lietotājiem. Padariet to viegli.

Secinājums

Vai kādam no jūsu dizaina projektiem ir nepieciešams izmantot pārāk lielus ekrānus? Viņi kļūst populārāki visur. Pat ja jums vēl nebija šāda projekta, iespējams, ka nākotnē to iegūsit.

Lai arī vairums projektēšanas principu ir tādi paši kā citi uz interfeisu balstīti dizaini, daudziem dizaineriem var būt nepatīkami pielāgoties lielu ekrānu izmēriem un mērogam. Kad redzat šos ekrānus publiski, pielieciet punktu, lai apstātos un mijiedarbotos ar viņiem, lai redzētu, kādi dizaina elementi un mijiedarbība jums patīk.