7 näpunäidet suuremate puutetundlike ekraanide kujundamiseks

Puutetundlikud ekraanid on kõikjal. Kuid need pole ainult teie telefonides ja tahvelarvutites. Puutetundlike ekraanide ülisuurte versioonide kavandamine - mõelge lauaarvuti suurusele ja suuremale - võib esitada ainulaadseid väljakutseid.

Kuidas kujundada midagi nii suurt, kui olete nii harjunud mõtlema ekraanikujunduse jaoks pöidlapiirkondadele? Siit leiate juhendi, kuidas mõelda liigsete puutetundlike ekraanide üle ja kuidas luua midagi, millega kasutajad suhestuvad veelgi suuremal puutetundlikkuse skaalal.

Uurige Envato elemente

1. Kasutage loomulikke žeste

Sellel põhjusel on nii populaarsed libisemine paremale kui ka vasakule libistamine - need on käe loomulikud liigutused ja žestid.

Pühkimine võib olla pisut liialdatud kui väiksema ekraani puhul

Mõeldes ülemõõdulistele ekraanidele, kaaluge enamat kui sõrmetoiminguid. Mõelge kogu käele. Enamik kasutajaid peab jõudma tugevate suuremate puutetundlike ekraanideni, sest need kinnitatakse seinale või lauale, mitte ei hoita käes.

Tahad, et ekraani oleks mugav puudutada ja liikumised peaksid toimuma sama sujuvalt kui mobiilseadmes. Kuid mõelge puutetundlikule tegevusele. Liigutused võivad olla pisut liialdatud kui väiksema ekraaniga ja kraanid võivad tulla pisut suurema surve või jõuga.

Kerimine on pisut vähem mugav - korduvalt käsi üles ja alla liigutades võib tekkida väsimus - mõelda võimalustele, kuidas saada kasutajad sisu kaudu läbi ilma palju üles-alla liikumist.

Teine loomulik „žest”, millele mõelda tuleks, on silmade skaneerimine. Mõned liiga suured ekraanid on kasutaja jaoks liiga suured, et neid korraga korraga sisse võtta. Silmade liikumise kujundus - ülalt alla ja vasakult paremale - tagamaks, et kasutajad näevad kõige olulisemat teavet ja saavad aru, kuidas kujundusega suhelda.

2. Suurendage teksti ja graafikat

Seda ei juhtu nii sageli kui peaks - disainerid peavad visuaalelemente suurejooneliselt suurendama, et neid ülemäära suurtel ekraanidel kuvada. Suurem ekraan ei tähenda rohkem kraami (tegelikult võib vastupidine olla). Mõelge sellele kui teistsugusele kasutajakogemusele. Sisu, sealhulgas tekst ja graafika, tuleb ekraani ülemäärase kujunduse jaoks suurendada, kuna:

• Kasutajad kipuvad suhtlema suurema vahemaa tagant ja peavad siiski elemente nägema ja neid eristama.
• Kasutajaid tuleb meelitada, et nad jõuaksid kaugele ekraanile, näiteks kioski.
• Kasutajad peavad nägema visuaalseid näpunäiteid, mis aitavad neil tuvastada avalikkusele kasutamiseks mõeldud ekraani.
• Ekraani elemendid peavad olema navigeeritavad ja selged ilma juhisteta.
• Puutetundlikud sihtmärgid peavad olema hõlpsasti nähtavad ja loovad ilmse interaktsiooni.

3. Veenduge, et navigeerimine on alati juurdepääsetav

Enamik kasutajaid on seotud suurte mõõtmetega puutetundlike ekraanidega, mille mõtteviis on sama, mis veebisaidi esmakordsel külastamisel. Seda kogemust jäljendav disain on kasutajatel hõlpsasti sisse hüppamas ja nendega suheldes.

Veenduge, et erinevale sisule juurdepääsu korral ei kao navigeerimine.

Looge nendele seadmetele navigeerimismuster, millele on alati juurdepääs. Kasutage vormingut, mis sarnaneb üldtunnustatud veebisaidimustritega, näiteks ekraani ülaservas või külgribal.

Veenduge, et erinevale sisule juurdepääsu korral ei kao navigeerimine. Kuigi avaekraani kujundus võib hõlmata lihtsalt suuri navigeerimisnuppe ilma traditsioonilise navigeerimismenüüta, peaks kõigil muudel ekraanidel kasutamise hõlbustamiseks olema traditsioonilisem navigeerimisvorming.

Proovige nendel ekraanidel võimalikult palju minimeerida trükipõhiseid sisendeid. Klaviatuurid võivad olla ebamugavad ja aeglased ning nõuavad kasutajalt täiendavat füüsilist pingutust. Kui teil aga on klaviatuuripõhiseid sisendeid, lisage navigeerimisse klaviatuuri lülitamise käsk, et kasutajad saaksid klaviatuuri hõlpsalt vajadusel kuvada ja peita.

4. Ärge looge liiga palju valikuid

Mida suurem on ekraan, seda valdavamad valikud võivad olla. Mõelge nuppudele ja interaktsioonidele selle või teise mänguna, mis annab kasutajatele ühe otsuse korraga. Trikk on selles, et nad valivad kahe elemendi vahel.

Üks tore kontseptsioon sellest kontseptsioonist on see, et see muudab disaini lihtsamaks. Kui ekraanil on vaid kaks valikut, vähendatakse kujunduselemente ja visuaalset segadust, luues kasutatavama liidese.

Valikute kavandamisel veenduge, et toiming oleks sama selge. Kuidas kasutaja selle või teise valib? Nupud peaksid olema silmnähtavad ja piisavalt suured, et neid hõlpsalt puudutada. Kasutage väikest animatsiooni, et juhtida tähelepanu interaktiivsetele elementidele või populaarsemale kasutajavalikule.

Lihtsustatud valikud on olulised ka ekraani suuruse tõttu. Pidage meeles, et kogu ekraan ei pruugi alati olla kasutaja vaateväljas, mis võib valikuid iseenesest piirata. Kui muudate valikuid tähtaegselt täpsemaks, ei pea te muretsema keskkonna pärast, mis välistab teie jaoks kasutajate võimalused.

5. Kaaluge privaatsust

See, et kasutaja kõnnib avalikus kohas kioski ekraanile, ei tähenda, et inimene soovib, et kõik teaksid, mida ta teeb.

Pidage meeles, et mida suurem on ekraan, seda tõenäolisem, et teised näevad, mida kasutaja teeb. See on puuteekraanilt tundliku teabe või andmete küsimise puhul suur kaalutlus.

Selle vastu võitlemiseks hõlmavad puutetundlikud kujundused sageli väiksemaid hüpikkaste vormide või andmete sisestamiseks, nii et sisu pole kaugelt nähtav.

6. Ühendage veebist lahti

See võib olla kõige olulisem disainiprobleem, kui tegemist on ülisuurte puuteekraanidega - need peavad töötama koos Interneti-ühendusega ja ilma selleta.

Mõelge sellele: paljud ülisuurused ekraanid asuvad avalikes kohtades või on kaasaskantavad väiksemad, näiteks teisaldatavad kioskid või suured tahvelarvutid. See võib mõjutada juurdepääsu Internetile ja seda, kas ühendus töötab või mitte. Kujundus peab töötama ka siis, kui see pole ühendatud.

Veenduge, et kõik kujunduse käivitamiseks vajalikud tööriistad, alates JavaScripti ja fondiraamatukogudest kuni andmete kogumiseni, oleksid kohapeal salvestatud.

7. Kujundamisnupud ilmse interaktsiooni jaoks

Kujundus peab näitama kasutajatele, kuidas ekraaniga suhelda. Mitte iga kasutaja ei märka kohe esmapilgul puutetundlikku ekraani.

Kasutage visuaalseid näpunäiteid, näiteks animatsiooni ja nuppe, et aidata kasutajatel protsessi läbi viia.

Kasutage visuaalseid näpunäiteid, näiteks animatsiooni ja nuppe, et aidata kasutajatel protsessi läbi viia. Enamik ülemõõdulisi ekraane on kasutajatele ühekordne interaktsiooni- või kaasamispunkt ning iga liides on natuke erinev. Mida lihtsamini saab seda kasutada koos enamlevinud elementidega, seda tõenäolisemalt hakkavad kasutajad kujundusega tegelema.

Paljud kujundused sisaldavad ekraanipiirkondi, mis on puutetundlikult täielikult aktiveeritud, näiteks avaekraan. Kaasake nupp, et interaktsiooni ikkagi suunata. See ei võta kujundust ära ja ütleb kasutajatele, kuidas seadet töötada.

Kasutage protsessi kirjeldamiseks kirjeldavat mikrokoopiat, näiteks „alustamiseks puudutage siin”. Ehkki need elemendid võivad tunduda liiga ilmselged, ei ole liidese kasutamine kõigi kasutajate jaoks alati teisejärguline. Tee see lihtsaks.

Järeldus

Kas mõni teie kujundusprojekt nõuab suurendusega ekraanide kasutamist? Need muutuvad kõikjal populaarsemaks. Isegi kui teil pole veel sellist projekti olnud, võite tulevikus selle saada.

Ehkki enamik kujunduspõhimõtteid on samad, mis teistel liidesepõhistel kujundustel, võib suurte ekraanide suuruse ja ulatuse muutmine olla paljudele disaineritele ebamugav. Kui näete neid ekraane avalikult, pange peatuma ja suhelge nendega, et näha, millised kujunduselemendid ja interaktsioonid teile meeldivad.