„Design ist nicht nur, wie es aussieht und sich anfühlt. Design ist, wie es funktioniert.“
Steve Jobs
Heute gibt es im Apple iOS Store über eine Million Apps, Tendenz steigend. Jede dieser Apps ist individuell angepasst; Es gibt keine Standardvorlage für iOS. Die Kernfrage bei der Entwicklung von iOS-Apps: Wie gestaltet man eine App, die sich von der Masse abhebt?
Hier sind 6 Designelemente, die iOS-App-Entwickler beachten müssen, um die Benutzerinteraktion sicherzustellen.
1. Weniger ist besser
Sie haben eine begrenzte Menge an Immobilien, um die Aufmerksamkeit der Benutzer zu erregen. Wenn Sie es mit zu vielen Details überladen, werden sie nur verwirrt. Schlimmer noch, es kann Ihre App in einem Bereich unattraktiv machen, in dem der ästhetische Wert im Vordergrund steht. Der Berater für mobiles Design Jonathan Stark betont die Notwendigkeit: „Bearbeiten Sie Ihre Funktionen rücksichtslos. Du wirst Sachen weglassen müssen.“ Konzentrieren Sie sich auf ein paar Dinge, die die App wirklich von allem anderen unterscheiden, und entwickeln Sie das App-Design entsprechend.
2. Suche nach Klarheit
Ihr iOS-App-Entwicklungsdesign muss wichtige Inhalte hervorheben. Noch wichtiger ist, dass es zur Interaktivität der Benutzer einlädt. Apple-Entwicklungsrichtlinien empfehlen lesbaren Text in jeder Schriftgröße, präzise Symbole, die ihren Zweck sofort vermitteln, subtil und angemessen Verzierungen. Am wichtigsten ist vielleicht eine scharfe Konzentration auf die Funktionalität. Es ist das alte Sprichwort der Form folgt der Funktion.
3. An das Format anpassen
Benutzer sollten alles sehen, was sie sehen müssen, ohne scrollen oder zoomen zu müssen. Da Apps auf unterschiedlich großen iPads und iPhones verwendet werden, entweder im Hoch- oder Querformat, muss Ihr Design an alle Anzeigeschnittstellen anpassbar sein. Glücklicherweise gibt es speziell für diesen Zweck ein Entwicklungstool. Auto Layout bietet die Möglichkeit, Regeln oder Einschränkungen zu definieren, um sicherzustellen, dass Schaltflächen und Symbole werden unabhängig von der Bildschirmgröße immer einheitlich auf einem Bild positioniert. Das iOS-App-Entwicklungstool definiert auch rechteckige Bereiche, die zwar nicht sichtbar sind, aber bei der richtigen Positionierung, Ausrichtung und dem richtigen Abstand von Inhalten helfen.
4. Farbe in Linie halten
Apple bietet Entwicklern eine lebendige Farbpalette. Sie können es verwenden, aber Sie sollten es wahrscheinlich nicht tun. So farbenfroh (buchstäblich) die Palette auch ist, die Gefahr bei ihrer Verwendung besteht darin, dass viele andere Entwickler sie ebenfalls verwenden. Um aufzufallen, verwenden Sie Ihre eigenen Farben. Hier sind ein paar zusätzliche Überlegungen zur effektiven Verwendung von Farbe in Ihrem App-Design:
Verwenden Sie nicht dieselbe Farbe für interaktive und nicht interaktive Elemente. Die Verwendung einer anderen charakteristischen Farbe für interaktive Elemente ist ein großartiger visueller Hinweis, um Benutzer wissen zu lassen, wo sie tippen müssen.
Die Farben sollten zusammenarbeiten. Wenn Sie also beispielsweise Pastellfarben verwenden, verwenden Sie eine Palette von Pastellfarben und führen Sie nichts ein, das mit dieser Palette in Konflikt steht.
Sei subtil. Es könnte verlockend sein, viele kräftige und sogar kontrastreiche Farben zu verwenden, um sich abzuheben. Aber in den meisten Fällen zieht Eleganz das Auge an, und Eleganz beinhaltet typischerweise zwei, nicht mehr als drei Grundfarben.
Vermeiden Sie die Verwendung von Farbkombinationen (rot-grün, blau-orange), um zwischen zwei Zuständen oder Werten zu unterscheiden – farbenblinde Benutzer können den Unterschied nicht erkennen. Die meisten Bearbeitungswerkzeuge können nach potenziellen Farbblindheitskonflikten suchen und alternative Formatierungen vorschlagen.
Wie sieht es bei Tageslicht aus? Zeigen Sie eine Vorschau Ihrer App unter verschiedenen Lichtbedingungen an, um zu sehen, wie die Farben erscheinen, und passen Sie sie an, damit das Farbschema unter verschiedenen Bedingungen am besten aussieht.
Lass es krachen. Verwenden Sie Tönungen oder helle Farben für den Hintergrund und überlagern Sie dunklere Schattierungen, um den Text hervorzuheben.
5. Holen Sie sich ein „Daumen hoch“
UX-Designer Adhithya Vijai weist auf Studien hin, die zeigen, dass 75 Prozent der App-Interaktionen mit dem Daumen durchgeführt werden. Daher sollte Ihr Design eine „Daumenzone“ enthalten – platzieren Sie häufig verwendete Steuerelemente in Reichweite eines Daumens und Dinge, die Benutzer nicht versehentlich antippen sollen, in schwer zugänglichen Bereichen.
6. Große und klare Schriftarten
In den Anfängen der PCs, als die ersten Textverarbeitungsprogramme auftauchten, übersäten Autoren ihre Texte mit einem Haufen verschiedener Schriftarten und -größen, weil, nun ja, einfach weil sie es konnten. Dies führte zu hässlichen Dokumenten, die davon ablenkten, sie tatsächlich zu lesen. Stilrichtlinien wurden schließlich entwickelt, um zu betonen, dass ein Dokument einen einzigen Schriftstil und eine konsistente Reihe von Schriftgrößen haben sollte, um Informationsebenen zu kennzeichnen. Dasselbe gilt für Schriftarten in Ihrer App. Sie sollten gut lesbar sein, eine angemessene Größe haben, die in Ihrer App ausgewogen aussieht, zum Gesamtdesign passen und vor allem einen einheitlichen, möglichst einfachen Schriftstil aufweisen. Hier ist eine Liste mit einigen ziemlich coolen modernen Schriftarten, die Sie berücksichtigen sollten.