Erste Schritte
Ein guter Ausgangspunkt beim Entwerfen einer mobilen App ist das Lernen der Plattformrichtlinien. Sowohl iOS als auch Android bieten jeweils eigene Designmuster, die Details dazu festlegen, wie Ihre App aussehen und sich verhalten sollte.
Richtlinien helfen Ihnen, die gleiche visuelle Sprache wie Ihre Nutzer zu sprechen. Sie stellen sicher, dass sich Ihre App wie eine native App anfühlt und ein vertrautes Erlebnis bietet.
Es liegt an Ihnen, in welchem Umfang Sie ihnen folgen. Viele große Apps wie Airbnb und Uber fühlen sich nativ an und bringen dennoch ihren eigenen einzigartigen visuellen Stil mit. Aber wenn Sie noch keine App entworfen haben, empfehle ich, sich so genau wie möglich daran zu halten. Es wird Ihnen helfen, ein Gefühl für jede Plattform zu bekommen.
iOS Richtlinien
Die iOS-Richtlinien sind Teil der umfassenderen Designrichtlinien von Apple - den Human Interface Guidelines oder HIG. Sie sind der Entwurfsplan für intuitive und visuell ansprechende Schnittstellen im Apple-Ökosystem. HIG tritt für Einfachheit, leichte Navigation, Lesbarkeit des Textes, intuitive Nutzung von UI-Elementen und einen Fokus auf Inhalte ein.
Um loszulegen, empfehle ich dieses 6-minütige WWDC-Video und den Besuch ihrer Website. Eine weitere großartige Möglichkeit ist es, sich tief in das UI-Kit von iOS zu vertiefen und mit der Kombination verschiedener Komponenten zu experimentieren.
Android Richtlinien
Genau wie Apple hat auch Google eine eigene Designsprache und -muster namens Material Design. Es fördert die Verwendung von kräftigen Farben, grafischen Elementen und Bewegung, um eine Hierarchie von Informationen und Aktionen zu schaffen.
Material verwendet Tiefe, um die Wichtigkeit von Elementen durch Erhebung und Schatten zu vermitteln. Dieser Ansatz zielt darauf ab, Apps intuitiver zu gestalten, mit visuellen Hinweisen, die auf Berührungen reagieren und die physische Welt nachahmen.
Google hat eine spezielle Website geschaffen, auf der Sie Richtlinien erkunden und mehr über Komponenten lernen können.
Design-Tools
Genauso wie ein Maler Pinsel und eine Leinwand benötigt, braucht ein App-Designer die richtigen Werkzeuge. Figma und Sketch sind zu den bevorzugten Editoren für Designer geworden. Sie haben eine ziemlich hohe Lernkurve, bieten aber leistungsstarke Funktionen, sobald Sie sie beherrschen.
Beide sind vektorbasiert, und Sie können alles gestalten, von Symbolen bis hin zu komplexen Multi-Screen Schnittstellen. Beide verfügen über ein umfangreiches Plug-in-Ökosystem. Figma ist browserbasiert und kann auf jedem Mac und PC verwendet werden, während Sketch als native App nur auf dem Mac verfügbar ist.
Ein weiteres Tool, das ich sehr empfehle, ist Banani. Es handelt sich um eine KI, die das UI von mobilen Apps aus einfachen Textvorgaben generiert. Sie können innerhalb von Minuten verschiedene Ideen erkunden, ohne stundenlang Bearbeitungssoftware lernen zu müssen.
Beim Entwerfen der App benötigen Sie definitiv Symbole. Apple hat eine spezielle App namens SF Symbols veröffentlicht. Damit können Sie jedes erdenkliche Symbol finden, das Sie für Ihr Projekt benötigen könnten.
UX-Grundlagen
Wie bei jedem Interface-Design geht es bei gutem mobilem Design darum, Benutzerprobleme bestmöglich zu lösen. Eine App sollte ein konsistentes Erscheinungsbild beibehalten, eine einfache und direkte Sprache verwenden und den Aktionen der Benutzer sofortiges Feedback bieten.
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 komme oft darauf zurück, um einige psychologische Prinzipien aufzufrischen, auch wenn ich ein erfahrener Designer bin.
Denken Sie daran, dass jedes Designelement auf dem Bildschirm einen Zweck erfüllt. Von der Farbauswahl bis zur Typografie. Elemente sollten zusammenarbeiten, um den Benutzer durch die App zu führen und das Komplexe einfach zu machen.
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. Abgesehen von Referenzen können sie eine großartige Einführung in die Design-Community sein. Pinterest, obwohl nicht auf Interface-Design fokussiert, ist erstaunlich, um jede visuelle Inspiration zu finden.
Oft ist es besser, etablierte Muster wiederzuverwenden, anstatt das Rad neu zu erfinden. Zu diesem Zweck schlage ich Banani vor. Es hat eine Sammlung von mehr als 100.000 Bildschirmen von anderen Apps, die Sie als Inspiration und Ausgangspunkt verwenden können.
Zusammenfassung
Die Schönheit des Designs besteht darin, Ihre Ideen zur Realität werden zu sehen. Ich hoffe, dieser Artikel gab Ihnen einen Überblick darüber, wo Sie mit dem Design einer mobilen App beginnen können :)
Wenn Sie tiefer in UX eintauchen möchten, habe ich auch eine Übersicht über wichtige UX-Design-Gesetze und Prinzipien erstellt.
