it-swarm.com.de

Iphone App Test Scrollen

Ich entwerfe einen Test für ein iPhone und Android App. Der Test besteht aus 10 Fragen. Jede Frage hat 3 Antworten, A, B und C. Die Länge der Frage und die Antworten sind variabel und zufällig aus einer Datenbank gezogen.

Nach jeder Frage gibt es eine vorherige und eine nächste Schaltfläche.

Einige Fragen sind lang, sodass die vorherigen und nächsten Schaltflächen ohne Bildlauf nicht sichtbar sind. Wenn ich die vorherigen und nächsten Schaltflächen oben in der App positionieren würde, wäre in einigen Fällen die dritte Antwort (C) ohne Scrollen nicht sichtbar.

Meine ursprüngliche Idee war, die nächste Frage automatisch zu laden, wenn ein Benutzer auf eine Antwort klickt, ich jedoch noch eine vorherige Schaltfläche benötige.

Ich habe noch keinen Prototyp gebaut, bin mir also nicht sicher, wie wichtig das Scrolling-Problem ist. Ich wäre jedoch sehr interessiert, von Vorschlägen zu hören.

4

Sie können mit den Wischgesten nach links und rechts zwischen den Fragen wechseln.

Diese Funktionalität kann aus Punkten am unteren Rand der Frage abgeleitet werden, die die Seite angeben, auf der Sie sich befinden (wie der Startbildschirm des iPhones). Benutzer von Smartphones sind an diesen visuellen Hinweisen interessiert.

Sie können diese Indikatoren sogar verwenden, um anzuzeigen, ob der Benutzer die Frage auf dieser Seite beantwortet hat oder nicht (ausgegraut, wenn nicht, grün, wenn ja, vielleicht?).

Sie können diese Funktionalität auch auf einer Intro-Seite hervorheben, wie Bart vorschlägt.

3

Meine Idee: Die Schaltfläche Weiter unter die Antwort zu setzen, scheint mir am logischsten zu sein.

Die Reihenfolge der Aktionen, die ein Benutzer ausführt, ist:

  1. Lies die Frage
  2. Beantworte die Frage
  3. Fahren Sie mit der nächsten Frage fort.

Es ist sinnvoll, diese Reihenfolge in der Benutzeroberfläche wiederzugeben. Daher muss die Schaltfläche Weiter unten stehen. Die Schaltfläche "Zurück" gehört zur Schaltfläche "Weiter", da es sich auch um eine Art Navigationsschaltfläche handelt. Setzen Sie diese also links neben die Schaltfläche "Weiter".

Was das Scrollen betrifft: Ich denke, es ist sicher anzunehmen, dass ein iPhone oder Android Benutzer das Konzept des Scrollens versteht.

Das einzige Problem bleibt dann, dass der Benutzer nicht weiß, dass er scrollen muss, wenn die erste Frage lang genug ist, damit sich die Schaltflächen Zurück und Weiter außerhalb des sichtbaren Bereichs befinden, die Frage und die Antworten jedoch sichtbar sind. Einfache Lösung: Fügen Sie eine Einführungsseite hinzu, z. B. "Hallo und Willkommen - Ihnen wird eine Reihe von Fragen gestellt, die blablabla ... Klicken Sie auf Weiter, um loszulegen". Setzen Sie die Schaltfläche Weiter wie in den Fragen unten. Dadurch wird der Benutzer an der Position der Schaltfläche Weiter geschult. Natürlich müssen Sie sicherstellen, dass auf der Einführungsseite die Schaltfläche Weiter direkt sichtbar ist.

1
Bart Gijssens