[Designgeschichte] Hinter dem Design von One UI 4 – Samsung Global Newsroom

„Die Gesellschaft und das Umfeld, dem wir angehören, verändern sich ständig. Die Benutzer suchen daher nach vielfältigeren und komplexeren Erfahrungen. Es gibt einen kontinuierlichen Strom neuer Produkte, die fortschrittliche Technologie nutzen, um unser tägliches Leben in der heutigen digitalen Welt zu verbessern. Inmitten all dieser Veränderungen wird One UI immer auf die Stimmen der Kunden hören und sich weiterentwickeln, damit unsere Benutzer ihren Alltag bequem und mit Freude erleben können.“

– Yoojin Hong, Leiter des UX-Teams für Samsung Electronics Mobile eXperience Business

Samsung Electronics entwarf die Markenidentität für One UI 4 als nahtloses mobiles Erlebnis, das mit jedem Gerät oder jeder Geschichte harmonieren kann. Die filigranen und dennoch flexiblen Elemente der Benutzeroberfläche helfen Benutzern, ihre Individualität frei auszudrücken, und bieten gleichzeitig die Werkzeuge, um den Alltag bequemer und sicherer zu machen. In jeder Situation hebt One UI 4 dank seiner umfangreichen Möglichkeiten den Lebensstil des Benutzers auf eine neue Ebene.

Samsung Newsroom hat sich mit dem UX-Designteam von Samsung zusammengesetzt, um mehr über den User-First-Designprozess hinter One UI 4 zu erfahren.

Einfacher und optimierter Stil

Es ist viel einfacher, sich auf die wichtigsten Dinge zu konzentrieren, wenn Sie unnötige Elemente aus Ihrer Ansicht entfernen. Die klare visuelle Hierarchie von One UI 4 lenkt Ihren Blick auf die wichtigsten Elemente auf jeder Seite auf einen Blick.

One UI 4 ordnet Farben und Text so an, dass Benutzer Informationen intuitiv verstehen können. Durch die Vereinfachung des Farbsystems und die Neuanpassung der Schriftgröße und -stärke bietet One UI 4 ein klareres und zusammenhängenderes visuelles Erlebnis.

Die neue Version von Samsung UI organisiert Informationen auch in einem System von optimierten, aktualisierten Karten, um ein sofortiges Verständnis von Fakten und Zahlen zu ermöglichen. Durch das Entfernen visueller Ablenkungen und das Kategorisieren von Daten in Ebenen können Benutzer jetzt mühelos durch ihr Gerät navigieren, um alles zu finden, was sie brauchen, wann immer sie es brauchen.

F: Was war der Grund für die Neuorganisation des Farbsystems und auf welchen Teil der Aufgabe haben Sie sich konzentriert?

Die Schlüsselidee hinter der Organisation des Farbsystems war „Clean Up“. Die Aufgabe wurde gelöst, indem zuerst die kritischsten Informationen mit Farbe versehen und die weniger wichtigen Informationen monochromatischer gestaltet wurden.

F: Funktionale Farben mit ähnlichen Bedeutungen wurden ebenfalls vereinheitlicht, insbesondere Rot und Grün.

Rot bezieht sich oft auf die Konzepte Entfernen, Ablehnen oder Stoppen. Vor One UI 4 waren die Farben von Funktionen mit ähnlichem Zweck alle leicht unterschiedlich. Wir haben uns darauf konzentriert, das Thema zu vereinheitlichen, indem wir nur einen Rotton verwendet haben, damit die Benutzer den Kontext jeder Funktion klar verstehen können. Wir haben auch die Sichtbarkeit erhöht, indem wir die Sättigung und Helligkeit leicht erhöht haben, während wir die verschiedenen Rottöne und Farben zu einer Farbe kombiniert haben.

F: Anscheinend wurde die Schrift rundherum durch Buchstabenabstand und Fettschrift aufgeräumt. Erklären Sie, wie Sie das gemacht haben.

Wir haben unsere Aufmerksamkeit darauf gerichtet, die Präsentation der Informationen hervorzuheben, indem wir den visuellen Kontrast entsprechend der Priorität der Informationen geändert haben. Indem wir die Schriftstärke und -größe entsprechend der Bedeutung des Inhalts änderten, haben wir die optimale Menge an negativem Raum geschaffen.

F: Die allgemeine Wetter-App wurde mit einem sauberen, eleganten Aussehen und einem neuen Wettersymbol aktualisiert.

Was Menschen als wichtige Informationen ansehen, kann von einem Benutzer zum nächsten variieren. Manche Menschen halten das aktuelle Wetter für wichtig, andere finden Wetteränderungen wichtiger. Während diese Informationen zuvor in der oberen Hauptkarte gemischt waren, zeigt One UI 4 jetzt „aktuelles Wetter“ und „heutiges Wetter“ getrennt an. Um die Lesbarkeit zu verbessern, wurden die wesentlichen Informationen, einschließlich der aktuellen Temperatur, des Standorts und der Wettersymbole, mit attraktiven Grafiken neu gestaltet.

F: Wie wurde die Kalender-App neu organisiert, um Datum und Kalenderereignisse einfacher bereitzustellen?

Unseren Untersuchungen zufolge macht die Mehrheit der Nutzer zwischen 1 und 3 Kalenderereignisse pro Tag. Wir haben den Bildschirm so gestaltet, dass er auch ohne geplante Ereignisse nahtlos aussieht. Indem wir den grauen Hintergrund durch einen weißen ersetzten, haben wir es den Benutzern erleichtert, sich auf wichtige Informationen wie Tag, Monat und Zeitplan zu konzentrieren. Wir haben die Benutzeroberfläche aktualisiert, um Text zu zentrieren und horizontale Linien hinzuzufügen, damit Benutzer die Informationen nach Woche sortiert sehen können.

F: Welche Anstrengungen wurden unternommen, um Daten in Samsung Health effektiv zu kommunizieren, ohne kompliziert auszusehen?

Samsung Health drückt Informationen auf drei Arten aus. Wir haben ein einfaches Balkendiagramm verwendet, um alle Bereiche, Fortschritte oder Statusinformationen wie Schrittzahl, Herzfrequenz, Stress oder Blutzuckerspiegel zu beschreiben. Da in diesem Bereich kumulierte Daten wichtig sind, haben wir für Informationen wie Nahrungsaufnahme, Schlafstatus oder Wasserverbrauch ein Symbol verwendet. Schließlich haben wir einen Nur-Text-Typ eingefügt, der eine Zahl ohne Diagramm anzeigt, wenn es wichtig ist, die Zahl selbst zu kennen.

F: Die Bereitstellung präziser und genauer Informationen scheint für das neu eingeführte Samsung Wallet von entscheidender Bedeutung zu sein, da es wichtige Benutzerdaten enthält.

Die Registerkarte Schnellzugriff, der erste Bildschirm von Samsung Wallet, ist in eine Stapelansicht und eine erweiterte Ansicht unterteilt. In der gestapelten Ansicht können 35 % jeder überlappenden Karte Informationen anzeigen. Das Designteam wollte den verfügbaren Platz maximieren und platzierte das Logo oben links, während die Karteneigenschaften oben rechts angezeigt wurden. Informationen mit ähnlichen Merkmalen auf jeder Karte wurden für eine einfache Suche gruppiert. Die Verwendung verschiedener Funktionen, wie z. B. des Nutzungsverlaufs, wurde visuell getrennt.

Sichere, komfortable und sichere Nutzung

Da immer mehr Menschen mehr Zeit mit ihren intelligenten Geräten verbringen, sind Sicherheit und Schutz wichtige Überlegungen. One UI 4 schätzt die Bedeutung von Menschen, die intelligente Geräte verwenden, um jederzeit und überall sicher und bequem zu bleiben, ohne Sorgen oder Unannehmlichkeiten. Benutzer können nervös sein, wenn ihre persönlichen Daten über ihre Smartphones durchgesickert sind. One UI 4 wurde mit verschiedenen Funktionen implementiert, um Benutzer mit hohen Sicherheits- und Datenschutzstandards zu schützen.

Jedes Detail wurde sorgfältig geprüft, um es Benutzern zu erleichtern, ihre Geräte von jedem Ort aus zu verwenden. Der Dunkelmodus trägt dazu bei, die visuelle Ermüdung bis ins kleinste Detail zu reduzieren. Darüber hinaus wurde ein einheitliches visuelles Design angewendet, um eine komfortable Bedienbarkeit auch über mehrere Geräte hinweg zu gewährleisten.

F: Benutzer können anhand eines Symbols überprüfen, ob die Kamera oder das Mikrofon eingeschaltet sind. Woher hast du diese Idee?

Das Interesse der Nutzer an Datenschutz und Sicherheit hat in den letzten Jahren stark zugenommen. Wir haben die gleiche neu hinzugefügte Funktion auf das Betriebssystem Android 12 angewendet, wobei wir die besten Interessen der Benutzer im Auge behalten.

F: Das Berechtigungs-Dashboard zeigt, wo und wie oft die Kamera, das Mikrofon und die Standortdaten verwendet wurden. Können Sie uns mehr erzählen?

Schädliche Apps, die auf verschiedene Sensoren und Daten zugreifen und diese ausnutzen, nachdem sie sich Zugriff auf persönliche Informationen verschafft haben, sind in letzter Zeit zu einem Problem geworden. Apps, die eine unnötige Erlaubnis für personenbezogene Daten anfordern, können vom Berechtigungs-Dashboard blockiert werden. Dies gilt auch, wenn keine App verwendet wurde.

F: Wie kamen die Designdetails für den Dunkelmodus zusammen?

Wir haben versucht, einen Grad an Dunkelheit zu bestimmen, der den visuellen Komfort verbessert, aber die Ästhetik oder die markanten Merkmale der App-Symbole nicht beeinträchtigt. Wir haben uns für die Dunkelheit entschieden, die alle App-Symbole am effektivsten und gleichmäßigsten abdunkelt, Blendeffekte reduziert und das visuelle Gleichgewicht zwischen den Start- und Bildschirmelementen aufrechterhält.

F: Wie stellen Sie sicher, dass verschiedene Samsung-Geräte reibungslos und komfortabel zusammen oder einzeln verwendet werden können?

One UI 4 wendet eine einzige visuelle Sprache auf verschiedene Galaxy-Produkte an, darunter Smartphones, Tablets, Smartwatches und PCs. Sie können Ihr Gerät bequem mit einheitlichen Elementen wie Symbolen, Ecken, Komponenten und Menüstilen verwenden.

Selbstausdruck, zentriert auf Sie

Intelligente Geräte sind eine Möglichkeit, seine Gefühle und seine Individualität auszudrücken. One UI 4 erweitert die Auswahlmöglichkeiten und anpassbaren Funktionen, um dem einzigartigen Lebensstil und Geschmack jedes Benutzers gerecht zu werden.

Von der Personalisierung ihrer Geräte mit unterschiedlichen Hintergrundbildern bis hin zur Verwendung der Farbpalettenfunktion, um das visuelle Thema jedes Geräts zu ändern, können Benutzer ihre Individualität und ihren Geschmack voll und ganz widerspiegeln.

Anpassung und Selbstdarstellung waren noch nie so einfach und unterhaltsam wie in One UI 4. Benutzer können jetzt zwei Emojis zu einem kombinieren oder AR-Emojis verwenden, um ihr virtuelles Selbst zu enthüllen. One UI 4 erweitert die Benutzererfahrung durch neue Optionen für Benutzer, um das Gerät zu ihrem eigenen zu machen, von Smartphones bis hin zu Smartwatches. Beispielsweise können Benutzer ihre Smartwatch durch verschiedene einzigartige Zifferblätter an ihren Lebensstil anpassen oder mit aktualisierten Widgets auf dem Laufenden bleiben. Ganz gleich, wie ein Benutzer One UI 4 erlebt, es gibt unbegrenzte Möglichkeiten, seine persönliche Note hinzuzufügen.

F: Wie ist das „Partikel“-Konzept der Tapete entstanden?

Wir haben verschiedene Designelemente recherchiert, die auf einer Vielzahl von Produkten frei zum Ausdruck gebracht werden können. Dabei entdeckten wir das Potenzial und die Skalierbarkeit eines Materials namens „Particle“.

Als wir am Beispiel des Galaxy Z an die Botschaft dachten, die wir durch die Struktur des faltbaren Produkts vermitteln wollten, betrachteten wir die Kunst und das Handwerk des Papierfaltens. Wir waren der Meinung, dass die Vielseitigkeit, Stärke, Kontinuität und Erweiterbarkeit dieser Art von Kunst die Eigenschaften des Galaxy Z Fold darstellen. Das Galaxy Z Flip wurde ebenfalls in einem ähnlichen Kontext entworfen, aber wir haben die beiden unterschieden, indem wir für letzteres ein modischeres und einzigartigeres Produktbild hervorgehoben haben.

F: Die Farbpalette extrahiert fünf Farben aus dem Hintergrundbild und ändert das visuelle Thema des Geräts. Was war der Prozess?

Die Farbpalette ist eine Funktion, die Android 12 Material You – Dynamic Color basierend auf One UI integriert. Es verwendet fünf Farben, die aus verschiedenen Hintergrundbildern extrahiert wurden, um Google und andere Apps zu unterstützen.

Bei der Erforschung von Farbpaletten haben wir mit Designern zusammengearbeitet, um die beste Methode zum Extrahieren von Farben aus einem Bild zu finden. Gemeinsam haben wir eine optimale Farbextraktionsmethode entdeckt, die das Originalbild analysiert, es in Farbgruppen unterteilt und dann einen Prototyp entwickelt, der die Verteilung der extrahierten Farbe erkennt.

F: Warum wurde die Entscheidung getroffen, die Farben der Originalversion abzuschwächen?

Das Design wurde überarbeitet, um die Gesamtstimmung des Hintergrundbilds zu vermitteln, damit sich die Benutzer auf den Inhalt konzentrieren und ihn bequem betrachten können. Die Hintergrundsättigung der Tapete wurde verringert und Schaltflächen angepasst, um Farben hervorzuheben, ohne die Augen zu überanstrengen.

F: Das Emoji-Paar, das zwei verschiedene Emojis in verschiedenen Animationen ausdrückt, ist ein neues und unterhaltsames Konzept.

Emojis, die komplexe Emotionen wie „trauriges Lachen“ oder „lachen, aber nicht lachen“ ausdrücken, sind neu auf dem Markt. Die Notwendigkeit dieser komplexen Emotionen wurde durch Benutzerinterviews bestätigt. So wurde das Emoji-Paar geboren.

F: Das Konzept wurde von Ambivalenz auf komplexe Emotionen erweitert. Was war der Grund?

Als das ursprüngliche Konzept Ambivalenz war, dachten wir, es wäre interessant, die Möglichkeit in Betracht zu ziehen, Emojis zu verwenden, die ähnliche Emotionen haben und nicht widersprüchlich sind. Da es sich als schwierig erweisen kann, Benutzer zu Emoji-Kombinationen zu zwingen, hat sich der Anwendungsbereich des Konzepts seitdem von Ambivalenzen auf komplexere Emotionen ausgeweitet.

F: Die raffinierten Bewegungen der witzigen Gesten von AR Emojis sind sehr auffällig. Wie werden diese Animationen erstellt?

Animatoren haben mithilfe der Keyframe-Technik einfache Ausdrücke und Bewegungen sorgfältig erstellt. Neben der Zusammenarbeit mit bekannten Künstlern erstellten sie auch hochwertige Motion Graphics wie Tanzbewegungen für professionelle Darsteller.

F: Wie unterscheiden sich die bevorzugten AR-Emoji-Sticker je nach Land oder Alter?

AR-Emoji-Sticker wurden basierend auf Abstimmungen in Südkorea, Brasilien und den Vereinigten Staaten erstellt. Es gab keinen signifikanten Unterschied zwischen den Ländern bei den Präferenzen, aber es gab leichte Unterschiede zwischen den Altersgruppen. Menschen in ihren Zwanzigern bevorzugten mehr Karikaturen und übertriebene Aufkleber als Menschen in ihren Dreißigern. Nutzer wollten mit Aufklebern lieber einen humorvollen und positiven Eindruck hinterlassen als ernst zu nehmen. Zum Beispiel: „Ich wollte lachen und dabei Spaß haben und nicht zu ernst sein, wenn ich traurig bin

F: Auf welchen Teil des One UI 4-Zifferblatts haben Sie sich konzentriert?

Als die Galaxy Watch 4 veröffentlicht wurde, haben wir uns darauf konzentriert, das Spektrum des Gesichtstyps „Expressiv“ zu erweitern. Die dreidimensionale Linie wurde durch das Hinzufügen von Figuren in verschiedenen Stilrichtungen vervollständigt, darunter eine Veggie-Figur zur Förderung gesunder Essgewohnheiten und eine Bärenfigur zur Bewältigung von Herausforderungen.

F: Auf welche Standards oder Systeme beziehen Sie sich beim Entwerfen verschiedener Zifferblätter?

Das Designsystem wurde unter Verwendung der Designs und Arten von Indizes und Zeigern von echten Analoguhren erstellt, um die Konsistenz zwischen den Zifferblättern zu wahren. Die Farbe des Armbands und seiner Umgebung wurde als Primärfarbe ausgewählt, um mit dem Armband der Galaxy Watch zu harmonieren, und die restlichen Farben wurden basierend auf dem internationalen Farbsystem ausgewählt.

F: Das One UI 4 Widget macht insgesamt einen ordentlichen Eindruck.

Nach viel Mühe und Beratung war es möglich, die Form aller Widgets in Android zu ändern. Um das Erscheinungsbild von Widgets von Drittanbietern und Samsungs Widgets zu verbessern, haben wir One UI auf beide angewendet.

Der Bereich des Widgets ist klein im Vergleich zu der Menge an Informationen, die es enthält. Der Widget-Bereich wurde erstellt, um einen visuellen Kontrast zu schaffen, damit Informationen leicht gesehen werden können, während der Fokus immer noch auf den wichtigsten Punkten liegt. Indem wir die Hintergrundfarbe auf 100 % Weiß geändert haben, haben wir das minimalistische Gefühl verbessert und es dem Benutzer ermöglicht, seine Aufmerksamkeit leichter auf die einzelnen Widget-Inhalte zu lenken.

* Die gezeigten Bilder dienen nur zu Illustrationszwecken und können vom tatsächlichen Produkt abweichen. Die technischen Daten des Produkts können sich je nach Region, Land, Netzbetreiber und Modell unterscheiden.