Als Gründer ist Zeit Ihre wertvollste Ressource. Während eine einfache Online-Suche Sie zu einer Vielzahl von Richtlinien und Tipps zum Erstellen eines perfekten Designs führt, ist das Herausfiltern des nützlichen Inhalts aus dem Rauschen eine schwierige Aufgabe. Nachdem wir dies aus erster Hand erlebt haben, haben wir einen umfassenden Leitfaden für das Design mobiler Anwendungen erstellt, der als einzige Blaupause dient, die Sie für die Erstellung einer Knockout-App benötigen.
Inhaltsverzeichnis
Schritt 1: Die Bedeutung von Benutzertests in Ihrem App-Designprozess
Es gibt keine Möglichkeit, alle Schritte des Mobile Application Design-Prozesses aufzulisten, ohne Benutzertests zu erwähnen. Benutzertests stehen im Mittelpunkt des App-Designprozesses. Wir können diesen Punkt einfach nicht genug betonen. Während des Benutzertests wird ein Prototyp der App an echte Benutzer zum Testen übergeben. Ihr Feedback und ihre Schwachstellen werden notiert und darauf aufbauend wird die nächste Iteration des Prototyps durchgeführt. Es ist eine schnelle und kostengünstige Möglichkeit, das Design und die Funktionalität der App zu testen, damit Designer und Entwickler sie weiter verbessern können.
Als Gründer habe ich auf die harte Tour herausgefunden, wie wichtig es ist, frühzeitig richtige Benutzertests durchzuführen. Wir hatten diese Idee für eine Buchungs-App, die Menschen mit dem nächstgelegenen Friseur verbindet und es ihnen ermöglicht, Termine zu vereinbaren. Wir sind direkt in die Gestaltung der App eingestiegen und haben das Design perfektioniert, ohne dass echte Benutzer die UI-Elemente testen konnten. Nach monatelanger Arbeit wurde die App gestartet. Alle unsere Annahmen bezüglich der Bedürfnisse des Benutzers wurden erschüttert. Die Leute waren skeptisch gegenüber dem Wertversprechen.
Angesichts dieser Situation haben wir einen gründlichen Untersuchungsprozess eingeleitet. Wir haben Nutzerbefragungen und Interviews durchgeführt. Wir haben die Leute gebeten, den Service auszuprobieren, und ihr Feedback aufgezeichnet. Die Analyse der Ergebnisse führte uns zu folgendem Schluss:
- Die meisten Menschen haben bereits einen Friseur, dem sie vertrauen. Sie experimentieren nicht gerne mit neuen Individuen.
- In diesem Fall fügte eine App nur einen zusätzlichen Aufwand in einem bereits einfachen Prozess hinzu.
- Benutzer bevorzugten es, einen Termin mit ihrem Friseur per Telefonanruf, SMS oder WhatsApp zu buchen, anstatt dies über die App zu tun.
- Selbst wenn ein Benutzer über die App einen neuen Friseur fand, musste er die App nicht mehr verwenden.
- Benutzer zahlen einfach nicht für diesen Dienst, insbesondere wenn es keine Möglichkeit gab, die Umgehung zu verhindern.
Es ist jetzt leicht zu erkennen, dass es in meinem Fall keine echte Produktmarktanpassung gab. Bevor ich mich mit dem App-Design-Prozess befasste, hätte ich mich auf Rapid Prototyping konzentrieren sollen. Erstellen Sie einen schnellen Prototyp basierend auf unseren bewährten UI-Designrichtlinien für mobile Apps, testen Sie ihn und wiederholen Sie ihn dann schnell basierend auf dem Benutzerfeedback. Nach mehreren Iterationen hätte ich genug Daten gehabt, um eine fundierte Entscheidung zu treffen und somit Zeit, Aufwand und App-Entwicklungskosten zu sparen.
Es ist wichtig, diesen Prozess beim Erstellen oder Erstellen einer App zu befolgen. So wird sichergestellt, dass Ihre wertvolle Zeit und Ressourcen nicht verschwendet werden.
Schritt 2: App-Design ist keine Einzelaufgabe
Erfolgreiche mobile Apps sind das Ergebnis gemeinsamer Anstrengungen eines multidisziplinären Teams. Das ideale Team besteht aus Ressourcen in den Bereichen Forschung, Grafikdesign, Benutzeroberfläche (UI), Benutzererfahrung (UX), Entwicklung und Marketing. Gründer sind oft versucht, die App selbst zu entwerfen. Dies ist fast ein todsicheres Rezept für eine Katastrophe.
Im Fall meiner Location-Based Barber Booking App ‚HereCut‘ (es fühlte sich damals wie ein cooler Name an), standen wir vor einem ähnlichen Szenario. Mit ein wenig Design- und Entwicklungserfahrung habe ich beschlossen, keine wertvollen Ressourcen für die Einstellung hochqualifizierter Mitarbeiter für mobiles Design zu verschwenden. Wie die meisten Gründer, Ich war sehr streng mit Geld und dies schien der beste Weg zu sein, um mich zu einer unglaublichen App zu entwickeln. Ich wünschte, ich hätte damals einen vollständigen Leitfaden wie diesen gelesen.
Nachdem ich ein paar Monate damit verbracht hatte, den Workflow meines Startups auszugleichen, habe ich eine sehr wertvolle Lektion gelernt. Mein Ansatz, gleichzeitig am Design zu arbeiten und den Code zu schreiben, hatte zu einer Art Deadlock geführt. In der App wurden keine wesentlichen Fortschritte erzielt. Dies war, als ich anfing, meinen Fehler zu erkennen. Während ich den täglichen Betrieb meines Startups verwaltete und jeden Tag neue, unerwartete Herausforderungen bewältigte, konnte ich einfach nicht die Zeit finden, in die ‚Zone‘ der Codierung oder des Designs der App einzusteigen. Meine Pflichten als Gründer ganz zu vernachlässigen und mich auf Code oder Design zu konzentrieren, war auch kein kluger Schachzug.
Unter Anleitung meiner Mentoren sah ich, dass es mich tatsächlich kostete, keine guten Ressourcen für die Gestaltung der App einzustellen, anstatt Geld zu sparen. Uns lief die Zeit davon und wir hatten nicht einmal ein MVP (Minimum Viable Product) zu zeigen. Wenn ich Erfolg haben wollte, musste ich die Pille schlucken.
Gründer haben eine Menge auf dem Teller und die Gestaltung der App selbst, während alle anderen Aspekte eines Unternehmens verwalten ist nahezu unmöglich. Vertrauen Sie mir, wenn ich das sage, sparen Sie sich einfach die ganze Mühe und lassen Sie sich von einem Fachmann bei dieser Mission unterstützen.
Der beste Ansatz für einen Gründer ist es, ein qualifiziertes Team einzustellen. Das ideale Team sollte mindestens einen UI / UX-Designer, einen Backend-Entwickler und eine Marketingressource haben. Dieses Team ermöglicht es Ihnen, auf Kurs zu kommen und eine erste Version der App mit minimaler Funktionalität (auch MVP genannt) zu erstellen.
In den folgenden Abschnitten werfen wir einen Blick auf den komplizierten App-Designprozess, der eine sorgfältige Planung und Ausführung erfordert.
Schritt 3: Seien Sie sich der neuesten App-Design- und Entwicklungstrends bewusst
Der rasante technologische Fortschritt lässt sich nicht aufhalten. Manchmal ist es schwer zu verstehen und mit den neuesten Ereignissen Schritt zu halten. Mit solch einem harten Wettbewerb auf dem App-Markt kommt eine große Herausforderung für App-Ersteller. Nicht mit den Trends auf dem Laufenden zu sein, kann Sie teuer zu stehen kommen. Benutzer haben viele Optionen zur Auswahl und sie werden nur mit der neuesten und effizientesten Lösung für ihr Problem gehen.
5G gehört nicht mehr der Zukunft. Der Rollout hat bereits begonnen. Laut einer Studie der GSMA werden bis zum Jahr 2025 rund 4 Milliarden Geräte im 5G-Netz laufen. Dies macht über 15% der weltweiten Gesamtmenge aus. Das Aufkommen von 5G ist ein totaler Game Changer für mobile Apps. Mit blitzschnellen Geschwindigkeiten und extrem niedriger Latenz werden viel effizientere AR- (Augmented Reality) und VR- (Virtual Reality) Apps entstehen. Es wird auch möglich sein, Anwendungsfälle zu berücksichtigen, die auf der bestehenden LTE 4G-Infrastruktur nicht möglich sind.
Augmented Reality ist sicherlich eine Technologie, zu der App-Entwickler aufblicken können. Im Gegensatz zur virtuellen Realität benötigt es keine spezielle Hardware wie VR-Headsets. Bestehende Handys verfügen über sehr leistungsstarke Hardware und ergänzende Software, damit diese Technologie funktioniert. Mit Hilfe der Tiefenerkennungskameras der neuesten Mobilgeräte macht AR die Umgebung interaktiver, indem virtuelle Objekte in Ihre Umgebung integriert werden. Apples ARKit und der ARCore für Android ermöglichen es Entwicklern, robustere Augmented-Reality-Apps zu erstellen. Während mobile Spiele (wie Pokemon Go) das erste sind, was einem einfällt, wenn man an AR denkt, stellt man sich nur die Möglichkeiten vor, die es in anderen Bereichen bietet. Von interaktiven Shopping-Apps bis hin zu AR-Dating-Diensten, Tourismus-Apps, Landschafts-, Zeichen- und Kollaborations-Apps, Sport, Marketing, Gesundheitswesen, Bildung, Kommunikations- / Telekonferenz- und Datenvisualisierungs-Apps ist die Wirkung von AR endlos.Da App-Entwickler ständig versuchen, Wege zu finden, um dem Kunden die beste Erfahrung und den besten Wert zu bieten, kann Maschinelles Lernen (ML) genau die Antwort sein.Innovationen wie 5G, AR und ML eröffnen völlig neue Möglichkeiten für aufregende neue mobile Apps. Mit der richtigen Implementierung dieser neuesten Technologien kann Ihre App zum nächsten großen Ding werden!
Diese revolutionären Technologien stellen Designer vor neue Herausforderungen. Sie müssen sich schnell anpassen und die sich ändernden Zeiten annehmen. Das Design für Anwendungen von KI, ML und AR unterscheidet sich vom traditionellen App-Design. Betrachten Sie zum Beispiel die KI-gestützten virtuellen Assistenten (wie Siri und Alexa). Sie verwenden eine natürlichere Sprachschnittstelle im Gegensatz zu visuellen Designs, um mit dem Benutzer zu interagieren.
Es dauert nicht lange, bis AR-Anwendungen für Wearables (wie Smart Glasses oder Smart Lens) ein alltäglicher Anblick werden. Jetzt ist das Design nicht nur auf einen mobilen Bildschirm beschränkt. Designer müssen der Zeit voraus sein und eine benutzerfreundliche Oberfläche für solche Geräte entwickeln.
Bei holographischen und AR-Anwendungen, die von Gesten angetrieben werden, müssen Designer überlegen, wie sie Gesten erstellen können, die für ein weltweites Publikum kulturell akzeptabel sind. Eine weitere erhebliche Herausforderung im Zusammenhang mit der Benutzerfreundlichkeit besteht darin, so zu gestalten, dass das Gehirn die Objekte dieser neuen Realität problemlos akzeptiert und verarbeitet.
Neue Designmuster entwickeln sich, um diesen Technologien gerecht zu werden. Designer sollten in der Lage sein, die Elemente natürlicher erscheinen zu lassen, damit sich der Benutzer in dieser neuen Realität wohler fühlt. Um das optimale Design für KI-, ML- und AR-Apps zu erstellen, müssen Designer verstehen, wie diese Technologien funktionieren, und ein wenig kreativ sein. Da es sich um einen relativ neuen Bereich handelt, gibt es viel Raum für Innovationen im Design.
Integration mit anderen Apps und Diensten
Das Entwerfen mit einem flexiblen Ansatz und das Ermöglichen der App, Integrationen zu nutzen, ist eine äußerst nützliche Funktion für den Benutzer. Heutzutage verwenden viele Startups und Unternehmen bereits eine Vielzahl von Kommunikations- und Produktivitätstools wie Slack, Trello und Asana. Wenn Sie Ihren Benutzern die Möglichkeit geben, diese Dienste zu synchronisieren und zu integrieren, können Sie dem Benutzer den größtmöglichen Nutzen bieten und Ihre App benutzerfreundlicher gestalten.
Catering für verschiedene Gerätetypen
Apple hat vor nicht allzu langer Zeit seine neue iPhone-Reihe veröffentlicht, darunter das iPhone 11, 11 Pro und 11 Pro Max. Die Software erhielt auch ein ordentliches Upgrade in Form von iOS 13, wobei iOS 14 im Herbst erscheinen soll. Ein Design, das auf das schärfere und schärfere Display dieser neuen Geräte zugeschnitten ist, wird viel mehr hervorstechen. Zum Beispiel kann eine mHealth-App die neue, leistungsstärkere Frontkamera zusammen mit dem neuesten A13 Bionic-Chip mit neuronalem Netzwerk verwenden, um einen genaueren Symptom-Tracker zu erstellen.
Es gibt Neuigkeiten über eine App, die ein Bild Ihrer Fingerspitze verwendet, um Diabetes zu erkennen. Es verwendet die Kamera des Telefons und die Taschenlampe, um einen schlechten Blutfluss zu identifizieren. Wenn dies möglich ist, stellen Sie sich vor, was Sie tun können, indem Sie die volle Leistung der neuesten Geräte nutzen.
Das Entwerfen für Apple- und Android-Geräte erfordert ein tiefes Verständnis der Betriebssysteme iOS und Android. Die Human Interface Guidelines von Apple und die Material Design Guidelines von Google können als gute Starter dienen. Wenn Sie beispielsweise Ihre App für iOS entwerfen, müssen Sie eine Registerkartenleiste für die Navigation verwenden, im Gegensatz zu einer Navigationsleiste für die Android-Version derselben App.
Apple verwendet Größen wie 1x, 2x und 3x für seine Geräte. Für Android müssen Designer ihre Designs mit 6 verschiedenen Bildschirmgrößen kompatibel machen. Der LDPI am unteren Ende des Spektrums misst 120 dpi, gefolgt von MDPI, HDPI, XHDPI, XXHDPI und XXXHDPI.Mit neuen Bildschirmgrößen, höheren Seitenverhältnissen (18: 9), rahmenlosem Display und Kerbdesign müssen App-Designer ständig auf der Suche sein, wie ihr vorgeschlagenes Design auf den neuesten Geräten funktionieren wird.
Angesichts des ständigen Zustroms neuer Geräte müssen Designer ihre Designs reaktionsschnell halten. Sie sollten ihre Designs für jedes Gerät testen und optimieren. Ein einfaches Design, das genau die richtigen Informationen bietet, ist entscheidend. Kennen Sie Ihre Zielgruppe und iterieren Sie das UI-Design basierend auf der Demografie. Achten Sie auch auf In-App-Analysen für Frustpunkte für Benutzer und lösen Sie diese.
Schritt 4: Design mit Blick auf den Benutzer
Tappen Sie beim Entwerfen Ihrer App nicht in die Falle, immer mehr Funktionen hinzuzufügen. Den Benutzer an die erste Stelle zu setzen, ist ein großartiger Ansatz, um eine nutzbare App zu erstellen, und dies variiert drastisch, unabhängig davon, ob Sie einen Chatbot erstellen, eine Marktplatz-App entwickeln oder eine Handels- und Investment-App entwickeln. Wenn Sie den Endbenutzer betrachten, beginnen Sie zu erkennen, dass eine App praktisch und einfach zu bedienen sein sollte. Stellen Sie sich zunächst Fragen wie: Wer ist mein Benutzer? Was sind ihre Probleme und wie kann ich sie lösen? Richten Sie sie nun an den Geschäftszielen Ihrer App aus. Sobald Sie etwas haben, testen Sie es mit dem Benutzer und bewerten Sie es.Killed by Google bietet eine interessante Liste von Google Apps und Diensten, die jetzt eingestellt wurden. In dieser Liste finden Sie eine App namens Bump. Es war im Grunde eine iOS- und Android-App, mit der Benutzer Kontakte, Bilder und Daten über das Internet auf andere Geräte übertragen konnten. Benutzer taten dies, indem sie ihre Telefone physisch zusammenstoßten. Wenn die Telefone gestoßen wurden, erschien auf jedem Gerät ein Bildschirm, um Dateien zu bestätigen und auszuwählen. Während im Jahr 2011 die Übertragung von Daten auf andere Geräte ein großes Benutzerbedürfnis war und diese App eine gute Lösung bot, haben sich die Zeiten geändert.Mit den Worten von David Lieb, CEO von Bump Technologies: „Die nächste Generation mobiler Apps wird Probleme so lösen, dass der Benutzer, der Kunde, nicht einmal darüber nachdenken muss.“ Er fährt fort zu sagen: „Mobile wird es all diesen Apps ermöglichen, sich umzudrehen, und anstatt dass ich der App sage, was ich will, wird die App mir vorschlagen, Hey, vielleicht möchten Sie zu Ihrem Meeting gehen unten am Ende des Streifens, weil es viel Verkehr gibt.“
Die Kenntnis der neuesten Branchentrends hilft auch dabei, etwas zu schaffen, das dem Benutzer maximalen Wert bietet. Wenn man darüber nachdenkt, ist ein Trend aufgrund der breiten Benutzerakzeptanz vorhanden.
Heutzutage bevorzugen Benutzer nur Apps, um die erforderlichen Aktionen im Hintergrund auszuführen, anstatt sich durch Klicken auf Schaltflächen oder durch einen ganzen mühsamen Ablauf zu bemühen. In diesem Fall möchte ein Benutzer sein Telefon nicht dazu bringen, Informationen auf andere Geräte zu übertragen.
Das Hauptziel des benutzerzentrierten Designs ist es, den Aufwand für den Benutzer zu reduzieren. Ihre App sollte die Notwendigkeit der Eingabe minimieren. Die Anmeldung ist ein wichtiger Abgabepunkt für Benutzer. Bieten Sie dem Benutzer einfach einige Funktionen an, ohne die Registrierung durchzusetzen. Das Freemium-Modell hat gerade aus diesem Grund Wunder für App-Entwickler gewirkt.
Ihre App sollte die minimal möglichen Berechtigungsanforderungen haben und um die Dinge für den Benutzer bequemer zu machen, füllen Sie einfach ihre E-Mails automatisch aus dem App Store aus (falls erforderlich).
App accessibility
Es ist ein Muss, Ihre App einem breiteren Publikum zugänglich zu machen. Sie sollten Menschen mit Behinderungen berücksichtigen, wenn Sie Ihr Design erstellen. Etwas so Einfaches wie das Hinzufügen einer Beschriftung zu einem Video kann das Videoengagement um bis zu 500% erhöhen.
Laut Statistik leben rund 15% der Weltbevölkerung mit irgendeiner Form von Behinderung. W3C oder World Wide Web Consortium ist eine internationale Gemeinschaft, die Webstandards entwickelt. Ihre Web Content Accessibility Guidelines (WCAG 2.0) legt Zugänglichkeitsrichtlinien und Best Practices für Online-Inhalte fest. Dieses Dokument zeigt, wie diese Regeln für die mobile Barrierefreiheit gelten.
Apple hat ständig versucht, App-Entwickler dazu zu bringen, ihre Apps für alle Arten von Zielgruppen zugänglicher zu machen. Dynamischer Text ist eine der vorgeschlagenen Praktiken in dieser Richtung.
Nun, da Sie sich der Bedeutung der App-Zugänglichkeit und eines benutzerorientierten Designansatzes bewusst sind, wenden Sie dieses Wissen an, um Ihr Design zu perfektionieren. Ihre App sollte gut auf die Bedürfnisse des Benutzers zugeschnitten sein. Machen Sie es so benutzerfreundlich wie möglich, indem Sie das Design mit echten Benutzern testen und basierend auf dem Feedback verbessern.
Schritt 5: Verstehen Sie die Wissenschaft und wenden Sie sie an
Das App-Design hat sich sehr schnell entwickelt. Wir möchten unsere Leser ständig daran erinnern, dass ein großartiges App-Design dem Benutzer einen Mehrwert bietet. Es ist ein Design für Wachstum und setzt auf mehr als nur üppige Farben und Animationen. Es ist äußerst wichtig, in die eigentliche Wissenschaft einzutauchen und zu verstehen, wie Sie Ihr Design verbessern können.
Erzähl mir mehr
Dieser Schritt bietet einen großartigen Einblick in die Wissenschaft des App-Designs und wie es verwendet wird, um spektakuläre Ergebnisse zu erzielen. Übrigens hoffe ich, dass Ihnen aufgefallen ist, dass die Schritte zum Anwendungsdesign, die wir in unserem Leitfaden zum Design mobiler Apps beschreiben, nur der Einfachheit halber nummeriert und nicht nach Wichtigkeit geordnet sind.
Bedeutung der UX-Prinzipien
Als Gründer kann man User Experience (UX) Design nicht scheuen. Don Norman prägte den Begriff UX in den frühen 1990er Jahren. In diesem Bereich wurde so viel geforscht, dass es manchmal schwierig ist, tatsächlich mitzuhalten. Sie können sogar einen ganzen spezialisierten Abschluss in User Experience Design machen. Hier geben wir Ihnen drei Must-Know-Prinzipien, die den Kern des UX-Designs bilden.
Hicks Gesetz
Je mehr Auswahlmöglichkeiten Sie einem Benutzer geben, desto mehr Zeit wird für diese Entscheidung aufgewendet.
Parkinson-Gesetz
Dieses Gesetz besagt, „Wenn Sie bis zur letzten Minute warten, dauert es nur eine Minute“ oder mit anderen Worten „Je länger Sie eine Aufgabe geben, desto länger dauert es“. Beachten Sie im Zusammenhang mit dem App-Design, dass Benutzer nicht viel Zeit haben, um eine Aufgabe zu erledigen. Sie müssen sicherstellen, dass die Anweisungen und Aktionen in der App sinnvoll und schnell sind. Dieses Prinzip gilt problemlos für die Anmelde- oder Onboarding-Erfahrung einer App.
KISS-Prinzip (Keep It Simple Stupid)
Unnötige Komplexität und Features sollten vermieden werden. Ihre App funktioniert am besten, wenn sie einfach gehalten ist und ihrer Kernfunktion treu bleibt.
Betrachten Sie zum Beispiel unsere Gesundheits-App ‚TYGON Lyte‘. Während es drei Hauptmerkmale bietet, nämlich Therapie, Erkennung und Desinfektion, hat unser UX-Team die Lichttherapie als Kernwertversprechen identifiziert. Basierend auf dieser Erkenntnis entstand ein praktisches und einfaches Design der Homepage, das sich strikt auf die Lichttherapie konzentrierte.
Wenn Sie mehr über UX erfahren möchten, können Sie diese ziemlich praktische Seite, Laws of UX, besuchen.
Konsistentes Branding
Dieser Punkt ist ziemlich offensichtlich. Wir erwähnen es nur, um hervorzuheben, wie wichtig es ist, die Designs der Anwendung mit ihrem Web-Gegenstück konsistent zu halten. Die Symbole, Grafiken, Typografie und selbst die kleinsten Details müssen perfekt aufeinander abgestimmt sein.
Farbtheorie
Um die Farbpsychologie zu verstehen, müssen Sie sich das Farbrad ansehen. Es kann in zwei verschiedene Hälften geteilt werden. Die warmen Farben sind Gelb, Orange und Rot. Blau, Grün und ähnliche Farben werden als kühle Farben bezeichnet.
Komplementärfarben liegen auf den gegenüberliegenden Seiten des Rades, z. B. ist Blau das Gegenteil von Orange. Sie müssen bemerkt haben, dass viele beliebte Apps und Logos diese entgegengesetzten Farbkombinationen verwenden, um die Dinge hervorzuheben.
Früher haben wir die Bedeutung der Zugänglichkeit diskutiert, im Hinterkopf behalten, vermeiden Sie zu viele grüne und rote Farbkombinationen, da es das am häufigsten gemeldete Paar ist, das Probleme für farbenblinde Menschen verursacht. Interessante Tatsache, Facebook ist blau, weil Mark Zuckerberg grün-rot farbenblind ist und er Blau am besten sieht.
Es gibt auch eine vollständige Marketing-Richtlinie über die emotionale Reaktion, die bestimmte Farben auslösen. Gelb wird mit Jugendlichkeit und Optimismus in Verbindung gebracht. Es kann verwendet werden, um die Aufmerksamkeit eines gelegentlichen Benutzers auf sich zu ziehen, um etwas zu kaufen. Blau steht für Vertrauen und Sicherheit. Banken sowie verschiedene Geschäftsanwendungen verwenden aus diesem Grund häufig Blau. Es eignet sich auch zum Entwerfen und Entwickeln von Gesundheits-Apps. In ähnlicher Weise wird Grün hauptsächlich mit Finanz- und Wohlfühl-Apps in Verbindung gebracht. Es ist bekannt, eine entspannende Farbe für die Augen zu sein. Anwendungen im Zusammenhang mit Luxusprodukten oder -dienstleistungen verwenden häufig Schwarz aufgrund seiner schlanken und kraftvollen Natur.
Die Farbtheorie legt nahe, dass der wichtige Inhalt einen hohen Kontrast aufweisen sollte. Dies macht es zwar unterscheidbarer, aber ein Übertreiben in der gesamten App kann den Benutzer belasten. Auf der anderen Seite sind kontrastarme Techniken ein Favorit der Designer, da sie für einige schöne Layouts sorgen. Versuchen Sie, eine süße Mischung zwischen Lesbarkeit (hoher Kontrast) und Attraktivität (niedriger Kontrast) zu finden.
Es ist nicht zu leugnen, wie wichtig die richtige Verwendung von Farbe ist. Getreu ihrer Vision, Wissen zum Wohle der Menschheit zu entdecken und zu erweitern, hat die NASA einige Forschungen zum Thema Farbgebrauch durchgeführt. Sie bieten sogar kostenlose Online-Ressourcen für die Öffentlichkeit an, um von ihrer Forschung zu profitieren.
Sich auf die Farbe einer Schaltfläche zu konzentrieren, mag für manche trivial erscheinen. Tatsächlich hat sich gezeigt, dass Benutzertests und die Perfektionierung der Farbe einer Call-to-Action-Schaltfläche zu einem erheblichen Anstieg der Conversions führen.
Kognitive Belastung minimieren
Kognitionspsychologische Prinzipien haben zu Recht einen Platz im Designprozess gefunden. Die Reduzierung der kognitiven Belastung, d. H. Des Aufwands, der für die Erledigung einer Aufgabe erforderlich ist, kann Wunder bewirken, wenn es darum geht, die App zu etwas zu machen, das die Benutzer lieben.
Die intrinsische kognitive Belastung ist die Energie, die benötigt wird, um neue Informationen aufzunehmen und gleichzeitig zu wissen, welche Aufgabe auszuführen ist. Zum Beispiel sollte der Benutzer Anweisungen in einer klaren und kurzen Art und Weise gegeben werden. Der CTA (Call-to-Action) sollte sich auf derselben Seite befinden und der Benutzer sollte nicht zwischen den Bildschirmen navigieren müssen, um die Entscheidung zu treffen.
Die kognitive Belastung sollte im Design reduziert werden. Dies ist alles, was nicht mit der vorliegenden Aufgabe zusammenhängt und mentale Ressourcen verbraucht. Im Allgemeinen ist es das Ergebnis von schlechtem Design, wie verlegte Schriftarten, Überlastung von Inhalten oder die Verwendung unangemessener Farben.
Um die kognitive Belastung zu reduzieren, vermeiden Sie visuelle Unordnung und machen Sie das Design einfach. Das menschliche Gehirn akzeptiert schnell Layouts und Muster, die es bereits kennt. Aus diesem Grund sehen wir in den meisten Apps fast das gleiche Muster für häufig verwendete Funktionen wie die Anmeldung.
Schritt 6: Perfektionierung des In-App-Erlebnisses
Entwerfen für den Leerzustand
Die erste Interaktion mit der App sollte den Benutzern Komfort bieten und ihnen einen Einblick in das geben, was kommen wird. Hier kommt ein durchdachtes Onboarding-Erlebnis ins Spiel.
Designer konzentrieren sich sehr auf das gefüllte oder bevölkerte Design der App und vernachlässigen oft das nackte, ursprüngliche Design der App, auf das der neue Benutzer trifft. Es gibt eine Reihe von Möglichkeiten, diesen leeren Zustand aussagekräftiger zu machen. Eine geführte Tour durch die App kann für den Benutzer ein wunderbarer Ausgangspunkt sein. In einigen anderen Fällen kann sich das Anbieten eines bearbeitbaren Beispieleintrags (wie in einem Dummy-Artikel in einer E-Commerce-App) für den Benutzer als ziemlich praktisch erweisen.
Früher lernten wir das Prinzip der intrinsischen kognitiven Belastung kennen. Unter Berücksichtigung dieses Prinzips sollte die Begrüßungsnotiz, die dem Benutzer angeboten wird, kurz sein und einen gut platzierten Call-to-Action bieten.
Einhandnavigation oder daumenfreundliches Layout
Nehmen Sie sich etwas Zeit, um die Einhandnavigation in Betracht zu ziehen, während Sie die Schritte des Designprozesses für mobile Apps durchlaufen. Platzieren Sie die umsetzbaren Elemente in den Zonen des Bildschirms, in die der Daumen natürlich gelangen kann. Die Tap-Ziele sollten groß genug sein, um ein einfaches Tippen zu ermöglichen. Platzieren Sie verschiedene Tap-Ziele nicht sehr nahe beieinander.
Verwenden Sie immer den richtigen Abstand. Im Idealfall liegt die bevorzugte Größe für einen Abgriffbereich zwischen 7 und 10 mm. Die Oberseite des Bildschirms ist ein schwer zugänglicher Bereich und erfordert bei größeren Bildschirmen einen Griffwechsel. Positionieren Sie zerstörerische Aktionen wie das Löschen an schwer zugänglichen Stellen, damit die Gefahr einer versehentlichen Verwendung verringert wird.
Richtige Navigation und visuelle Hierarchie
Ein gutes Design sorgt dafür, dass das Navigieren durch die App so schmerzfrei wie möglich ist. Benutzer haben eine natürliche Tendenz, sich an die ersten und letzten Elemente einer Serie zu erinnern. Dieses Phänomen wird als Serieller Positionseffekt bezeichnet. Untersuchungen zufolge wird die Rückruffähigkeit durch die Position eines Elements in einer Reihe beeinflusst. Dem menschlichen Gehirn fällt es schwer, sich an die Elemente in der Mitte der Serie zu erinnern.
Aus diesem Grund bevorzugen die neuesten Designs eine Navigation in der oberen Leiste oder eine Navigation in der unteren Leiste im Gegensatz zu Hamburgermenüs. Die wichtigsten Elemente werden rechts oder links in der Navigationsleiste platziert.
Eine klare visuelle Hierarchie ist ebenfalls sehr wichtig. Visuelle Hierarchie ist definiert als die Größe der Elemente auf einem Bildschirm. Im Allgemeinen erhalten die wichtigeren Elemente mehr Gewicht.
Schritt 7: Zukunftssicher Ihr Design
Veränderung ist konstant und unbestreitbar. Machen Sie Ihr Design flexibel genug, um neuen Änderungen gerecht zu werden, auch wenn dies einen geringfügigen Anstieg der anfänglichen App-Entwicklungskosten bedeutet. Es sollte auch relevant bleiben und dem Benutzer weiterhin einen Mehrwert bieten. Dies gilt im Allgemeinen für den Entwicklungsprozess einer benutzerdefinierten App, sei es die Idee, das Design oder die Entwicklungsphase.
Bedeutung des Inhalts
Wörter, die in der App verwendet werden, haben einen enormen Einfluss. Verwenden Sie leicht verständliche Wörter und vermeiden Sie unnötige Informationen. Die beste Reihenfolge und Struktur ist diejenige, die für Ihren Benutzer leicht zu lesen ist.
Typografie ist auch eines der mächtigsten Elemente des Designs. Es kann eine App benutzerfreundlicher und zugänglicher machen. Erst vor kurzem habe ich angefangen, diese Cloud-basierte Notizen-App namens ‚Bear‘ zu verwenden. Es ist nur für Apple-Geräte (iPhone, iPad und Mac) verfügbar. Ich habe mich auf den ersten Blick in diese App verliebt. Ich habe die native Notes-App von Apple aufgegeben und komplett auf Notes umgestellt. Also, was hat eine so starke Reaktion von mir hervorgerufen? Es war die schiere Einfachheit und schöne Typografie der App! Die Designer haben es geschafft, die leistungsstarken Funktionen der App so natürlich und einfach zu präsentieren, dass die Benutzer sie einfach gerne verwenden.
Vermeiden Sie das Kopieren anderer Designs
Es lohnt sich einfach nicht, ein vorhandenes Design zu kopieren. Sie können sich sicherlich von den Besten der Besten inspirieren lassen, aber Kopieren ist ein großes Nein. Jede App ist auf ihre Art einzigartig. Nur Sie kennen den spezifischen Anwendungsfall, auf den Sie abzielen, und den Wert, den Sie bereitstellen möchten. Andere Designs reichen nicht aus, um dem Benutzer den gewünschten Wert zu bieten. Am Ende sind die Belohnungen für die Erstellung eines eindeutigen Designs für Ihre App alle Zeit und Ressourcen wert, die in sie fließen.
Haben Sie keine Angst vor Innovationen
Designprozess für mobile Apps + Sie
Herzlichen Glückwunsch! sie sind jetzt mit dem Wissen ausgestattet, um ein außergewöhnliches Design für Ihre App zu erstellen. Sie sind der gewünschten App einen Schritt näher gekommen.
Denken Sie daran, dass Design ein offenes Feld ist. Obwohl wir einige Prinzipien und Best Practices aufgelistet haben, wenden die besten Designs möglicherweise nicht immer alle an. Dinge wie Designrichtlinien für mobile Anwendungen von Apple und Google sind nur bis zu einem gewissen Grad praktisch. Oft führt die Lösung eines einzigartigen Anwendungsfalls zu einem frischen und innovativen Design. Haben Sie niemals Angst, mit neuen Dingen zu experimentieren, da Sie nicht wissen, welches wunderbare Produkt Sie möglicherweise erstellen.
Zur gleichen Zeit, nach dem Prozess der Gestaltung einer App, die wir in diesem umfassenden Handbuch beschrieben haben, werden Sie die häufigsten Benutzeroberfläche und Erfahrung Fallstricke vermeiden.
Benötigen Sie Hilfe bei der Gestaltung der App Ihrer Träume? Wir sind App-Entwickler in NYC, LA, Miami, und unser Team ist hier, um Ihnen zu helfen. Kontaktieren Sie uns jetzt.
FAQ
Was sind die entscheidenden Designschritte für mobile Apps?
Anwendertests, Feedback vom Entwicklungsteam erhalten, Design für Barrierefreiheit, Design für viele Bildschirme.
Kann ich dasselbe App-Design für iOS und Android verwenden?
Wir empfehlen, die UX-Richtlinien von Apple und Google einzuhalten, und sie unterscheiden sich. Die Menschen sind an bestimmte Erfahrungen auf beiden Plattformen gewöhnt, und das bedeutet, dass sie leicht unterschiedliche Designs verwenden.
Welchen Dienst empfehlen Sie mir für Benutzertests?
Usertesting.com
Welche anderen Ratschläge haben Sie, um das In-App-Erlebnis zu perfektionieren.
Stellen Sie sicher, dass Sie den Benutzern eine konsistente Erfahrung bieten. Dazu gehört das Festhalten an den für das Betriebssystem typischen Gesten, um zu einem vorherigen Bildschirm zu gelangen usw.
Suchen Sie Hilfe mit Ihrer App?
in Rekordzeit mit einem Produkt auf den Markt zu kommen, das gewinnen wird.
Vereinbaren Sie eine Beratung
Strategie
Design
Entwicklung
Termin vereinbaren
Teilen über: