Was können uns Autos über das UI-Design mobiler Apps beibringen?
Veröffentlicht: 2015-10-19Design-Inspiration kann von fast überall her kommen, von den Sälen der Kunstgalerien bis hin zu Ihrer Küchenarbeitsplatte. Während zu viele Fahrer ihre Zeit hinter dem Lenkrad nutzen, um auf ihre Telefone zu schauen (bitte gehören Sie nicht zu ihnen!), kann die Straße tatsächlich eine reiche Quelle an Designwissen für die Menschen sein, die Benutzeroberflächen für mobile Apps erstellen.
Wenn Sie das nächste Mal im Stau stehen, schauen Sie sich um – anstatt das Schicksal für Ihr letztes Pech beim Fahren zu verfluchen, sehen Sie sich an, was moderne Automobilhersteller in Sachen Design richtig (und falsch) machen, und überlegen Sie, wie Sie es tun können Nehmen Sie diese Lektionen zurück auf Ihren Schreibtisch. Als Autoliebhaber und Geeks mobiler Apps sind dies nur einige der Dinge, die wir über das App-UI-Design aus der Welt der pferdelosen Kutschen gelernt haben.
Der DeLorean: Fahrer lieben mutiges Design, aber sie bevorzugen Leistung
Der DeLorean DMC-12, praktisch jedem einfach als „Der DeLorean“ bekannt, hat eines der kultigsten und sofort wiedererkennbaren Designs der Autogeschichte. Selbst wenn Sie noch nie eine Ausgabe von Motor Trend aufgeschlagen, eine Folge von Top Gear gesehen oder viel über Automobildesign nachgedacht haben, können Sie sich wahrscheinlich sofort den gebürsteten Stahl, die scharfen Kanten und die Flügeltüren dieser Apotheose der Ästhetik der 1980er Jahre vorstellen .
Schließlich gibt es einen Grund, warum Doc Brown dieses Auto benutzte, um seine Zeitmaschine in Zurück in die Zukunft zu bauen. Wenn Sie mit 1,21 Gigawatt Leistung durch die Jahrzehnte segeln, sollten Sie es mit Stil tun.
Aber bei all der Liebe und Nostalgie, die der DeLorean im Laufe der Jahre erhalten hat, lässt sich die Tatsache nicht ignorieren, dass nur 9.000 Autos jemals hergestellt wurden, bevor die DeLorean Motor Company den Betrieb einstellte. Das kurzlebige Fahrzeug wurde von dem Franchise-Film überlebt, in dem es gezeigt wurde, und genoss nur eine zweijährige Produktion. Wieso den?
Der Sportwagen, der kaum eine Zuschauer-Trophäe verdient hat
Die Liquidation der DeLorean Motor Company im Jahr 1983 war das Ergebnis eines Zusammenflusses von Faktoren, nicht zuletzt eines schwachen US-Automarkts. Es ist jedoch unwahrscheinlich, dass der DeLorean unter günstigeren wirtschaftlichen Bedingungen nur aufgrund seiner Vorzüge als Auto viel länger durchgehalten hätte. Während das Design des Autos sagte: „Fahr mich – ich bin futuristisch und schnell“, erzählte die Leistung eine andere Geschichte.
Bevor John DeLorean sich hinsetzte, um einen Prototyp seines legendären Autos zu bauen, hatte er ursprünglich von 200 PS geträumt. Das war zwar sicherlich knapp an den 1,21 Gigawatt, die für Zeitreisen erforderlich sind, aber das war eine beträchtliche Menge an Muskeln und ein bisschen näher an dem, was Sie von einem Auto erwarten würden, das so aussah. Zu der Zeit, als das Auto hergestellt und in die Vereinigten Staaten importiert wurde, mit seinen frisch geprägten Emissionsgesetzen und vorgeschriebenen Katalysatoren, wurden aus 200 PS etwa 136 PS – vergleichbar mit den am wenigsten aufregenden 4-Zylinder-Kompaktwagen von heute. Das war nicht nur nach heutigen Maßstäben zu schwach, sondern war damals auch ziemlich schlecht.
Und dies war für einen Sportwagen gedacht, nicht für eine praktische Limousine oder einen kaum zu wartenden Rollwagen, der dafür reserviert war, von A nach B zu gelangen. Niemand kaufte einen DeLorean in der Erwartung eines ruhigen Fahrerlebnisses.
Wie man einen DeLorean nicht entwirft
Was sagt uns das alles über das UI-Design mobiler Apps? Dies ist mehr als eine warnende Geschichte über Formfolgefunktion. Jeder weiß, dass das schönste App-UI-Design der Welt immer noch versagt, wenn die App selbst nicht gut funktioniert – wenn sie abstürzt, hängt oder langsam läuft oder ein anderes Symptom für schlechte Entwicklung und unzureichende Qualitätssicherung aufweist.
Der DeLorean ist jedoch ein wichtiger Äsop für jeden, der etwas entwirft, das möglicherweise jemand anderes herstellt. John DeLorean hatte ein schönes Bild im Kopf, das die tatsächlichen Autohersteller nicht liefern konnten. Denken Sie daran, dass die DeLorean Motor Company in Irland ansässig war und ein Großteil des Leistungsverlusts auftrat, als das Auto nach Übersee in die Vereinigten Staaten fuhr und einen Katalysator aufnahm, wodurch weitere Leistung verloren ging.
App-UI-Designer sind wie John DeLorean, während Entwickler wie amerikanische Hersteller sind. Sie können viele SNAFUs vermeiden, indem Sie einfach so früh wie möglich einen Dialog mit Ihrem Entwickler eröffnen. Kurz gesagt, Designer und Entwickler können und sollten Freunde sein. Besprechen Sie alle möglichen Einschränkungen mit den anderen Mitgliedern Ihres Teams, von Hardwarespezifikationen bis hin zu potenziellen Netzwerkleistungsproblemen – alles, was zu einer wirklich cool aussehenden, aber letztendlich funktionsgestörten App-Benutzeroberfläche führen könnte.
Indem Sie diese Einschränkungen besprechen, bevor Sie Ihren Prototypen erstellen, erhalten Sie eine realistische Vorstellung davon, was mit Ihrer App möglich ist. Vielleicht bleiben bestimmte Animationen oder Übergänge besser auf dem Boden des Schneideraums. Vielleicht sind bestimmte Arten von Push-Benachrichtigungen nicht ratsam. Viele dieser Details werden zwar beim Testen und bei der Qualitätssicherung ausgebügelt, aber wenn Sie sie von Anfang an angehen, erhalten Sie eine realistischere Vorstellung davon, was Sie tatsächlich entwerfen und bauen können.
Ihre App-Benutzeroberfläche sollte mehr Tesla als Prius sein
Aber machen Sie um Himmels willen keinen Hummer daraus.
Als eine Art Kontrapunkt zum Argument „Form folgt Funktion“ oder „Design folgt Leistung“ möchten Sie auch vermeiden, eine App zu erstellen, die hochgradig funktional und benutzerfreundlich, aber visuell nicht sehr inspirierend ist. Sie wollen immer noch diesen „coolen“ Faktor, es sei denn, Ihr App-UI-Design hat einen spezifischeren ironischen, asketischen Reiz – Craigslist, wir sehen Sie an.
Aber manchmal kann diese Coolness auf Kosten der Effizienz gehen. Wer von uns würde es nämlich ablehnen, einen Dodge Challenger SRT Hellcat auf der Straße zu testen? Mit 707 PS und der Fähigkeit, in drei Sekunden von 0 auf 60 MPH zu beschleunigen, ist es wahrscheinlich unmöglich, mehr Spaß beim Geradeausfahren zu haben, und das kommt noch nicht einmal darauf an, wie gut sein Muscle-Car-Chassis aussieht. Die Hellcat ist im Grunde das, was Sie bekommen würden, wenn Sie das gute Aussehen und die kompromisslose Männlichkeit eines jungen Clint Eastwood nehmen würden, die Geschwindigkeit und Wildheit von Steve McQueen hinzufügen, die resultierende Chimäre in ein Auto verwandeln und dem Auto dann Steroide geben würden .
Für dich empfohlen:
Was bedeutet die Anti-Profiteering-Bestimmung für indische Startups?
Wie Edtech-Startups Indiens Arbeitskräften helfen, sich weiterzubilden und zukunftsfähig zu werden ...
New-Age-Tech-Aktien in dieser Woche: Zomatos Probleme gehen weiter, EaseMyTrip-Posts steigen...
Indische Startups nehmen Abkürzungen bei der Jagd nach Finanzierung
Digitale Marketingplattform Logicserve Bags INR 80 Cr-Finanzierung, Umbenennung in LS Dig...
Bericht warnt vor erneuter behördlicher Prüfung von Lendingtech Space
Kurz gesagt, es ist eine ziemlich kranke Fahrt.
Aber mit großer Leistung kommen große Kraftstoffkosten. Und in diesem Fall vielleicht Umweltschäden. Während der Hellcat auf der Autobahn 22 Meilen auf die Gallone kommt – nicht Greenpeace-würdig, aber vielleicht besser als erwartet – bekommt er nur 13 mpg in der Stadt. Und seien wir ehrlich, wenn Sie einen dieser bösen Jungs fahren, planen Sie wahrscheinlich nicht, zu sanft mit Ihren Eingaben umzugehen.
Hier ist die Sache: Während einige Fahrer keine Angst haben, das Geld aufzustocken und etwas Ozon für einen bösen, kühlen Spritfresser zu essen, wird kein Benutzer eine App behalten, die alle seine Telefonressourcen auffrisst. Sicher, sie laden es vielleicht zuerst herunter und denken, dass die Funktionen süß und die Benutzeroberfläche der App großartig sind, aber sobald sie den Batterietank ihres Telefons sehen, werden sie diese App schneller los, als eine Person mit einer Midlife-Crisis es kann sagen: „Vielleicht kann ich mir diese Gasrechnung doch nicht leisten.“
Erstellen Sie keine Hellcat-Benutzeroberfläche für mobile Apps. Aber das bedeutet nicht, dass Sie daraus auch einen Prius machen müssen.
Was uns das Tesla Model S über das UI-Design mobiler Apps beibringen kann
In der Autowelt sah der Battle Royale zwischen coolen Autos und effizienten Autos wie ein trauriger Kampf aus, bei dem der technologisch irgendwie ordentliche, aber (seien wir ehrlich) ästhetisch „meh“ Prius und andere langsame Hybride gegen die Sportwagen und SUVs antreten, die immer noch Priorität haben Geschwindigkeit, Kraft und Leistung über ökologischer und finanzieller Nachhaltigkeit.
Bis sich ein zukunftsorientierter Unternehmer meldete und postulierte: „Warum haben wir nicht beides?“
Tesla Motors ist in vielerlei Hinsicht das Apple (ca. Mitte der 2000er Jahre, Ära Steve Jobs) der Automobilindustrie. Es macht Dinge, die die Leute vorher nicht für möglich gehalten haben, setzt neue Standards für die Branche und sieht dabei wirklich cool aus. Werfen Sie einen Blick auf das Model S – es schafft nicht nur 0-60 in weniger als drei Sekunden, sondern es nutzt auch einen Elektromotor, der Ihren Prius in Bezug auf den Kraftstoffverbrauch wie einen F350 aussehen lässt. Darüber hinaus hat es in jeder einzelnen Kategorie eine Fünf-Sterne-Sicherheitsbewertung.
Aber wichtiger als all diese Dinge ist vielleicht die Tatsache, dass es einfach eine wunderschöne Maschine ist. Während das Model S nicht den auffälligen Karosseriestil von beispielsweise einem Nissan GT-R oder einer Corvette Z06 hat, ist es schwierig, einen Tesla auf der Autobahn vorbeifahren zu sehen, ohne den Hals zu recken. Egal, ob Sie sich für Sportwagen, Luxusautos oder beides interessieren (und das Model S ist beides), Sie können nicht leugnen, dass das schlanke, aerodynamische Design von Teslas Flaggschiff mit subtilen Details wie Türgriffen ohne Profil ein wunderschönes Stück ist von Maschinen.
Das Model S ist in vielerlei Hinsicht so schön, wie Apple-Produkte als so schön gelten: Sein Design ist einfach, stromlinienförmig und luxuriös. So sollte sich ein gut ausgeführtes UI-Design für mobile Apps anfühlen.
Während also der DeLorean DMC-12 die Fallstricke aufzeigt, wenn man auf Leistung und Funktion verzichtet und sich zu sehr auf die Form verlässt, zeigt das Model S alle Möglichkeiten, die sich ergeben, wenn man sich die Zeit nimmt, sowohl Form als auch Funktion zählen zu lassen. Nur weil Sie nicht möchten, dass Ihre App zu viel Speicher oder Strom auf dem Gerät des Benutzers verbraucht, heißt das nicht, dass Sie daraus einen Prius machen müssen. Gehen Sie keine Kompromisse ein – überschreiten Sie den Status quo.
Die Leute lieben individuelle Trimmoptionen
Heutzutage scheint es für alles ein Ausstattungspaket zu geben. Egal, ob Sie einen Pickup der Harley Davidson F-Serie, einen Dodge Charger im Polizeipaket (mit ballistischen Türverkleidungen!) oder einen „Kirkland Signature“ Chevy Silverado von Costco wollen (keine Sorge, Sie müssen sie nicht kaufen Masse), gibt es da draußen ein Auto mit den benutzerdefinierten Funktionen, nach denen Sie sich sehnen.
Menschen lieben Optionen. Das ist für niemanden neu. Denken Sie nur an Ihren letzten Autokauf. Es gab wahrscheinlich eine Marke oder eine Reihe von Marken, an denen Sie interessiert waren – vielleicht stehen Sie auf einheimische Muscle-Cars, oder vielleicht auf praktische, aber sportliche Importe, oder vielleicht suchen Sie einfach nach einem zuverlässigen Fahrzeug zu einem anständigen Preis . Vielleicht sind Sie ein Liebhaber von Schaltgetrieben, oder Sie suchen nach einem Allradantrieb. Auch wenn Sie sonst keine starken Gefühle haben, haben Sie wahrscheinlich eine Vorliebe für die Farbe Ihres Autos.
Und dann gibt es die Optionen, die wir brauchen, aber nicht unbedingt wählen. Wenn Sie irgendeine Art von Rückenverletzung oder chronischen Schmerzen haben, ist die Fahrqualität wichtig, und Sitzwärmer sind mehr Notwendigkeit als Luxus. Rückfahrkameras sind ein Muss, wenn Sie Probleme mit der Beweglichkeit des Nackens haben. Karren Sie oft unordentliche Kinder oder Haustiere herum? Vielleicht möchten Sie einige leicht zu reinigende Ledersitze.
Anpassung ist nicht nur beim Autodesign wichtig, sondern auch beim UI-Design mobiler Apps. Wenn Sie Dinge wie benutzerdefinierte Farbschemata erstellen und in Ihre App-Benutzeroberfläche hineinzoomen, wird Ihre App für ein breiteres Publikum benutzerfreundlicher und zugänglicher, während Ihre Benutzer die Wahl haben. Aber es geht nicht nur um die Benutzerfreundlichkeit – wenn Ihre App monetarisiert ist, können Sie Benutzern Premium-„Trimm“-Funktionen anbieten, wenn sie die App genug lieben, um sie zu aktualisieren. Dies kann der Zugriff auf eine größere Auswahl an Dateien (Songs, E-Books, Spiellevel usw.) oder die Option sein, die App ohne Werbung zu nutzen.
Wie bei Autos müssen Sie jedoch sicherstellen, dass Ihre Basisausstattung verlockend genug ist, um den Benutzer an erster Stelle zu bringen. BMW, berühmt für seine individuellen Optionen, bietet ein zuverlässiges Luxuserlebnis, unabhängig davon, ob Sie sich für LED-Scheinwerfer oder blaue Akzente an Ihren i8-Bremsen entscheiden. Wenn Sie alle verlockendsten Funktionen Ihrer App hinter einer Paywall sperren, werden Ihre Benutzer sie deinstallieren, anstatt sie zu aktualisieren.
Welche Art von Auto ist Ihre mobile App-Benutzeroberfläche?
Egal, ob Sie praktische Produktivitäts-Apps (vielleicht sind Sie ein Volvo), aufregende Handyspiele (wenn günstig, ein Ford Focus ST, aber wenn teurer, ein Porsche 918) oder irgendetwas dazwischen machen, die Chancen stehen gut, dass Sie mehr als lernen könnten Sie könnten über das UI-Design von mobilen Apps erwarten, wenn Sie nur ein paar Händler besuchen. Gehen Sie am Ende des Monats los und Sie werden vielleicht eine Schiffsladung Inspiration für Ihre nächste App sowie ein tolles Angebot für eine neue Fahrt finden.
Ursprünglich am 14. Oktober im Proto Blog veröffentlicht.