Was ist Touch-Targeting?

6 Minuten Lesezeit

Touch-Targeting bezieht sich auf das Design von Benutzeroberflächen, die speziell auf einem Touchscreen verwendet werden.

Dies erfordert die Sicherstellung, dass alle interaktiven Komponenten wie Schaltflächen und Links, die mit dem Finger berührt werden können, eine angemessene Größe und einen angemessenen Abstand haben.

Die wichtigsten Punkte:
  • Zielgröße & Abstand
  • Für komfortables und präzises Tippen ist es ratsam, ausreichend Platz vorzusehen, um versehentliche Berührungen zu vermeiden.

  • Testen mit einem echten Gerät
  • Versteckte Fehler finden.

  • Der Kontext ist wichtig
  • Passen Sie die Ziele an, um ihre Benutzerfreundlichkeit zu verbessern.

Wie unterscheidet sich Touch-Targeting von Mouse-Targeting?

Touch-Targeting erfordert im Vergleich zu Maus-Targeting in der Regel größere und weiter voneinander entfernte interaktive Elemente. Während Fingertipps eine bequeme Möglichkeit zur Navigation bieten, bieten sie möglicherweise nicht immer die gleiche Präzision wie eine Maus, was zu versehentlichen Berührungen benachbarter Elemente führen kann.

Profi-Tipp:
Bei der Implementierung von Touch-Funktionen ist es ratsam, die durchschnittliche Fingergröße sowie mögliche Bewegungen des Benutzers, wie z. B. das Schütteln des Geräts, zu berücksichtigen. 

Wie groß sollte ich diese Ziele machen?

Die kleinste Größe für Touch-Targets wurde auf 44 x 44 Pixel festgelegt. Mobile Apps mit komplexen Designs können größere Ziele erfordern; dies kann hilfreich sein, wenn der Benutzer unterwegs ist und seine Finger nicht präzise genug sind.

Profi-Tipp:
Stellen Sie sicher, dass der Komfort der Touch-Ziele auf verschiedenen Geräten/Größen überprüft wird.

Das Erreichen einer positiven Benutzererfahrung erfordert unter anderem die Lösung der folgenden Probleme: 

  • Fat-Finger-Syndrom: Es bezieht sich auf unbeabsichtigte Berührungen benachbarter Ziele; eine hilfreiche Lösung ist das Hinzufügen von ausreichend Abstand zwischen den Zielen.

  • Kleine Ziele: Die Bedienung kleiner oder eng beieinander liegender klickbarer Elemente kann schwierig sein, lässt sich aber durch Anpassung der Größe oder Platzierung lösen.

  • Hover-Status: Die für die Maus entwickelten Effekte funktionieren in einer Desktop-Umgebung, während eine Touch-Umgebung andere Effekte erfordert.

  • Responsives Design: Führen Sie gründliche Tests durch, um die Zugänglichkeit und Benutzerfreundlichkeit von Touch-Zielen auf verschiedenen Geräten und Bildschirmgrößen zu gewährleisten.
Profi-Tipp:
Geben Sie den Benutzern visuelles Feedback, um zu signalisieren, wann ein Touch-Ziel aktiv ist, um versehentliche Berührungen zu minimieren.

Wie kann ich testen und sicherstellen, dass die Touch-Ziele meiner Website benutzerfreundlich sind?

Tests sind notwendig, um die getroffenen Designentscheidungen zu überprüfen und mögliche Fehler zu finden. Die folgenden Methoden können verwendet werden:

  • Benutzertests: Beobachten Sie die Benutzer, während sie mit Ihrer Website auf Touch-Geräten interagieren, da Sie so direktes Feedback zu möglichen Problemen mit der Benutzerfreundlichkeit erhalten.

  • Tools für Barrierefreiheit: Verwenden Sie Tools, die Bereiche anzeigen, in denen Touch-Ziele problematisch sein könnten.

  • Geräteemulation: Verwenden Sie verschiedene Bildschirmgrößen, um Ihre Website mithilfe von Entwicklertools oder Browsern zu testen.

  • Analytik: Überwachen Sie die Benutzeraktionen und melden Sie, wenn Benutzer Probleme mit den Touch-Interaktionsbereichen haben.
Profi-Tipp:
Führen Sie Benutzertests mit repräsentativen Nutzern Ihrer Zielgruppe durch, um wertvolle Einblicke in deren spezifische Bedürfnisse und Verhaltensweisen zu gewinnen.

Fazit

Touch-Targeting befasst sich mit der Optimierung von Touchscreens. Kombinieren Sie es mit ausreichend Abstand zwischen den Zielen, testen Sie die Interaktion auf realen Geräten und berücksichtigen Sie den Kontext. Stellen Sie sicher, dass die Interaktion der Benutzer mit der Oberfläche nicht nur möglich, sondern auch angenehm ist.

Inhaltsverzeichnis

BEREIT, IHR KLEINUNTERNEHMEN ZU STARTEN?

Wichtiger Hinweis: Die Informationen unseres Expertenteams sollen Ihnen ein allgemeines Verständnis des Prozesses der Webseitenerstellung und der Ihnen zur Verfügung stehenden Funktionen vermitteln. Es ist wichtig zu beachten, dass diese Informationen keine professionelle Beratung ersetzen, die auf Ihre spezifischen Bedürfnisse und Ziele zugeschnitten ist.
Lesen Sie unsere redaktionelle Standards für Answers-Inhalte.
Unser Ziel ist es, Sie in die Lage zu versetzen, eine großartige Webseite zu erstellen. Wenn Sie Fragen haben oder Unterstützung während des Erstellungsprozesses benötigen, zögern Sie nicht, Kontaktieren Sie uns. Wir helfen Ihnen gerne weiter und weisen Sie in die richtige Richtung.