So gestalten Sie die verschiedenen iPhone-Apps

Willkommen zum vierten Teil unserer Serie auf dem iPhone Design 101! Wenn Sie diese Serie noch nicht kennen, sollten Sie sich unbedingt die Teile 1 - 3: Einführung in das iPhone-Design, iPhone / iPad-Designvorlagen und iPhone-Designfunktionen ansehen. Diese Artikel werden Sie auf den neuesten Stand bringen und Ihnen einen Eindruck von den saftigen Teilen dieser großartigen Serie vermitteln!

Als Designer und / oder Entwickler fragen Sie sich vielleicht, „wer sich für die 'Arten' der verfügbaren Apps interessiert, ist jede App anders? Jede App hat eine eigene Zielgruppe und Aufgabe. Was ist also der Sinn, um die verschiedenen Typen zu studieren? “Eine einfache Antwort: Wenn Sie den Typ Ihrer Anwendung verstehen, werden Ideen konzeptualisiert, technische Spezifikationen festgelegt und Design und Entwicklung viel schneller gemacht.

Der App Store verfügt über 20 Standard-Kategorien von Apps (alles von Spielen bis hin zu sozialen Netzwerken) und bricht regelmäßig Fachgruppen wie Apps für Kinder oder Urlaubskochprogramme aus. Wie fangen Sie an, über Designregeln für all diese Kategorien nachzudenken? Du nicht Überlegen Sie sich stattdessen, wie ALLE dieser Apps in eine von 4 Gruppen oder "Arten" von Apps passen können:

  1. Serious Tools
  2. Fun Tools
  3. Lustige Spiele
  4. Ernste Unterhaltung

Wenn Sie die Art der von Ihnen entworfenen App verstehen, erhalten Sie eine Momentaufnahme sowohl Ihres Publikums als auch der entsprechenden Designgrenzen. Ein naheliegendes Beispiel: Sie werden wahrscheinlich kein Kind finden, das mit einer Produktivitäts-App arbeitet, oder einen Erwachsenen, der mit einem "Alphabet lernen" -Spiel spielt, richtig? In diesem Artikel gehen wir weit über dieses einfache Beispiel hinaus, um die Nuancen der Iteration für jede dieser Kategorien von Apps zu untersuchen. Ich werde auch sehr praktische Standards definieren, die Sie für jeden App-Typ anwenden können. Dies sind wichtige Überlegungen, die Sie zu Beginn jedes Designprojekts berücksichtigen sollten.

Serious Tools

Seriöse Tools sind äußerst aufgabenorientierte Apps, die für die Geschäftsabwicklung entwickelt wurden. Benutzer möchten so schnell wie möglich einsteigen und aussteigen. Aus diesem Grund ist es wichtig,

  • Halte es sauber
  • Erstellen Sie ein klares Raster für Ausrichtung und Layout
  • Vermeiden Sie redundante Kontrollen
  • Bringen Sie die Produktivität aus dem Weg
  • Verwenden Sie "implizierte" Grafiken
  • Visuelle Priorisierung von Informationen mithilfe von Typografie, Farbe und Kontrast

Ein gutes Beispiel für ein seriöses Werkzeug ist die Southwest Airlines-App. Was würde passieren, wenn diese Schnittstelle unübersichtlich, eng und schwer zu navigieren wäre? Okay, es ist keine "Bombenbedrohung", aber im Fall von Southwest kann es vorkommen, dass ein Kunde einen Abflug vom Flughafen oder einen Flughafen verpasst, wenn er nicht schnell auf die benötigten Informationen zugreifen kann. Zumindest sind sie unpraktisch, wenn sie nach alternativen Wegen suchen müssen.

Diese App macht mehrere Dinge gut. Wenn Sie einen Blick auf den Bildschirm werfen, welche beiden Tasten springen zuerst auf Sie zu? Das orangefarbene „Flight Check In“ und der „Flight Status“. Wenn wir uns nicht an unseren Desktop- / Laptop-Computern befinden, was sind die zwei wichtigsten Dinge, die wir im Umgang mit Flugreisen machen möchten? Sie haben es verstanden: Einchecken und Status überprüfen.

Beachten Sie auch die Positionierung der Tasten. In einer typischen Webumgebung liest ein Benutzer die Seite von oben nach unten, wobei er Navigationselemente verwendet, die oben im Fenster verankert sind. Mit Mobile gibt es nicht so viel zu scannende Immobilien! Stattdessen hat Southwest die am häufigsten verwendeten Schaltflächen in der Mitte des Bildschirms positioniert, wo sich normalerweise Ihr Navigationsdaumen befindet. Cool!

Mit einem seriösen Werkzeug müssen Sie schnell die nächste Vorgehensweise festlegen. Dies bedeutet, dass Sie sich in den Kopf Ihres Benutzers einarbeiten und das Denken für ihn tun müssen. Ein gut durchdachter Prozess, um Dinge mit einem seriösen Tool zu erledigen, wird Ihre Peeps glücklich machen und die App an Freunde weiterleiten.

Fun Tools

Fun Tools sind genau das - Utility-Apps, die ein bisschen Spaß haben dürfen. Benutzer haben etwas mehr Zeit zum Verweilen, wenn sie ein lustiges Werkzeug verwenden, und werden NICHT den Tag entgleist, wenn die App nicht richtig funktioniert. Sie überprüfen möglicherweise das Wetter, die Fußballergebnisse der Fantasy oder berechnen ihren Body-Mass-Index.

Wenn Sie Ideen oder visuelle Metaphern für unterhaltsame Werkzeuge konzipieren, denken Sie an "mäßig grafisch reich". Ihr Benutzer versucht immer noch, etwas zu erreichen. Kritisieren Sie Ihre eigene Arbeit und suchen Sie nach Visuals, die den Benutzer nicht auf den Weg der Produktivität führen. Awesome Note ist ein großartiges Beispiel für eine App, die Produktivität und Spaß in Einklang bringt.

Eine Möglichkeit, um sicherzustellen, dass Sie sowohl ein produktives als auch ein unterhaltsames Werkzeug entwerfen, besteht darin, die Hierarchie der App zu vereinfachen. Anstatt einen Taschenrechner mit 4 Eingabebildschirmen zu erstellen, müssen Sie den Entwurf überarbeiten, um dieselbe Aufgabe in 2 Bildschirmen auszuführen. Eine gute Faustregel in Bezug auf die Tiefe eines Spaßwerkzeugs ist nicht mehr als 2 - 3 Ebenen tief.

Lustige Spiele

Fun Games sind gleichbedeutend mit sogenannten „Casual“ -Spielen. Diese Apps befinden sich fast immer außerhalb der Standardbenutzeroberfläche des Betriebssystems. Dies bedeutet, dass alle Grafiken individuell entworfen und auf einer bestimmten Marke oder einem bestimmten Konzept basieren. Viel Spaß beim freien Fluss aus Design-Sicht, aber dennoch anfällig für Design-Regeln, die Benutzer mit einem unterhaltsamen Spiel erwarten.

Fun-Spiele sind intensiv grafisch, bewegen sich von einer hierarchischen Navigation weg und bringen Sie sofort ins Spiel. Ein klassisches Beispiel ist Doodle Jump. Obwohl ich zugeben muss, dass ich nicht weiß, was passiert, wenn Sie 20.000 Punkte (oye!) Überschreiten, ist dies ein perfektes Beispiel für ein unterhaltsames Spiel. Die einzige Navigation ist, wenn Sie ein "Thema" auswählen. Von dort ist es ein einfaches Spiel, das den Beschleunigungssensor verwendet, um Ihren Springer von einem Schritt zum nächsten zu lenken. Das Ziel des Spiels ist es, es nach oben zu schaffen. Das ist es.

Multi-Touch-Gesten und das LOUD-Feedback sind sehr wichtige Merkmale erfolgreicher Spaßspiele. Wenn ein Benutzer etwas richtig oder falsch macht, sagen Sie es auf große Weise! Etwas, das das Gameplay nicht vollständig stört, aber dem Benutzer hilft, die Ursache-Wirkungs-Beziehung im Spiel zu verstehen. Alarme können die Form von Tönen, Text, Bewegung von Grafiken auf dem Bildschirm, eine Explosion oder was auch immer sein!

Wenn Sie Grafiken für unterhaltsame Spiele erstellen, werden Sie möglicherweise von Ihrem Entwickler nach „Sprites“ gefragt. Wenn Sie nicht vertraut sind, sind „Sprites“ die grafischen Elemente, die sich auf dem Bildschirm bewegen. Zum Beispiel in meinem Spiel Popper! Die Dateien, die ich meinem Entwickler zur Verfügung gestellt hatte, sahen so aus:

Das Bild auf der linken Seite zeigt, wie das endgültige Spiel aussieht. Der hölzerne Hintergrund und Popper! Das Logo wurde als 320 x 480px-PNG-Grafik geliefert. Der Saldo der auf dem Bildschirm angezeigten Elemente wird pragmatisch gesteuert. Seien Sie also darauf vorbereitet, Hintergrundbilder im typischen Format 320 x 480/640 x 960 px bereitzustellen, und stellen Sie dann eine 512 x 512 px große Sprite-Grafik bereit, die alle Schaltflächen und beweglichen Elemente enthält. Sie können mehrere „Sprite“ -Dateien haben, wenn Ihre App viele bewegliche Teile enthält.

Ernste Unterhaltung

Seriöse Unterhaltungs-Apps haben die gleichen Eigenschaften wie Fun Games, beinhalten jedoch mehr Spieltiefe, virtuelle Realitäten und Rollenspiele. In der Regel kommen Personen, die diese Art von Apps entwerfen, aus einem Hintergrund des Spieldesigns und haben eine Leidenschaft für das persönliche Spielen.

Denken Sie bei der Konzeptionierung für ernsthafte Unterhaltung daran, dass Ihre Benutzer Folgendes erwarten:

  • Grafisch ansprechende Schnittstellen
  • Eine Geschichte, die folgen soll
  • Ein einzelner Bildschirm oder höchstens eine Ebene tief
  • Effizienzorientiert, große Tasten, ab 5 m Entfernung lesbar

Fragger ist ein großartiges Beispiel für ein ernsthaftes Unterhaltungsspiel, in dem Sie in bis zu 4 verschiedenen virtuellen Welten Gegner besiegen.

Fazit

Während ich an diesem Artikel arbeitete, hatte ich das Gefühl, dass "App-Kritik" ein interessantes Thema sein könnte, das untersucht werden sollte. Dabei wurden verschiedene Arten von Apps untersucht, und was macht sie großartig oder nicht so toll. Möchten Sie ein Follow-up zu diesem Artikel mit weiteren Beispielen für die „Arten“ von Apps und was macht sie großartig? Lassen Sie mir unten einen Kommentar und lassen Sie mich wissen, welche anderen Themen Sie behandeln möchten!