Über die Wichtigkeit von Usability könnte viel geschrieben werden, wird es an anderen Stellen auch. Fakt ist, dass gerade bei mobilen Anwendungen eine intuitive und vor allem schnelle Bedienung unabdingbar ist. Zu diesem Zwecke überarbeite ich gerade meine Windows Phone App Working Hours Tracker um notwendige Verbesserungen zu schaffen.
Im ständigen Betrieb hat sich gezeigt, dass das verwendete Zeitauswahl-Steuerelement wenig praktikabel ist, um zahlreiche Einträge innerhalb kurzer Zeit zu erfassen. Zwar ist es schön anzusehen, die Eingabe ist dann aber doch sehr mühsam. Hier ein Screen:
Folgende Eigenschaften muss eine praktikable Zeiteingabe für mich erfüllen:
- Anzeige einer bereits gesetzten Uhrzeit
- Auswahl mit wenigen Klicks/Taps möglich
- Kein langwieriges Scrollen
- Animationen zwar erlaubt (teilweise sogar wünschenswert), jedoch sollten mich diese nicht bei der Eingabe aufhalten
Gesagt, getan und eine Umsetzung der ersten Idee fand statt:
Mit dieser Variante ist eine - im Vergleich - sehr schnelle Eingabe möglich. Allerdings kristallisiert sich hier ein kleines Problem heraus. Durch die Anordnung muss die gewünschte Stunde bzw. Minute aufwändig gesucht werden. Dies ist wenig intuitiv, da der Mensch an Uhren gewohnt ist und daher eine derartige Darstellung bevorzugt. Daraus wurde schlussendlich diese Darstellung.
Diese ist zwar nun noch nicht schön gestaltet, lässt aber schon erkennen, wie ich mir eine schnelle Uhrzeit-Eingabe vorstelle. An der Übersichtlichkeit muss definitiv noch gearbeitet werden, die ersten Tests sind allerdings vielversprechend, da ein Zeiteintrag nun innerhalb eines Bruchteils zur “alten” Variante gemacht werden kann.
Hier nun nochmals alle drei Screens nebeneinander:
Anmerkung
Ich muss hierbei noch anmerken, dass die hier vorgestellte Zeitauswahl auf die Bedürfnisse meiner Anwendung zugeschnitten ist (daher nur eine Auswahl der Minuten in 5er Schritten).
Feedback
Was hältst du von dieser Variante und was würdest du ändern? Über dein Feedback würde ich mich sehr freuen, um hier weiteren Input für meine Überlegungen zu erhalten. Und wer weiß, vielleicht entsteht dadurch ja ein neues Steuerelement für die Community.
Edit
Zwischenzeitlich habe ich versucht den Style ein wenig zu verbessern und ein wenig Feedback einfließen zu lassen. Das aktuelle Ergebnis sieht so aus (die Farbgebung wird von den Theme-Einstellungen übernommen):
