Share
Wenn die letzten neun Monate alles bewiesen haben, wird das App-Design für das iPad eine wilde Fahrt sein. In diesem Artikel werden fünf Tipps beschrieben, mit denen Sie iPad-Designs kreieren können, die rocken!
Als Designer bin ich natürlich alles für benutzerdefinierte Benutzeroberflächen, verstehe aber auch, wie schnell der Designzug entgleisen kann! Wenn Sie eine benutzerdefinierte Benutzeroberfläche entwerfen möchten, konzentrieren Sie sich auf die folgenden Elemente:
Flipboard ist ein großartiges Beispiel für eine App, die über keine herkömmliche Navigation verfügt, Sie jedoch vollständig in das Erlebnis eintaucht. Sie versäumen die Navigation nicht, weil Sie direkt in den Inhalt einfließen.
Benutzerdefinierte Schnittstellen ermöglichen es Ihnen, eine Menge cooler Dinge mit so genannten Layer-Layouts zu tun, wenn verschiedene Teile des Layouts unabhängig voneinander blättern. In einigen Fällen wird dem Benutzer nicht der gesamte Inhalt angezeigt, bis er verstanden hat, wie sich jede dieser Ebenen bewegt. Die Frage, die Sie beantworten müssen, lautet also: Wie viel überlassen Sie dem Benutzer, um ihn zu entdecken??
Im Coole Jagd, Der Benutzer kann die oberen Bilder nach links und rechts streichen, wodurch mehr Bilder sichtbar werden. Wenn Sie nicht streichen, würden Sie nicht wissen, dass sie vorhanden sind. Für den Artikelbereich, der nach oben und unten gescrollt wird, erwarten Benutzer, dass der Text nach oben und unten verschoben wird, jedoch nicht unbedingt die Bilder oben.
Die Lösung? Testen. Wie lange brauchte ich, um herauszufinden, dass die Bilder oben und links nach rechts streichen, um weitere Bilder anzuzeigen? Vielleicht nach einer Minute damit zu spielen. Und das Ergebnis Ich war eigentlich angenehm überrascht, nicht verärgert, dass es nicht offensichtlicher war.
Eine wirklich coole Funktion der CNN-App ist die Möglichkeit, mit dem Finger über die Nachrichten am unteren Rand zu fahren und eine Vorschau auf die Überschrift der Story zu erhalten. Nett! Dadurch wird verhindert, dass der Benutzer zurückspringt, um alle Storys zu durchsuchen.
Was am Design-iPad von Vorteil ist, ist, dass man sich als Neuankömmling erweist. Benutzer verbieten sich nicht bei Apps, die nicht den Standard verwenden. Navigationssteuerungen. Der Trick besteht darin, eine ansprechende Benutzererfahrung zu schaffen, die es dem Benutzer ermöglicht, die App mit Leichtigkeit zu steuern.
Eines der wichtigsten Dinge, die Sie im Kopf behalten sollten, wenn Sie nach "alternativen" Layouts suchen:
Minimieren Sie den Benutzerbedarf für "Hilfe".
Dies bedeutet, dass keine Hilfeschaltflächen, keine Fragezeichen, keine "i" -Info-Schaltflächen vorhanden sind. Keines davon. Ein durchdachtes Design benötigt diese überflüssigen Informationen nicht (wütende Schreie und Fäusten schütteln).
Bevor Sie Ihr Höschen in ein Bündel bekommen, bedeutet dies nicht, dass Sie keine "Tipps" geben können. Hinweise sind subtile, inhaltlich relevante Tipps, die einen sanften Schubs liefern, wenn ein Benutzer darüber debattiert, was als nächstes zu tun ist.
Das Übersetzen Ihres Designs vom Porträt in die Landschaft oder umgekehrt ist ein Schmerz. Ich kenne. Es ist, als würde man eine völlig neue App entwerfen, zumindest vom Layout her. Hierbei ist zu beachten, dass die Benutzererfahrung nicht verändert wird!
Zum Beispiel haben nicht viele Apps den Luxus, so gut wie Note Taker übersetzen zu können, was fast genau übereinstimmt:
Cool Hunting ist ein häufigeres Beispiel dafür, wie inhaltsbasierte Apps von einem Raster in eine Listenansicht geändert werden. Die Interaktion des Benutzers mit der App wird dadurch nicht wesentlich geändert:
Bei Apps, die in dynamischen Inhalt geladen werden, müssen Sie immer wissen, wie dieser Inhalt die Benutzererfahrung bei jedem Öffnen der App ändern kann. Die CNN-App ist ein hervorragendes Beispiel für zwei Dinge:
Die Schnittstelle atmet nicht. Es sieht so chaotisch aus wie die Nachrichten, Bilder nebeneinandergestopft und Schlagzeilen praktisch unlesbar. Wenn Sie sich mit dem Laden von dynamischen Inhalten befassen, geben Sie etwas Platz, um sich auszudehnen. Sie wissen nie, wie es von Tag zu Tag aussehen kann. Planen Sie also den absoluten Maximalwert aus Sicht der Bild- und Bilddaten ein und arbeiten Sie rückwärts, um ausreichend Platz für alle Arten von Inhalten zu schaffen, die dort möglicherweise leben.
Und jetzt das Heldenbild. Ich bin mir nicht sicher, ob es auf dem Bildschirm unten nur Zufall ist, aber das rote Heldenbild ist Ihr Blick. Der sekundäre Fokus liegt auf der roten Jacke der Frau. Denken Sie darüber nach, wie dynamisch geladene Bilder dazu führen können, dass das Auge des Benutzers herumspringt.
Die Lösung? Erstellen Sie grafische Handlungsaufforderungen, die alle in die App geladenen Bilder überschreiben. CNN versuchte dies mit den? Top Stories? Banner, aber es erscheint nicht wirklich über dem großen Heldenbild.
Dies ist eine der schwierigsten Aufgaben für Entwickler, Designer und möglicherweise sogar für UX-Experten! Dies ist besonders wichtig bei iPad-Apps, bei denen die Benutzeroberflächen nicht so standardisiert sind. Die Vorhersage des nächsten Zuges der Benutzer kann schwierig sein, aber ich habe einen Trick, der wirklich hilft.
Nehmen wir an, Sie haben eine App, mit der Menschen einen Zoo mit Affen finden können. Sie haben die Anwendungsszenarien ausgeführt und wissen sogar, wer Ihre Zielgruppe ist, die WIRKLICH Affen liebt. Im nächsten Schritt zeichnen Sie Ihre Szenarien und Wireframes anhand der Art und Weise, wie diese Benutzer mit der App interagieren, um ihre geliebten Affen zu finden.
Sie erstellen die Wireframes. Sie befestigen sie an der Wand. Es sieht gut aus. Alles macht Sinn - "Ich bin fertig!", Denkst du. Nun, hier ist der Killer-Tipp:
BERÜHREN SIE NICHT DIE IDEE ZWEI TAGE!
Ernsthaft, fass es nicht an, denk nicht darüber nach, schreibe keine E-Mail darüber. Löschen Sie das Wort? Affe? aus deinem Wortschatz. Okay, das wird ein bisschen dumm, aber die Idee ist, dass Sie nicht in den Verstand des Benutzers gelangen, wenn Sie nicht frische Augen haben.
Und wir werden nie ganz frische Augen haben, aber ich habe in meiner eigenen Arbeit festgestellt, dass die Unterbrechung eines Projekts und die Konzentration auf etwas anderes meine Fähigkeit beeinträchtigen, über die kreativen Blöcke hinauszugehen und eine App durch die Augen des Benutzers zu sehen.
Accentsconagua