Erste Schritte
Ein guter Ausgangspunkt beim Entwerfen einer mobilen App ist das Erlernen der Plattform-Richtlinien. Sowohl iOS als auch Android verfügen über eigene Designmuster, die Details festlegen, wie Ihre App aussehen und sich verhalten sollte.
Richtlinien helfen Ihnen, die gleiche visuelle Sprache wie Ihre Benutzer zu sprechen. Sie stellen sicher, dass sich Ihre App wie eine native Anwendung anfühlt und eine vertraute Erfahrung bietet.
Es liegt an Ihnen, in welchem Maße Sie ihnen folgen. Viele große Apps wie Airbnb und Uber wirken nativ, während sie ihren eigenen einzigartigen visuellen Stil einführen. Aber wenn Sie noch nie eine App entworfen haben, empfehle ich, ihnen so nah wie möglich zu folgen. Es hilft Ihnen, ein Gefühl für jede Plattform zu bekommen.
iOS-Richtlinien
Die iOS-Richtlinien sind Teil der umfassenderen Designrichtlinien von Apple - Human Interface Guidelines oder HIG. Sie sind der Entwurf für die Gestaltung intuitiver und visuell ansprechender Benutzeroberflächen im Apple-Ökosystem. HIG setzt sich für Einfachheit, leichte Navigation, Lesbarkeit von Texten, intuitive Verwendung von UI-Elementen und einen Fokus auf Inhalte ein.
Zum Einstieg empfehle ich dieses 6-minütige WWDC-Video und den Besuch ihrer Website. Eine weitere gute Möglichkeit ist, tief in das UI-Kit von iOS einzutauchen und mit der Kombination verschiedener Komponenten zu experimentieren.
Android-Richtlinien
Genau wie Apple hat auch Google seine eigene Designsprache und Muster namens Material Design. Es fordert die Nutzung von kräftigen Farben, Grafikelementen und Bewegung, um eine Informations- und Aktionshierarchie zu schaffen.
Material verwendet Tiefe, um die Bedeutung von Elementen durch Erhebung und Schatten zu vermitteln. Dieser Ansatz zielt darauf ab, Apps mit visuellen Hinweisen intuitiver zu gestalten, die auf Berührungen in einer Weise reagieren, die die physische Welt nachahmt.
Google hat eine spezielle Website erstellt, auf der Sie Richtlinien erkunden und mehr über Komponenten erfahren können.
Design-Tools
Genauso wie ein Maler Pinsel und eine Leinwand benötigt, benötigt ein App-Designer die richtigen Werkzeuge. Figma und Sketch haben sich zu den bevorzugten Editoren für Designer entwickelt. Sie haben zwar steile Lernkurven, bieten jedoch leistungsstarke Funktionen, sobald Sie sie beherrschen.
Beide sind vektorbasiert, und Sie können alles entwerfen, von Icons bis zu komplexen Mehrbildschirm-Oberflächen. Beide haben ein umfangreiches Plugin-Ökosystem. Figma ist browserbasiert und kann auf jedem Mac und PC verwendet werden, während Sketch nur auf dem Mac als native App verfügbar ist.
Ein weiteres Tool, das ich sehr empfehle, auszuprobieren, ist Banani. Es ist eine KI, die die Benutzeroberfläche mobiler Apps aus einfachen Texteingaben erzeugt. Sie können innerhalb von Minuten verschiedene Ideen erkunden, ohne stundenlang Editing-Software lernen zu müssen.
Beim Entwerfen der App werden Sie definitiv Icons benötigen. Apple hat eine spezielle App namens SF Symbols veröffentlicht. Damit können Sie jedes erdenkliche oder benötigte Icon für Ihr Projekt finden.
UX-Grundlagen
Wie bei jeder Benutzeroberflächengestaltung geht es bei gutem Mobile Design darum, Benutzerprobleme bestmöglich zu lösen. Eine App sollte ein konsistentes Erscheinungsbild beibehalten, einfache und direkte Sprache verwenden und den Benutzern sofortiges Feedback zu ihren Aktionen geben.
Nngroup ist eine wunderbare Ressource, um Designmuster, Informationsarchitektur, Interaktionsdesign und viele andere UX-bezogene Themen zu lernen.
Growth.design hat eine erstaunliche Sammlung von Fallstudien in Form von interaktiven Comics. Sie werfen einen genaueren Blick auf Apps, die wir täglich nutzen. Ich kehre oft dorthin zurück, um einige psychologische Prinzipien aufzufrischen, obwohl ich ein erfahrener Designer bin.
Denken Sie daran, jedes Designelement auf dem Bildschirm dient einem Zweck. Von der Farbauswahl bis zur Typografie. Elemente sollten zusammenwirken, um den Benutzer durch die App zu führen und das Komplexe einfach erscheinen zu lassen.
Inspiration
Referenzen finden und inspiriert bleiben ist ein großer Aspekt jeder Designarbeit. Es hilft Ihnen, die besten Muster zu finden und den Fluss von Ideen aufrechtzuerhalten.
Designer posten ihre Arbeiten auf Plattformen wie Dribbble und Read.cv. Neben Referenzen können sie eine großartige Einführung in die Design-Community sein. Pinterest, auch wenn es nicht auf Interface-Design fokussiert ist, ist erstaunlich, um jegliche visuelle Inspiration zu finden.
Oft ist es besser, etablierte Muster wiederzuverwenden, anstatt das Rad neu zu erfinden. Zu diesem Zweck empfehle ich Banani. Es hat eine Sammlung von mehr als 100.000 Bildschirmen aus anderen Apps, die Sie als Inspiration und Ausgangspunkt verwenden können.
Zusammenfassung
Die Schönheit des Designs besteht darin, Ihre Ideen Wirklichkeit werden zu sehen. Ich hoffe, dieser Artikel hat Ihnen einen Überblick darüber gegeben, wo Sie mit dem Entwerfen einer mobilen App beginnen können :)
Wenn Sie tiefer in UX eintauchen möchten, habe ich auch einen Überblick über wichtige UX-Designgesetze und Prinzipien erstellt.
