[Historia projektu] Za projektem One UI 4 – Samsung Global Newsroom

Autor: Han Black | 11.04.2022, 22:47
[Historia projektu] Za projektem One UI 4 – Samsung Global Newsroom

„Społeczeństwo i środowisko, do którego należymy, nieustannie się zmienia. W rezultacie użytkownicy szukają bardziej zróżnicowanych i złożonych doświadczeń. Istnieje ciągły strumień nowych produktów, które wykorzystują zaawansowaną technologię, aby poprawić nasze codzienne życie w dzisiejszym cyfrowym świecie. Pośród wszystkich tych zmian, One UI zawsze będzie słuchać głosów klientów i będzie ewoluować, aby nasi użytkownicy mogli wygodnie i radośnie doświadczać codziennego życia”.

– Yoojin Hong, szef zespołu UX w Samsung Electronics Mobile eXperience Business

Firma Samsung Electronics zaprojektowała tożsamość marki dla One UI 4 jako płynnego doświadczenia mobilnego, które jest w stanie harmonizować z dowolnym urządzeniem lub historią. Delikatne, ale elastyczne elementy interfejsu pomagają użytkownikom swobodnie wyrażać swoją indywidualność, zapewniając jednocześnie narzędzia, dzięki którym codzienne życie staje się wygodniejsze i bezpieczniejsze. W każdej sytuacji One UI 4 podnosi styl życia użytkownika na nowy poziom dzięki swoim rozległym możliwościom.

Samsung Newsroom spotkał się z zespołem projektowym Samsung UX, aby dowiedzieć się więcej o procesie projektowania zorientowanym na użytkownika w One UI 4.

Prosty i opływowy styl

Dużo łatwiej jest skoncentrować się na najważniejszych rzeczach, gdy usuniesz niepotrzebne elementy z widoku. Przejrzysta hierarchia wizualna One UI 4 prowadzi wzrok do najważniejszych elementów na każdej stronie za jednym spojrzeniem.

One UI 4 rozmieszcza kolory i tekst, aby użytkownicy mogli intuicyjnie zrozumieć informacje. Upraszczając system kolorów i ponownie dostosowując rozmiar i grubość czcionki, One UI 4 zapewnia wyraźniejsze i bardziej spójne wrażenia wizualne.

Nowa wersja Samsung UI organizuje również informacje w system usprawnionych, zaktualizowanych kart, aby umożliwić natychmiastowe zrozumienie faktów i liczb. Usuwając wizualne elementy rozpraszające uwagę i dzieląc dane na warstwy, użytkownicy mogą teraz bez wysiłku poruszać się po urządzeniu, aby znaleźć to, czego potrzebują, kiedy tylko tego potrzebują.

P: Jaki był powód reorganizacji systemu kolorów i na której części zadania się skupiłeś?

Kluczową ideą organizacji systemu kolorów było „sprzątanie”. Zadanie zostało zrealizowane poprzez zastosowanie koloru w pierwszej kolejności do najważniejszych informacji i sprawienie, aby mniej ważne informacje były bardziej monochromatyczne.

P: Ujednolicono także funkcjonalne kolory o podobnym znaczeniu, szczególnie czerwony i zielony.

Czerwony często odnosi się do koncepcji Usuń, Odrzuć lub Zatrzymaj. Przed One UI 4 kolory funkcji o podobnym przeznaczeniu były nieco inne. Skupiliśmy się na ujednoliceniu motywu, używając tylko jednego odcienia czerwieni, aby użytkownicy mogli jasno zrozumieć kontekst każdej funkcji. Zwiększyliśmy również widoczność, nieznacznie zwiększając nasycenie i jasność, jednocześnie łącząc różne czerwienie i kolory w jeden kolor.

P: Wygląda na to, że czcionka została uporządkowana poprzez odstępy między literami i czcionkę pogrubioną. Wyjaśnij, jak to zrobiłeś.

Skupiliśmy naszą uwagę na uwydatnieniu prezentacji informacji poprzez zmianę kontrastu wizualnego zgodnie z priorytetem informacji. Zmieniając grubość i rozmiar czcionki w zależności od znaczenia treści, stworzyliśmy optymalną ilość miejsca w negatywie.

P: Ogólna aplikacja Pogoda została ulepszona i zyskała przejrzysty, stylowy wygląd oraz nową ikonę pogody.

To, co ludzie uważają za ważne informacje, może się różnić w zależności od użytkownika. Niektórzy uważają, że aktualna pogoda jest ważna, ale inni uważają, że zmiany pogody są bardziej znaczące. Chociaż te informacje były wcześniej mieszane na górnej karcie głównej, One UI 4 teraz wyświetla osobno „aktualną pogodę” i „dzisiejszą pogodę”. Aby poprawić czytelność, podstawowe informacje, w tym aktualna temperatura, lokalizacja i ikony pogody, zostały przeprojektowane z atrakcyjnym wyglądem.

P: W jaki sposób zreorganizowano aplikację Kalendarz, aby łatwiej udostępniać daty i wydarzenia w kalendarzu?

Według naszych badań większość użytkowników wykonuje od 1 do 3 wydarzeń w kalendarzu dziennie. Zaprojektowaliśmy ekran tak, aby wyglądał płynnie, nawet bez zaplanowanych wydarzeń. Zastępując szare tło białym, ułatwiliśmy użytkownikom skupienie się na kluczowych informacjach, takich jak dzień, miesiąc i harmonogram. Zaktualizowaliśmy interfejs, aby wyśrodkować tekst i dodać poziome linie, aby użytkownicy mogli zobaczyć informacje posortowane według tygodnia.

P: Jakie wysiłki podjęto, aby skutecznie przekazywać dane w Samsung Health, nie wyglądając na skomplikowane?

Samsung Health przekazuje informacje na trzy główne sposoby. Użyliśmy prostego wykresu słupkowego, aby opisać dowolny zakres, postęp lub informacje o stanie, takie jak liczba kroków, tętno, stres lub poziom cukru we krwi. Ponieważ dane zbiorcze są ważne w tym obszarze, użyliśmy symbolu dla informacji, takich jak spożycie pokarmu, stan snu lub spożycie wody. Na koniec dołączyliśmy typ tekstowy, który wyświetla liczbę bez wykresu, gdy ważne jest, aby znać samą liczbę.

P: Dostarczanie zwięzłych i dokładnych informacji wydaje się kluczowe dla nowo wprowadzonego portfela Samsung, ponieważ zawiera on ważne dane użytkownika.

Karta Szybki dostęp, pierwszy ekran Samsung Wallet, jest podzielona na widok skumulowany i widok rozszerzony. W widoku skumulowanym 35% każdej nakładającej się karty może pokazywać informacje. Zespół projektowy dążył do maksymalizacji dostępnej przestrzeni i umieścił logo w lewym górnym rogu, podczas gdy właściwości karty były wyświetlane w prawym górnym rogu. Informacje o podobnych cechach na każdej karcie zostały pogrupowane w celu ułatwienia wyszukiwania. Korzystanie z różnych funkcji, takich jak historia użytkowania, zostało wizualnie oddzielone.

Bezpieczne, wygodne i bezpieczne użytkowanie

Ponieważ coraz więcej osób spędza więcej czasu na swoich inteligentnych urządzeniach, ważne są kwestie bezpieczeństwa i ochrony. One UI 4 ceni, jak ważne jest, aby ludzie korzystający z inteligentnych urządzeń byli bezpieczni i komfortowi zawsze i wszędzie, bez zmartwień i niedogodności. Użytkownicy mogą być zdenerwowani wyciekiem danych osobowych za pośrednictwem ich smartfonów. Wdrożono One UI 4 z różnymi funkcjami, aby chronić użytkowników o wysokich standardach bezpieczeństwa i prywatności.

Każdy szczegół został dokładnie sprawdzony, aby ułatwić użytkownikom korzystanie z urządzeń z dowolnego miejsca. Tryb ciemny pomaga zmniejszyć zmęczenie wzroku do najdrobniejszych szczegółów. Dodatkowo zastosowano spójny projekt wizualny, aby zapewnić wygodną obsługę nawet na wielu urządzeniach.

P: Użytkownicy mogą sprawdzić, kiedy kamera lub mikrofon są włączone, za pomocą ikony. Skąd wziął się ten pomysł?

Zainteresowanie użytkowników prywatnością i bezpieczeństwem znacznie wzrosło w ostatnich latach. Zastosowaliśmy tę samą nowo dodaną funkcję w systemie operacyjnym Android 12, mając na uwadze dobro użytkowników.

P: Panel uprawnień pokazuje, gdzie i jak często używana jest kamera, mikrofon i dane lokalizacji. Czy możesz nam powiedzieć więcej?

Złośliwe aplikacje, które uzyskują dostęp do różnych czujników i danych i wykorzystują je po uzyskaniu dostępu do danych osobowych, stały się ostatnio problemem. Aplikacje, które proszą o niepotrzebne uprawnienia dotyczące danych osobowych, mogą być blokowane przez panel uprawnień. Dzieje się tak nawet wtedy, gdy aplikacja nie była używana.

P: Jak połączyły się szczegóły projektu dla trybu ciemnego?

Próbowaliśmy określić poziom ciemności, który poprawiłby komfort wizualny, ale nie pogorszyłby estetyki ikon aplikacji ani uderzających funkcji. Postawiliśmy na taki poziom ciemności, który najskuteczniej i jednolicie zaciemnia wszystkie ikony aplikacji, redukuje odblaski i zachowuje równowagę wizualną między elementami głównymi i ekranowymi.

P: W jaki sposób zapewniasz, że różne urządzenia Samsung mogą być płynnie i wygodnie używane razem lub pojedynczo?

One UI 4 stosuje jeden język wizualny do różnych produktów Galaxy, w tym smartfonów, tabletów, smartwatchów i komputerów PC. Możesz wygodnie korzystać z urządzenia dzięki ujednoliconym elementom, takim jak ikony, narożniki, komponenty i style menu.

Wyrażanie siebie, skoncentrowane na Tobie

Inteligentne urządzenia to sposób na wyrażanie własnych uczuć i indywidualności. One UI 4 rozszerza zakres opcji i dostosowywanych funkcji, aby dopasować się do unikalnego stylu życia i gustów każdego użytkownika.

Od personalizowania swoich urządzeń za pomocą różnych tapet po używanie funkcji palety kolorów do zmiany motywu wizualnego każdego urządzenia, użytkownicy mogą w pełni odzwierciedlić swoją indywidualność i gust.

Personalizacja i wyrażanie siebie nigdy nie były łatwiejsze i przyjemniejsze niż w One UI 4. Użytkownicy mogą teraz łączyć dwa emotikony w jeden lub używać AR Emoji, aby ujawnić swoje wirtualne ja. One UI 4 rozszerza wrażenia użytkownika dzięki nowym opcjom, dzięki którym użytkownicy mogą dostosować urządzenie do własnych potrzeb, od smartfonów po smartwatche. Na przykład użytkownicy mogą dostosować swój smartwatch do swojego stylu życia za pomocą różnych unikalnych tarcz zegarka lub mogą być na bieżąco z aktualizowanymi widżetami. Bez względu na to, jak użytkownik korzysta z One UI 4, istnieją nieograniczone możliwości dodania osobistego charakteru.

P: Jak powstała koncepcja „cząstek” tapety?

Zbadaliśmy różne elementy projektu, które można swobodnie wyrażać na różnych produktach. W trakcie tego procesu odkryliśmy potencjał i skalowalność materiału o nazwie „Cząstka”.

Biorąc za przykład Galaxy Z, kiedy pomyśleliśmy o przesłaniu, które chcieliśmy przekazać poprzez konstrukcję składanego produktu, przyjrzeliśmy się sztuce i rzemiosłu składania papieru. Wierzyliśmy, że wszechstronność, siła, ciągłość i możliwości rozbudowy tego rodzaju sztuki odzwierciedlają cechy Galaxy Z Fold. Galaxy Z Flip również został zaprojektowany w podobnym kontekście, ale zróżnicowaliśmy te dwa, podkreślając bardziej modny i unikalny wizerunek produktu dla tego drugiego.

P: Paleta kolorów wyodrębnia pięć kolorów z tapety i zmienia motyw wizualny urządzenia. Jaki był proces?

Paleta kolorów to funkcja integrująca system Android 12 Material You – Dynamic Color oparty na One UI. Wykorzystuje pięć kolorów wyodrębnionych z różnych tapet do obsługi Google i innych aplikacji.

Podczas badania palet kolorów współpracowaliśmy z projektantami, którzy badali najlepszą metodę wyodrębnienia koloru z obrazu. Wspólnie odkryliśmy optymalną metodę ekstrakcji kolorów, która analizuje oryginalny obraz, dzieli go na grupy kolorów, a następnie opracowuje prototyp, który rozpoznaje rozkład wyodrębnionego koloru.

P: Dlaczego podjęto decyzję o stonowaniu kolorów z oryginalnej wersji?

Projekt został zmieniony, aby oddać ogólny nastrój tapety, na którym użytkownicy mogą się skupić i wygodnie oglądać zawartość. Zmniejszono nasycenie tła tapety, a przyciski dostosowano tak, aby wyróżniały się kolory, nie męcząc oczu.

P: Para emotikonów, która przedstawia dwa różne emotikony w różnych animacjach, to nowa i zabawna koncepcja.

Emoji, które wyrażają złożone emocje, takie jak „smutny śmiech” lub „śmiech, ale nie śmiech”, są nowością na rynku. Potrzebę tych złożonych emocji potwierdziły wywiady z użytkownikami. W ten sposób narodziła się para Emoji.

P: Koncepcja została rozszerzona z ambiwalencji na złożone emocje. Co było powodem?

Kiedy pierwotną koncepcją była ambiwalencja, pomyśleliśmy, że byłoby ciekawie rozważyć możliwość używania emotikonów, które mają podobne emocje i nie są sprzeczne. Ponieważ zmuszanie użytkowników do tworzenia kombinacji emotikonów może okazać się trudne, dlatego zakres koncepcji rozszerzył się z ambiwalencji na dostarczanie bardziej złożonych emocji.

P: Wyrafinowane ruchy dowcipnych gestów AR Emojis bardzo przyciągają wzrok. Jak powstają te animacje?

Animatorzy starannie wykonali proste wyrażenia i ruchy przy użyciu techniki klatek kluczowych. Oprócz pracy ze znanymi artystami, stworzyli również wysokiej jakości ruchome grafiki, takie jak ruchy taneczne, dla profesjonalnych wykonawców.

P: Czym preferowane naklejki AR Emoji różnią się w zależności od kraju lub wieku?

Naklejki AR Emoji powstały na podstawie głosów w Korei Południowej, Brazylii i Stanach Zjednoczonych. Nie było znaczącej różnicy między krajami w preferencjach, ale były niewielkie różnice między grupami wiekowymi. Osoby po dwudziestce wolały bardziej karykaturalne i przerysowane naklejki niż trzydziestolatki. Użytkownicy woleli wywoływać humorystyczne i pozytywne wrażenie niż poważnie z naklejkami. Na przykład: „Chciałem się śmiać podczas zabawy i nie być zbyt poważnym, gdy czuję smutek

P: Na której części tarczy zegarka One UI 4 się skupiłeś?

Kiedy pojawił się Galaxy Watch 4, skupiliśmy się na poszerzeniu spektrum typu twarzy Expressive. Trójwymiarową linię uzupełniają postacie w różnych stylach, w tym postać wegetariańska, która promuje zdrowe nawyki żywieniowe, oraz postać niedźwiedzia, która sprosta wyzwaniom.

P: Do jakich standardów lub systemów odwołujesz się, projektując różne tarcze zegarka?

System projektowania został stworzony przy użyciu projektów i typów indeksów i wskazówek z prawdziwych zegarków analogowych w celu zachowania spójności między tarczami zegarka. Kolor paska i jego otoczenia został wybrany jako podstawowy kolor pasujący do paska Galaxy Watch, a pozostałe kolory zostały wybrane w oparciu o międzynarodowy system kolorów.

P: Widżet One UI 4 sprawia ogólnie miłe wrażenie.

Po wielu wysiłkach i konsultacjach udało się zmienić kształt wszystkich widżetów w systemie Android. Aby poprawić wygląd widżetów innych firm i widżetów Samsunga, zastosowaliśmy do nich jeden interfejs użytkownika.

Obszar widżetu jest niewielki w porównaniu z ilością zawartych w nim informacji. Obszar widżetów został stworzony, aby zapewnić kontrast wizualny, aby informacje były łatwo widoczne, a jednocześnie skupiały się na najważniejszych punktach. Zmieniając kolor tła na 100% biały, poprawiliśmy minimalistyczny charakter i pozwoliliśmy użytkownikowi łatwiej skupić uwagę na każdej zawartości widżetu.

* Przedstawione zdjęcia służą wyłącznie do celów ilustracyjnych i mogą różnić się od rzeczywistego produktu. Specyfikacje produktu mogą się różnić w zależności od regionu, kraju, operatora i modelu.

Źródło: news.samsung.com