it-swarm.com.de

Wie gestaltet man unter Android eine sehr flache Navigation?

Ich muss in meiner mobilen App einen einfachen Kontobereich mit 1-stufiger Tiefennavigation erstellen:

           ___ Register
          /
Account --
          \___ Login

Auf dem iPhone verwende ich eine gruppierte Tabellenansicht:

__________________
|_____Account_____|
|  ____________   |
| /            \  |
| | Log in    > | |
| --------------| |
| | Register  > | |
| \____________/  |
|                 |
|_________________|

Wenn Sie auf eine Tabellenzelle tippen, navigiert diese zu einem neuen Bildschirm mit einer Zurück-Schaltfläche oben und zurück zur Root-Kontoseite. Ich denke, dass dies unter iOS ziemlich gut funktioniert, da die abgerundeten Kanten in einer gruppierten Tabellenansicht jede Zelle wie eine Schaltfläche aussehen lassen.

Unter Android wird die Analogie zu einer Tabelle Ansicht als Liste Ansicht bezeichnet. Leider gibt es keine integrierte Möglichkeit, jede Zelle in Android abzurunden. So sieht es aus:

__________________
|_____Account_____|
| Login           |
|-----------------|
| Register        |
|-----------------|
|                 |
|                 |
|_________________|

Ist das ein akzeptables Design für Android? Ich mache mir Sorgen, dass die Listenansicht in Android nicht tippbar aussieht. Es ist nur einfacher Text mit Trennwänden. Zweitens gibt es zwei winzige Textzeilen oben und unten auf der Seite ist leer.

5
JoJo

Ich stimme Roman hinsichtlich der Minimierung des Eingangs-/Betriebsverhältnisses zu. Aber anstatt die beiden Formulare zu mischen (Sie haben möglicherweise unterschiedliche Eingabeformulare für die Registrierung und es könnte den Benutzer verwirren), würde ich Tabs verwenden. Es würde immer noch einen Klick brauchen, wenn Sie sich registrieren möchten, aber ich denke, Sie tun das nicht jeden Tag. Es wäre für den Protokollierungsbenutzer ziemlich unauffällig, und für den neuen registrierenden Benutzer wäre die Registerkarte "Registrieren" ganz oben zu sehen.

Teilweise OT: Wenn Sie immer noch eine Aktivität mit zwei Schaltflächen verwenden möchten, würde ich keine ListView verwenden. Dies ist eher der Fall, wenn sich Elemente/Auswahlmöglichkeiten mit der Zeit ändern oder sie so viele sind, dass Sie müssen es scrollen. Verwenden Sie für zwei Schaltflächen einfach ein Layout und zwei Schaltflächen. Sie können ihren Aspekt mit neun Patches ganz einfach ändern. Beachten Sie jedoch, dass der Standardaspekt von Android Widgets überhaupt nicht Standard ist: Jedes Gerät kann ein anderes Erscheinungsbild haben und Sie möchten dies möglicherweise nicht gehe dagegen vor (obwohl die meisten es tun).

www.androidpatterns.com ist ein schönes Schaufenster für diese Art von Problemen.

2
bigstones

Eine möglicherweise würdige Alternative zur listen- oder schaltflächenbasierten Navigation, die zu getrennten Bildschirmen Login und Register führt, wäre die Kombination von Login und Registrieren in eine einzelne Aktivität. Dies stimmt gut mit der Vorstellung überein, dass Sie auf Mobilgeräten die Menge an Dateneingaben minimieren möchten, die Benutzer ausführen müssen (d. H. Ihren Registrierungsfluss auf das Nötigste beschränken). Einige Apps tun dies bereits erfolgreich.

Auf diesem einzelnen Bildschirm befinden sich vier Formularelemente: E-Mail und Passwort Felder und Anmelden und Registrieren Schaltflächen. Beide Schaltflächen sind standardmäßig deaktiviert. Wenn der Benutzer mit der Eingabe seiner E-Mail-Adresse beginnt, kann Registrieren aktiviert werden. Wenn sie hier Registrieren auswählt, wird ein Konto erstellt und ein temporäres Passwort per E-Mail an sie gesendet. Wenn sie ein Passwort eingibt, wird Login möglicherweise aktiviert. Wenn sie Login auswählt und ein Authentifizierungsfehler auftritt, sollten Sie eine Meldung mit dem Effekt "Wollten Sie sich jetzt anmelden?" Anzeigen. Wenn sie Registrieren mit einer E-Mail und einem eingegebenen Passwort auswählt, erstellt sie ein Konto mit diesen Anmeldeinformationen.

Einige andere Punkte:

  • Vergessen Sie nicht, einen Mechanismus zum Vergessen des Passworts bereitzustellen.
  • Fragen Sie nicht nach einer erneuten Eingabe des Passworts - Benutzer können jederzeit auf Ihren Mechanismus "Passwort vergessen" zurückgreifen.
  • Erwägen Sie, das E-Mail-Textfeld mit bekannten Konto-E-Mail-Adressen auf dem Gerät vorab auszufüllen, um die Belastung der mobilen Texteingabe für den Benutzer weiter zu verringern. Android bietet ein AutoCompleteTextView, das hier gut dienen kann.
2
Roman Nurik

Wenn Sie befürchten, dass Ihre Artikel nicht tippbar aussehen, können Sie ein Popup-Menü verwenden:

enter image description here

1

Ich kann sagen, dass Sie ein iOS-Benutzer sind.

Android-Benutzer sind vom Betriebssystem abhängig, um sie zu erkunden. Android Benutzer werden auch verstehen, dass "Anmelden" und "Registrieren" nicht nur zufällige Wörter auf dem Bildschirm sind, sondern zwei Aktionen, die sie möglicherweise ausführen möchten.

Beachten Sie, dass Google nichts Besonderes verwendet, um die Einstellungselemente berührbar erscheinen zu lassen:

(Example of touchable items in Android
(Quelle: anandtech.com )

Der Grund, warum dies funktioniert, ist, dass Android ist viel kontextsensitiver als iOS und verwendet den Kontext, um die Auswahlbarkeit zu kommunizieren, anstatt visuelle Hinweise.

Ein weiterer Tipp (den Sie bereits verwenden, den Sie jedoch möglicherweise kennen oder nicht kennen) ist die Verwendung von Verben und aktiver Sprache. Wenn Ihre Diktion Informationen oder etwas Statisches (Konto) anstelle von etwas impliziert, das sie erreichen möchten (Anmelden), merkt der Benutzer möglicherweise nicht, dass er dieses Element berühren kann.

Benutzer: "Ich möchte mein Konto nicht anzeigen, ich muss mich anmelden!"

Wenn Ihr Benutzer über seinen Standort in Ihrer App informiert ist (siehe "Ich sollte immer wissen, wo ich bin" http://developer.Android.com/design/get-started/principles.html =) Dann sollten sie wissen, dass sie sich auf diesem Bildschirm befinden, um sich anzumelden oder zu registrieren, und sollten wissen, dass die beiden Optionen auf dem Bildschirm eine von zwei Aktionen sind, die sie ausführen müssen. Sobald der Benutzer dies erkennt, tippt er auf die Aktion, die er ausführen möchte.

0
sonictt1