【設計故事】揭密One UI 4設計幕後花絮

on 12.04.2022
Share open/close
連結已複製.

 

「當今社會及大環境瞬息萬變,用戶期望獲得更細緻、包羅萬象的體驗;高科技產品亦不斷推陳出新,重塑人們日常生活的樣貌。身處快速變遷的時代,三星One UI始終傾聽用戶心聲、不斷精進,提供消費者便利的行動體驗,享受更美好的生活。」

 

-三星電子行動通訊事業部UX團隊負責人Yoojin Hong

 

三星電子為One UI 4打造無縫串聯的行動體驗,適用於任何裝置與情境,其介面劃分精細並保有彈性,用戶得以盡情展現自我風格;同時提供多元實用工具,使日常生活更加便利且安全無虞。憑藉One UI 4龐大的應用潛能,用戶的生活方式將升級至前所未有的全新水平。

 

三星新聞中心專訪三星UX設計團隊,深入瞭解One UI 4用戶至上的設計流程。

 

去蕪存菁的簡約風格

視線內若沒有多餘物件,便能更快聚焦重點。One UI 4採用清晰易懂的視覺層次,將用戶視線迅速導向每個畫面的關鍵元素。

 

One UI 4透過精心設計的顏色與文字,包括簡化後的色彩系統、字體大小及粗細,使版面更加清楚連貫,用戶亦能更直覺地掌握眼前資訊。

 

此外,全新介面採用精簡的新型卡片式設計,確保資訊與數字一目瞭然。One UI 4摒除所有視覺干擾,將資料分層整理,讓用戶不費吹灰之力即能輕鬆找到所需目標。

 

 

問:為什麼團隊決定重組色彩系統?主要針對哪一部分進行調整?

本次調整色彩系統的重點是「整理」,為重要資訊優先配色,並使次要資訊更加單調,突顯執行的任務。

 

問:定義相似的功能性配色也經過整合,特別是紅色和綠色。

紅色通常與「停止」、「刪除」、「清除」、「拒絕」或「減少」等動作聯想在一起。在One UI 4之前的版本,具有相近用途功能的配色都稍有不同。本次調整的重點是全數使用同一種紅色,使用戶一眼就能識別各功能代表的涵義。此外,我們稍微提高顏色的亮度與飽和度,使其更清晰易讀,同時把不同色調的紅色與綠色調整為統一配色。

 

問:字體的間距和粗細看起來都有經過整理,感覺更加整齊,請說明團隊如何調整。

團隊依據資訊的優先順序調整文字的視覺對比,也就是在適當的留白(negative space)範圍中,配合各層內容的重要性調整字體大小和粗細,讓資訊更突出、顯眼。

 

 

問:「天氣」應用程式改版後,呈現簡潔俐落的設計感,亦搭配全新的氣象圖示。

資訊的重要與否因人而異,例如有些用戶最想知道即時天氣狀況,有些人則更重視從早到晚的天氣變化。前代版本是將氣候資訊一次呈現於上方的主卡片,One UI 4則是將「現在天氣」(current weather)和「今日天氣」(today’s weather)分開呈現;基本數據、現在溫度、位置和氣候圖示皆移動至頂端,並換上新穎美觀的視覺元素,提升判讀性。

 

問:為了讓日期與活動更方便檢視,「日曆」應用程式做了哪些調整?

據團隊資料顯示,多數用戶每天建立一至三筆日曆活動。我們以此為基礎,設計出一覽無遺的檢視畫面,就算當天沒有安排活動也是如此;此外,原本灰色背景亦調整為清晰的純白色,進而突顯月份、日期和行程等重要資訊。新版UI將文字置中,使版面更均衡,同時加入水平線設計,設置以週排序的視覺介面,方便用戶檢視未來一週的活動安排。

 

問:團隊如何有效呈現Samsung Health的資料,又不至於太複雜難懂?

Samsung Health資訊的呈現方式分為三種:第一種是以簡單的長條圖表示與範圍、進度或狀態相關的資訊,如步數、心率、壓力或血糖值;第二種是以符號顯示食物攝取、睡眠狀態及飲水量,此類資料重點在呈現數據的累積;最後則是新增純數字、不配圖的選項,以利用戶快速掌握關鍵數值。

 

問:新推出的Samsung Wallet含有用戶重要資料,顯然更講求資訊的簡潔與精準。

開啟Samsung Wallet第一個出現的畫面是「快速存取」(Quick Access)的索引標籤,分為堆疊視圖與展開視圖。在堆疊視圖中,每張卡片互相重疊,各有35%的空間顯示資訊,基於此點,設計團隊將圖示放置於左上角,卡片屬性同時設於右上角,將空間利用最大化。每張卡片上,性質相近的資訊會集中顯示,方便用戶快速搜尋。相反地,性質不同的功能與資訊會分開顯示,如使用紀錄和執行中的工作。

 

貼心設計,安全有保障

 

現代人使用智慧裝置的時間越來越長,顧慮也隨之增加,例如隱私安全與自身健康資訊。One UI 4致力消除用戶的疑慮或不便,無時無刻提供安心自在的使用體驗。擔心智慧裝置外洩個資是人之常情,因此,One UI 4搭載多重嚴謹的安全機制,確保用戶隱私滴水不漏。

 

為使用戶於任何情境下輕鬆使用裝置,三星團隊仔細確認所有細節,如「深色模式」便從最小的細節處做起,盡可能減輕眼睛疲勞。此外,仰賴視覺設計的一致性,儘管跨裝置使用依然流暢順手。

 

 

問:現在僅需從一個圖示即可得知相機或麥克風是否開啟,此設計概念從何而來?

近年來,用戶對於隱私權與安全性的關注度大幅提升,三星也將此新功能導入Android 12作業系統,提供用戶最完善的保障。

 

問:「隱私權控制台」(Permission Dashboard)會顯示相機存取、麥克風和定位資訊的應用程式以及使用頻率,能否進一步介紹此功能?

近幾年常見惡意程式盜用個資、入侵感測器竊取資料的安全問題,「隱私權控制台」能偵測並阻擋要求存取不必要個資的應用程式,即便該程式處於非使用中的狀態亦適用此功能。

 

 

問:如何決定「深色模式」的設計細節?

團隊試著在不影響每個應用程式圖示的美觀與醒目度的情況下,找到適當的色彩深度以增強視覺舒適度。因此,目前選定的色彩深度,能自然且均勻地調低各應用程式的圖示亮度,同時避免白色區域出現眩光,確保主螢幕各元素間的視覺平衡。

 

問:如何確保用戶在操作不同的三星裝置時,無論是搭配使用或單獨使用均能得心應手、舒適流暢?

One UI 4於各種Galaxy裝置均採用同樣的視覺語言,包括智慧型手機、平板、智慧手錶及個人電腦。從圖示、圓角、元件、功能表樣式、版面等細節均和諧一致,切換裝置亦可輕鬆操作。

 

以用戶為主角,展現獨特風格

 

對現代人來說,智慧裝置儼然成為表達心情與個性的工具之一。One UI 4新增更多選項和自訂功能,滿足所有用戶的獨特生活方式及品味。

 

從設定桌布為裝置增添個人特色,到使用「調色盤」(Color Palette)功能自行變化裝置視覺主題,用戶皆能盡情揮灑個人風格。

 

One UI 4的自訂功能讓人一玩上癮,以易如反掌的方式展現自我風格。用戶可將兩種表情符號合而為一,或使用AR貼圖打造維妙維肖的數位分身。透過One UI 4新增的個人化選項,三星手機與手錶變得更多采多姿,例如:用戶可從各式各樣的特色錶面中,挑選最符合生活習慣的樣式,或是利用升級版widgets暢享最新功能。無論以何種方式體驗One UI 4,用戶皆能隨心所欲展現個人風格,變化無窮可能。

 

 

問:為什麼在桌布加入「粒子」(Particle)設計?

為了找出可以完美套用至各種產品的設計元素,我們做了許多研究。過程中,團隊發現「粒子」這種極具潛力與可擴展性的應用素材。

 

以Galaxy Z系列為例,在構思如何透過摺疊設計傳達產品的訊息時,我們從摺紙藝術獲得靈感,此藝術型態的多變、強韌、連續與可延展的特色,恰巧與Galaxy Z Fold系列互相呼應,Galaxy Z Flip系列的設計概念也系出同門,而後三星為後者打造更時髦獨特的產品形象,藉此區隔兩系列產品。

 

 

問:調色盤功能可從桌布中抽取五種顏色,並改變裝置的佈景主題,能否分享此功能的開發過程?

調色盤功能以One UI為基礎,整合Android 12「Material You」介面的「動態色彩」(Dynamic Color)系統,從不同桌布抽取五種顏色,再套用到Google等應用程式的圖示。

 

在研發調色盤功能時,為找出最有效擷取圖像色彩的方式,團隊與多位設計師合作。最後,我們發現理想的做法是先分析原始圖像,並將顏色分類,再開發一個可辨識抽取色彩分布的原型。

 

問:為什麼決定調低色彩濃度?

此次針對色彩的設計是為了更貼切地傳遞桌布氛圍,協助用戶快速聚焦內容,同時提升觀看舒適度。更新版本除了降低背景的色彩飽和度,也針對按鈕顏色進行微調,使其更顯眼突出,但不致造成視覺疲勞。

 

 

問:全新「表情符號組」(Emoji Pair)很有趣,可組合兩個不同的表情符號,並搭配各種動畫呈現。

在此之前,沒有表情符號可以傳達「苦笑」或「假笑」等這類複雜的情緒,但從用戶的意見回饋中,三星確認了這些複雜情緒的需求,因而誕生「表情符號組」。

 

問:此功能原本設定為組合矛盾的心情,為何後來擴大涵蓋其他複雜的情緒?

雖然最初的概念是組合兩種矛盾的心情,而後團隊覺得有必要保留「組合兩種類似心情」的選項,因為並非每位用戶都願意自行製作表情符號,所以才會推出涵蓋更多複雜情緒的配對組合。

 

問:AR貼圖的手勢動作非常到位且細膩,請問是如何製作的?

就算是簡單的動作與表情,動畫師仍以關鍵影格(keyframe)的方式一一處理。此外,團隊亦與知名藝術家合作打造精緻逼真的動態圖形,例如專業舞蹈動作。

 

問:不同國家或年齡層的用戶對AR貼圖的喜好有何差異?

經過韓國、巴西、美國和英國這四個國家的投票表決AR貼圖的設計,雖各地用戶的喜好並無顯著分水嶺,但不同年齡層間就稍有差異。相較於30幾歲的族群,20多歲的用戶偏好詼諧趣味、誇張的貼圖。此外,用戶大部分希望用AR貼圖展現幽默風趣的一面,而非正經八百的態度。例如:「我希望有誇張大笑的動畫,但難過的部分點到為止即可。」


 

問:One UI 4針對錶面改良的重點為何?

Galaxy Watch4推出時,主要鎖定於擴充「Q版動畫」(Expressive)類型的錶面。團隊以不同風格的角色打造一系列立體3D動畫,例如代表健康飲食的蔬菜,或是出現在挑戰錶面的卡通小熊。

 

問:設計各類型錶面時,團隊採用的標準或系統為?

團隊參考實體指針腕錶的樣式與設計,如時標、指針和小錶盤等元素,打造錶面設計系統,確保元素的一致性。錶面的主色調依Galaxy Watch錶帶和錶圈的顏色而定,營造流暢的美感,其他顏色則取自國際色彩系統。

 

問:One UI 4widget看起來相當整齊俐落。

經過不斷討論與努力,最終決議統一變更Android的widget外觀。我們將One UI的視覺語言套用至三星和第三方widgets,使整體外型更美觀。

 

相較於資訊本身,widget區塊的寬度沒有多出太多,藉此提高對比感,使資訊一目瞭然,亦讓重點精準突顯。此外,背景改為純白色後更添簡約質感,也讓用戶能快速掌握各個widget的內容。

 

 

*文中的圖像均為示意圖,可能與實際產品不同。產品規格、功能適用性可能因市場、地區、型號以及電信業者而異。

產品 > 行動通訊

品牌 > 設計

關於消費者服務相關詢問,請洽三星客服專線 : 0800-32-9999
任何媒體需求及詢問,請聯繫 tw.newsroom@samsung.com.

了解更多關於三星最新新聞

了解更多
置頂