Android-Benutzeroberfläche im Wandel der Zeit: Von Droid Sans zu Material You

Quelle: Nick Sutrich / Android Central

Das Android-Betriebssystem gibt es seit 2008, und in dieser Zeit wurde seine Benutzeroberfläche mehrmals neu erfunden. Die ursprüngliche Android 1.0-Oberfläche, die auf dem T-Mobile G1 – dem allerersten Android-Handy – debütierte, war nach modernen Maßstäben barebones und ziemlich hässlich. Erst mit Android 4.0, drei Jahre nach der Lebensdauer des Betriebssystems, gab es eine übergreifende Designsprache für Android-Handys.

Das Erscheinungsbild von Android hat sich seitdem ständig weiterentwickelt, oft mit kleinen Schritten vorwärts, aber manchmal mit riesigen Sprüngen, wie es bei der Einführung von Material Design geschah im Jahr 2014. Android 12 gibt uns das dritte große, allumfassende Redesign der Plattform in Form von Material Sie – ein ehrgeiziger Versuch, Android persönlicher zu machen, mit individuellen Farbschemata aus der Materialpalette.

Wenn wir in die vierte Design-Ära von Android eintreten – nach den frühen Tagen Holo und Material Design – ist es an der Zeit, die letzten 13 Jahre in der Android-Benutzeroberfläche noch einmal Revue passieren zu lassen und sich daran zu erinnern, wie wir hierher gekommen sind.

Quelle: Android Central

Quelle: Android Central

In den ersten zwei Jahren seines Bestehens fehlte Android eine starke Designrichtung. Von Android 1.0 bis 2.2 Froyo wurde das Erscheinungsbild des Betriebssystems am besten als generisch, funktional und langweilig beschrieben. Der frühe Android-Look schien sich von Smartphones im alten Stil der Zeit inspirieren zu lassen und bestand aus klobigen Symbolen, Menüs mit Farbverlauf und einer Menge Grau.

Das Aussehen und die Haptik von Stock-Android war einfach nicht so wichtig.

Diese schlichte Ästhetik war für die kleinen, niedrig auflösenden Smartphone-Bildschirme der späten 2000er Jahre sinnvoll. Während Google zu dieser Zeit (irgendwie) Telefone auslieferte, in Form des T-Mobile G1 und schließlich des Nexus One, die meisten Verbraucher würden Android durch die Linse eines allumfassenden Hersteller-Skins wie HTC Sense oder Samsung erleben TouchWiz. Das Aussehen und die Haptik von Lager Android war einfach nicht so wichtig, als die beste Android-Handys verwenden nichts in der Nähe.

Wenn man jedoch auf die Software des T-Mobile G1 zurückblickt, sind viele der wichtigsten, erkennbaren Android-Designelemente von heute vorhanden. Mehrseitige Startbildschirme mit Widget-Unterstützung, die App-Schublade und das Benachrichtigungs-Pulldown sind alles dort, auch wenn sie in eine Benutzeroberfläche gehüllt sind, die eher einem Desktop-Computer-Betriebssystem der 90er als dem Android von ähnelt heute.

Die Einführung des Nexus One-Smartphones durch Google fiel mit einigen kleineren Design-Optimierungen an Android 2.1 Eclair zusammen, die neben dem App-Schublade-Symbol schnelle Verknüpfungen zur Telefon-App und zum Browser enthielten. Das erste Nexus-Handy bekam auch ein schickes 3D-animiertes App-Raster. Aber im Grunde war dies bis Ende 2010 Stock-Android: ziemlich langweilig, kalt und zweckmäßig.

Quelle: Android Central

Die Ankunft des Ex-Palm-Designers Matias Duarte bei Google – zuerst als Design Director für Android, dann für das gesamte Unternehmen – stellte im folgenden Jahrzehnt die Weichen für die Benutzeroberfläche von Android.

Duarte wurde eingestellt, kurz bevor Google Android 2.3 Gingerbread und das Nexus S-Telefon ausliefern wollte, sodass sein Einfluss auf Gingerbread begrenzt war. Nichtsdestotrotz war Android 2.3 die bedeutendste Designüberarbeitung, die Android je erlebt hatte, mit dunkleren Farben, die auf die wachsende Popularität von OLED-Bildschirmen hinweisen. Die Android grün Der Farbton wurde als Akzentfarbe verwendet, um Symbole hervorzuheben, und das Drücken von Menüs wurde von orangefarbenen Blitzen unterbrochen. Ansonsten war dies eine Fortsetzung des alt aussehenden Android.

Die Einführung der ersten Tablet-spezifischen Version von Android änderte alles, wobei Duartes Einfluss in der Android 3.0 Honeycomb-Version von Anfang 2011 deutlich zu sehen war. Honeycomb betrieb die ersten iPad-Rivalen und verfügte über eine kühne Benutzeroberfläche im Science-Fiction-Stil mit einer blauen und tiefvioletten Farbpalette.

Diese Version führte uns in die Bildschirmtasten ein, das Navigationsparadigma, das auf einigen Telefonen bis heute bei Android beibehalten wird. Ohne die alten Menü- und Suchtasten von Gingerbread und früheren Versionen konnten Honeycomb-Geräte mit drei virtuellen Navigationstasten navigiert werden: Home, Zurück und Aktuelle Apps. Letzteres zu drücken, startete den neu überarbeiteten Task-Switcher von Android und zeigte eine kleine Vorschau der laufenden Apps in einer scrollbaren Liste.

Honeycomb, das in Eile auf den Markt gebracht wurde, um das iPad zu bekämpfen, fungierte als eine Art Prototyp für das, was später im Jahr 2011: Android 4.0 Ice Cream Sandwich und die neue Designsprache „Holo“ – kurz für holografisch.

Quelle: Alex Dobie / Android Central

'Was ist der Seele von Android?'

Matias Duarte trat beim Launch-Event in Hongkong für Google und Samsungs neues Galaxy Nexus, das erste Telefon mit Android 4.0, auf der Bühne, um Holo zu sprechen.

Duarte sagte den Teilnehmern, dass Google seine Nutzer gefragt habe, was Android für sie bedeutet, als es den Grundstein für das nächste halbe Jahrzehnt von Android legen wollte. Es stellte sich heraus, dass im Jahr 2011 "Während die Leute Android mögen, die Leute Android brauchen, die Leute nicht Liebe Android."

Und so fragte sich Google zum ersten Mal: ​​"Was ist das? Seele von Android?"

"Android ist bezaubernd. Etwas Schönes, Verführerisches, etwas, in das man sich wirklich verlieben kann. Android ist einfach. Es vereinfacht jeden Teil meines Lebens. Und Android sollte mir das Gefühl geben, mächtig und intelligent zu sein", sagte Duarte den Teilnehmern. Die neue Android-Benutzeroberfläche mit ihrem Holo-Thema sollte diese Werte veranschaulichen.

Holo baute auf dem auf, was in der Honeycomb-Version begonnen wurde, und fügte die neue Roboto-Schriftart hinzu, eine Schriftart, die heute auf den meisten Android-Geräten Standard bleibt. Im Gegensatz zu Droid Sans, das es ersetzte, wurde Roboto für die zu dieser Zeit üblichen High-Density-Displays entwickelt, die ein moderneres Aussehen und ein angenehmeres Leseerlebnis bieten. An anderer Stelle wurden die abgeschrägten Kanten und geprägten Schaltflächen und Menüs aus Android herausgeschnitten und durch einfachere, geometrischere Symbole und UI-Möbel ersetzt.

Quelle: J4lambert, CC BY-SA 4.0, über Wikimedia Commons

Holo Blau (auch bekannt als #33B5E5) war die Hauptakzentfarbe von Ice Cream Sandwich und der darauffolgenden Veröffentlichung von Jelly Bean, was Android 4 scharf und futuristisch erscheinen ließ, wenn auch deutlich weniger Tron-beeinflusst als Honeycomb gewesen war. Die dunklere Farbpalette von Android 2.3 und 3.0 blieb jedoch erhalten und schien insbesondere mit seinem großzügigen, kontraststarken AMOLED-Display gut zum Galaxy Nexus zu passen.

Die meisten großen Android-Hersteller würden jedoch weiterhin ihr eigenes Ding machen. Leute wie Samsung, HTC und LG haben Android erneut mit ihren eigenen benutzerdefinierten Schnittstellenschichten versehen, die Holo oft mit Füßen treten, um ihre Produkte zu differenzieren. Als Ergebnis sah ein Samsung-Handy mit Gingerbread ziemlich genauso aus wie ein Samsung-Handy mit Ice Cream Sandwich. Auf dem Galaxy S3 zum Beispiel, dem ersten großen Samsung-Handy, das nach dem Co-Branding Galaxy Nexus auf den Markt kam, müssen Sie nachschauen Ja wirklich kaum etwas von der Arbeit von Duarte und seinem Team zu sehen.

Early Holo war jedoch eine recht eigenwillige Designsprache, die sich nicht leicht mit den eigenen Designpräferenzen eines Unternehmens verbinden ließ. Im krassen Gegensatz zu einem der Kernprinzipien von Material Sie, das unverwechselbare Holo-Blau war fest in das Holo-Thema integriert, ohne dass es auf Standard-Android-Geräten geändert werden konnte.

Android 4.4 KitKat hat Holo etwas gezähmt und blaue Akzente durch helleres Weiß ersetzt, was für eine bessere Passform neben Apps, Hintergrundbildern und Symbolen mit einer vielfältigeren Farbpalette sorgte. Und dies würde schließlich in die zweite übergehen tolles großes Android-Redesign das geschah Ende 2014.

Quelle: Android Central

Auf der Entwicklerkonferenz Google I/O 2014 in San Francisco präsentierte Matias Duarte in seiner neuen Rolle als VP of Design für ganz Google die neue Material Design Sprache.

Material Design sei „eine einheitliche Vision für Mobilgeräte, Desktops und darüber hinaus“, sagte Duarte. So wie Holo gerade rechtzeitig für die höher auflösenden mobilen Displays der frühen 2010er Jahre eingetroffen war, wurde Material Das Design nutzte die verbesserte grafische Leistung der mobilen Hardware, die mittendrin verfügbar war Jahrzehnt. Aber es galt nicht nur für Telefone – Material Design würde auf Tablets, Smartwatches, Chromebooks und im Web leben.

„Wir wollten ein klares und einfaches Design, das die Leute intuitiv verstehen“, erklärt Duarte. „Also haben wir uns vorgestellt: Was wäre, wenn Pixel nicht nur Farbe, sondern auch Tiefe hätten? Was wäre, wenn es ein intelligentes Material gäbe, das so einfach wie Papier wäre, sich aber bei Berührung verwandeln und seine Form ändern könnte?

Quelle: Phil Nickinson / Android Central

"Was wäre, wenn es ein intelligentes Material gäbe, das so einfach wie Papier wäre, sich aber verwandeln und seine Form verändern könnte?"

"Digitales Papier" war das Herzstück der ursprünglichen Vision für Material Design: eine Benutzeroberfläche, die einem Blatt ähnelte Papier, mit subtilen Schatten, um Tiefe zu vermitteln, und gleichzeitig in der Lage zu sein, die Größe zu ändern, zu kombinieren und zu übergehen erforderlich. Jede Oberfläche in einer Android-App könnte jetzt einen Höhenwert haben, wobei das Android-Framework Beleuchtung und Schatten unter diesem digitalen Papier entsprechend wiedergibt.

Material Design wurde als einfach, geometrisch und vielschichtig präsentiert, mit einer kräftigen Farbpalette und reizvollen Animationen. Einfache Schnörkel wie ein Play-Button, der sich beim Antippen in ein Pause-Symbol aufspaltet, oder Kontaktsymbole, die sich in. erweitern beim Laden anzeigen, heben sich eine Material-App von der früheren Holo-Designsprache ab und bleiben ein Teil von Android heute.

Die originale Material-Sizzle-Rolle zeigte dies, zusammen mit sehr lebendigen Farbtönen und schichtlastigen Apps mit glatten Animationen, die es nie gab völlig realisiert, als die Designsprache in Android 5.0 Lollipop live ging. Die reale Implementierung von Material war am Ende konservativer, da die Google-Ingenieure sich bemühten, die riesige Menge an Android-Apps des Unternehmens Material-ready zu machen. Android war ein großes Schiff zu steuern, und die "Materialisierung" des Betriebssystems und seiner Apps war ein mehrjähriger Prozess.

Dennoch führte Material Design in Android Lollipop mehrere wichtige Designelemente ein, die mehr als ein halbes Jahrzehnt lang Bestand hatten: Die schwebende Aktionsschaltfläche war die wichtigsten Funktionen für den Standort, wie das Starten einer neuen Nachricht in einer SMS-App oder das Hinzufügen eines Elements zu einem aufführen. Und ausziehbare "Hamburger" -Menüs haben sich als eine beliebte Möglichkeit herausgestellt, zwischen den wichtigsten Bereichen von Apps zu navigieren. Und die Tastendruck- und Überlauf-Schnörkel, die mit Material Design in Android 5 debütierten, blieben bis hin zu Android 11 erhalten.

Und da Google mehr Kontrolle über das Android-Ökosystem ausübt – und die neue Designsprache offener ist Anpassung – Material Design wurde im Vergleich zu. leichter in die Android-Skins der Hersteller integriert Holo.

Material Design sollte immer mit der Zeit gehen.

Material Design war jedoch nie als statischer Leitfaden gedacht und wurde in nachfolgenden Android-Versionen weiterentwickelt. Die Android 6 Marshmallow-Version von 2015 hat sich von den gesättigten Farben entfernt, die wir in der ersten Material-Präsentation gesehen hatten. Das Menü der letzten Apps im Rolodex-Stil wurde schließlich in Android 9 außer Betrieb genommen. Und "Hamburger" -Navigationsmenüs kollidierten mit der Gestennavigation von Android 10 und wurden jetzt aus vielen Apps entfernt.

Quelle: Alex Dobie / Android Central

Im Jahr 2016 stellte Google seine ersten Pixel-Telefone vor, was zu einer weiteren Entwicklung des Materialdesigns und einer Abweichung von der ursprünglichen Vision von 2014 führte. Als nachfolgende Pixel ankamen, versuchte der Hardwarehersteller Google, seine Telefonsoftware weiter zu differenzieren. Google-Apps wurden weniger farbenfroh und setzten stattdessen auf ein klares weißes und blaues Farbschema. Bis 2020 hatten die meisten Google-Kernanwendungen wie Fotos, Gmail, News und Maps diese "Material Theme"-Ästhetik übernommen, zusammen mit iPhone-ähnlichen unteren Navigationsschaltflächen.

Die Google-Apps von 2020 waren weit entfernt von dem farbenfrohen Material-Prototyp, der 2014 gezeigt wurde. Glücklicherweise war für Android 12 im Jahr 2021 jedoch ein dynamischeres Material-Makeover geplant.

Quelle: Google

Sieben Jahre nach dem Debüt von Material Design war die Google I/O-Konferenz erneut Schauplatz einer wichtigen Ankündigung des Android-Designs. Und Matias Duarte kehrte auf die Bühne in Mountain View zurück, diesmal um die nächste Iteration von Googles Designsprache in. zu präsentieren Android 12 Materielles Sie.

„Was wäre, wenn statt der Form der Funktion die Form dem Gefühl folgt? Anstelle von Google Blue haben wir uns Material You vorgestellt – ein neues Design, das Sie als Mitgestalter einbezieht und Ihnen ermöglicht, das Erscheinungsbild all Ihrer Apps zu verändern."

Quelle: Google

"Anstelle von Google Blue haben wir uns Material You vorgestellt."

Die Magie dahinter Material Sie war ein Projekt, das intern bei Google als "Monet" bekannt war. Monet könnte Ihren ausgewählten Startbildschirm überprüfen Hintergrund, wählen Sie Schlüsselfarben aus der Materialpalette aus und verwenden Sie sie, um alle Apps auf Ihrem Telefon. Für Hintergründe würden gedecktere Farbtöne verwendet, während auf wichtige Tasten oder Schalter lebendige, auffällige Farben angewendet werden könnten.

Im Gegensatz zu „Digital Paper“ von Material Design 1.0 wirkt Material You flacher und abstrakter. Die Ebenen der Benutzeroberfläche sind immer noch da, wie die überlappenden Ebenen von Schnelleinstellungstasten, Benachrichtigungsfeldern und Rahmen beim Herunterziehen des Benachrichtigungsschirms von Android 12 belegen.

Quelle: Google

Aber die Schatten und scharfen papierähnlichen Kanten von Android Lollipop sind verschwunden und wurden durch abgerundete Ecken mit breiten Radien ersetzt. Sogar Homescreen-Widgets wurden mit abgerundeten Ecken überarbeitet. Material You fungiert auch als Gegenmittel zu den oft langweilig aussehenden Google-Apps, an die sich Nutzer in Android 10 und 11 gewöhnt hatten. Android 12, so behauptet Google, kann Ihnen dabei helfen, eine benutzerdefinierte Palette auszuwählen, von der es weiß, dass sie in Apps, Menüs und sogar Startbildschirm-Widgets gut aussieht. Es ist ein persönlicherer, ausdrucksstärkerer Designansatz für den Computer, den die meisten Menschen besitzen.

Und während stellenweise noch die alte originalgetreue Roboto-Schrift verwendet wird, betont Material You Google Sans, die offizielle Schriftart des Unternehmens, die mehr Persönlichkeit bietet. Google Sans wird überall verwendet, von Symbolbeschriftungen bis hin zu Menüs in der App „Einstellungen“ und wird auf skaliert Der Sperrbildschirm von Android 12, um das Display mit einer farbigen Uhr zu füllen, wenn keine ausstehend sind Benachrichtigungen.

Quelle: Nick Sutrich / Android Central

Eine mutige neue Richtung für Android-Design, aber werden die Hersteller mit an Bord gehen?

Die animierten Schnörkel in Material You sind auch eine natürliche Weiterentwicklung des frühen Material Design. Die Uhr mit Ambient Display erwacht zum Leben, wenn das Telefon abgenommen wird, und wird kräftiger und bunter. Und je nachdem, wie Sie Ihr Telefon sperren oder entsperren, wird die Aktion von einer animierten Aura begleitet.

Material You debütiert Ende 2021 in Android 12 auf Google Pixel-Telefonen, und es ist wahrscheinlich, dass einige andere Hersteller es in ihre Android-Skins integrieren und Updates veröffentlichen. Wie bei Holo und Material Design gibt es jedoch keine Garantie, dass Telefonhersteller dem Beispiel von Google folgen. Benutzer von Android 12 müssen auch warten, bis die Entwickler ihre Apps aktualisieren, um die Palettentauschfunktionen von Material You zu unterstützen. Wenn die Umstellung auf Material Design im Jahr 2014 überhaupt möglich ist, könnte das einige Zeit in Anspruch nehmen.

Nichtsdestotrotz gibt das, was wir bisher von Material You gesehen haben, Android im Allgemeinen – und Google Pixel-Geräten im Besonderen – a starke Designidentität mit einer Designsprache, die gut zu den Telefonen, Uhren, Tablets und anderen intelligenten Oberflächen der passt 2020er Jahre.

Wenn die Geschichte ein Indikator ist, werden wir um 2026 herum erneut einchecken, um zu erfahren, wohin Material Design als nächstes führt.