[Design Story] Behind the Design of One UI 4 – Samsung International Newsroom


“The society and surroundings we belong to are always altering. With this transformation, customers want extra complicated and various experiences. In at the moment’s world, there’s additionally a continuing inflow of progressive merchandise based mostly on superior applied sciences that change our on a regular basis lives. Within the midst of all this transformation, One UI will at all times take heed to the voices of consumers and proceed to evolve in order that our customers can comfortably and joyfully expertise their on a regular basis lives.”


– Yoojin Hong, Head of UX Crew for Samsung Electronics Cell eXperience Enterprise



Samsung Electronics designed the model identification for One UI 4 as a seamless cellular expertise that is ready to harmonize with any machine or story. The fragile but versatile parts of the interface assist customers freely specific their individuality whereas offering the instruments to make on a regular basis life extra handy and safe. In any scenario, One UI 4 elevates the person’s life-style to a brand new stage because of its expansive potentialities.


Samsung Newsroom sat down with Samsung’s UX design staff to study extra concerning the user-first design course of behind One UI 4.



Easy and Streamlined Fashion

It’s simpler to concentrate on what issues most when pointless objects are faraway from view. One UI 4’s clear visible hierarchy guides your eye to an important parts on every web page at a single look.


One UI 4 arranges colours and textual content so customers can perceive data intuitively. By simplifying the colour system and readjusting the font dimension and thickness, One UI 4 delivers a clearer and extra cohesive visible expertise.


The brand new model of Samsung UI additionally organizes data right into a system of streamlined, up to date playing cards to allow immediate understanding of info and figures. By eradicating visible distractions and categorizing knowledge into layers, customers can now effortlessly navigate by means of their machine to search out no matter they want, each time they want it.



Q: What was making the colour system re-organization and which a part of the duty did you concentrate on?


The important thing theme behind this shade system re-organization was ‘Clear up’. We carried out the duty by making use of shade to an important data first and protecting much less essential data extra monotone.



Q: Useful colours with comparable meanings have additionally been unified, particularly pink and inexperienced.


Pink is often related to the concepts of Cease, Delete, Take away, Reject, or Lower. Earlier than One UI 4, the colours of options with the same function have been all barely completely different. We targeted on unifying the theme by utilizing just one shade of pink in order that customers might clearly perceive the context of every perform. Moreover, we barely elevated the brightness and saturation to boost visibility whereas combining all of the completely different reds and greens into their single respective colours.



Q: It appears that evidently the font was tidied up throughout by means of letter spacing and boldface sort. Please clarify how this was applied.


We targeted on making the presentation of knowledge extra outstanding than earlier than by adjusting the visible distinction based mostly on the precedence of knowledge. We created optimum destructive area by altering the dynamics of the font dimension and thickness in accordance with the content material’s significance.



Q: The general Climate app has been upgraded with a clear, trendy look together with a brand new climate icon.


What folks think about to be essential data varies from person to person. As an illustration, the present climate is essential to some folks, whereas adjustments within the climate all through the day are extra essential to others. Whereas this data was beforehand combined within the higher major card, One UI 4 now shows ‘present climate’ and ‘at the moment’s climate’ individually. The important knowledge, present temperature, location and climate icons have been revamped with trendy visuals and positioned on the high to boost readability.



Q: How has the Calendar app been reorganized to offer the date and calendar occasions extra simply?


Based mostly on our knowledge, most customers create between one and three calendar occasions a day. With that in thoughts, we designed a display screen that appears seamless, even with none occasions scheduled for the day. We additionally allowed customers to pay higher consideration to key data such because the month, day and schedule by changing the earlier grey background with a transparent white background. The up to date UI options centered textual content for a steady structure, and we added horizontal strains to create a transparent view of knowledge sorted by week.



Q: What sort of efforts have been made to successfully talk knowledge in Samsung Well being with out trying sophisticated?


Samsung Well being expresses data in three major methods. We used a easy bar chart to explain any vary, progress, or standing data, such because the variety of steps, coronary heart price, stress, or blood sugar stage. We used an emblem to speak data resembling meals consumption, sleep state or water consumption since cumulative knowledge on this class is extra essential than progress. Lastly, we included a text-only sort that shows a quantity with out a graph when it’s essential to know the determine by itself.



Q: Delivering concise and correct data appears essential for the newly-introduced Samsung Pockets because it comprises essential person knowledge.


The Fast Entry tab, the primary display screen of Samsung Pockets, is split right into a stacked view and an expanded view. Whereas within the stacked view, 35% of every overlapping card can present data. With this in thoughts, the design staff made the many of the area by effectively putting the emblem within the higher left nook whereas displaying the cardboard properties within the higher proper. Data with comparable traits on every card was grouped collectively for a straightforward search. Against this, features and data with completely different options, resembling utilization historical past and working duties, have been separated visually.



Protected, Snug and Safe Utilization


As extra time is spent on sensible units, there are extra issues to bear in mind, resembling safety and well being. One UI 4 values the significance of individuals utilizing sensible units to remain secure and cozy anytime, anyplace, with out worries or inconvenience. It’s pure for customers to really feel anxious about having their private data leaked by means of their sensible units. One UI 4 has been applied with numerous options to guard customers with excessive requirements for safety and privateness.


Each element was rigorously examined to assist customers conveniently use their sensible units in any setting. Darkish mode reduces visible fatigue right down to even the smallest element. Moreover, a constant visible design has been utilized to offer comfy usability even throughout a number of units.



Q: Customers can examine when the digicam or microphone is turned on with an icon. The place did you get this concept?


Person curiosity in privateness and safety has elevated considerably lately. We utilized the identical newly-added perform to the Android 12 OS, protecting the customers’ finest pursuits in thoughts.



Q: The Permission Dashboard exhibits the place and the way usually the digicam, microphone and placement knowledge have been used. Are you able to inform us extra?


Malicious apps that entry and exploit numerous sensors and knowledge after having access to private data have lately turn out to be an issue. The Permission Dashboard can now examine and block apps that request pointless permission for private data, even whereas the app is inactive.



Q: How did the design particulars come collectively for Darkish mode?


We tried to search out an acceptable stage of darkness to boost visible consolation with out compromising every app icon’s aesthetics and putting options. Consequently, we determined upon the present darkness stage that naturally and uniformly tones down all the app icon shade, prevents glare from white area and satisfies the visible steadiness between residence display screen parts.



Q: How do you make sure that numerous Samsung units will be easily and comfortably used collectively or individually?


One UI 4 applies a single visible language to numerous Galaxy merchandise, together with smartphones, tablets, smartwatches and PCs. Units can be utilized comfortably by means of unified parts resembling icons, rounded corners, elements, menu types, layouts and extra, even when modified.



Self Expression, Centered on You


For at the moment’s customers, sensible units have turn out to be a instrument for expressing one’s feelings and individuality. One UI 4 expands the vary of decisions and customizable options to match each person’s distinctive life-style and tastes.


From personalizing their units with completely different wallpapers to utilizing the Colour Palette perform to alter the visible theme of every machine, customers can replicate their individuality and style to the fullest.


Customization and self-expression have by no means been simpler or extra pleasant than in One UI 4. Customers now can mix two emojis into one or use AR Emoji to disclose their digital selves. One UI 4 expands the person expertise by means of new choices for customers to make the machine their very own, from smartphones to smartwatches. As an illustration, customers can customise their smartwatch to suit their life-style by means of numerous distinctive watch faces, or they will keep updated with up to date widgets. Regardless of how a person experiences One UI 4, there are limitless alternatives so as to add their private contact.



Q: How did the wallpaper’s ‘Particle’ idea come about?


We researched completely different design parts that may be freely expressed on quite a lot of merchandise. Within the course of, we found the potential and scalability of a fabric known as ‘Particle’.


Taking the Galaxy Z for example, we have been impressed by the artwork of paper folding when conceptualizing the message we needed the product to speak by means of its foldable construction. We believed such a artwork’s versatility, power, continuity and expandability represented the Galaxy Z Fold’s traits. The Galaxy Z Flip was additionally designed in the same context, however we differentiated the 2 by highlighting a extra trendy and distinctive product picture for the latter.



Q: The Colour Palette extracts 5 colours from the wallpaper and adjustments the visible theme of the machine. How was it applied?


The colour palette is a perform that integrates Android 12 Materials You – Dynamic Colour based mostly on One UI. It makes use of 5 colours extracted from completely different wallpapers to assist Google and different apps.


Whereas researching shade palettes, we collaborated with designers researching the very best methodology to extract shade from a picture. Collectively, we found an optimum shade extraction methodology that analyzes the unique picture, divides it into shade teams, after which develops a prototype that acknowledges the distribution of extracted shade.



Q: Why was the choice made to tone down the colours from the unique model?


The design was revised to convey the general temper of the wallpaper for customers to concentrate on and comfortably view the content material. Within the closing model, the background shade saturation was lowered, and the buttons have been adjusted for colours to face out with out straining the eyes.



Q: The Emoji Pair, which expresses two completely different emojis in numerous animations, is a brand new and entertaining idea.


Emojis expressing complicated feelings resembling ‘sad-laugh’ and ‘laughing however not laughing’ have by no means existed earlier than. The necessity for these complicated feelings was confirmed by means of person interviews. Thus, the Emoji Pair was born.



Q: The idea has been expanded from ambivalence to complicated feelings. What was the explanation?


When the primary idea was ambivalence, we determined that the scenario of mixing emojis with comparable feelings with out opposition must also be thought of, since forcing the person to create emoji combos is an not possible process. For this reason the idea’s scope has since expanded from ambivalence to offering extra complicated feelings.



Q: The subtle actions of AR Emojis’ witty gestures are very eye-catching. How are these animations made?


Easy actions and expressions have been rigorously labored on by animators separately utilizing the keyframe methodology. In addition they collaborated with well-known artists to create high-quality movement graphics, resembling skilled dance strikes.



Q: How do the popular AR Emoji stickers differ by nation or age?


AR Emoji stickers have been produced based mostly on voting in 4 international locations: South Korea, Brazil, the US and the UK. Whereas there was no important distinction in general preferences between the international locations, there was a slight distinction among the many age teams. Folks of their twenties most popular extra caricature and exaggerated stickers than these of their thirties. Most customers needed to present off a humorous and nice impression, moderately than being severe when utilizing stickers. For instance, ‘I needed to magnify my laughter whereas laughing and never be too severe after I’m unhappy.’



Q: Which a part of One UI 4 watch face did you concentrate on?


When the Galaxy Watch 4 was launched, we targeted on increasing the spectrum of the Expressive face sort. We accomplished a three-dimensional lineup by including characters of assorted types to the watch face, resembling a vegetable character for a nutritious diet or a bear character for challenges.



Q: What requirements or methods do you seek advice from when designing numerous watch faces?


The design system was constructed by referencing the kinds and designs of Indexes, Palms and Sub Dials of actual analog watches to create consistency between the watch faces. The colour of the strap and its environment was chosen as the first shade to mix with the Galaxy Watch strap, and the remaining colours have been chosen based mostly on the worldwide shade system.



Q: The One UI 4 widget offers off a neat impression general.


After steady session and energy, altering the widget form collectively inside Android turned potential. We utilized the One UI visible language to each Samsung and third-party widgets to boost their look.


The widget space will not be vast in comparison with the knowledge supplied by the widget. It was designed to offer visible distinction for data to be seen at a look whereas focusing extra on what must be emphasised. By altering the background shade to 100% white, we’ve enhanced the minimalist really feel and allowed the person to extra simply focus their consideration on every widget content material.





* The photographs proven are for illustration functions solely and should differ from the precise product. Product specs could differ by nation, area, mannequin and service.