Tanker du bør gøre dig i forbindelse med design til touchskærm

Tiden hvor alle ting over internettet foregik på en stationær eller bærbar computer er blot en saga. I dag har den overvejende del af befolkningen en smartphone af en eller anden slags. Dette viser sig også ved at en stor andel af den trafik mange hjemmesider får, primært sker fra en smartphone. Disse facts betyder at webudviklere i højere grad må udvikle deres løsninger med touchskærm i tankerne.

Der er mange små tricks man kan bruge i forbindelse med udviklingen af sin løsning og jeg vil her prøve at nævne nogle af dem.

Brug større elementer:

Ved brug af større elementer vil man på mindre skærme minimere at brugeren kommer i konflikt med andre elementer på siden når et specifikt element skal trykkes på. Dette har mindre betydning på desktop skærme grundet størrelsen, men er essentielt når man designer til smartphones.

Navigationens tilgængelighed:

tilgængeligheden af navigationen på touchskærm er en vigtig detalje, da vi ønsker at give brugeren fri bevægelighed på siden hele tiden uden at skulle klikke for meget rundt. En anden væsentlig faktor er at udforme sin navigation efter markedets standard, altså således at brugeren er bekendt med udseendet og derfor kan finde den intuitivt uden at skulle tænke for meget over det.

Fjern unødvendige elementer:

Et godt eksempel på et unødvendigt element når vi snakker touchscreen er de bannerreklamer der forekommer på nogle sider. Disse reklamer vil ofte være placeret således at du skal swipe hen over dem og ofte ender du derfor med at swipe inde i dem hvilket kan være jævnt irriterende og ødelæggende for brugerens oplevelse af siden.

Swipe plads:

Det er vigtigt når man udformer sin løsning til smartphones at man har swiping plads med i sine overvejelser. Dette betyder at man dels sørger for at der er plads på siden til at swipe uden at støde på omkringliggende elementer, men også øger line-height således at der skabes lidt luft imellem linjerne.

Ovenforstående bulletpoints er kun en brøkdel af det man kan have med i sine overvejelser i forbindelse med udarbejdelse af UI design til touchskærme.

Designforslag:

Kilder:

https://parachutedesign.ca/blog/best-user-interface-design-practices-for-touchscreen-devices/

https://www.interaction-design.org/literature/article/what-is-interaction-design