Einführung in Android Design Patterns

Zuvor haben Sie über Designmuster und deren Anwendung auf die iOS-Plattform informiert. In diesem Artikel werden Designmuster auf der Android-Plattform genauer unter die Lupe genommen und unterscheiden sich von den Designmustern unter iOS. Wenn Sie mit Designmustern auf Android nicht vertraut sind, ist dieser Artikel für Sie.

Wenn Sie meinen vorherigen Artikel über Entwurfsmuster unter iOS noch nicht gelesen haben, sollten Sie sich diesen Artikel einige Minuten lang durchlesen, bevor Sie fortfahren. Einige der Konzepte und Begriffe, die in diesem Artikel verwendet werden, wurden in Einführung in iOS-Entwurfsmuster vorgestellt.

Android Design-Prinzipien

Jedes Betriebssystem oder jede Plattform hat Richtlinien für das Design. Ein konsistentes Design trägt dazu bei, ein klares Erscheinungsbild für das Betriebssystem oder die Plattform zu schaffen. Wenn Sie beispielsweise an einer Anwendung arbeiten, die sowohl auf iOS als auch auf Android zielt, werden Sie feststellen, dass es eine Reihe von subtilen - und nicht so subtilen - Unterschieden hinsichtlich der Vision gibt, die dem Design zugrunde liegt. Dies sind einige Beispiele für Aspekte, die anders als bei anderen mobilen Betriebssystemen hervorgehoben werden.

  • Personalisierung: In den Android-Richtlinien wird empfohlen, eine Stufe der Personalisierung in eine Anwendung einzufügen, da sich Benutzer dadurch wie zu Hause fühlen. Ein gutes Beispiel für dieses Konzept ist die Möglichkeit, dem Benutzer die Möglichkeit zu geben, eine Anwendung zu gestalten.
  • Icons über Wörtern: Wenn Sie etwas durch visuelle Elemente wie Symbole oder Bilder kommunizieren können, sollte dies die bevorzugte Kommunikationsmethode sein. Wenn Sie auf ein Szenario stoßen, in dem Wörter absolut notwendig sind, sollten Sie es kurz und aussagekräftig halten.
  • Jeder Benutzer ist ein Experte: Mobile Anwendungen sollten immer einfach zu bedienen sein. Gleichzeitig sollten Sie dem Benutzer den Eindruck vermitteln, dass er ein Power-User ist. Dies kann durch die Bereitstellung von Verknüpfungen oder durch Implementierung eines leistungsfähigen Onboarding-Prozesses erreicht werden.

Standard-Android-Benutzeroberflächen

Als Ausgangspunkt bietet die Android-Plattform derzeit zwei Standardthemen, wenn Sie Anwendungen für die Plattform entwerfen möchten. Diese Themen sind nützlich und empfehlenswert, wenn Sie gerade erst anfangen, aber sie sind keinesfalls obligatorisch.

Die Themen heißen Holo Light und Holo Dark, ein helles und ein dunkles Thema, je nachdem, welchen visuellen Stil Sie in Ihrer Anwendung erreichen möchten.

Die Verwendung eines der Standardthemen hilft Ihnen, wenn Sie gerade erst anfangen und mehr über die Designmuster von Android erfahren. Da die Standarddesigns Teil von Android sind, gehen Sie von einem soliden Fundament aus, das den Standards des Betriebssystems entspricht. Es ist auch ein guter Ausgangspunkt für individuelle Designs.

Anwendungssymbole

Natürlich geht es nicht nur um die Oberfläche der Anwendung. Selbst wenn flaches Design auf iOS populär wurde, hat sich ein klarer Unterschied zwischen Anwendungssymbolen auf Android und iOS herausgestellt.

Die meisten Android-Anwendungen verfügen über Anwendungssymbole, die ein Gefühl der Tiefe erzeugen, um die reale Welt nachzuahmen. Viele Anwendungssymbole auf Android haben einen subtilen 3D-Effekt, um diese Tiefe zu erzeugen. Ein weiterer auffälliger Unterschied zwischen Symbolen auf Android und iOS ist die Verwendung von Transparenz.

Wenn Sie eine Anwendung entwickeln, die sowohl für Android als auch für iOS gedacht ist, ist es wichtig, ein Konzept zu entwickeln, das auf beiden Plattformen gut funktioniert.

Interaktionsdesign

Wenn ein Benutzer mit der Benutzeroberfläche einer Anwendung interagiert, erwartet er visuelle Rückmeldungen. Dieses Feedback ist im Allgemeinen auf Android expliziter als auf iOS.

Visuelles Feedback eignet sich hervorragend zur Verbesserung der Benutzererfahrung, da es ein Gefühl der Reaktionsfähigkeit und Kontrolle erzeugt. Dies sind zwei Aspekte, die Benutzer von mobilen Anwendungen erwarten.

Ich empfehle Ihnen, einige der beliebtesten Anwendungen jeder Plattform herunterzuladen und zu erkunden, wie sie auf Ihre Eingaben reagieren.

Unterschiede zwischen Android und iOS

Es sollte keine Überraschung sein, dass eine Reihe von Komponenten auf der Android-Plattform einzigartig oder anders sind.

Beachten Sie, dass dies nur einige Beispiele sind. Der beste Rat, den ich Ihnen geben kann, wenn Sie eine Anwendung für eine Plattform erstellen, mit der Sie nicht vertraut sind, besteht darin, Informationen von Benutzern und Entwicklern einzuholen, die mit der Plattform vertraut sind. Sie können schnell auf was hinweisen fühlt sich ungerade oder falsch und was nicht.

Feste Tabs

Unter iOS befindet sich in der Benutzeroberfläche einer Anwendung normalerweise eine Registerkartenleiste am unteren Bildschirmrand. In Android befinden sich die Registerkarten jedoch oben. Android unterstützt mehrere und scrollbare Registerkarten, während für iOS bestimmte Richtlinien gelten, in denen sich Registerkarten für Anwendungsfälle gut eignen und in den Richtlinien sogar die maximale Anzahl von Registerkarten angegeben ist.

Das Ergebnis ist, dass eine für die Android-Plattform entwickelte Benutzeroberfläche nicht immer verfügbar ist Arbeit auf iOS aus technischen Gründen. Scrollbare Registerkarten sind beispielsweise für Android eindeutig und werden vom iOS SDK nicht unterstützt.

Dropdown-Menü

Ein Dropdown-Menü finden Sie nur bei Android. Es gibt verschiedene Anwendungsfälle, bei denen ein Dropdown-Menü gut passt. Wenn Sie über viele Funktionalitäten oder viele Inhaltsgruppen mit inkonsistenter Navigation verfügen, ist ein Dropdown-Menü eine praktikable Lösung, um das Problem zu lösen.

Zurück und aufwärts

Seit Android 4.0 gibt es eine klebrige Navigationsleiste am unteren Bildschirmrand. Neben dem kürzlich Schaltfläche enthält die Navigationsleiste a zurück und oben Taste. Klopfen zurück Bringen Sie den Benutzer beim Tippen zum vorherigen Bildschirm oben bringt Sie zur obersten Ebene in der Hierarchie der Anwendung.

Ich könnte zum Beispiel durch verschiedene Inhalte einer Anwendung blättern. Der Zurück-Button würde mich beim Tippen auf den vorherigen Punkt zurückbringen oben würde zu dem Auswahlmenü navigieren, aus dem ich einen neuen Eintrag auswählen kann. Dies ist eine leistungsstarke Funktion, die Sie beim Erstellen der Informationsarchitektur einer Anwendung berücksichtigen sollten.

In Android werden im Allgemeinen keine benutzerdefinierten Schaltflächen angezeigt, wie sie normalerweise in der Navigationsleiste von iOS-Anwendungen angezeigt werden.

Widgets

Android unterstützt auch Widgets, die auf der iOS-Plattform völlig fehlen.

Designmuster erkunden

Lassen Sie uns tiefer in einige der Designmuster von Android eintauchen. Im Allgemeinen empfiehlt es sich, eine Benutzeroberfläche zu erstellen, um zu sehen, wie andere Anwendungen ein bestimmtes Designproblem lösen und wie Standardoberflächenelemente dieses Problem lösen können.

Wie zeigen beispielsweise andere Anwendungen Inhalte an? Wie gehen sie mit Benutzereingaben um? Oder E-Commerce implementieren? Anhand einiger Beispiele erhalten Sie eine Vorstellung von den möglichen Lösungen zur Lösung des Konstruktionsproblems. Heißt das, Sie sollten eine vorhandene Anwendung unbedingt kopieren? Nicht wirklich.

Eine durchdachte App versucht, ein bestimmtes Problem zu lösen. Normalerweise versucht Ihre App, ein einzigartiges Problem zu lösen, das heißt, Sie müssen einen geeigneten Benutzerfluss ermitteln.

Die folgende Liste soll Ihnen eine Einführung geben, um über mögliche Entwurfsmuster für Ihre Anwendung nachzudenken:

  • Zeigen Sie es nicht. Das Unterrichten der Benutzer über die Funktionalitäten Ihrer App sollte durch Aktionen erfolgen, statt sie den Benutzern mitzuteilen. Im Allgemeinen sollten Tutorials möglichst vermieden werden.
  • Fokus. Ein Bildschirm sollte aus Sicht des Benutzers vorzugsweise ein einziges Ziel haben.
  • Ermutigen Sie die Erkundung verschiedener Funktionen durch effiziente Navigation. Öffnen Sie fünf Anwendungen und sehen Sie, wie die Navigation implementiert wird. Erfahren Sie die Vor- und Nachteile jeder Implementierung.
  • Definieren Sie das Datenmodell und den Benutzerfluss, bevor Sie Ihre Anwendung erstellen und entwerfen. 
  • Suchen Sie beim Erstellen einer neuen Anwendung nach ähnlichen Anwendungen, von denen Sie lernen möchten. Wie sieht der Benutzerfluss aus? Wie ist die Benutzeroberfläche aufgebaut und wie kann sie verbessert werden??
  • Das Anwenden von Entwurfsmustern führt zum abstrakten Nachdenken über das Erstellen der effizientesten Anwendung mit einem starken Fokus auf den Benutzerfluss und die Benutzeroberfläche.
  • Binden Sie Android-Benutzer in den Entwurfsprozess ein, um frühzeitig Feedback zu erhalten und den aktuellen Stand Ihres Designs zu überprüfen.

Fazit

Wenn Sie mehr über Android-Entwurfsmuster erfahren möchten, müssen Sie sich mit der Android-Plattform besser vertraut machen. Durch das Erstellen einer Benutzeroberfläche, die den Standards des Betriebssystems sehr ähnlich ist, haben Benutzer ein höheres Gefühl der Vertrautheit und eine verbesserte Benutzererfahrung.

Denken Sie daran, dass wir das Thema nur kurz angerissen haben. Es stehen viele Ressourcen zur Verfügung, mit denen Sie Ihr Verständnis von Entwurfsmustern auf Android verbessern können. Am meisten lernen Sie jedoch, wenn Sie Benutzerabläufe und Benutzeroberflächen erstellen.

Ressourcen

  • Mobile Design Pattern Gallery
  • Erfahren Sie mehr über Android-Metriken und -Gitter
  • Android Patterns
  • Android App-Muster
  • Android-inspirierte Benutzeroberfläche
  • Android Pttrns