HomeMobile Behind the Design of One UI 4 – Samsung International Newsroom

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


“The society and surroundings we belong to are consistently altering. With this modification, customers want extra advanced and numerous experiences. In in the present day’s world, there’s additionally a relentless inflow of progressive merchandise primarily based on superior applied sciences that change our on a regular basis lives. Within the midst of all this modification, One UI will at all times hearken to the voices of shoppers 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 Workforce for Samsung Electronics Cell eXperience Enterprise



Samsung Electronics designed the model id for One UI 4 as a seamless cellular expertise that is ready to harmonize with any gadget 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 way of life to a brand new degree because of its expansive prospects.


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



Easy and Streamlined Type

It’s simpler to give attention to what issues most when pointless objects are faraway from view. One UI 4’s clear visible hierarchy guides your eye to a very powerful 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 on the spot understanding of information and figures. By eradicating visible distractions and categorizing information into layers, customers can now effortlessly navigate by means of their gadget to seek out no matter they want, at any time when they want it.



Q: What was causing the colour system re-organization and which a part of the duty did you give attention to?


The important thing theme behind this colour system re-organization was ‘Clear up’. We carried out the duty by making use of colour to a very powerful data first and holding much less necessary data extra monotone.



Q: Practical colours with related meanings have additionally been unified, particularly pink and inexperienced.


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



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


We centered on making the presentation of data extra distinguished than earlier than by adjusting the visible distinction primarily based on the precedence of data. We created optimum unfavorable area by altering the dynamics of the font dimension and thickness in response to the content material’s significance.



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


What individuals think about to be necessary data varies from person to person. For example, the present climate is necessary to some individuals, whereas adjustments within the climate all through the day are extra necessary to others. Whereas this data was beforehand combined within the higher fundamental card, One UI 4 now shows ‘present climate’ and ‘in the present day’s climate’ individually. The important information, present temperature, location and climate icons had been revamped with fashionable visuals and positioned on the high to reinforce readability.



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


Based mostly on our information, 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 traces to create a transparent view of data sorted by week.



Q: What sort of efforts had been made to successfully talk information in Samsung Well being with out wanting difficult?


Samsung Well being expresses data in three fundamental 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 degree. We used an emblem to speak data corresponding to meals consumption, sleep state or water consumption since cumulative information on this class is extra necessary than progress. Lastly, we included a text-only sort that shows a quantity and not using a graph when it’s necessary to know the determine by itself.



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


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 group made the many of the area by effectively inserting the emblem within the higher left nook whereas displaying the cardboard properties within the higher proper. Data with related traits on every card was grouped collectively for a simple search. In contrast, features and data with completely different options, corresponding to utilization historical past and working duties, have been separated visually.



Secure, Snug and Safe Utilization


As extra time is spent on sensible units, there are extra issues to bear in mind, corresponding to safety and well being. One UI 4 values the significance of individuals utilizing sensible units to remain protected and comfy anytime, wherever, 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 varied 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 all the way 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 test when the digital camera or microphone is turned on with an icon. The place did you get this concept?


Person curiosity in privateness and safety has elevated considerably in recent times. We utilized the identical newly-added operate to the Android 12 OS, holding the customers’ finest pursuits in thoughts.



Q: The Permission Dashboard exhibits the place and the way typically the digital camera, microphone and site information have been used. Are you able to inform us extra?


Malicious apps that entry and exploit varied sensors and information after getting access to private data have not too long ago turn into an issue. The Permission Dashboard can now test 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 seek out an applicable degree of darkness to reinforce visible consolation with out compromising every app icon’s aesthetics and putting options. Because of this, we determined upon the present darkness degree that naturally and uniformly tones down your complete app icon colour, prevents glare from white area and satisfies the visible steadiness between residence display screen parts.



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


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



Self Expression, Centered on You


For in the present day’s customers, sensible units have turn into a device for expressing one’s feelings and individuality. One UI 4 expands the vary of selections and customizable options to match each person’s distinctive way of life and tastes.


From personalizing their units with completely different wallpapers to utilizing the Shade Palette operate to vary the visible theme of every gadget, customers can replicate their individuality and style to the fullest.


Customization and self-expression have by no means been simpler or extra fulfilling 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 gadget their very own, from smartphones to smartwatches. For example, customers can customise their smartwatch to suit their way of life by means of varied distinctive watch faces, or they’ll keep updated with up to date widgets. Irrespective 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 cloth referred to as ‘Particle’.


Taking the Galaxy Z for instance, we had 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 the sort of artwork’s versatility, energy, continuity and expandability represented the Galaxy Z Fold’s traits. The Galaxy Z Flip was additionally designed in an analogous context, however we differentiated the 2 by highlighting a extra trendy and distinctive product picture for the latter.



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


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


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



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 give attention to and comfortably view the content material. Within the ultimate model, the background colour saturation was lowered, and the buttons had been adjusted for colours to face out with out straining the eyes.



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


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



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


When the primary idea was ambivalence, we determined that the scenario of mixing emojis with related feelings with out opposition must also be thought of, since forcing the person to create emoji mixtures is an inconceivable activity. That is why the idea’s scope has since expanded from ambivalence to offering extra advanced feelings.



Q: The delicate 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 one after the other utilizing the keyframe methodology. In addition they collaborated with well-known artists to create high-quality movement graphics, corresponding to skilled dance strikes.



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


AR Emoji stickers had been produced primarily based on voting in 4 nations: South Korea, Brazil, the US and the UK. Whereas there was no vital distinction in total preferences between the nations, 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 provide off a humorous and nice impression, reasonably than being critical when utilizing stickers. For instance, ‘I needed to magnify my laughter whereas laughing and never be too critical once I’m unhappy.’



Q: Which a part of One UI 4 watch face did you give attention to?


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



Q: What requirements or programs do you consult with when designing varied watch faces?


The design system was constructed by referencing the kinds and designs of Indexes, Arms 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 colour to mix with the Galaxy Watch strap, and the remaining colours had been chosen primarily based on the worldwide colour system.



Q: The One UI 4 widget provides off a neat impression total.


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


The widget space is just not 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 colour 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 pictures proven are for illustration functions solely and should differ from the precise product. Product specs could fluctuate by nation, area, mannequin and provider.



Please enter your comment!
Please enter your name here

Most Popular

Recent Comments