7 tips voor ontwerpen voor extra grote touchscreens

Touchscreens zijn overal. Maar ze staan ​​niet alleen op uw telefoons en tablets. Ontwerpen voor de extra grote versies van touchscreens - denk aan de grootte van een desktopcomputer en groter - kan een unieke reeks uitdagingen opleveren.

Hoe ontwerp je voor iets zo groots, als je zo gewend bent om na te denken over duimgebieden voor schermontwerp? Hier is een gids om na te denken over extra grote touchscreens en hoe je iets kunt creëren waarmee gebruikers communiceren op een nog grotere aanraakschaal.

Verken Envato Elements

1. Gebruik natuurlijke gebaren

Er is een reden waarom "naar rechts vegen" en "naar links vegen" zo populair zijn - het zijn natuurlijke handbewegingen en gebaren.

Vegen is misschien wat overdrevener dan op een kleiner scherm

Overweeg meer dan vingeracties bij het denken aan extra grote schermen. Denk aan de hele hand. De meeste gebruikers zullen moeten uitreiken naar stoere grotere touchscreens omdat ze aan een muur of tafel worden bevestigd in plaats van in de hand.

U wilt dat het scherm comfortabel aan te raken is en dat bewegingen net zo naadloos moeten verlopen als op een mobiel apparaat. Maar denk aan aanraakactie. Vegen is misschien wat overdrevener dan op een kleiner scherm en tikken kunnen iets meer druk of kracht hebben.

Scrollen is iets minder comfortabel - het herhaaldelijk op en neer bewegen van armen kan leiden tot vermoeidheid - om na te denken over manieren om gebruikers door de inhoud te leiden zonder veel op en neer beweging.

Een ander natuurlijk 'gebaar' om over na te denken is het scannen van de ogen. Sommige extra grote schermen zijn te groot om door de gebruiker tegelijk te worden opgenomen. Ontwerp voor oogbeweging - van boven naar beneden en van links naar rechts - om ervoor te zorgen dat gebruikers de belangrijkste informatie zien en begrijpen hoe ze met het ontwerp kunnen omgaan.

2. Tekst en afbeeldingen opschalen

Dit gebeurt niet zo vaak als zou moeten - ontwerpers moeten visuele elementen dramatisch opschalen om ze op extra grote schermen weer te geven. Een groter scherm betekent niet meer dingen (het tegenovergestelde kan eigenlijk waar zijn). Zie het als een andere gebruikerservaring. Inhoud, inclusief tekst en afbeeldingen, moet worden opgeschaald voor een te groot schermontwerp omdat:

• Gebruikers hebben de neiging om van een grotere afstand te communiceren en moeten nog steeds elementen zien en onderscheiden.
• Gebruikers moeten worden verleid om van ver naar een scherm, zoals een kiosk, te komen.
• Gebruikers moeten visuele aanwijzingen zien die hen helpen bij het identificeren van een scherm voor openbaar gebruik.
• Schermelementen moeten zonder instructie navigeerbaar en duidelijk zijn.
• Aanraakdoelen moeten gemakkelijk te zien zijn en duidelijke interactie creëren.

3. Zorg ervoor dat navigatie altijd toegankelijk is

De meeste gebruikers maken gebruik van extra grote touchscreens met dezelfde mentaliteit als de eerste keer dat ze een website bezoeken. Een ontwerp dat die ervaring nabootst, is gemakkelijk voor gebruikers om in te springen en mee te communiceren.

Zorg ervoor dat de navigatie niet weggaat wanneer er toegang wordt verkregen tot verschillende inhoud.

Maak een navigatiepatroon voor deze apparaten dat altijd toegankelijk is. Gebruik een indeling die lijkt op algemeen aanvaarde websitepatronen, zoals bovenaan het scherm of in een zijbalk.

Zorg ervoor dat de navigatie niet weggaat wanneer er toegang wordt verkregen tot verschillende inhoud. Hoewel het ontwerp van het startscherm misschien gewoon grote navigatieknoppen bevat zonder een traditioneel navigatiemenu, zouden alle andere schermen het meer traditionele navigatieformaat moeten hebben voor gebruiksgemak.

Probeer op deze schermen zoveel mogelijk invoer op basis van typen te minimaliseren. Toetsenborden kunnen onhandig en traag zijn, wat extra fysieke inspanning van de gebruiker vergt. Maar als u wel toetsenbordgebaseerde invoer heeft, neem dan een toetsenbordschakelopdracht op in de navigatie, zodat gebruikers het toetsenbord indien nodig gemakkelijk kunnen weergeven en verbergen.

4. Maak niet te veel keuzes

Hoe groter het scherm, hoe overweldigender de keuzes kunnen zijn. Zie knoppen en interacties als een spel van dit of dat, waardoor gebruikers één beslissing per keer kunnen nemen. De truc hier is dat ze tussen twee elementen kiezen.

Een van de leuke afhaalrestaurants van dit concept is dat je het ontwerp vereenvoudigt. Met slechts twee keuzes per scherm worden ontwerpelementen en visuele rommel verminderd, waardoor een meer bruikbare interface ontstaat.

Zorg er bij het ontwerpen van de keuzes voor dat de actie even duidelijk is. Hoe selecteert een gebruiker dit of dat? Knoppen moeten duidelijk zijn en groot genoeg om gemakkelijk aan te raken. Gebruik een kleine animatie om de aandacht te trekken naar interactieve elementen of naar de meer populaire gebruikersselectie.

Vereenvoudigde keuzes zijn ook belangrijk vanwege de grootte van het scherm. Onthoud dat het hele scherm niet altijd in het gezichtsveld van een gebruiker ligt, wat de keuzes op zich kan beperken. Als u de keuzes van tevoren stroomlijnt, hoeft u zich geen zorgen te maken dat de omgeving gebruikersopties voor u elimineert.

5. Overweeg privacy

Alleen omdat een gebruiker op een openbare plaats naar een kioskscherm loopt, wil nog niet zeggen dat die persoon wil dat iedereen weet wat hij of zij doet.

Houd er rekening mee dat hoe groter het scherm is, hoe groter de kans is dat anderen kunnen zien wat de gebruiker doet. Dat is een grote overweging als het gaat om het vragen om gevoelige informatie of gegevens op een touchscreen.

Om dit tegen te gaan, zal een op aanraking gebaseerd ontwerp vaak kleinere pop-upvensters bevatten voor formulieren of gegevensinvoer, zodat inhoud niet zo zichtbaar is van een afstand.

6. Verbreek de verbinding met het web

Dit is misschien wel het belangrijkste ontwerpprobleem als het gaat om extra grote touchscreens - ze moeten werken met en zonder internetverbinding.

Denk er eens over na: veel extra grote schermen bevinden zich op openbare locaties of kleinere, zoals verplaatsbare kiosken of grote tablets, zijn draagbaar. Dit kan van invloed zijn op de toegang tot internet en of een verbinding werkt of niet. Het ontwerp moet werken, zelfs als het niet is aangesloten.

Zorg ervoor dat alle tools om het ontwerp uit te voeren, van JavaScript tot fontbibliotheken tot gegevensverzameling, lokaal zijn opgeslagen.

7. Ontwerp knoppen voor duidelijke interactie

Het ontwerp moet gebruikers laten zien hoe ze met het scherm kunnen omgaan. Niet elke gebruiker zal op het eerste gezicht direct een touchscreen zien.

Gebruik visuele aanwijzingen zoals animatie en knoppen om gebruikers door het proces te begeleiden.

Gebruik visuele aanwijzingen zoals animatie en knoppen om gebruikers door het proces te begeleiden. De meeste extra grote schermen zijn een eenmalig interactie- of aanspreekpunt voor gebruikers en elke interface is een beetje anders. Hoe gemakkelijker u het gebruik kunt maken, met meer algemeen begrepen elementen, hoe groter de kans dat gebruikers zullen deelnemen aan het ontwerp.

Veel ontwerpen bevatten schermgebieden die volledig worden geactiveerd bij aanraking, zoals een startscherm. Voeg een knop toe om de interactie toch te activeren. Het neemt het ontwerp niet weg en vertelt gebruikers hoe ze met het apparaat moeten werken.

Gebruik beschrijvende microcopie, zoals 'tik hier om te beginnen', om gebruikers door het proces te leiden. Hoewel deze elementen overdreven voor de hand lijken te liggen, is het gebruik van een interface niet altijd een tweede natuur voor alle gebruikers. Het gemakkelijk maken.

Gevolgtrekking

Vereist een van uw ontwerpprojecten het gebruik van extra grote schermen? Ze worden overal populairder. Zelfs als je zo'n project nog niet hebt gehad, is de kans groot dat je er in de toekomst een krijgt.

Hoewel de meeste ontwerpprincipes hetzelfde zijn als andere op interface gebaseerde ontwerpen, kan het aanpassen voor de grootte en schaal van grote schermen voor veel ontwerpers ongemakkelijk zijn. Wanneer u deze schermen in het openbaar ziet, moet u er een punt van maken om ermee te stoppen en ermee te communiceren om te zien welke ontwerpelementen en interacties u aanspreken.