Teintminderung: Ein neuer Trend im mobilen Design

von Michael Horton | Mitbegründer und Produktleiter bei Fontmoji

HINWEIS: Vielen Dank für das positive Feedback zu diesem Artikel. Dies ist jetzt einer der meistgelesenen Designartikel auf Medium und wurde in Fast Co Design, der Huffington Post und Dutzenden anderer großartiger Publikationen neu veröffentlicht!

Wir leben schon seit geraumer Zeit in einer Welt der "sauberen und minimalen". Wie geht es nun weiter?

In den letzten Monaten haben einige der führenden Unternehmen für innovatives Design das Thema „Minimal Design“ auf die nächste Stufe gebracht. Facebook, Airbnb und Apple haben einen ähnlichen Plan verfolgt, um herausragende Produkte auf eine Weise zu vereinfachen, die diesen neuen Trend der „Komplexitätsreduzierung“ im mobilen Design widerspiegelt.

WAS IST VERKLEIDUNG?

Sie haben noch nie von "Complexion Reduction" gehört? Nun ja, das liegt daran, dass ich den Begriff gerade erfunden habe. Kürzlich ist mir ein neuer Trend aufgefallen, der jenseits von flachem Design, jenseits von minimalem Design und unabhängig von progressiver Reduzierung liegt. Einige mögen behaupten, dass dies nur der nächste Schritt von minimalem Design ist, der in den mobilen Bereich implementiert wird, aber ich sage, es ist etwas Besonderes. Es gibt spezifische Ähnlichkeiten und Merkmale, die diesen neuen Trend definieren. Also beschloss ich, es zu benennen. Das darf ich doch, oder?

Die charakteristischen Merkmale dieses heißen neuen Trends im Silicon Valley sind:

  1. Größere, mutigere Schlagzeilen
  2. Einfachere universellere Symbole
  3. Extraktion von Farbe

Das Ergebnis? Die Benutzeroberflächen einiger unserer Lieblings-Apps sehen immer mehr so ​​aus, als könnten sie alle unter derselben Marke geführt werden.

DER BEWEIS

Ich habe diesen Trend zum ersten Mal Anfang Mai bemerkt, als Instagram seine neu gestaltete Benutzeroberfläche veröffentlichte.

Zu den vorgenommenen Änderungen gehörte das Entfernen eines Großteils der in der App verwendeten Blau- und Dunkelgraufarbe, wodurch die Überschriften fetter und die untere Navigation und die Symbole vereinfacht wurden. Was übrig blieb, war eine schwarz-weiße Benutzeroberfläche mit fetten Überschriften, in denen der Inhalt und die Funktionalität klar waren. Ich schätzte die weniger überfüllte Benutzeroberfläche und erinnerte mich ein wenig an eine Plattform, von der ich seit einiger Zeit Bewunderer bin. Mittel. Medium rockt seit dem Start im Jahr 2012 das Schwarzweiß und hat seitdem bei jeder Neugestaltung das Durcheinander verringert. Medium effektiv zu einem der Urheber von CR (Complexion Reduction) zu machen, ohne es zu wissen. Glückwunsch, Medium!

Kurz nachdem die Leute bei FB den Look von Instagram enthüllt hatten, öffnete ich die Airbnb-App und war beeindruckt, wie vertraut sie aussah. Ich war das erste Mal in der App, seit sie im April ein Redesign veröffentlicht haben, aber ich hatte das Gefühl, das alles schon einmal gesehen zu haben.

Die überarbeitete Benutzeroberfläche von Airbnb erreichte einen Monat später nicht annähernd die Medienberichterstattung über die Überarbeitung von Instagram.

Das mobile Redesign führte größere, fettere Überschriften ein, entfernte unnötige Bilder und Farben und vereinfachte ihre Symbole, um sie allgemeiner erkennbar zu machen. Was übrig blieb, war eine sehr schwarzweiße Benutzeroberfläche, in der der Inhalt und die Funktionalität klar waren.

Apple ist das jüngste Beispiel dafür, dass Designer von der Complexion Reduction-Bewegung begeistert sind. Anfang dieses Monats kündigte der Tech-Riese auf der WWDC von Apple eine Reihe aufregender Dinge an, auf die sich die Verbraucher freuen können, darunter die Veröffentlichung von iOS 10, die sie als "die größte iOS-Veröffentlichung aller Zeiten!" (Oder zumindest seit iOS 8) bezeichnen die als ... "Die größte iOS-Version aller Zeiten!" bezeichnet wurde)

Insbesondere eine Ankündigung fiel mir auf. Das war das Redesign von Apple Music. Während die wichtigsten Aspekte des Redesigns UX-Updates und zusätzliche Funktionen sind, fiel mir als erstes die Ästhetik auf. Caitlin McGarry, Mitarbeiterin bei Macworld, beschrieb das aktualisierte Erscheinungsbild wie folgt: "Es ist ein völlig neues Erscheinungsbild mit riesigen Karten, größeren und mutigeren Schriftarten und einem sauberen weißen Hintergrund, der dem Albumcover Glanz verleiht."

Klingt bekannt? Das Design unterscheidet sich geringfügig von der Blaupause von Instagram und Airbnb (sie verwenden solide Symbole! Was zum Teufel, Apple?), Aber die Schlüsselelemente sind vorhanden: große, fette Überschriften, schwarzweiße Benutzeroberfläche.

WAS BEDEUTET DAS?

Wie ich bereits erwähnt habe, werden immer mehr Ihrer Lieblings-Apps so aussehen, wie sie sind. Warum? Ähnlich wie die NFL ist Tech eine Nachahmerliga. Diese Neugestaltungen stießen im Allgemeinen auf positive Kritiken (einige Leute beklagen sich über einen Mangel an Persönlichkeit in diesen neuen schwarz-weißen Benutzeroberflächen, aber sie werden bald darüber hinwegkommen. Sie öffnen eine App für ihre Funktionalität, nicht für ihre Persönlichkeit), so dass ich Erwarten Sie, dass sowohl neue als auch alte Apps auf dem CR-Markt Fuß fassen werden.

Das bedeutet, dass Ihr iPhone-Startbildschirm bald nur noch ein buntes Mosaik aus hellen Portalen ist, die Sie nach Pleasantville transportieren.

Nun, ob Sie für oder gegen diese monochrome Modeerscheinung sind, es ist zweifellos ein Zeichen des Fortschritts. Der Produktdesignprozess entwickelt sich vom alten segmentierten Ansatz, der überflüssiges Design gefördert hat, zu einem ganzheitlicheren Prozess, der sich wirklich auf den Benutzer konzentriert. Im alten Produktdesignprozess kann einem UI-Designer von einer UX- oder Produktperson ein Drahtmodell mit den Anweisungen "Make it Pretty" übergeben werden. Dieser Designer verbrachte dann Stunden oder Tage damit, Farbe hinzuzufügen, Farbe zu entfernen und die Farbe zu ändern, wenn die beste Lösung die ganze Zeit über direkt vor ihnen gelegen haben könnte… die Drahtgitter! Da die Grenzen zwischen UX- und UI-Designern im heutigen, stärker integrierten Designprozess verschwimmen, sind Designer weniger besorgt über ihre spezifischen Aufgaben (z. B. hübsch zu machen) und konzentrieren sich auf das ultimative Ziel, das beste Produkt für ihre Benutzer zu erstellen.

DER ULTIMATIVE LEITFADEN ZUR VERRINGERUNG DES Teintes

Sie sind also auf CR verkauft und bereit, auf den Zug zu steigen? Gut, befolgen Sie diese Richtlinien und Sie erhalten in kürzester Zeit eine preisgekrönte App.

1. Farbe entfernen. Na gut, du kannst eine Farbe haben, aber benutze sie extrem sparsam, um die Aktion anzuzeigen. Alles andere ist besser schwarz und weiß. Lassen Sie den Inhalt Ihrer App die Farbe bringen.
2. Größere, schärfere, schwärzere Schlagzeilen. Sehen Sie diese Überschrift dort? Erhöhen Sie ihn um 20 bis 30 Pixel und machen Sie ihn SCHWER.
3. Einfache, dünne, erkennbare Symbole. Ihre Symbole sollten universell sein und auch hier sind keine Farben zulässig. Und wenn Sie Bonuspunkte erhalten möchten, ordnen Sie diese auf diese Weise von links nach rechts: Startseite, Suche, Primäraktion, Sekundäraktion, Profil.
4. Verdoppeln Sie, NEIN, verdreifachen Sie Ihren Leerraum. Vielleicht sogar vervierfachen. Hier kann man wirklich nichts falsch machen.
5. Machen Sie Ihr App-Symbol heller. Wenn Sie Lust haben, etwas mit Blitzlicht und Farbe zu gestalten, machen Sie es zum App-Symbol. Hier setzen Sie Ihre Persönlichkeit und Marke ein. Und machen Sie es auffällig!

Danke fürs Lesen! Schlagen Sie das Herz, wenn Sie genossen haben.

Wenn Sie eine eigene Handy- oder Web-App oder eine App für einen Kunden entwerfen und eine schrittweise Anleitung zum Entwerfen neuer Produkte benötigen, geben Sie unten Ihre E-Mail-Adresse ein!

Artikel ursprünglich auf SWARM veröffentlicht.