Tipps und Ressourcen zur iOS-Benutzerfreundlichkeit für iPhone- und iPad-Apps (Layouts)

Der Prozess, der für die Entwicklung mobiler Anwendungen erforderlich ist, erfordert Hingabe und Augenbetäubung. Die meisten Grafikdesigner verbringen ihre Zeit nicht in diesem Bereich, da die pixelgenaue Erstellung schnell ermüdend wird. Und obwohl Mobile Design nicht jedermanns Sache ist, hat es doch einen besonderen Platz in den Herzen vieler.

Für diejenigen, die daran interessiert sind, mit dem Entwerfen für Mobilgeräte zu beginnen, würde ich empfehlen, einige der unten aufgeführten Ideen zu überdenken. Zuvor haben wir über kreative UI-Designtechniken diskutiert und bieten Lösungen für iPhone- und iPad-Designer.

Hier habe ich ein paar Tipps für den Einstieg aus dem Grundlevel gegeben. Das Erstellen von Schnittstellen erfordert immense Fähigkeiten und die Zufriedenheit Ihrer Benutzer sollte Priorität Nummer eins haben. Dies mag anstrengend erscheinen, aber sobald Sie Ihre Denkweise für die Benutzererfahrung korrigiert haben, wird dies natürlich und anregend erscheinen.

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 mit derselben Denkweise zu erreichen, und lassen Sie sich nicht zu sehr auf Perfektion ein.

Beginnen Sie zunächst mit dem Zweck jeder App und den erforderlichen Aufgaben. 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 Ihrer Benutzerliste angezeigt wird. Sie sind jedoch nicht die einzige Person, die Ihre App wahrscheinlich verwenden wird.

Foto unter der Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. Namensnennung: http://www.larre.com

Versuchen Sie, Ihre Meinungen offen und formbar zu halten. Nach dem Freigeben Ihrer App in den Online-Store steigen in der Regel die Download-Nummern an. Dies bedeutet eine viel höhere Zielgruppe mit höheren Anforderungen. Wenn möglich, bieten Sie Ihren Benutzern einen Link oder ein Kontaktformular an, an das sie Sie senden können Vorschläge für Aktualisierungen der Benutzeroberfläche. Niemand erwartet, beim ersten Versuch makellose Schnittstellen zu erstellen, und echtes Feedback ist für einen Designer von unschätzbarem Wert.

Behalte das Stimmungslicht

Der Großteil Ihres Publikums wird sich unter Langeweile oder Neugier durch den App Store blicken. Verspieltheit ist das Wesen mobiler Apps, und Ihre Benutzeroberfläche sollte dazu passen. Berücksichtigen Sie die wichtigsten Aspekte Ihrer App und wie dies in die Erfahrung passen könnte.

Wenn Sie zum Beispiel 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 eine zu ziehen Testlauf in Deiner Vorstellung.

Dieser Prozess ermöglicht es Ihnen, die gesamte Funktionsweise Ihrer App zu erfahren, ohne intensive Grafikdesign-Arbeit durchführen zu müssen. Dieser Prozess kann auch als bezeichnet werden allgemeiner Fluss wie ein Benutzer Ihre App erleben kann. Wenn Sie das gleiche Beispiel wie zuvor verwenden, sollten Sie überlegen, was einige der wichtigsten Themen wären. Fülle deine Bildschirme nicht mit 8 Registerkarten, wenn du den gleichen Job unter 4 erledigen könntest. Dadurch bleibt die Stimmung leicht und sogar ein Kind kann deine App abholen und sofort loslegen!

Erstellen Sie eine Companion-Website

Wenn möglich, empfehle ich dringend, sich etwas Zeit für die Erstellung einer schnellen Website für Ihre App zu nehmen. Wenn Sie für einen freiberuflichen Kunden oder eine Designfirma arbeiten, fragen Sie, ob sie die Kosten für das Hosting und den Domainkauf übernehmen.

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

Strebe nach Minimalismus

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

Je weniger Arbeit erforderlich ist, um etwas zu erledigen, desto schneller können Dinge erledigt werden! Dies ist ein sehr einfaches Mantra, illustriert aber die Situation in einer ordentlichen Box. Wenn Aufgaben in Kontextmenüs oder an anderen Orten außer Sichtweite verschoben werden können, werden unnötige Bildschirmstörungen 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 laufen lassen 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.

Wichtige Designressourcen

Die obigen Tipps sind nur Brücken, um Sie beim App-Design richtig zu überlegen. Letztendlich liegt es an Ihnen als Künstler, Zeit zu üben und zu verstehen, wie kompliziert der Prozess werden kann.

Ich teile oft meine Ideen für mobiles Design als neue Grenze, die gerade erkundet wird. Mit der Entwicklung der Menschheit betreten wir neue Räume und unsere Technologie, insbesondere Software, durchläuft einen dramatischen Wandel. Bald werden wir die holographische 3D-Technologie und ihre Ideen noch weiter sehen können, als es sich unsere Vorstellung vorstellen kann!

Aber jetzt habe ich ein paar hilfreiche Links, die angehende iOS-Designer ausprobieren sollten. Jede der folgenden Ressourcen kann kostenlos heruntergeladen und an Freunde oder Kollegen weitergegeben werden. Sehen Sie sich einige an und erfahren Sie, wie Sie das Design mobiler Anwendungen beurteilen. Wenn Sie Ideen oder Links zu anderen Ressourcen haben, teilen Sie sie in den Kommentaren gerne mit.