Smartisan OS 2.0 設計體驗筆記

作者:Hindy

原文地址:zhuanlan.zhihu.com/uici

轉載無限歡迎,但請註明「作者」和「原文地址」。轉載請在文中保留此段,感謝您對作者版權的尊重。如需商業轉載或刊登,請聯繫作者獲得授權。

入手堅果手機半個多月,深入使用了 Smartisan OS。我想作為設計師寫下這篇體驗文章,以更專業的視角分析下 Smartisan OS 的設計,而不是扯些網上人云亦云的「情懷」和「亮點」。

這篇文章站在設計的角度寫了很多 Smartisan OS 令人困惑或糟糕的地方。

體驗文章基於堅果手機運行的 Smartisan OS 2.0 所寫。

順帶一提,撇開嘴炮的缺點,我覺得羅老師是個值得尊敬的人,至少他確確實實改變了很多東西。還通過他的知名度,讓很多人注意到了「設計」的存在,告訴人們有很多不美的東西正充斥著我們的生活,我們應當懂得區分並改善它。

(堅果手機的正面,簡潔漂亮的設計)

我對產品設計不怎麼了解,僅從直觀感受上,一千元能買到這麼漂亮的手機,也就只有堅果可選擇了。特色的豎條紋背殼初看有點廉價感,但我給幾個朋友上手後,他們都稱讚手感好。「千元機最美」,我認為它是當之無愧的。

(手感極佳的豎條紋背殼)

但要說它實力派,咳咳……我建議堅果手機用戶就不要自找沒趣,去跟人拼流暢了。

在更新完 2.0 後我最大的感受就是應用啟動速度大大加快,像解鎖動畫、下拉通知等也都變得更加流暢。

軟體系統給我的整體感受非常奇怪,它的視覺是往 iOS 靠,但軟體本身可自定義性非常強,和 iOS 完全不同,非常的 Android。你甚至能「換鎖屏界面主題」、「下拉懸停出壁紙」、「色系主題」等等。而眾多自定義的功能被不怎麼友好地放在設置中,我時常找不到某個設置,而在設置中心中來回切換。

相同的問題也體現在手機的設計上。看上去它是個非常簡潔,容易上手的手機是嗎?但實際並不是這樣的。首先你需要設置習慣左手還是右手,設置好後你需要理解左手或右手雙側鍵按鈕有什麼區別,分別可以幹嘛,然後因為「遙遠的」電源鍵,你極有可能會在設置中心將「亮度鍵」設為「息屏/亮屏鍵」。注意!這還不夠。你還要知道下方完全一樣的三個電容鍵到底哪個是 Back 哪個是 Menu,你還不能自定義,啊不對,你可以自定義,原來它被放在「單手模式」的設置下了……為了讓你知道這些「按鍵」設計有多複雜多讓人困擾,我梳理了它的所有可設置項,請感受下。

(認真梳理後真是嚇一跳,都亂成一鍋粥了,請允許我做個悲傷的表情)

當然,沒用過的人會覺得,我用默認設置不就行了,不用管那麼多。Ok,那麼你就要忍受每次息屏/亮屏都得去夠最上面的電源鍵,拎著東西你就別想好好玩手機了。還要忍受一不小心就按了「雙側鍵」,偷拍啪啪啪三張,忍受別人鄙夷的目光。

另一點,使用者用不用是一回事,但設計者可不能做了一個蠢東西後說「你可以不用它」,這不是做設計的思路。

接下來我會詳細地分析下軟體的設計,分三部分說——界面、交互和細節。

一、UI(界面、視覺)

在談 Smartisan OS UI 的時候,普通人可能都把重心放在了「擬物」和「扁平」,「好看」或「難看」的爭論上,這其實是非常外行的視角。擬物化和扁平化只是視覺風格不同而已。而 UI 設計可不只是簡單的設計視覺效果,它更重要的是清晰地呈現內容,展示功能,讓人高效地工作。就這點而言,Smartisan OS 做得怎麼樣呢?我覺得它還有很長的路要走。

· 冗餘的設計元素和說明

1. 啰嗦的文字說明

好的設計應該是不言自明的。當你必須對狀況說明的時候,文字也應該是簡要精鍊的,但在 Smartisan OS 上卻能發現許多啰嗦的說明文字。

比如對飛行模式的說明,除了第一次讓人了解下以外,似乎毫無作用了。並且這麼一大段文字,我真的沒啥心情去閱讀。而且在我點擊之後,這個「信息」圖標不會消失。是的,這個我幾乎永遠不會再點了的圖標會一直出現在設置的第一行。

而我認為這段說明其實完全可以不要。首先是大環境,除了可能真的第一次玩手機的大朋友小朋友會不知道這個「飛行模式」,多數人應該都會清楚,更別提 T1 和 堅果手機的目標用戶,我估計絕大部分都不會對這個「飛行模式」疑惑罷。另外,點擊「飛行模式」後,通過一架飛機,而關閉了信號和 Wifi 的顯示也能暗示現在是無信號狀態。如果還不放心的話甚至可以在第一次打開「飛行模式」後再給到無信號的說明。

(啰嗦的文字,這可不是情懷,這是錯誤的設計。圖 1 是之前的版本,我第一次看到就驚呆了,嚇得我趕緊截了一張。圖 2 是文字精簡後的新版本。)

另外,設置中心也充斥著大量的說明文字。我們先不要談有用沒用,因為總歸是有用的,但我們先要談的是用戶會不會去看。你不能為了說明而說明,你說明是為了讓人們去看的。但看看這兩頁罷,還需要我說什麼嗎……

(類似這樣的說明文字最好用最簡單的句式且一句話搞定。我們可能需要知曉這些說明,但我們不想被這麼一大段的文字「教育」。)

2. 不停地提示

這個系統真的是「過於貼心」了,它會一遍又一遍重複教你已經會了的東西。比如下面這兩個提示就是永遠會存在的,永遠……

(左圖:相機界面;右圖:整理桌面)

另外,看到第一個提示時反而給我造成了困擾,什麼意思?這個方向朝上?那我現在這樣拍對嗎?……然後我回想當初羅老師的演示,這才記起來這個功能……

3. 一個非常非常小的細節

我在這還要提個非常小的設計細節。在撥號界面的數字 5 下方,有一個細小的條看到嗎?它其實是模擬了現實中的電話機。現實中這個突起的細條可以幫助盲人正確的找到 5,並藉此找到上下左右更多的數字來完成撥號。可能很多朋友會覺得「哇哦,好貼心哦」。但是放在 UI 里真的是貼心嗎?其實放在這並不是貼心的設計,而是為了傳達懷舊、模擬現實的情感設計。

但我個人認為,我們需要改進這些傳統的設計。當傳統與現代相遇,不是照搬畫個「條」上來就行了,而是在現代的設計中有價值地應用這些傳統。比如如何令這個撥號界面真正能讓盲人也用上,這才是最屌也是最真實的設計挑戰。

而我還認為正是這樣一個多餘的細節,又一個細節,慢慢地,才會令 Smartisan OS 從視覺也好、交互也好、文字說明也好,變得更加複雜而臃腫。複雜的問題出在整體把控上,而不是這一個細節的問題。我不說他不好,這是設計理念上的差異。

(撥號界面)

· 不夠統一的設計

1. 導航欄按鈕不統一

(請直接看圖罷)

2. Scope Bar 不統一

(還是請看圖)

3. 文字樣式不統一

(上面看上去似乎一樣大小一樣顏色的文字,其實是出現了 5 種顏色和至少 3 個字型大小。這些是否該作統一設計呢?)

其實還有幾個類似的問題就不放上來了。他們都是非常細小的問題,但這麼多細小的東西加在一起,就給我感覺整個系統非常不統一。甚至是無需刻意刁難查找,而是有可感知的不一致感。Guidelines 不知是怎麼設計怎麼執行的,最後又是怎麼開發怎麼監督的……似乎方遲要背這個鍋?

· 有待改善的信息呈現

1. 鎖屏界面

最主要的視覺中心什麼有價值的信息都沒有,只有大面積的壁紙。最重要的時間放在了最無關緊要的左下角,以致我點亮屏幕每次看時間,都是看的頂部狀態欄上小字的時間,也是有夠蛋疼的設計。要知道,亮屏為了看時間的需求還是很多的,顯然這是一個沒把握好美觀與功能性的設計。

(鎖屏界面)

2. 科學計算器

為了讓大家更好的理解這部分,我使用了 iOS 6 的計算器來作對比,請看下圖,你能發現 Smartisan OS 的設計差在哪嗎?

(圖左:Smartisan OS 2.0 科學計算器;圖右:iOS 6 科學計算器)

我來簡單分析下罷,下圖標註了說明,可以結合上圖原圖來看。

首先,黑底白字或橙底白字顯然要比灰底白字要來的醒目,這個醒目區域也就是我畫的紅色「視覺重點區」。這塊區域能迅速引導人的視線到它們那兒,iOS 設置在最常用的數字和加減乘除上,而 Smartisan OS……最上面的各種「m」是幹嘛的很重要嗎……反而最重要的數字按鍵顏色和左側的科學計算器的高級按鍵顏色一樣,完全沒做突出設計。這也就導致了綠色「視覺區域的劃分」。iOS 的綠色區域保證了左右劃分——高級與輕量級的功能劃分。而 Smartisan OS 則是數字區和高級按鍵在視覺上合在了一起……雖然不至於令人不知所措,但是設計思考地不夠深入。ps, 居中的「0」和「=」好詭異啊……

(科學計算器分析分析)

二、Interaction(交互)

Interaction Design 是軟體設計中非常重要的一環。這關乎我們對軟體的理解、我們的行為和我們的工作效率。

Smartisan OS 最偉大的一個交互設計就是「拇指下拉懸停」,我認為這個設計比任何操作系統的都要好。唯一可惜的是,「下拉懸停」的設計本身是張補丁,實質上還是無法解決大屏帶來的不便。而我在日常使用的時候,也從沒真正用過它……

其他 Smartisan OS 的交互就沒什麼亮點了,反倒有些缺點。

· 不夠清晰的設置項

這點在上方的「按鍵設置」中已經體現過了,實際上的設置項會更多。多其實沒關係,關鍵是亂,在這能設置在那也能設置。MIUI 可設置的項比這還多,但我從未感到過困惑。

· 桌面整理時不允許多選幾個圖標放在一頁後自動排序下去

這就導致了我選擇想整理的圖標時,一定要確認將要擺放的「面板」的空餘數量夠不夠。如果我多選了的話只能放棄繼續操作,將多選的再去掉勾選。這個設計顯然是低效錯誤的,應該是能多選,放不下的話自動排列到後面的「面板」去。

(不允許多選,只能中斷操作,修改重來了)

· 當解鎖屏幕向上推已經成為習慣,來電接聽卻是向下拉

事實是我第一次接聽到電話時,沒仔細看手機自然地向上滑了,然後對方直接被我掛了……而之後至少十次左右的來電,我在來電時都會看著界面停頓一下。在那之後才終於習慣了這個坑人的設計。

來電這個頁面做得很有趣,動畫也好,鈴聲也好,但這些無法彌補它給人造成的困擾。我買下這個手機,更重要的是使用,而不是欣賞。

(我在這還是補充下,就是設計的美觀和功能誰為更重要?設計師當然需要掌握好它們的平衡。而我們一般認為功能總要被先考慮,然後才考慮美觀和情感設計。鎚子的這個設計顯然優先了設計的美觀和趣味性。如果是在某些小細節上會非常討喜,但在這麼重要的場景我認為還是需要以易用性為重。)

· 難用的鍵盤

鍵盤總體來說有兩個大問題:1. 對觸控區域不夠智能,體現在經常按到不想按的按鍵;2. 按鍵布局不夠人性化。而輸入法從界面上也能看到很多問題,明明該對齊的沒對齊,所有的按鍵都是同樣的顏色,毫無重點。

正是這些問題導致的直接結果就是正確輸入的效率異常低下。

(難用的鍵盤)

· 設計執行漏洞

諸如「音樂」、「應用商店」等有 Tab Bar 的 App,Smartisan OS 也做了和 iOS 一樣的設計,在進入某一類的時候,Tab 不消失,並且點擊該類 Tab 可以快速回到該類首頁。但我卻在深度使用的時候發現兩個問題:

1. 在「應用商店」進入某 App 的「全部評價」頁面後,不能使用點擊 Tab 返回到該類首頁;

2. 在「相冊」的「所有相冊」下,進入某一相冊後,再點擊 Tab 也不能返回到首頁。

三、Details(細節)

· 優秀的細節設計

1. 有些細節是體現在功能性上。當用音樂播放器聽歌時,連接藍牙音箱,播放界面底下會出現可向上拉的設置。上拉後可直接選擇聲音的輸出設備。

(音樂播放器)

2. 還有些設計細節體現在情感上。比如播放界面左上角的「雨傘」圖標,點擊可以打開更多選項,並且「雨傘」還會振出幾點雨滴,效果非常細膩惹人喜歡。這些也是眾多朋友喜歡 Smartisan OS 的原因罷,確實比國內其他廠商更具情感設計。

· 錯誤的案例

其實也不能說「錯誤」,只是設計除了追求情感和美觀外,還需要更有內涵,更經得起推敲。

1. 是上文說的,撥打電話界面的數字 5 下的「小條」。雖然是模擬現實電話的擬物設計,但為了還原而還原,卻未抓其精髓解決人的問題。如果系統真的是「簡潔」、「高效」為特色的話,是否該摒除這些裝飾性的設計元素,讓人更專註自己的任務。

2. 「搜索」App 的圖標,移動到 Dock 欄的時候會變成「放大鏡」。看上去確實是個很有趣的小亮點,也有很多人表示喜歡這個設計。但我還是想提反對意見,簡單說明就是:1. 這個設計在功能上而言無用;2. 放大和搜索是完全不同的,因為搜索圖標是放大鏡的樣子而將其作為放大鏡來用,未免太過呆萌了。詳細請看我這個回答,在此不再贅述了:zhihu.com/question/3077 (怎麼評價鎚子手機搜索圖標的放大鏡功能?)

總結體驗下來,整個軟體系統沒有多少能打動我的設計,用兩句話概括就是「看似簡單,實則複雜」、「異於他人卻不優於他人」。想起羅老師談的「工匠精神」。

我所理解的「工匠精神」其實就是「まごころ」。意思是誠意,全心全意為他人著想的真誠純粹的心。因為有了這樣的心,你才會精雕細琢每一個細節,希望給顧客帶來最好的。而咱們天朝其實古有「匠人之心」,我覺得這也是西方人很難真正領悟的東西,是值得我們引以為傲並永久傳承的精神。我推薦大家一部日劇「天皇的御廚」,它很好地詮釋了「まごころ」的精神所在。

但在羅老師這,似乎「匠心」更多的是被說出來,而非體現在產品上。因為如我上面所寫的這麼多,Smartisan OS 真的有很多欠缺雕琢的地方,很難讓人感受到他的「まごころ」。

鎚子科技有幾位我喜歡的設計師。在這我也只能說期望鎚子科技能夠重視這些,真正做出「獨具匠心」又飽含「まごころ」的產品。

上文都是抱著對 Smartisan OS 的期待寫的。而最後,我想提下我最最討厭羅老師的一段話:

「語音搜索……注意,它並不是像手機廠商吹噓的那樣,是一個語音方式交互的完全下一代的東西,它其實是一個徹底上一代的東西。……我們認為在人工智慧沒有實現之前,語音工具是不能冒充智能的。你一點都不智能。你起個女人的名字在那裝秘書。老子一試,你就穿幫。(台下笑聲掌聲)……我們不能過度迷信大數據,沒有人工智慧就是沒有人工智慧,它不是通過數據積累就能讓它人工智慧的。」——摘自 2015 鎚子科技夏季發布會。

就這段話,我想說幾點:

1. 語音識別和語音「本地」搜索(就是鎚子的功能)確實不是下一代的東西,但結合「語意理解處理」和「大數據」就完全不是同一個級別的東西。放在今天,難度跨度好比前者是在搭積木,後者是在建大廈。

2. 人工智慧早已出現,只是多為「弱人工智慧」。將「人工智慧」狹義理解為「像人一樣聰明」,而否定現在的「弱人工智慧」是非常外行的。大廈不是一蹴而就的,很多廠商正在努力往「強人工智慧」的方向做研究。那些人像鄭和、哥倫布般在冒險。而你竟和圍觀群眾一個態度,嘲笑那些探索者。另外「語音工具」當然不能「冒充智能」,「語音」只是人機交互的一條渠道(媒介)而已。

3. 強人工智慧確實不是僅通過數據積累就能達成的,但數據積累卻是必須的基礎。人們往往只能看到這幢樓有多高,卻不知道它的地基有多牢。

4. 「第一個吃螃蟹的人是很令人佩服的,不是勇士,誰敢去吃它呢?螃蟹有人吃,蜘蛛也一定有人吃過,不過不好吃,所以後人就不吃了。像這種人我們應當極端感謝。」——魯迅。

微信公眾號:UIcircle

會同步推送文章,歡迎關注哦 :)


推薦閱讀:

是的,我們做了一個 AR 眼鏡
Firefox 57 最全面的設計通信??
Sketch 動態響應按鈕的實現
國際化設計:為世界不同地區的人設計更好的產品
「教程乾貨」- Sketch偷偷佔了你硬碟50多G這事你知道么?

TAG:交互设计 | 用户体验设计 | 用户界面设计 |