Beröringsmål

Beröringsmål, eller touch target, är den interaktiva yta som är avsedd att beröras på pekskärmar för att aktivera ett gränssnittselement, till exempel en knapp, en länk eller en kontroll i en app eller webbplats. Målet är att ge användaren ett tillräckligt stort och lättmålat område för att kunna träffa målet med ett finger eller en pekpinne utan att oavsiktligt aktivera gränssnittet bredvid.

Riktlinjer för storlek varierar mellan plattformar, men syftet är konsekvent: att minska misstag och öka tillgängligheten. Androids Material Design anger minst 48 x 48 dp med minst 8 dp utrymme till närliggande mål. Apples iOS Human Interface Guidelines föreslår minst 44 x 44 pt. WCAG- och webbrelaterade tumregler pekar ofta mot cirka 44 CSS-pixlar som praktiskt minimum. Viktigare än exakt mått är att beröringsmålet har ett tydligt tappområde och tillräckligt avstånd till närliggande kontroller, särskilt på små skärmar eller när användaren har större fingrar.

Beröringsmål omfattar både storlek och avstånd mellan mål, liksom tydlighet i etiketter och riktig fokusisering. För tillgänglighet bör kontrollerna vara lätta att känna igen med skärmläsare och kunna nås via flera inmatningsmetoder, inte bara pekning. Visuella indikatorer vid fokus och tydliga textetiketter förbättrar användbarheten för alla användargrupper.

Implementering och testning bör ske med verkliga användare i olika enheter och lägen, inklusive små skärmar och hög användning av fingrarna. Justeringar av storlek, avstånd och responsavgivning bör göras baserat på tester och användarfeedback.

Se även: Material Design, Human Interface Guidelines, WCAG och allmänna riktlinjer för tillgänglighet inom användargränssnitt. Beröringsmål är ett centralt begrepp inom UI/UX och tillgänglighet.