三星 One UI 和 IOS 界面設計哲學(上)

1 評論 7718 瀏覽 40 收藏 14 分鐘

本篇文章基于三星和IOS兩大系統(tǒng)升級特性,來分析未來界面的設計趨勢,本文是上篇。

三星保持著全球銷量第一的成績,而蘋果憑借iPhone,在2018年全球手機市場中獨攬73%的利潤,碾壓三星13%的利潤占比。

三星和蘋果毫無疑問是世界上影響力最大的兩大手機品牌,而他們的系統(tǒng)界面設計代表全球領先的設計水準。

OneUI和IOS界面設計哲學(上)

2018年11月三星發(fā)布基于安卓9.0深度定制的全新系統(tǒng)One UI取代Samsung Experience UI,2019年6月蘋果發(fā)布IOS 13。

本篇文章基于兩大系統(tǒng)升級特性分析未來界面的設計趨勢(上):三星One UI的設計哲學。

OneUI和IOS界面設計哲學(上)

目錄:

一、專注于內(nèi)容的視覺設計

提高內(nèi)容的辨識度

減少屏幕無用信息

二、更舒適的交互方式

界面交互區(qū)域下移

手勢滑動操作

三、Night Mode 夜間模式

四、智能化探索

各端體驗無縫連接

智能助手體驗升級

ARVR虛擬現(xiàn)實結(jié)合探索

五、總結(jié)

1.?專注于內(nèi)容的視覺設計

如今手機設備尺寸越來越大,大尺寸屏幕帶來的直接影響就是界面信息增加,設計更多復雜甚至可以說是錦上添花的功能。

《設計心理學》馮·諾依曼說過:

物品上存在過多的功能,如果想不出任何例子,這個功能就會被刪除,然后設計人員想當聰明,他們總是能相處頗為合理的例子說明各種東西的用途。用戶行為和模式應該隨著設備尺寸增加而發(fā)生改變,如何幫助人們專注于屏幕展示的主要內(nèi)容中,更容易專注于任務是界面設計的重要考慮因素。

1.1 提高內(nèi)容的辨識度

One UI 是簡單易用和引人注目的設計語言,設計的基礎是硬件和軟件完美和諧,界面中設計的圓角矩形卡片化設計和三星S9硬件手機的圓形弧線相呼應,同時幫助內(nèi)容整合歸類并聚焦展示以及增加色塊,更直觀的展示功能的不同狀態(tài),讓用戶第一眼就能找到自己想找的內(nèi)容。

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

大尺寸的屏幕展示空間增加,過去信息陷入零碎分散的空間中,用戶容易迷失在散亂的界面里。設計大標題可以強調(diào)界面主要信息,弱化次要信息,讓用戶專注于內(nèi)容,空間合理調(diào)配下視覺設計語言,幫助用戶可以更舒適的與界面交互。

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

1.2?優(yōu)化圖標和功能,減少屏幕展示的無用信息

簡化圖標,過去Samsung Experience UI的斷點線性圖標的設計十分簡潔,但是當圖標表達的意義過于復雜時,線條會增加識別難度,One UI重新設計圖標,讓圖標更容易識別和理解圖標的內(nèi)容。

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

上Samsung Experience UI 下One UI

用戶總是容易被不想管的信息干擾而分散注意力,最重要的在于如何幫助用戶專注于想看的內(nèi)容,One UI簡化了很多系統(tǒng)中不常用的功能,例如設置中從36個減少到17個選項的數(shù)量。

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

2.?更舒適的交互方式

三星One UI比較大的亮點就是UI設計中將屏幕上下部分分為查看和交互的兩塊區(qū)域,系統(tǒng)將主要的交互按鈕都刻意放置于單手手指能覆蓋的區(qū)域,幫助用戶實現(xiàn)單手操作。

2.1 界面交互區(qū)域下移

如今手機大部分尺寸比例都是18:9,屏幕長度可以顯示更多的內(nèi)容但是單手操作已經(jīng)十分困難,One UI在考慮到用戶單手操作的場景下,取消了頂部的菜單按鈕,希望用戶很自然的用手指移動與屏幕交互。

在未來硬件賦予人們看到更大屏幕技術的同時,思考展示界面與人如何產(chǎn)生自然的交互方式,也是未來界面設計的重要考慮因素。

OneUI和IOS界面設計哲學(上)

配圖來源于Samsung Design

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

用戶操作路徑的改變意味著操作易用性的大幅度提高,我們單手握持手機時,發(fā)力點一般在屏幕下方,小指頭提供手機底部支撐作用。

當用戶從屏幕頂部操作時,握持重心導致手指很難滑動到頂部區(qū)域,單手操作的難度一直困擾著用戶。優(yōu)秀舒適的界面設計早應該考慮到單手操作的場景,未來頂部按鈕的設計都應該有秩序的轉(zhuǎn)移至下方,方便用戶在任意場合下舒適的完成交互行為。

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

2.2 手勢滑動操作

增加手勢操作,用戶可選擇手勢操作,滑動返回主頁面,后退以及多任務。

全面屏時代下,手機正面已取消實體按鍵,虛擬按鍵一直是安卓比較特色的功能,但按鍵往往不如手勢滑動舒服。

早在07年喬布斯在第一代蘋果手機發(fā)布時采用滑動解鎖,讓世界與之沸騰?;瑒舆@項操作是人類接近本能的操作,滑動更優(yōu)雅和爽快的操作體驗勝于點按。

One UI手勢操作分3部分使用。和MIUI不同,MIUI支持屏幕側(cè)面邊緣滑動返回,滑動返回確實比較方便,但也存在一些問題,夜晚躺著握持手機很難從側(cè)面滑動,還有和一些APP側(cè)邊欄操作邏輯沖突,容易發(fā)生誤觸,讓用戶困擾。

OneUI和IOS界面設計哲學(上)

配圖來源于Samsung Design

3.?Night Mode 夜間模式

未來界面設計應該允許用戶在任意的場景使用,隨著手機在生活中的越來越重要,很多人夜晚或光線較暗的時候也需要使用手機。對界面設計夜間或深色模式,優(yōu)化屏幕亮度緩解視覺疲勞。

不過夜間模式目前僅適用于部分自帶應用,而第三方應用未適配夜間模式,這樣導致的問題是使用夜間模式和第三方應用時,觀感舒適度差距太大,眼睛無法短時間適應強弱光反差,體驗較差。

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

4.?智能化探索

4.1 各端體驗無縫連接

One UI統(tǒng)一視覺語言,在各端使用時無割裂感。

隨著5G以及云存儲技術的不斷成熟,用戶的數(shù)據(jù)基本都會存儲在更安全更便捷的云空間內(nèi)。當資料存儲于云空間時,用戶可實現(xiàn)多種設備聯(lián)動使用,設計統(tǒng)一的視覺語言有助于用戶減少陌生感,提高使用效率和交互體驗。

OneUI和IOS界面設計哲學(上)

4.2 智能助手體驗升級

One UI搭配Bixby智能助手增加了更多的使用場景,Bixby視覺對準文字、食物或任意物品時,智能分析信息特征,提取文字、自動翻譯或展示商品信息、識別地標或企業(yè)等等。

智能助手除了幫助用戶與真實世界發(fā)生的事情提供另一種交互方式外,對于系統(tǒng)程序之間的串聯(lián)也起到非常重要的作用。比如蘋果系統(tǒng)捷徑等,用戶自制語音指令和操作步驟,快速啟動操作命令完成交互體驗。

OneUI和IOS界面設計哲學(上)

OneUI和IOS界面設計哲學(上)

4.3 ARVE虛擬現(xiàn)實結(jié)合的探索

ARVR怎么看都像處于風口的豬,未來界面設計的探索離不開VRAR等核心黑科技。BixBy視覺支持在線化妝室內(nèi)裝潢等等比較大眾的功能,還沒有太多驚喜的設計,但是VRAR技術成熟后會帶來什么樣的視覺體驗值得期待。

5.?總結(jié)

One thought,One UI

這是Samsung Design對One UI的思考和總結(jié)。One UI足夠的克制也足夠的大膽,也足夠在1年之后仍然讓我為之著迷和愿意花時間研究和各位分享我的看法。

One UI希望能設計一款適合新時代變化下,用戶和界面之間交互的新方式。專注于主要內(nèi)容,自然舒適的操作體驗和軟硬件搭配和諧的圓角卡片一體化設計,使三星擁有了出色的使用體驗。

從用戶開機到關機的每一刻,用戶都在于界面發(fā)生交互,One UI思考用戶的行為方式,在界面設計中提高熟悉度和建立情感聯(lián)系。

讓每一個人毫不費力的,舒適的使用需要大膽的創(chuàng)新和改變,One UI代表了大膽的思考,就像我聽過的一句話:改變產(chǎn)生的結(jié)果有好也有壞,但只要做出改變就是一件好事。

(下期預告:IOS的設計哲學)

本文參考來源:

 

本文由 @發(fā)現(xiàn)好設計? 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。

題圖來自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 這種設計風格應該也是未來移動端的趨勢。

    來自福建 回復