Share
Wenn Sie ein Designer sind, ist die gute Nachricht über den mobilen App-Bereich folgende: Design ist alles. Unabhängig davon, ob Sie ein Hilfsprogramm oder ein Spiel erstellen, das Erscheinungsbild wirkt sich sowohl auf die Beliebtheit als auch auf die Benutzerfreundlichkeit aus. Unauffällige oder unorganisierte Apps sind schwer zu verstehen und schwer zu verwenden. Dies bedeutet nicht, dass ein "ernstes Werkzeug" mit einer übertriebenen GUI verschönert werden sollte. Ein tolles App-Design ist es, das Aussehen und Funktion in Einklang zu bringen.
In Bezug auf die Funktion gibt es sicherlich einige Bereiche der App-Entwicklung, die nicht die "Aufgabe des Designers" sind, sich aber dennoch konzeptionell und in der kreativen Richtung der Anwendung stark auswirken. Wenn Sie an einer App arbeiten und diese Jobs nicht besetzt sind, suchen Sie jemanden, der diese Fähigkeiten besitzt, oder probieren Sie es selbst aus. Wenn Sie diese Schritte überspringen, kann dies zu einem kostspieligen Revisionspfad führen, wenn Ihre Benutzer feststellen, dass Ihrer App Funktionalität oder schmerzhafte Konstruktionsfehler fehlen.
Sobald eine Idee für eine App allgemein herausgearbeitet wurde, ist es an der Zeit, die Anwendungsfunktionalität auf den Kern der Funktionen der App zu beschränken. Die beliebtesten Apps richten den Fokus auf eine Hauptaufgabe ein und behalten sie bei. Um dies zu tun, müssen Sie ermitteln, was diese Hauptaufgabe ist, indem Sie eine kurze Erläuterung des Hauptzwecks Ihrer Apps und der beabsichtigten Zielgruppe erstellen, die auch als Produktdefinitionserklärung bezeichnet wird.
Ich weiß, es hört sich geeky und nutzlos an, aber dies ist der Satz, den Sie während der gesamten Zeit, die Sie an dem Entwurf arbeiten, an Ihre Wand hängen sollen. Es ist der Kern dessen, worum es in der App geht. Wählen Sie also die wenigen Funktionen aus, die von der Mehrheit Ihrer Benutzer am häufigsten verwendet werden und am besten für den mobilen Kontext geeignet sind. Ein schneller Weg, dies zu tun, ist das Ausfüllen dieser Felder für die Anwendung, an der Sie gerade arbeiten:
(Ihr Unterscheidungsmerkmal) (Ihre Lösung) für (Ihr Publikum).
Hier ist ein Beispiel für die iPhone-App "Fotos":
(Einfach zu verwenden) (digitales Fotofreigaben) für (gelegentliche iPhone-Benutzer).
Die Marktforschung klingt vielleicht nach einer anderen dieser „Gähnen“ -Aufgaben, aber das Überspringen dieses Schrittes ist… dumm. Wenn Sie es nicht tun möchten, engagieren Sie einen anderen, der sich für diese Art von Arbeit begeistert. Treten Sie nicht in die Falle: "Niemand hat das getan" und "Diese Idee ist völlig originell" oder "Ich möchte meine Idee vor dem Einfluss von außen geschützt halten." sei perfekt, aber nur für dich.
Der beste Weg, alle Ihre Recherchen zu recherchieren und zu dokumentieren, ist das Einfügen in eine Tabelle oder ein Textverarbeitungsdokument. Sie können Ihre eigenen erstellen, ODER ich habe eine in Google Text & Tabellen erstellt, die Sie verwenden können: Mobile App Research Spreadsheet. Ich habe Beispiele für die App eingefügt, an der wir in diesem Artikel arbeiten. Ersetzen Sie diese Daten einfach durch Ihre eigenen! Dies macht es einfach und leicht, auf alle Funktionen, Vorteile und Technologien anderer Produkte zuzugreifen.
Ich sage "bestehende Lösungen" und nicht "Wettbewerb", da nicht alle verwandten Produkte auf Ihrem mobilen Markt konkurrieren. Einige können Web-Apps, Desktop-Anwendungen oder sogar Offline-Quellen in demselben Interessenbereich sein. Bestehende Produkte können Sie am besten finden, indem Sie nach verschiedenen Schlüsselwörtern suchen, die sich auf Ihre Anwendung beziehen:
Seien Sie während der Marktforschung darauf vorbereitet, technische Einschränkungen aufzudecken, die Sie nicht erwartet haben. Als Designer sagen Sie vielleicht: „Wen interessiert das? Das ist die Aufgabe des Entwicklers! “Vielleicht so, aber Sie wären überrascht, wie viele Diskussionen über technische Machbarkeit sich auf das Design auswirken! Glauben Sie mir, Sie möchten an dieser Diskussion teilnehmen.
Beispiele für technische Einschränkungen können sein: Was wäre, wenn Sie eine App erstellen möchten, mit der Sie Anrufe von einer bestimmten Nummer aus blockieren können? Ohh, das iPhone SDK unterstützt diese Funktionalität nicht. Angenommen, ich wollte eine App erstellen, mit der Sie das nächstgelegene Café finden können. Überlegen Sie sich besser, wie viele Treffer Ihre App erzielen kann, da Google und Yahoo! Beide beginnen mit dem Laden, sobald Sie ein bestimmtes tägliches Suchvolumen in Ihrer App überschritten haben!
Dies ist sehr wichtig. Wenn Sie entmutigt werden, wenn Sie sich über all die Dinge informieren, die heute nicht möglich sind, eine gute Nachricht - Sie können sie trotzdem in Ihrem Entwurf planen! Hatte das erste iPhone eine Videokamera? Nein, aber Entwickler, die ihr Spiel einmal hatten, begannen, über Möglichkeiten in diesem Bereich nachzudenken, die sich unweigerlich in Zukunft eröffnen würden.
Ein weiterer Grund für die Planung zukünftiger Funktionen ist die Fähigkeit der Anwendungen, zu skalieren oder zu wachsen. Genau wie Websites durchlaufen Apps häufig Wachstumsschübe der einen oder anderen Art. Manchmal bedeutet das das Hinzufügen von Features oder Inhalten, manchmal bedeutet das, dass Sie die Dinge entfernen müssen! Überlegen Sie, wie Sie ein Gleichgewicht zwischen Kreativität und Modularität aufrechterhalten können. Durch das einfache Einstecken und Herausnehmen von Teilen vom Layout aus gesehen werden Sie auf der Straße viel weniger Kopfschmerzen haben!
Die Kenntnis Ihrer Zielgruppe ist sehr wichtig, um Designstil, Typografie und Layout zu definieren. Appelliert Ihre App an Buchhalter oder Spieler zwischen 18 und 25 Jahren? Diese Informationen zu haben und noch tiefer zu tauchen, um "Personas" zu entwickeln, ist wichtig, um zu verstehen, was die Bevölkerungsgruppe sehen möchte und in welchem Kontext sie die App verwenden.
Zum Beispiel ist Mike Todd ein 18-jähriger Student in New York City. Das sagt uns viel mehr über Mike. Er ist auf dem College, bei anderen Schülern seines Alters, die meisten mit ähnlichen Zeitplänen. Mike möchte ein Spiel mit 2-Spieler-Interaktion. Hätten wir an eine Zwei-Spieler-Interaktion gedacht, wenn wir nur das Alter von Mike gekannt hätten? Je nach App vielleicht oder auch nicht. Unabhängig davon, dass das Herausziehen von Personas Ihrem Brainstorming mehr Bedeutung verleiht und dazu beiträgt, Funktionen hervorzuheben, die für Ihre Zielgruppe wichtig und für das Design wichtig sind.
Sobald die Personas definiert sind, müssen die Charaktere in relevante, realitätsnahe „mobile“ Umstände gebracht werden. Wo sind die Benutzer, die die App verwenden? Sind sie zu Fuß, mit dem Auto oder mit dem Zug?
Der dreiundvierzigjährige Bill fährt zu einer Besprechung in der Innenstadt von London und möchte eine Tasse Kaffee trinken. Sollte es für die App erforderlich sein, dass Bill mehrmals auf den Bildschirm tippt, bevor er seinen Coffee Shop findet? Absolut, wenn dein Bruder einen Karosseriebau besitzt! Durchdenken der verschiedenen Umstände, in denen sich Benutzer befinden, und Einwahl in Szenarien, in denen bestimmte Funktionswiederholungen der Schlüssel zum Definieren der von Ihnen entworfenen Bildschirme sind.
Sitemaps für Mobilgeräte sind für das Design von entscheidender Bedeutung. Um einen Fluss zu entwerfen, der intuitiv ist, bietet das Verständnis der Beziehung von Inhalten zu anderen Inhalten die Möglichkeit, einfache und verwendbare Steuerelemente zu entwerfen. Mobile App-Sitemaps unterscheiden sich von Website-Sitemaps, da mobile Apps dem Benutzer nicht mehrere Möglichkeiten bieten sollten, an einen Ort zu gelangen. Eine Tür zu einem Raum: das ist es. Mobile Benutzer haben keine Zeit für einen falschen Zug, gehen dann zurück und versuchen, den richtigen Pfad zu finden.
Aus den Anwendungsszenarien gesammelte Daten definieren den Inhalt und die Steuerelemente, die auf den in der Sitemap definierten Bildschirmen vorhanden sein müssen. Von dort müssen Sie ein vorläufiges Layout entwerfen, das jedes dieser Designelemente berücksichtigt. Definieren Sie ein Raster und legen Sie anhand von Farbe, Form und Größe der Designelemente die Wichtigkeit von Informationen fest.
Aus ergonomischer Sicht halten Benutzer mobile Touchscreen-Geräte so, dass der Daumen in der Regel in Richtung der Bildschirmmitte zeigt. Wenn Sie also die Benutzer schnell durch die App navigieren möchten, geben Sie ihnen Steuerelemente, mit denen sie sich mit nur einer Hand bewegen können!
Berücksichtigen Sie auch die vielfältigen Möglichkeiten, wie sich Inhalte auf dem Bildschirm und außerhalb des Bildschirms bewegen können. Mobile Tabellen sind beispielsweise eine hervorragende Möglichkeit, umsteuerbare Steuerelemente auszublenden, bis der Benutzer sie verwenden kann.
Überlegen Sie, wie Sie die Benutzereingaben minimieren können. Wer möchte sich mit der Eingabe eines Textbündels verklemmen? Stellen Sie den Benutzern eine Auswahlliste zur Verfügung, damit sie stattdessen eine Auswahl aus einem Menü auswählen können.
Beim mobilen Design spart Ihnen das Prototyping von Papier viel Zeit. Ähnlich wie bei jedem Entwurfs- oder Illustrationsprozess können Sie mit einer Iteration Ihres Entwurfs eine breitere Palette von Gestaltungsoptionen tiefer erkunden. Und beim Prototyping von Papier gibt es weniger "Risiko", weniger Anhaftung an Papierfetzen als eine polierte Photoshop-Datei. Beispielsweise ist das Arbeiten mit Post-It-Notes hilfreich, wenn Sie Bildschirme nachbestellen, hinzufügen oder löschen können, bis der Ablauf stimmt. In diesem Tumblr-Thread finden Sie eine schöne Sammlung mobiler Wireframes.
Wenn Sie Ihre Prototypen aus Papier verfeinert haben, ist es an der Zeit, diese Skizzen in Photoshop zum Leben zu erwecken. Wenn Sie dies noch nicht getan haben, springen Sie zurück zu meinem vorherigen Beitrag in den iPhone-Designvorlagen und greifen Sie sich ein paar für den Einstieg an. In diesem Artikel finden Sie auch Angaben dazu, wie Sie Ihre Dateien mit der richtigen Größe und Auflösung einrichten. Wenn Sie das Glück haben, mit einem Entwickler zusammenzuarbeiten, der Bilder für Sie herausschneiden kann, seien Sie bitte höflich und organisieren Sie Ihre Datei mithilfe von Ordnern.
Dies ist sicherlich eine abgekürzte Version jedes Schritts des mobilen Designprozesses. Bitte lassen Sie mir unten einen Kommentar und lassen Sie mich wissen, in welchem Bereich Sie mich erläutern möchten!
Jen Gordon ist eine freiberufliche Designerin, die 2008 schwer auf mobile Geräte gestoßen ist. Seitdem hat sie Dutzende von Schnittstellen für iPhone und iPad entwickelt. Wenn sie nicht gerade mit Pixeln arbeitet, schreibt sie gerne über Design und erstellt Assets, die andere Designer und Entwickler verwenden können. Im Folgenden finden Sie ein fantastisches iPhone-Design-Bundle, das sie speziell für MobileTuts-Leser zusammengestellt hat!
Accentsconagua