三星 One UI 和 IOS 界面設(shè)計(jì)哲學(xué)(上)

1 評(píng)論 7991 瀏覽 40 收藏 14 分鐘

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

三星保持著全球銷量第一的成績(jī),而蘋果憑借iPhone,在2018年全球手機(jī)市場(chǎng)中獨(dú)攬73%的利潤(rùn),碾壓三星13%的利潤(rùn)占比。

三星和蘋果毫無(wú)疑問(wèn)是世界上影響力最大的兩大手機(jī)品牌,而他們的系統(tǒng)界面設(shè)計(jì)代表全球領(lǐng)先的設(shè)計(jì)水準(zhǔn)。

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

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

本篇文章基于兩大系統(tǒng)升級(jí)特性分析未來(lái)界面的設(shè)計(jì)趨勢(shì)(上):三星One UI的設(shè)計(jì)哲學(xué)。

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

目錄:

一、專注于內(nèi)容的視覺(jué)設(shè)計(jì)

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

減少屏幕無(wú)用信息

二、更舒適的交互方式

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

手勢(shì)滑動(dòng)操作

三、Night Mode 夜間模式

四、智能化探索

各端體驗(yàn)無(wú)縫連接

智能助手體驗(yàn)升級(jí)

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

五、總結(jié)

1.?專注于內(nèi)容的視覺(jué)設(shè)計(jì)

如今手機(jī)設(shè)備尺寸越來(lái)越大,大尺寸屏幕帶來(lái)的直接影響就是界面信息增加,設(shè)計(jì)更多復(fù)雜甚至可以說(shuō)是錦上添花的功能。

《設(shè)計(jì)心理學(xué)》馮·諾依曼說(shuō)過(guò):

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

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

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

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

簡(jiǎn)化圖標(biāo),過(guò)去Samsung Experience UI的斷點(diǎn)線性圖標(biāo)的設(shè)計(jì)十分簡(jiǎn)潔,但是當(dāng)圖標(biāo)表達(dá)的意義過(guò)于復(fù)雜時(shí),線條會(huì)增加識(shí)別難度,One UI重新設(shè)計(jì)圖標(biāo),讓圖標(biāo)更容易識(shí)別和理解圖標(biāo)的內(nèi)容。

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

上Samsung Experience UI 下One UI

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

2.?更舒適的交互方式

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

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

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

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

配圖來(lái)源于Samsung Design

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

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

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

2.2 手勢(shì)滑動(dòng)操作

增加手勢(shì)操作,用戶可選擇手勢(shì)操作,滑動(dòng)返回主頁(yè)面,后退以及多任務(wù)。

全面屏?xí)r代下,手機(jī)正面已取消實(shí)體按鍵,虛擬按鍵一直是安卓比較特色的功能,但按鍵往往不如手勢(shì)滑動(dòng)舒服。

早在07年喬布斯在第一代蘋果手機(jī)發(fā)布時(shí)采用滑動(dòng)解鎖,讓世界與之沸騰。滑動(dòng)這項(xiàng)操作是人類接近本能的操作,滑動(dòng)更優(yōu)雅和爽快的操作體驗(yàn)勝于點(diǎn)按。

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

配圖來(lái)源于Samsung Design

3.?Night Mode 夜間模式

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

不過(guò)夜間模式目前僅適用于部分自帶應(yīng)用,而第三方應(yīng)用未適配夜間模式,這樣導(dǎo)致的問(wèn)題是使用夜間模式和第三方應(yīng)用時(shí),觀感舒適度差距太大,眼睛無(wú)法短時(shí)間適應(yīng)強(qiáng)弱光反差,體驗(yàn)較差。

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

4.?智能化探索

4.1 各端體驗(yàn)無(wú)縫連接

One UI統(tǒng)一視覺(jué)語(yǔ)言,在各端使用時(shí)無(wú)割裂感。

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

4.2 智能助手體驗(yàn)升級(jí)

One UI搭配Bixby智能助手增加了更多的使用場(chǎng)景,Bixby視覺(jué)對(duì)準(zhǔn)文字、食物或任意物品時(shí),智能分析信息特征,提取文字、自動(dòng)翻譯或展示商品信息、識(shí)別地標(biāo)或企業(yè)等等。

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

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

OneUI和IOS界面設(shè)計(jì)哲學(xué)(上)

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

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

5.?總結(jié)

One thought,One UI

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

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

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

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

(下期預(yù)告:IOS的設(shè)計(jì)哲學(xué))

本文參考來(lái)源:

 

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
"="" src="https://image.woshipm.com/2023/04/13/7227ad92-d9df-11ed-8d63-00163e0b5ff3.jpg!/both/120x80" alt="數(shù)據(jù)治理為什么會(huì)失?。ㄉ疃绕饰觯?>
="">
"="" src="https://image.woshipm.com/2023/04/13/7227ad92-d9df-11ed-8d63-00163e0b5ff3.jpg!/both/120x80" alt="數(shù)據(jù)治理為什么會(huì)失?。ㄉ疃绕饰觯?>
="">
"="" src="https://image.woshipm.com/2023/04/13/7227ad92-d9df-11ed-8d63-00163e0b5ff3.jpg!/both/120x80" alt="數(shù)據(jù)治理為什么會(huì)失?。ㄉ疃绕饰觯?>
="">聚焦新模式:互聯(lián)網(wǎng)平臺(tái)付費(fèi)會(huì)員商業(yè)化探索
10-046093 瀏覽
聚焦新模式:互聯(lián)網(wǎng)平臺(tái)付費(fèi)會(huì)員商業(yè)化探索
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這種設(shè)計(jì)風(fēng)格應(yīng)該也是未來(lái)移動(dòng)端的趨勢(shì)。

    來(lái)自福建 回復(fù)