Hoe supergrote touchscreen-software ontwerpen?

Jan 05, 2022

Laat een bericht achter

Heb je ervaring met het ontwerpen van oversized touchscreens? Dit touchscreen-ontwerp is een populaire trend geworden. Zelfs als je zo'n ontwerp nog niet hebt gemaakt, denk ik dat je er snel aan zult worden blootgesteld.


Met de snelle ontwikkeling van technologie is de toepassing van touchscreen-ontwerp alomtegenwoordig, en ze worden niet alleen gebruikt in mobiele telefoons en tablets, maar ook in desktopcomputers. Vanwege het grotere formaat en formaat van desktopcomputers, kan het ontwerp van dergelijke touchscreens voor ontwerpers een aantal unieke uitdagingen opleveren.


Hoe ga je om met het ontwerpen van een extra-groot touchscreen als je gewend bent te ontwerpen met een duim-groot gebied? Hier heb ik een ontwerphandleiding voor super-grote touchscreens samengesteld om ontwerpers inspiratie te bieden bij het ontwerpen van gebruikersinteracties.


1. Gebruik natuurlijke gebaren om te communiceren


Waarom "naar links en rechts vegen" zo populair is bij alle touchscreen-acties, omdat het de meest natuurlijke handbeweging en gebaar is voor gebruikers.


Bij het ontwerpen van extra grote touchscreens moeten ontwerpers niet alleen rekening houden met de bewegingen van de vingers van de gebruiker, maar ook met de bediening van de hele hand. De meeste gebruikers moeten naar grotere touchscreens grijpen omdat ze aan een muur kunnen worden geplakt of op een tafel kunnen worden geplaatst in vergelijking met draagbare apparaten.


Als u wilt dat de gebruiker het scherm gemakkelijk kan aanraken, moet het activeren van de actie net zo natuurlijk zijn als op een mobiel apparaat, dus denk erover na om de actie te activeren. Vergeleken met kleine schermen, moet de swipe-trigger op grote schermen mogelijk meer overdreven zijn, dus tikken kan meer vingerdruk vereisen.


In een apparaat met een groot scherm kan een overmatig veegontwerp onvriendelijk lijken voor gebruikers, omdat herhaaldelijk op en neer vegen kan leiden tot vermoeidheid van de armen. Bedenk hoe u zo kunt ontwerpen dat gebruikers niet veel hoeven te vegen tijdens het bladeren door inhoud.


Een andere natuurlijke 'gebaar'-interactie is blikscannen. Door de grote schermgrootte van sommige toestellen kunnen de ogen van de gebruiker niet alles tegelijk vangen. Ontwerpers moeten ontwerpen voor de bewegingskenmerken van de ogen van boven naar beneden en van links naar rechts. Zorg ervoor dat gebruikers de belangrijkste informatie zien en begrijpen hoe gebruikers met het ontwerp kunnen omgaan.








2. Vergroot de weergaveschaal van tekst en afbeeldingen


Het vergroten van tekst en afbeeldingen is meestal niet het geval in ontwerp, omdat ontwerpers visuele elementen aanzienlijk genoeg moeten vergroten om ze op zeer grote schermen weer te geven. Een groter scherm betekent echter niet meer dingen om te laten zien (en vice versa), probeer het te zien als een speciale gebruikerservaring. Alles op het touchscreen, inclusief tekst en afbeeldingen, moet worden opgeschaald om te passen bij het formaat van het extra-grote schermontwerp. De reden hiervoor is:


1. Gebruikers hebben de neiging om op grotere afstand te communiceren en moeten nog steeds elementen zien en onderscheiden.


2. Gebruikers moeten door specifieke zichtbare elementen naar het scherm worden getrokken.


3. Gebruikers moeten visuele aanwijzingen zien om hen te helpen bij het identificeren van schermen voor openbaar gebruik.


4. Bij gebrek aan instructies dienen schermelementen navigeerbaar en duidelijk weergegeven te worden.


5. Het aanraakdoel moet gemakkelijk te zien zijn en een duidelijk interactie-effect creëren.


3. Zorg ervoor dat navigatie altijd beschikbaar is


De mentaliteit van de meeste gebruikers die een groot touchscreen gebruiken, vergelijkbaar met het voor het eerst bezoeken van een website, maakt navigatie nog belangrijker. Ontwerpen om dit scenario na te bootsen, maakt het gemakkelijk om gebruikers naar uw ontwerp te trekken en ermee te werken. Het is belangrijk op te merken dat de ontwerper ervoor wil zorgen dat de navigatie altijd beschikbaar is wanneer de gebruiker verschillende inhoud opent.


Wanneer u een navigatiepatroon voor uw product ontwerpt, kunt u het beste een navigatiepatroon gebruiken dat veel wordt gebruikt op algemene websites, zoals het instellen van de navigatiebalk bovenaan het scherm of in de zijbalk.


Zorg er ook voor dat de navigatie niet verdwijnt wanneer gebruikers verschillende inhoud of pagina's bezoeken. Hoewel het startscherm zo is ontworpen dat het slechts een paar grote navigatieknoppen bevat, kunnen andere schermen het beste worden bediend in een traditioneel navigatieformaat voor gebruiksgemak door de gebruiker.


Minimaliseer ook invoer op basis van toetsenbord- op deze schermen. Op grotere schermen kan het toetsenbord onhandig en traag worden, wat extra fysieke inspanning van de gebruiker vereist. Als u echter wel -toetsenbordinvoer heeft, stelt u een toetsenbordwisselopdracht in de navigatie in, zodat de gebruiker het toetsenbord indien nodig gemakkelijk kan tonen en verbergen.


4. Maak niet te veel opties


Hoe groter het scherm, hoe meer keuzes de gebruiker heeft en hoe meer tijd het kost. Zie knoppen en interacties in plaats daarvan als een spel om gebruikers snel beslissingen te laten nemen. De truc met het ontwerp is om ze te laten kiezen tussen twee elementen en niet te veel opties te bieden.


Het voordeel van dit ontwerp is dat het uw ontwerp vereenvoudigt. Door slechts twee opties per scherm aan te bieden, worden ontwerpelementen en visuele rommel verminderd, waardoor een meer bruikbare interface ontstaat.


Zorg er bij het ontwerpen van opties voor dat de acties even zichtbaar zijn. Hoe kiezen gebruikers deze opties? Knoppen moeten duidelijk zichtbaar zijn en voor gebruikers gemakkelijk aan te raken. Gebruik een kleine animatie om de aandacht van de gebruiker te vestigen op een interactief element of een meer populaire gebruikersoptie.


Vereenvoudigingsopties zijn ook erg belangrijk vanwege de schermgrootte. Houd er rekening mee dat het volledige scherm zich mogelijk niet altijd in het gezichtsveld van de gebruiker bevindt, wat de mogelijkheden zelf enigszins beperkt. Als u de opties van tevoren vereenvoudigt, hoeft u zich geen zorgen te maken dat de omgeving de opties van de gebruiker beïnvloedt.


5. Houd rekening met de privacy van gebruikers


Gebruikersprivacy is een aandachtspunt als het gaat om toegang via touchscreens tot gevoelige informatie of gegevens. Het feit dat gebruikers apparaten met een groot-scherm op openbare plaatsen gebruiken, betekent niet dat ze willen dat anderen weten wat ze doen, vooral niet wanneer ze belangrijke informatie invoeren. En hoe groter het scherm, hoe groter de kans dat anderen zien wat de gebruiker typt.


Om dit probleem op te lossen, gebruiken ontwerpers vaak een kleinere pop-up voor formulier- of gegevensinvoer, zodat de invoer van de gebruiker zelfs van een afstand niet zichtbaar is.


6. Netwerkverbindingsproblemen


Als het gaat om het ontwerp van een groot aanraakscherm, is het belangrijkste punt van overweging de netwerkomgeving van het product. Hoe kan ik het product met of zonder netwerk laten werken?


Denk er eens over na: in openbare ruimtes zijn veel apparaten met een groot-scherm of klein-scherm (zoals mobiele kiosken of grote tablets) draagbaar. Hierbij gaat het om de toegang van het apparaat tot internet en of de netwerkverbinding goed werkt. Deze touchscreen-apparaten moeten functioneel blijven, zelfs als ze niet zijn verbonden met internet.


Tip: zorg ervoor dat alle tool-gerelateerde gegevens (van Java tot lettertypebibliotheken tot gegevensverzameling) die het ontwerp uitvoeren, lokaal worden opgeslagen.


7. Stel voor de hand liggende interactieve knoppen in


Dergelijke ontwerpen moeten de gebruiker laten zien hoe hij met het scherm moet omgaan, en niet elke gebruiker begrijpt meteen hoe hij op het scherm moet handelen.


Visuele aanwijzingen zoals animaties en knoppen worden aanbevolen om gebruikers door het proces te helpen.


De meeste extra grote touchscreens bieden gebruikers een eenmalige-tijdelijke interactie of triggerpoint, en elke interface is anders. Hoe duidelijker deze prompt is ingesteld, hoe gemakkelijker het is voor gebruikers om de actie te begrijpen en hoe groter de kans dat ze interactie hebben met uw product.


Daarnaast vereisen veel touchscreen-gebieden van het scherm die activering en start vereisen ook interactieknoppen. In een startscherm zal de ontwerper bijvoorbeeld een knop gebruiken om de interactie op te roepen. Deze instelling wijkt niet af van het ontwerp, maar vertelt de gebruiker ook hoe het apparaat te bedienen.


Gebruik beschrijvende aanwijzingen zoals "raak hier aan om te beginnen" om gebruikers door het proces te leiden. Hoewel dit denkelement misschien overdreven voor de hand liggend lijkt, is het gebruik van de interface niet iets waar gebruikers zich in moeten verdiepen, maar het eerder gemakkelijker moeten maken.


8. Conclusie


Hoewel de meeste ontwerpprincipes hetzelfde zijn als bij andere ontwerpen op basis van -interfaces, kunnen veel ontwerpers door de grootte van een te groot touchscreen en het formaat ervan verloren gaan. Dus als je een te groot touchscreen in het openbaar ziet, is het beter om te stoppen en aan de interface te werken en een idee te krijgen van het interactieve ontwerp. Bekijk welke ontwerpelementen en interacties u aanspreken in toekomstige ontwerpen voor extra-grote touchscreens.


Aanvraag sturen