Tipps und Ressourcen zur Benutzerfreundlichkeit von iOS für iPhone- und iPad-Apps

Der Prozess, der für das Entwerfen mobiler Anwendungen erforderlich ist, erfordert Engagement und augenbetäubende Präzision. Die meisten Grafikdesigner werden ihre Zeit nicht in diesem Bereich verbringen, da die pixelgenaue Erstellung schnell mühsam wird. Und obwohl mobiles Design nicht jedermanns Sache ist, hat es für viele einen besonderen Platz im Herzen.

Für diejenigen da draußen, die daran interessiert sind, mit dem Entwerfen für Mobilgeräte zu beginnen, würde ich empfehlen, einige der unten vorgestellten Ideen zu überfliegen. Zuvor haben wir kreative UI-Designtechniken besprochen und Lösungen für iPhone- und iPad-Designer angeboten.

Entdecken Sie Designressourcen

Hier habe ich einige Tipps für den Einstieg in die Grundstufe gegeben. Das Erstellen von Schnittstellen erfordert immense Fähigkeiten, und die Zufriedenheit Ihrer Benutzer sollte Priorität Nummer eins sein. Dies mag stressig erscheinen, aber sobald Sie Ihre Denkweise korrigiert haben, erscheint das Entwerfen für die Benutzererfahrung natürlich und anregend.

Wo ist das Publikum?

Es sollte keine Rolle spielen, ob Sie eine App für sich selbst oder einen Kunden entwerfen. Versuchen Sie, jedes Projekt aus derselben Denkweise zu betrachten, und lassen Sie sich nicht zu sehr auf Perfektion ein.

Untersuchen Sie zunächst den Zweck jeder App und welche Aufgaben sie ausführen müsste. Dies scheint einfach zu sein, aber ab dem ersten Feld werden unbegrenzte Optionen für Ihren nächsten Zug geöffnet. Idealerweise sollten Sie die erste Person sein, die unter der Liste Ihrer Benutzer angesprochen wird. Sie sind jedoch nicht die einzige Person, die Ihre App wahrscheinlich verwenden wird.

Foto lizenziert unter einer Creative Commons Namensnennung-Keine kommerzielle Nutzung-Weitergabe unter gleichen Bedingungen 3.0-Lizenz. Namensnennung: http://www.larre.com

Versuchen Sie, Ihre Meinungen offen und formbar zu halten. Nach der Veröffentlichung Ihrer App im Online-Shop steigen in der Regel die Download-Nummern. Dies bedeutet ein viel höheres Publikum mit höheren Anforderungen. Bieten Sie Ihren Benutzern nach Möglichkeit einen Link oder ein Kontaktformular an, über das sie Ihnen Vorschläge für UI-Updates senden können. Niemand erwartet, beim ersten Versuch fehlerfreie Schnittstellen zu erstellen, und echtes Feedback ist für einen Designer von unschätzbarem Wert.

Behalte das Stimmungslicht

Die Mehrheit Ihres Publikums wird gelangweilt oder neugierig durch den App Store schauen. Verspieltheit liegt in der Natur mobiler Apps und Ihre Benutzeroberfläche sollte dazu passen. Berücksichtigen Sie die wichtigsten Aspekte Ihrer App und wie diese in die Erfahrung passen könnten.

Wenn Sie beispielsweise eine Analyse-App für den Website-Verkehr erstellen, möchten Sie wahrscheinlich Zahlen zum Schwerpunkt machen. Die Daten können in einer Tabelle, einem Bildschirm mit Registerkarten, einem Diagramm, einem Kreisdiagramm oder vielen anderen Szenarien angezeigt werden. Sie könnten einige Zeit damit verbringen, die Möglichkeiten herauszuarbeiten und einen Testlauf in Ihrem Kopf durchzuführen .

Mit diesem Prozess erhalten Sie die volle Erfahrung, wie Ihre App ausgeführt werden kann, ohne intensive Grafikdesign-Arbeit anzuwenden. Dieser Prozess kann auch als allgemeiner Ablauf bezeichnet werden, wie ein Benutzer Ihre App erleben kann. Nehmen Sie das gleiche Beispiel wie zuvor und überlegen Sie, was einige der wichtigsten Themen wären. Überladen Sie Ihre Bildschirme nicht mit 8 Registerkarten, wenn Sie denselben Job unter 4 erledigen könnten. Dadurch bleibt die Stimmung hell und sogar ein Kind kann Ihre App abholen und sofort verwenden!

Erstellen Sie eine Companion-Website

Wenn möglich, empfehle ich dringend, sich eine Auszeit zu nehmen, um eine schnelle Website für Ihre App zu erstellen. Wenn Sie für einen freiberuflichen Kunden oder eine Designfirma arbeiten, fragen Sie, ob diese die Rechnung für Hosting- und Domainkäufe bezahlen.

Der Prozess ist nicht sehr kompliziert und die meisten Websites für mobile Apps benötigen nur wenige Informationen. Es ist hilfreich, eine E-Mail- oder Kontaktadresse für den Support zusammen mit Ihrem iTunes-Download-Link zum App Store anzugeben. Wenn Sie Inspiration benötigen, haben wir einige fantastische iPhone / iPad-App-Website-Designs zusammengestellt, um Ihre Kreativität zu fördern.

Streben Sie nach Minimalismus

Letztendlich sollten Sie überlegen, wie unterschiedlich die Benutzererfahrung auf mobilen Bildschirmen von einem Desktop sein kann. Selbst der Zugriff auf Web-Apps auf einem Laptop bietet ein ganz anderes Gefühl als jede iOS-Plattform. Einfachheit ist wirklich der Schlüssel zum Erfolg und Ihre Nutzerbasis wird dies schätzen.

Je weniger Arbeit erforderlich ist, um etwas zu erledigen, desto schneller können Dinge erledigt werden! Dies ist ein sehr einfaches Mantra, das jedoch die Situation in einer ordentlichen Schachtel veranschaulicht. Wenn Aufgaben in Kontextmenüs oder an andere Orte verschoben werden können, die nicht sichtbar sind, wird unnötige Bildschirmunordnung beseitigt.

Ein weiterer sekundärer Vorteil mit Minimalismus bietet Ihren Benutzern eine blitzschnelle Erfahrung mit Ihrer Anwendung. Wenn Sie Prozesse anhalten und eine kleine Menge am Laufen halten können, können Sie die Ladezeiten drastisch reduzieren. Dies ist ein hervorragendes Beispiel für das einfache Wechseln zwischen Aufgaben ohne Kosten für die Benutzererfahrung.

Wesentliche Designressourcen

Die oben genannten Tipps sind nur Brücken, damit Sie richtig über das App-Design nachdenken können. Letztendlich liegt es an Ihnen als Künstler, Zeit damit zu verbringen, zu üben und zu verstehen, wie kompliziert der Prozess werden kann.

Ich teile oft meine Ideen für mobiles Design als neue Grenze, die derzeit erforscht wird. Wir betreten neue Räume, während sich die Menschheit weiterentwickelt und unsere Technologie, insbesondere Software, einen dramatischen Wandel durchläuft. Bald werden wir holographische 3D-Technologien und -Ideen noch weiter sehen, als wir uns vorstellen können!

Aber jetzt habe ich noch ein paar hilfreiche Links, die angehende iOS-Designer ausprobieren sollten. Jede der folgenden Ressourcen kann kostenlos heruntergeladen und an Freunde oder Kollegen weitergegeben werden. Schauen Sie sich einige an und sehen Sie, wie Sie sich zum Design mobiler Anwendungen fühlen. Wenn Sie Ideen oder Links zu anderen Ressourcen haben, teilen Sie diese gerne in den Kommentaren unten mit.

iPhone 4 GUI

Unretiner

iOS App Icon Vorlage

LiveView für iPhone & iPad

iPhone Mockup Toolkit

iPad GUI Kid (PSD)

iPhone PSD Vektor-Kit

iPad GUI PSD

OSX Leopard GUI eingestellt

© Copyright 2022 | computer06.com