Die Vergangenheit ist immer noch gegenwärtig – ein Überblick über zeitloses Design

Die digitale Designbranche reift heran. Mit etablierten Best Practices und dem Aufkommen von Designsystemen ist es jetzt möglich, eine längere Designlebensdauer für die von uns entwickelten Produkte anzustreben. Statt One-Hit-Wonder können wir auf digitale Klassiker abzielen.

Industriedesign ist das Aushängeschild der Langlebigkeit. Der zeitlose Charme eines Vespa-Rollers. Die ikonischen Konturen einer Coca-Cola-Flasche. Die eleganten Winkel eines Eames Lounge Chairs. Wird es jemals ein digitales Design geben, das den zeitlosen Wundern der Welt des Industriedesigns entspricht? Kann ein User Interface Jahrzehnte überdauern wie eine Leica Kamera?

Unwahrscheinlich, scheint die Antwort zu sein. Einmal erstellte physische Objekte müssen keine Domänennamen erneuern oder mit Webstandards Schritt halten, um zu existieren. Zeitloses Design muss auf einem zeitlosen Fundament aufgebaut werden, aber die Digitalisierung verändert sich ständig.

Die Haltbarkeit digitaler Designs kann jedoch verlängert werden. Auch wenn sich die zugrunde liegende Technologie ständig weiterentwickelt.

Streben Sie nach zeitlosem Design

Es ist keine Überraschung, dass Designsysteme immer beliebter werden. Ein sorgfältig ausgearbeitetes Designsystem verleiht selbst dem sich am schnellsten entwickelnden Produkt klare zeitlose Prinzipien. UI-Komponenten können sich im Laufe der Zeit ändern, aber das Gefühl des Produkts kann über viele Jahre hinweg konsistent bleiben, selbst wenn das Produkt reift. Flexibilität und Langlebigkeit. Das ist eine Win-Win-Situation.

Kandidaten für die Digital Design Hall of Fame

Langlebigkeit im digitalen Design ist kein Wunschtraum. Es ist unsere gegenwärtige Realität, und wie andere gezeigt haben, ist es möglich, dass Schnittstellen wie guter Wein altern.

Googles Materialdesign (2014)

Das Aufkommen von Material Design markierte einen Wendepunkt im digitalen Design. Zum ersten Mal hat ein großer Player wie Google eine Designsprache von Grund auf neu geschaffen. Nicht nur das, es befähigte Designer, indem es Richtlinien und Werkzeuge bereitstellte, um die Sprache in ihrer eigenen Arbeit zu implementieren.

Inspiriert von Papier hat Material Design unsere Denkweise über Design für die digitale Welt revolutioniert. Durch das Ausleihen von Eigenschaften der physischen Welt, wie Schatten und uralte Animationsprinzipien, baut Material Design auf vertrauten visuellen Hinweisen auf, ohne GPU-Fans anzuheizen. Wir replizieren nicht länger Ledertexturen oder hyperrealistische Reflexionen, die dazu führen, dass Browser-Tabs zum Stillstand kommen.

Fazit: Die physische Welt kann das digitale Design beeinflussen, muss sich jedoch an die Eigenschaften der zugrunde liegenden Technologie anpassen.

REGIERUNG.UK (2013)

Mit seinem eigenen umfassenden Designsystem gehörte GOV.UK zu den ersten nutzerzentrierten Regierungswebsites und setzte Barrierefreiheit und Informationsdesign auf die Landkarte.

Fad, mögen manche sagen, aber das Designteam strebte nie nach Ästhetik. Stattdessen lag der Schwerpunkt auf dem Informationsdesign: Geben Sie Benutzern die Informationen, die sie benötigen, um Aufgaben in kürzester Zeit zu erledigen. Kein Schnickschnack, keine Aufregung. Diese radikale Einfachheit machte GOV.UK sofort zu einem Klassiker.

Fazit: Benutzeroberflächen müssen nicht schön sein, um erfolgreich zu sein.

iOS 7 (2013)

Das ursprüngliche iOS von 2007 verdient einen eigenen Eintrag, aber erst mit iOS 7 verabschiedete sich Apple vom Skeuomorphismus und setzte auf Flat Design. Leb wohl, Holzkörner. Hallo, atemberaubende Einfachheit. iOS ist erwachsen geworden.

Um fair zu sein, war Android mit seiner Implementierung von Flat Design führend und bot wohl bessere Animationen. Apple holte jedoch auf und schuf eine digitale Designästhetik, die später auf die Betriebssysteme Mac und iPad ausgedehnt wurde.

Apple hat skeuomorphe Effekte in iOS 7 nicht vollständig aufgegeben. Die Notizen-App weist immer noch eine subtile Papierstruktur auf, und die Wetter-App aktualisiert den Hintergrund, um das Tageslicht und die Wetterbedingungen widerzuspiegeln. Die 2D-Oberfläche wird jedoch nicht länger gezwungen, etwas zu sein, was sie nicht ist.

Takeaway: Flat Design ist der König für 2D-Benutzeroberflächen.

Trello (2011)

Verbesserungen der Benutzerfreundlichkeit nicht mitgezählt, das Schweizer Taschenmesser der digitalen Apps hat sich in fast einem Jahrzehnt kaum verändert. Während konkurrierende Produkte auftauchten, die „alle Funktionen“ versprachen, behauptete sich Trello und blieb wegen seiner Einfachheit beliebt.

Anstatt die Funktionen zu überladen, bot Trello ein Plugin-Ökosystem an, das die Nischenanforderungen einiger Benutzer erfüllen konnte, ohne die Benutzeroberfläche für die Mehrheit zu überladen. Trello ist ein Aushängeschild der 80/20-Regel im Design (auch bekannt als „Das Pareto-Prinzip“).

Takeaway: Iterieren Sie sorgfältig und wenden Sie die 80/20-Regel an.

Google Chrome (2008)

Wenn der Slogan von Volkswagen „Das Auto“ lautet, dann sollte der von Chrome „The Web Browser“ lauten. Google nahm einen typischen Webbrowser, entfernte alles, was nicht wesentlich war, machte ihn unglaublich leistungsfähig und überholte den Markt.

Der Hauptbeitrag von Google bestand hier darin, Leistung zu einem Muss für alle digitalen Produkte der Zukunft zu machen. Das Verständnis für Hardware- und Browserbeschränkungen und das Streben nach seidenweichen 60 fps unterscheidet digitales Design grundlegend von Druck- oder Industriedesign. Der Erfolg von Chrome ist ein Beweis dafür, wie wichtig die Leistung für ein großartiges Benutzererlebnis ist.

Takeaway: Einfachheit und Leistung allein können auf lange Sicht gewinnen.

Basislager (2003)

Basecamp hat sich einen Namen gemacht, indem es gegen das Silicon-Valley-Dogma von Risikokapitalfinanzierung, exponentiellem Wachstum und frühen Ausstiegen verstoßen hat. Ihr Engagement für nachhaltige, langfristige Produkte spiegelt sich im Design von Basecamp 3 wider.

Designer können dabei helfen, Produkte zu entwickeln, die sich über die Zeit hinweg bewährt haben, aber sie sind machtlos, wenn CEOs Produkte nicht schätzen, die darauf ausgelegt sind, in Würde zu altern. Unter den heutigen Herstellern digitaler Produkte findet man selten Unternehmen, die sorgfältige Entscheidungen treffen oder sich weigern, jedem neuen Trend hinterherzulaufen. Basecamp ist eine Ausnahme.

Fazit: Nachhaltige Unternehmen sorgen für nachhaltige Produkte.

Google (1998)

Rückblickend auf die ersten Iterationen der Google-Startseite dauerte es ungefähr ein Jahr, um das ikonische Layout zu erstellen, das heute weltweit anerkannt und fehlerfrei verwendet werden kann.

Die Homepage von Google ist ein seltenes digitales Produkt, bei dem jemand vom Ende des 20. Jahrhunderts in die Gegenwart teleportiert werden konnte, mit der Benutzeroberfläche interagierte und nicht einmal bemerkte, was sich geändert hat.

Fazit: Großartige Produkte können sich weiterentwickeln, anstatt sie neu zu erfinden, und dennoch ihre marktführende Position behaupten.

2001: Odyssee im Weltraum (1968)

Stanley Kubricks Meisterwerk war zu gleichen Teilen Hollywoodfilm und futuristische Vision. Vorhersagen über die Zukunft werden normalerweise durch die Gegenwart verzerrt, was zu abgedroschenen Ideen führt, die im Nachhinein komisch erscheinen. Es ist bemerkenswert, wie unkonventionell die Konzepte in 2001: Odyssee im Weltraum waren, wie die Vorhersage von Touchscreen-Displays, iPad-ähnlichen Tablets und sprachgesteuerten Schnittstellen.

Erstaunlicherweise sehen die UI-Designs immer noch relevant aus, obwohl es weitere fünf Jahre dauern würde, bis Xerox PARC mit den ersten Iterationen einer grafischen Benutzeroberfläche experimentieren würde, Tests, die später die Grundlage für die Betriebssysteme von Microsoft und Apple bilden würden.

Die Konzeptschnittstellen des Films wiesen so etwas wie eine Flat-Design-Ästhetik auf. Es dauerte weitere vier Jahrzehnte , bis Apple den Skeuomorphismus aufgab und nachzog. Ob bewusste Voraussicht oder damalige Limitierung der Grafikmöglichkeiten, die Einblicke in die Schnittstellen klingen bis heute authentisch.

Fazit: Stanley Kubrick ist ein Genie.

Prinzipien für dauerhaftes digitales Design

Es gibt keine formalisierten Prinzipien für die Schaffung „zeitloser“ digitaler Schnittstellen, was nicht verwunderlich ist in einer Branche, die nach dem Motto „move fast and break things“ läuft. Aber wenn es Leitprinzipien gäbe, müssten sie universell, technisch anpassbar, einfach und pragmatisch sein.

Universalität

Eine Möglichkeit, das langfristige Überleben digitaler Produkte zu fördern, besteht darin, sie für ein möglichst breites Publikum nutzbar zu machen. Dies bedeutet, auf Zugänglichkeit, Leistung und Inklusivität zu entwerfen. Mit zunehmender Verbreitung von Produkten sollten mehrsprachige Erfahrungen angeboten werden.

Tech-adaptiv

Anstatt kreative Visionen der zugrunde liegenden Technologie aufzuzwingen, arbeitet technisch-adaptives Design in Zusammenarbeit mit der zugrunde liegenden Technologie. Im Webdesign bedeutet dies, auf Animationen zu verzichten, die die Frameraten auf 10 fps senken, oder physische Oberflächen nicht in HTML, CSS und JS nachzubilden.

No-nonsense Einfach

Das soll nicht heißen, dass Produkte für eine lange Lebensdauer abgestumpft oder auf eine bestimmte Anzahl von Funktionen beschränkt werden müssen. Es bedeutet jedoch, dass Funktionen bewusst und mit Blick auf das ganzheitliche Erlebnis ausgewählt werden. Wenden Sie die 80/20-Regel an und gehen Sie im Zweifel auf die Seite der Einfachheit.

Pragmatisch

Digitale Designs haben in puncto Langlebigkeit viel mit Pflanzen gemeinsam. Wie Pflanzen müssen sie ständig gegossen werden, um zu überleben. Wenn Google bankrott gehen und schließen würde, würden seine Produkte damit schließen. Gilt nicht für physische Produkte. Ein Auto, das von einem Unternehmen hergestellt wurde, das in einem Land, das es nicht mehr gibt, nicht mehr existiert, kann immer noch verwendet werden, wenn es gut gewartet wird. Industriedesigner können sicher sein, dass ihre Arbeit sie überlebt. Nicht so für digitale Designer.

Zudem befinden sich viele Startups im Überlebensmodus. Sie haben nicht die Ressourcen, um herauszufinden, wie sie ihren Schnittstellen zusätzliche Lebensjahre hinzufügen können. In den meisten Fällen sehen Digitaldesigner ihre Arbeit zugrunde, bevor sie sie altern sehen.

Unter solchen Umständen ist Langlebigkeit nicht die erste, zweite oder gar fünfte Priorität des digitalen Produktdesigns. Produkte müssen die ersten paar Jahre ihres Bestehens überstehen, bevor sie sich Gedanken über eine gute Alterung machen können.

Aber kleine Entscheidungen können Produkte auf den richtigen Weg bringen. Wenn genügend Zeit vorhanden ist, erstellen Sie ein konsistentes Designsystem. Wenn die Zeit knapp ist, erweitern oder passen Sie bestehende Systeme an. Befolgen Sie Best Practices. Wenden Sie das 80/20-Prinzip an. Dies sind kleine Möglichkeiten, wie digitales Design selbst in schnelllebigen Umgebungen mit hohem Druck in Richtung Langlebigkeit gestoßen werden kann.

Design für Langlebigkeit

Digitaldesigner täten gut daran, den Wert der Erstellung von Arbeiten zu erkennen, die über Jahre hinweg relevant bleiben. Vielleicht sollte die Branche, anstatt von den neuesten Trends besessen zu sein, Arbeiten applaudieren, die sich bewährt haben.

Benutzeroberflächen mögen nie den nostalgischen Charme eines robusten, alten Vespa-Rollers haben, aber digitale Produkte können immer noch das Leben verbessern. Je länger sie das tun, desto wahrscheinlicher ist es, dass sie ein Vermächtnis hinterlassen, das Jahrzehnte überdauert.

Lassen Sie uns wissen, was Sie denken! Bitte hinterlassen Sie unten Ihre Gedanken, Kommentare und Ihr Feedback.

• • •

Weiterführende Literatur im Toptal Design Blog:

• Erforschung der Gestaltungsprinzipien des Designs
• Die Gestaltungsprinzipien und ihre Bedeutung
• Die erprobten und wahren Gesetze von UX (mit Infografik)
• Kunst vs. Design – eine zeitlose Debatte
• Hören Sie auf, Müll zu produzieren: Ein Leitfaden zum Entwerfen langlebiger Schnittstellen