it-swarm.com.de

Sollten Touch-Image-Schieberegler in Mobilgeräten das Scrollen bei Touch-Ereignissen vermeiden?

Stellen Sie sich einen Bildschieber in voller Breite vor, der auf einer Seite, die nach oben und unten gescrollt werden kann, nach links und rechts verschoben wird. Wenn die Benutzerin den Bildschirm berührt und ihren Finger nach links und rechts bewegt, möchten wir den Schieberegler ändern. Wenn die Benutzerin ihren Finger vertikal bewegt, möchten wir die Seite scrollen.

Wir können das Scrollen vermeiden, wenn eine Berührung im Schiebereglerbereich beginnt, oder wir können das Scrollen in diesem Bereich zulassen und gleichzeitig die Animation der Folie ändern. (Dies führt zu einer verdrahteten Zwei-Wege-Bewegung der Folie.) OR Wir können die Richtung des Touchmove-Ereignisses überprüfen und entscheiden, welche Aktion am besten für den Touchmove geeignet ist.

enter image description here

Welcher Ansatz ist besser und warum?

7
Mohsen

Ich bin sicher, dass dies nicht die Antwort ist, die Sie hören möchten, aber es gibt DREI Verhaltensweisen, die implementiert werden sollten. Wenn das touchstart eines Benutzers außerhalb des Schiebereglerbereichs auftritt, sollte das Standardverhalten auftreten (entweder Scrollen oder Klicken auf einen Link usw.), aber wenn sich das touchstart innerhalb des Schiebereglerbereichs befindet, muss eines von drei Dingen erforderlich sein passieren:

  1. Sperren Sie touchmoves mit dem Schieberegler und schieben Sie nur.
  2. Sperren Sie touchmoves für das Scrollen und scrollen Sie nur
  3. Lassen Sie gleichzeitig scrollen und gleiten.

Welches Sie auswählen, hängt von den Schwellenwerten ab und erfordert einige Anpassungen. Ich werde ein Beispiel geben, was für mich funktioniert hat:

enter image description here

Hier ist der Mittelpunkt des Kreises touchstart. Wenn sich der Finger von der Mitte entfernt, wenn er in den 'grünen' Bereich fällt (2) zum Scrollen sperren. Wenn das touchmove in den 'orangefarbenen' Bereich fällt (1) nur schieben. Wenn beides nicht 'blau' ist, dann (3) beides.

Die Idee hier ist, zu versuchen, das Verhalten so zu gestalten, dass es die Absicht des Benutzers widerspiegelt. Ich ermutige Sie, mit der Gradschwelle zu experimentieren und zu bestimmen, wie weit touchmove von touchstart fallen muss, bevor Sie den Winkel messen (ich verwende 10px).

Die Idee hier ist, niemals eine Berührung scheitern zu lassen. Unabhängig davon, wo der Benutzer das Display berührt, sollte die erwartete Interaktion stattfinden. Die Auswahl eines bestimmten Verhaltens, das immer auftreten soll, mit dem Vorwissen, dass der Benutzer möglicherweise ein anderes Verhalten erwartet, ist eine schlechte UX. Wir sollten immer versuchen, dass sich unsere Anwendungen wie erwartet verhalten, auch wenn der Benutzer das "Falsche" tut.

6
Fresheyeball

Ich würde sagen, bestimmen Sie die geeignete Aktion basierend auf dem Touchmove-Ereignis des Benutzers, unabhängig davon, wo sie sich auf der Seite befinden. Benutzer mit Touch-Geräten sind bereits an viele der verschiedenen Gesten und Touch-Aktionen gewöhnt, die sie ausführen können. Aufgrund der Freiheit, wie Touch-Geräte funktionieren, wird erwartet, dass bestimmte Aktionen wie das Auf- und Abbewegen des Fingers auf dem Gerät dazu führen, dass die Seite gescrollt wird.

Indem Sie zulassen, dass Touchmove-Ereignisse von einem beliebigen Ort auf der Seite ausgehen, vermeiden Sie die Möglichkeit, dass Benutzerfrustrationen durch ein Touchmove-Ereignis ignoriert werden, da es aus einem Bereich stammt und in einem anderen endet. Noch frustrierender für einen Benutzer ist, dass eine unerwartete Aktion wie das Vorrücken eines Schiebereglers auftritt, wenn eine Geste eindeutig zum Scrollen dient, aber aufgrund der Position, an der sie ausgeführt wurde, ignoriert wurde.

Während gängige Gesten für die geräteübergreifend standardisiertesten Gesten gelten, ist es nicht möglich, dass einige Geräte für einige Benutzer frustrierender werden, wenn die Ereignisse für verschiedene Abschnitte einer Seite begrenzt sind. Die Freiheit, die Touch-Geräte bieten, kann einen Benutzer schnell erschweren, wenn eine häufige Geste im Vergleich zu anderen Websites und Apps nicht mehr funktioniert.

Wenn Sie befürchten, dass einige Benutzer den Schieberegler auf einem Touch-Gerät nicht verwenden können, sollten Sie verschiedene Methoden untersuchen, um Benutzer über die Art der Aktionen zu informieren, die sie bei der Arbeit mit Ihren Inhalten ausführen können. Stellen Sie nur sicher, dass diese zusätzlichen Informationen den Benutzer nicht ständig ablenken. Das ständige Nörgeln der kontextbezogenen Hilfe kann für wiederkehrende Besucher ebenso frustrierend sein. Das folgende Beispielmodell zeigt, was ich unter kontextbezogener Hilfe verstehe.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

0
JeffH

Ich habe dies kürzlich in einer Frage angesprochen, die ich beantwortet habe: Ich kann mir kein einziges Mal einfallen lassen, bei dem ich die Dual-Scrolling-Fähigkeit einiger Apps geschätzt habe. Ich bin damit in der neuesten Google Talk-App auf ICS) einverstanden, da Sie selten nach oben/unten scrollen. Daher ist es sinnvoll, nach links/rechts zu wischen, um die Konversationen zu ändern. Dies geschieht auch im Blackberry Playbook - Die App-Schublade ist ausgelagert, rollt aber auch verblüffend nach unten, sodass ich denke, ich hätte für eine Weile mehrere Symbole verloren.

Ich habe ähnliche Probleme mit einigen Apps, die eine Wischgeste zum Umblättern verwenden, aber das Vergrößern des Inhalts zulassen. Sie werden am Ende gegen den Rand des Umblätterns gestoßen, ohne es zu erwarten, wenn Sie über die Seite scrollen.

Es sieht so aus, als ob Ihr Fall etwas anders ist, da die App zwei separate Inhaltsbereiche enthält. In diesem Fall würde ich empfehlen, das Bild oben schmaler als die Bildschirmbreite zu machen, damit der Benutzer das nächste Bild vom Bildschirm hängen sehen kann. Fügen Sie ein Trennzeichen zwischen dem Bild und dem Text unten ein und hängen Sie den Text auf ähnliche Weise am unteren Bildschirmrand auf, damit sie scrollen können.

Diese Änderung ist tatsächlich in der Google Play App implementiert. Sie können wischen, um die Bilder einer App anzuzeigen, und im selben Bildschirm einen Bildlauf durchführen, um mehr von der Beschreibung anzuzeigen.

0
Karen