Share
Im ersten Artikel dieser Serie, „Einführung in das iPhone-Design“, haben wir kurz erläutert, warum einige iPhone-Apps Apple-Vorlagen verwenden, während andere benutzerdefiniert sind. In diesem Artikel werden wir uns genauer ansehen und diskutieren, warum dies aus Design-, Entwicklungs- und Geschäftssicht eine wichtige Frage darstellt.
In dieser Serie werde ich das Wort „Templated“ verwenden, um in Laienansprache das konsistente Aussehen der vorgefertigten Steuerelemente zu beschreiben, die Apple Entwicklern in ihrer Interface Builder-Anwendung bietet. Diese Steuerelemente sind im wahrsten Sinne des Wortes keine „Vorlagen“. Dies ist jedoch eine nützliche Metapher, die in dieser Serie zum Vergleich der Steuerelemente der Apple-Benutzeroberfläche mit „benutzerdefinierten“ Steuerelementen verwendet wird.
Das Bild unten zeigt einen Screenshot der Apple Interface Builder-Anwendung. Interface Builder ist ein Tool, mit dem Entwickler Apps schnell erstellen können - ohne die Hilfe eines Grafikdesigners. Aus dem Bild unten können Sie ersehen, dass Entwickler keine vollständigen „Vorlagen“ für ihre Anwendungen auswählen, sondern stattdessen verschiedene vordefinierte „Steuerelemente“ per Drag & Drop auf die von der App angezeigten Ansichten ziehen.
Dies ist eine häufig gestellte Frage von Webdesignern, die es gewohnt sind, jeden Button, jede Box und jedes Formular einer Webseite von Grund auf neu zu gestalten. Warum können wir das nicht tun? Warum nicht alle Apps einfach so gestalten, wie sie möchten?
Einige Gründe:
Warum also von den Designs abweichen, die Apple bereits erstellt und getestet hat? Sagen wir einfach, es ist eine Stilentwicklung. Die Standardsteuerelemente von Apple und die Theorie, wie sie funktionieren, sind eine fantastische Ausgangsbasis. Dies ist eine Grundvoraussetzung, die für viele Apps, einschließlich der eigenen, hervorragend funktioniert. Sie reagieren jedoch auch auf die Nachfrage nach grafisch gestalteten Benutzeroberflächen. Schauen Sie sich eine der neuesten Apps, Game Center, an, um zu erfahren, wie sie benutzerdefinierte Steuerelemente verwenden.
Wenn für Ihr Projekt ein sehr kleines Budget für die Produktion erforderlich ist, können Standardkosten verwendet werden, um die Kosten niedrig zu halten. Je nach Art der von Ihnen produzierten App können Sie mit Standardsteuerelementen eine App erstellen und starten, ohne einen Designer zu beauftragen. Denken Sie daran, wenn Sie ein Spiel oder ein Spaßwerkzeug erstellen, besteht eine gute Chance, dass die Standardsteuerelemente nicht die gewünschten Ergebnisse liefern.
Einige Apps sind in ihrer Funktionalität sehr einfach und erfordern nur wenige Interaktionspunkte. Apps dieser Art werden häufig mit Standardsteuerelementen erstellt. Emoji Free ist ein Beispiel für eine App, die einfach eine Emoticon-Tastatur auf Ihrem Telefon installiert. Es wäre schön, wenn Sie eine benutzerdefinierte Grafik für diese App haben, aber praktisch wird die App nur zweimal und für jeweils eine Minute geöffnet, um die Tastatur zu installieren. Stattdessen entschied sich das Emoji-Team, sein Designbudget für niedliche Ikonenillustrationen auszugeben. Ein guter Schritt.
Wenn Sie ein seriöses Tool erstellen, ist eine umfassende, unterhaltsame grafische Benutzeroberfläche das letzte, was die Benutzer beim Arbeiten mit der App berücksichtigen. Nehmen Sie zum Beispiel Apples Mail-App. Die App verwendet alle Standardsteuerelemente. Vermisst jemand die Tatsache, dass es nicht viel Farbe und Textur gibt? Wahrscheinlich nicht - wir möchten nur unsere E-Mail lesen.
Einige Entwickler möchten ihren App-Entwicklungsprozess schrittweise oder iterativ durchführen. Dies beinhaltet das Starten mit einem sehr einfachen Build der App, der mit Standardsteuerelementen erstellt wird. Wenn die erste Version der App vielversprechend ist und die Kosten gerechtfertigt sind, ist eine kundenspezifische Version häufig ein sinnvolles Upgrade.
Viele Apps, die Standardsteuerelemente verwenden, tun dies, weil sie keine starke Marke, kein Logo oder keine visuelle Metapher für die App selbst haben. Das Bild unten veranschaulicht diesen Punkt.
Starbucks ist eine starke Marke mit vielen erkennbaren grafischen Elementen. Sie verfügen über Designer und ein Marketingteam, das jeden Schritt für die Marke steuert, einschließlich ihrer iPhone-App. Obwohl diese App als ernstzunehmendes Tool betrachtet werden kann, erwartet der Benutzer, dass keine Standardsteuerelemente vorhanden sind und die Marke Starbucks überall auf dem Tisch liegt - und das tun sie auch!
Am anderen Ende des Spektrums befindet sich das HTML-Übungshandbuch, ein hervorragendes Beispiel für eine App, die Standardsteuerelemente verwendet. Diese App hat ein sauberes Layout und eine klare Hierarchie, aber keine starke Marke oder visuelle Metapher. Der Entwickler vermarktet nicht die „Marke“ der App oder bringt ein Konzept um die App herum, daher sind Standardsteuerelemente sinnvoll.
Wenn Sie ein kleines Budget für Grafikdesign aufbringen können, entscheiden Sie sich dafür! Die Flash-Destillations-App unten ist ein hervorragendes Beispiel für eine App, mit der ALLE Standard-Skins und Layout-Tools verwendet werden könnten. Stattdessen investieren sie ein wenig Geld in das Design, um die Listenansichten zu verfeinern. Das durchdachte Rasterlayout erleichtert das Ablesen der Liste und das Lesen von Aceton und Essigsäure!
Ein einfacher Grund, warum die meisten Apps benutzerdefinierte Grafiken erstellen, besteht darin, einige funktionale Anforderungen der App zu erfüllen. Wenn für Apps mehr Funktionen erforderlich sind, als von Standardsteuerelementen bereitgestellt werden, müssen benutzerdefinierte und codierte Elemente erstellt werden, damit die App auf möglichst effiziente Weise funktioniert. Nehmen Sie die App von Jamie Oliver, voll mit sehr relevanten Informationen, die zugänglich sein müssen, ohne den Bildschirm zu überfüllen.
Auf dem Bildschirm rechts werden Informationen zum „Taster Pack“ in der Referenzbibliothek sowie Schaltflächen im Bild angezeigt, über die der Benutzer zu den relevanten Videos gelangt. Der Bildschirm rechts zeigt eine relevante Subnavigation, die für jedes Rezept gilt - benutzerdefiniert und codiert.
Eine der besten Möglichkeiten, sich im App Store von der Konkurrenz abzuheben, ist die Verwendung eigener Grafiken. Nehmen Sie das Beispiel unten. Mit beiden Apps können Sie Ihre Stimme aufnehmen und sie so verziehen, dass sie wie verschiedene Tiere und Charaktere klingt. Wenn eine Person nach Voice-Warping-Apps sucht, welche wird sie auswählen?
Spiele sind ein Bereich, in dem benutzerdefinierte Grafiken fast immer erforderlich sind. Wenn jemand ein Spiel gesehen hat, das mit standardmäßigen UI-Steuerelementen erstellt wurde, lassen Sie es mich bitte in den Kommentaren wissen - ich möchte es sehen! Die meisten Spiele für iOS werden mit Quartz 2d, OpenGL oder Unity3D erstellt. Schauen Sie sich dieses Bild aus dem Spiel für den Tron-Film an. Bei Standardsteuerelementen ist dies einfach nicht der Fall.
Was ist, wenn Sie das Budget haben, um den Status Quo in Frage zu stellen? Ein großartiges Beispiel für ein Unternehmen, das die Art und Weise, wie wir mit unserer E-Mail auf dem iPhone - Humail - interagieren, neu erfinden möchte. Laut MacStories ist Humail „nicht für Power-User gedacht, die täglich mit Hunderten von Nachrichten zu tun haben. Stattdessen könnte Humail eine nette und interessante Alternative für alle sein, die E-Mails verwenden, um mit Freunden und Familie in Kontakt zu bleiben, gelegentlichen Benutzern, die morgens ein paar neue Nachrichten erhalten, und das war's.
Tun Sie, was Sie für Ihre App als richtig erachten. Frag dich selbst:
Wenn Sie diese Fragen durchdenken, finden Sie wahrscheinlich einen ziemlich robusten, strategischen Plan für den Erfolg Ihrer App vor!
Accentsconagua