Ich arbeite seit 2009 für meinen Lebensunterhalt und konzentrierte mich in den letzten drei Jahren sowohl auf das Web- als auch auf das Design der mobilen Benutzeroberfläche. In dieser Zeit habe ich das Gute und das Schlechte der Branche erlebt. Gute Kunden, schlechte Kunden. Gute Ideen, schlechte Ideen. Gute Entwickler, schlechte Entwickler. Es gab App-Genehmigungen und App-Ablehnungen.
Manchmal kann es frustrierend sein, und obwohl diese sogenannten "schlechten Erfahrungen" kann saugen, sie haben mir einige wichtige Lektionen beigebracht. Diese Lektionen beschleunigen nicht nur meinen täglichen Arbeitsablauf, sondern helfen mir auch, eine bessere Benutzererfahrung für die Zielgruppe zu entwickeln.
Lernen Sie den Kunden und seine Bedürfnisse kennen
Die Schaffung eines großartigen Produkt- und Benutzererlebnisses ist für mich die Nummer eins.Richten Sie vor dem Start eines Projekts einen Online-Chat / -Anruf oder ein persönliches Meeting mit Ihrem Kunden ein. Es ist gut, sie kennenzulernen, bevor Sie mit der Arbeit beginnen, da Konflikte mit der Persönlichkeit manchmal zu Problemen führen. Wenn Sie gemeinsame Interessen teilen, werden Sie wahrscheinlich gut miteinander auskommen!
Ich befand mich in einer Situation mit einem Kunden, in dem er unglaublich geschäftstüchtig war. Seine oberste Priorität war, in kurzer Zeit so viel Geld wie möglich zu verdienen. Obwohl es wichtig ist, Geld zu verdienen, ist das Erstellen eines großartigen Produkts und der Benutzererfahrung die Nummer eins für mich (wenn das Produkt gut ist und die Benutzer es lieben, es zu verwenden, glaube ich, dass das Geld letztendlich ins Rollen kommt!)
In diesem speziellen Fall haben wir uns entschieden, nicht weiter zusammenzuarbeiten, da ich mehr Zeit für meine Arbeit aufwenden wollte. Seine Priorität war es, das Produkt so bald wie möglich auf den Markt zu bringen.
Nachdem Sie sich ein wenig kennen gelernt haben und herausgefunden haben, dass Sie gut zusammenpassen, ist es wichtig, so viel wie möglich über die App herauszufinden. Ich neige dazu, dies in zwei Abschnitte aufzuteilen; 'Basisinformationen' und 'Erweiterte Informationen'.
Ich finde die grundlegenden Informationen heraus, bevor ich den Kunden kennen lerne. Dies beinhaltet, wofür die App dient, für wen sie ist und welche Hauptfunktionen sie bietet. Dann mache ich mich auf die fortgeschrittenen Informationen. In diesem Schritt treffe ich mich mit dem Kunden und bespreche den Workflow und die Bilder im Detail.
Zwischen uns erstellen wir eine vollständige Liste von Bildschirmen, die erforderlich sind, damit die App funktioniert. Ich persönlich benutze gerne eine Google Drive-Tabelle, die wir alle anzeigen, bearbeiten und Kommentare abgeben können. Wir stimmen zu und unterschreiben, dass dies die vollständige Palette der erforderlichen Funktionen und Bildschirme ist.
Warum machen Sie das alles?
Es gibt ein paar triftige Gründe dafür. Die erste ist, dass es ein wesentlicher Vorteil beim Erstellen von Wireframes und Workflows ist. Die zweite ist, dass Sie Ihren Rücken möglicherweise vor Kunden retten können, was Ihren Workflow erhöht, indem Sie hier und dort zusätzliche Bildschirme und Funktionen einblenden.
Ich habe einmal ein relativ großes iOS- und Android-Projekt mit einem engen Freund von mir übernommen, bei dem wir gegen diese Regel verstoßen haben und - was wir ursprünglich als ungefähr 320 Arbeitsstunden angegeben hatten - bald zu fast 500 Arbeitsstunden wurde. Da der Client während des Projekts so viele neue Funktionen hinzufügte, musste die gesamte Struktur der App sowohl auf iOS- als auch auf Android-Plattformen geändert werden.
Es wurde langweilig, wiederholte sich und wir verloren im Allgemeinen viel Liebe, die wir anfangs für das Projekt hatten. Wir haben es fertiggestellt, aber nicht ohne bis in die frühen Morgenstunden zu arbeiten, gestresst zu werden, Projekte zu jonglieren und andere Kundenprojekte zu verzögern, die wir geplant hatten. Es lohnt sich nicht, wenn es mit einer einfachen Liste von Bildschirmen und Funktionen behoben werden kann.
Versetzen Sie sich in die Schuhe der Benutzer
Das Letzte, was ich gerne mache, bevor ich mit der Planung des Projekts beginne, ist, mich in die Schuhe des Benutzers zu stecken. Manchmal handelt es sich dabei um einen Benutzertyp, andere um zwei oder sogar mehr. Diese Regel gilt für alle mobilen Anwendungen.
Die Navigation in der App muss einfach und sehr schnell sein.Ich habe in der zweiten Jahreshälfte 2011 mit einer Offroad-Karte und einem GPS-Startup gearbeitet, und es war mir sehr wichtig, mich in die Lage eines typischen Benutzers zu versetzen. Ich würde mir ein Blatt Papier schnappen, in die Mitte "user" schreiben und alles aufschreiben, was mir in den Sinn kommt. Drei der großen Fragen, die ich mir stellte, waren:
- Wofür werden sie die App verwenden?
- Wo werden sie die App verwenden?
- Wie viel Zeit haben sie, um die App zu nutzen?
Offensichtlich wollte der Benutzer die App für die Navigation sowohl auf Straßen als auch für Geländefahrten verwenden. Er wird die App im Auto und zu Fuß verwenden. Manchmal ist dies direkter Sonneneinstrahlung (daher ist ein dunkles UI-Problem nicht geeignet.) ).
Die App wird über einen längeren Zeitraum verwendet. In einigen Fällen hat der Benutzer jedoch nur eine begrenzte Zeit, um mit der App zu interagieren (beispielsweise bei roten Ampeln). Die Navigation in der App muss daher einfach und sehr schnell sein.
Ich würde eine gute Stunde in den Schuhen der Benutzer verbringen, es hilft mir wirklich zu verstehen, wie die App funktionieren wird und wie sie möglicherweise auch aussehen könnte.
Planen Sie voraus, um Fehler später zu vermeiden
Bei der Planung Ihres Projekts wird die Liste der in der ersten Lektion genannten Bildschirme und Funktionen zu einem wesentlichen Vorteil. Sobald die Liste der Bildschirme und Funktionen abgemeldet ist, ist es Zeit für das Wireframing.
Als ich anfing, meine Fähigkeiten auf das Design von Mobilschnittstellen zu konzentrieren, habe ich das Wireframing übersprungen, wann immer ich eine Gelegenheit dazu sah. Ich fand es für die meisten Projekte eine lästige Pflicht, aber meine Faulheit ging nach und nach zurück. Ich habe ein Projekt für eine kleine iOS-Dienstprogrammanwendung übernommen, der Client und ich entschieden uns gegen einen halben Tag, um ein paar einfache Wireframes zu skizzieren, da wir im Kopf ein klares Bild davon haben, wie es funktionieren soll.
Wir haben uns weiterentwickelt, und bevor Sie es wissen, haben wir kleine Workflow-Probleme, nichts Großes, Kleinigkeiten wie, wie ein Benutzer von hierher kommt, wie er das löscht, ohne viele Schritte durchzugehen, usw. usw.Bevor Sie es wissen, verbrachten wir eine Stunde hier und eine Stunde dort, um diese Probleme zu beheben. Dies hätte leicht vermieden werden können, wenn wir einen halben Tag damit verbracht hätten, einen einfachen Workflow und eine Reihe von Wireframes zusammenzustellen.
Dies bedeutet nicht, dass Sie Tage oder sogar Wochen damit verbringen müssen, Ihre Projekte zu planen (insbesondere für kleinere Utility-Apps). Es lohnt sich jedoch auf jeden Fall, Bleistift zu Papier zu bringen, ein paar Ideen für die wichtigsten Bildschirme zu notieren und anschließend auf Ihre Anwendungen zu verweisen Eine vollständige Liste der Bildschirme und Funktionen für diejenigen, von denen Sie glauben, dass Sie sie nicht skizzieren möchten.
Ich mache das ständig und vor und während eines Projekts so sehr, dass ich Dotgrid.co gründete, um andere zu ermutigen, Dot-Grid-Bücher zu kaufen und mehr zu skizzieren! Bei größeren Projekten (insbesondere Dienstleistungen) habe ich immer einen guten Teil der Projektzeit für das Wireframing und andere Planungen vorgesehen. Es lohnt sich immer.
Es könnte sich lohnen, einen Service zu verwenden, um aus Ihren Wireframes einen funktionierenden Prototyp zu machen (ich mag Invision App). Bei großen Projekten finde ich, dass dies Ihnen hilft, Fehler oder mögliche Probleme zu erkennen, bevor Sie zu tief in das Projekt eintauchen.
Halten Sie sich an die Richtlinien des Betriebssystems
Die Einhaltung der Benutzerrichtlinien ist wichtig. Es ist großartig, mit neuen Navigationssystemen, Interaktionen und Berührungsgesten zu experimentieren, und ich möchte Sie dazu ermutigen, aber Sie werden unweigerlich auf Probleme stoßen, ob es Ihrem Entwickler schwerfällt, die Designidee zu implementieren oder Apple Reviewer sind wählerisch und lehnen Ihre App ab.
Um einen guten Eindruck von den Möglichkeiten zu bekommen, recherchieren Sie nach Apps auf dem Markt und stellen Sie sicher, dass Sie die Richtlinien durchlesen.
Es kann der Unterschied sein, ob eine App genehmigt wird oder eine App abgelehnt wird und dann viel mehr Zeit für die Neugestaltung verschiedener Elemente aufgewendet werden muss.
Ein weiterer guter Grund für die Einhaltung der Richtlinien ist, dass Benutzer sich schnell an Ihre App gewöhnen können, da alle Apps denselben Richtlinien folgen. Die Schaltflächen "Zurück" befinden sich beispielsweise oben links. Registerkarten befinden sich am unteren Rand des Bildschirms. Switches machen in allen Apps dasselbe. Die Liste geht weiter!
Handliche Links
- iOS-Benutzeroberflächenrichtlinien
- Android-Benutzeroberflächenrichtlinien
- Windows Mobile Design-Richtlinien
- Blackberry-Benutzeroberflächenrichtlinien
Es lohnt sich, die Dinge einfach zu halten
Wenn ich den Kunden sage, ich möchte die Dinge einfach halten? Sie missverstehen mich oft und denken, ich meine, ich werde ihr Interface in einem minimalistischen Designstil gestalten. Das ist nicht die Bedeutung des Wortes!
Einfach bedeutet, dass ein Erstbenutzer die App öffnen und verwenden kann, ohne Anweisungen lesen oder einer Anleitung folgen zu müssen.
Das bedeutet, dass sie einfache Aufgaben in sehr wenigen Schritten erledigen können oder in Situationen, in denen mehr Schritte erforderlich sind, dies immer noch unkompliziert ist. Dies bedeutet, dass Farben effektiv verwendet werden (rotes Symbol zum Löschen ist ein allgemeines Beispiel). Wenn Sie die Dinge so einfach wie möglich halten, ohne sie zu grundlos zu komplizieren, werden Benutzer nicht nur dazu angehalten, eine App überhaupt herunterzuladen, sondern sie werden auch wiederkommen.
Warum sollten sie eine verwirrende und knifflige Anwendung verwenden, um sich fortzubewegen, wenn es wahrscheinlich eine Alternative gibt, die einfach und sachlich ist?
Ich arbeitete mit einem Kunden an einer einfachen GPS-Hilfsprogramm-App, die die Entfernung des Benutzers, die Durchschnittsgeschwindigkeit, die Höchstgeschwindigkeit und die Höhe erfasst. Die App zeichnet weiterhin Daten auf, bis der Benutzer sie zurücksetzt. Um es zurückzusetzen, entschieden wir uns für eine unterhaltsame Option "Shake to Reset", die mit einem Symbol und entsprechendem Text deutlich dargestellt wurde, der etwas wie "Shake to reset stats" lautete.
Innerhalb weniger Tage nach dem Start der App hatten uns mehrere Benutzer gefragt, wie Sie die aufgezeichneten Statistiken zurücksetzen. Wir haben schnell einen roten Knopf mit der Aufschrift "Reset Stats" in die App eingefügt, sodass sie dies auf einfache Weise tun können. Es lohnt sich, die Dinge einfach zu halten!