Tuesday, April 5, 2022
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 setting we belong to are continuously altering. With this modification, customers need extra advanced and numerous experiences. In right now’s world, there may be additionally a continuing 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 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 Staff 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 system or story. The fragile but versatile components of the interface assist customers freely categorical 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 consumer’s life-style to a brand new stage due to its expansive prospects.

 

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

 

 

Easy and Streamlined Model

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 components on every web page at a single look.

 

One UI 4 arranges colours and textual content so customers can perceive info 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 info right into a system of streamlined, up to date playing cards to allow immediate understanding of information and figures. By eradicating visible distractions and categorizing information into layers, customers can now effortlessly navigate by their system to search out no matter they want, each time they want it.

 

 

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

 

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

 

 

Q: Useful colours with related meanings have additionally been unified, particularly purple and inexperienced.

 

Purple 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 have been all barely completely different. We centered on unifying the theme through the use of just one shade of purple in order that customers may 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: Evidently the font was tidied up throughout by letter spacing and boldface sort. Please clarify how this was applied.

 

We centered on making the presentation of knowledge extra outstanding than earlier than by adjusting the visible distinction primarily based on the precedence of knowledge. We created optimum unfavourable 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, fashionable look together with a brand new climate icon.

 

What folks contemplate to be vital info varies from consumer to consumer. As an illustration, the present climate is vital to some folks, whereas adjustments within the climate all through the day are extra vital to others. Whereas this info was beforehand combined within the higher essential card, One UI 4 now shows ‘present climate’ and ‘right now’s climate’ individually. The important information, present temperature, location and climate icons have been revamped with fashionable 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 information, most customers create between one and three calendar occasions a day. With that in thoughts, we designed a display that appears seamless, even with none occasions scheduled for the day. We additionally allowed customers to pay higher consideration to key info 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 secure 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 information in Samsung Well being with out trying difficult?

 

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

 

 

Q: Delivering concise and correct info appears essential for the newly-introduced Samsung Pockets because it accommodates vital consumer information.

 

The Fast Entry tab, the primary display 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 info. With this in thoughts, the design workforce made the many of the area by effectively putting the brand within the higher left nook whereas displaying the cardboard properties within the higher proper. Info with related traits on every card was grouped collectively for a straightforward search. In contrast, capabilities and data with completely different options, resembling utilization historical past and working duties, have been separated visually.

 

 

Secure, Snug and Safe Utilization

 

As extra time is spent on good gadgets, there are extra issues to bear in mind, resembling safety and well being. One UI 4 values the significance of individuals utilizing good gadgets to remain protected and cozy anytime, wherever, with out worries or inconvenience. It’s pure for customers to really feel anxious about having their private info leaked by their good gadgets. 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 good gadgets 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 gadgets.

 

 

Q: Customers can verify 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 perform to the Android 12 OS, conserving the customers’ greatest 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 info have lately change into an issue. The Permission Dashboard can now verify and block apps that request pointless permission for private info, 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 hanging options. Consequently, we determined upon the present darkness stage that naturally and uniformly tones down all the app icon colour, prevents glare from white area and satisfies the visible steadiness between residence display components.

 

 

Q: How do you make sure that varied Samsung gadgets may 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 unified components resembling icons, rounded corners, parts, menu kinds, layouts and extra, even when modified.

 

 

Self Expression, Centered on You

 

For right now’s customers, good gadgets have change into a device for expressing one’s feelings and individuality. One UI 4 expands the vary of selections and customizable options to match each consumer’s distinctive life-style and tastes.

 

From personalizing their gadgets with completely different wallpapers to utilizing the Shade Palette perform to alter the visible theme of every system, customers can mirror 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 consumer expertise by new choices for customers to make the system their very own, from smartphones to smartwatches. As an illustration, customers can customise their smartwatch to suit their life-style by varied distinctive watch faces, or they will keep updated with up to date widgets. Regardless of how a consumer 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 components that may be freely expressed on a wide range of merchandise. Within the course of, we found the potential and scalability of a fabric referred to as ‘Particle’.

 

Taking the Galaxy Z for example, we have been impressed by the artwork of paper folding when conceptualizing the message we wished the product to speak by 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 system. How was it applied?

 

The colour palette is a perform 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 assist Google and different apps.

 

Whereas researching colour palettes, we collaborated with designers researching the perfect technique to extract colour from a picture. Collectively, we found an optimum colour extraction technique 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 concentrate on and comfortably view the content material. Within the remaining model, the background colour 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 varied animations, is a brand new and entertaining idea.

 

Emojis expressing advanced feelings resembling ‘sad-laugh’ and ‘laughing however not laughing’ have by no means existed earlier than. The necessity for these advanced feelings was confirmed by consumer 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 also needs to be thought-about, since forcing the consumer to create emoji combos is an not possible process. That is why the idea’s scope has since expanded from ambivalence to offering extra advanced 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 one after the other utilizing the keyframe technique. 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 primarily based on voting in 4 nations: South Korea, Brazil, the USA and the UK. Whereas there was no vital distinction in general 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 wished to provide off a humorous and nice impression, relatively than being critical when utilizing stickers. For instance, ‘I wished to magnify my laughter whereas laughing and never be too critical 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 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, resembling a vegetable character for a nutritious diet or a bear character for challenges.

 

 

Q: What requirements or techniques do you check with when designing varied watch faces?

 

The design system was constructed by referencing the categories 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 have been chosen primarily based on the worldwide colour 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 doable. We utilized the One UI visible language to each Samsung and third-party widgets to boost their look.

 

The widget space isn’t vast in comparison with the data offered by the widget. It was designed to offer visible distinction for info 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 consumer 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 range by nation, area, mannequin and service.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments