簡(jiǎn)化不是這么干的!如何從兩個(gè)方面正確簡(jiǎn)化產(chǎn)品?

很多設(shè)計(jì)師同學(xué)為了適應(yīng)簡(jiǎn)約的潮流,在簡(jiǎn)化產(chǎn)品方面絞盡腦汁,但簡(jiǎn)化不是兩個(gè)不要:這個(gè)不要,那個(gè)也不要,簡(jiǎn)化是一個(gè)細(xì)心活。今天教同學(xué)們簡(jiǎn)化雙板斧:重點(diǎn)是什么,何時(shí)簡(jiǎn)化。趕緊來(lái)學(xué)一下吧!

“盡可能的簡(jiǎn)化一切事物,但不要簡(jiǎn)略。” —— 阿爾伯特 愛(ài)因斯坦

如果沒(méi)有攝像頭,你的手機(jī)會(huì)變得很簡(jiǎn)約,但是功能就會(huì)減少。油漆桶用來(lái)裝染料非常簡(jiǎn)單,但是他也有不好的一面:開(kāi)蓋難,扣蓋難,并且每次傾倒染料都會(huì)讓人頭痛不已。

簡(jiǎn)約設(shè)計(jì)固然好,但并不是越簡(jiǎn)約越好的。當(dāng)然,減少點(diǎn)擊次數(shù)、標(biāo)簽切換、操作步驟、閱讀障礙、模塊數(shù)量、減少注意力分散、減少無(wú)用的頁(yè)面元素,這些都會(huì)使頁(yè)面變得更好。我們這些UE設(shè)計(jì)師有很多小技巧去簡(jiǎn)化事情。

說(shuō)到技巧,再給同學(xué)們支幾招:《過(guò)稿有訣竅!5個(gè)超實(shí)用技巧讓設(shè)計(jì)作品變得高大上》
簡(jiǎn)化不是這么干的!如何從兩個(gè)方面正確簡(jiǎn)化產(chǎn)品?

  • 合并相關(guān)的、去掉不必要的
  • 精簡(jiǎn)冗長(zhǎng)的、減淡不重要的

這樣一來(lái)二去,你就會(huì)認(rèn)為:越是簡(jiǎn)化,則體驗(yàn)越好。

但!是!當(dāng)你第三次信心滿滿的使用以上方法精簡(jiǎn)掉裝飾物、無(wú)用元素之后,本以為會(huì)有一個(gè)皆大歡喜的結(jié)果,可你有沒(méi)有想過(guò),這樣是不是過(guò)度簡(jiǎn)化以至于簡(jiǎn)陋了?導(dǎo)致用戶不能更簡(jiǎn)單的去完成他們的目標(biāo),例如:

去掉APP圖標(biāo)下面的文字,這看起來(lái)非常清爽簡(jiǎn)約,但是這同時(shí)也大大增加了用戶瞪眼看圖標(biāo),卻不知道這是什么APP的概率。

(譯者注:只要圖標(biāo)畫(huà)的好,根本不愁認(rèn)不出,錘子大法好,耶~)

常見(jiàn)的USB插口,設(shè)計(jì)的非常簡(jiǎn)約,方方正正,但是每次想插進(jìn)去往往要插三次以上:正插感覺(jué)不對(duì),翻過(guò)來(lái)感覺(jué)更不對(duì),又翻回去一點(diǎn)點(diǎn)對(duì)齊。

試想:如果把USB插口做的復(fù)雜一些,例如:設(shè)計(jì)成字母D的形狀,這樣人們看一眼就能知道反正,就可大大減少了插錯(cuò)的概率。

一款手機(jī)APP有很專業(yè)的手勢(shì)操作功能,熟悉后輕輕畫(huà)出手勢(shì)即可打開(kāi)功能,看似美好。可事實(shí)是絕大部分用戶都被手勢(shì)學(xué)習(xí)難住了,從而直接放棄使用APP。

這有一個(gè)云同步軟件,當(dāng)你在本地操作文件后,云端立刻就會(huì)做出相應(yīng)改變,就連刪除的時(shí)候也會(huì)不會(huì)有“你確認(rèn)刪除嗎?”的討厭提示。

看似邏輯非常簡(jiǎn)單易懂對(duì)吧?但是人們一旦手抖刪除掉了一個(gè)重要的文件,連云備份都被立即刪除掉了,可以想象到用戶該會(huì)有多么生氣吧!

很多應(yīng)用中選擇國(guó)家的下拉菜單,按首字母A-Z排列了190多個(gè)國(guó)家,看似有規(guī)有矩。但是被選擇概率很低的國(guó)家,例如:Afghanistan(阿富汗),Algeria(阿爾及利亞)居然也排在前面,這難道真的合理嗎?

看吧,以上例子告訴我們過(guò)度簡(jiǎn)化反而會(huì)導(dǎo)致問(wèn)題變得更復(fù)雜,就像空調(diào)開(kāi)得太低或太高都會(huì)讓人感到不舒服一樣。

撓癢要抓住重點(diǎn)

簡(jiǎn)化就像是撓癢一樣,撓的地方不對(duì),用力越大,反而可能會(huì)抓疼自己。只有上下都撓撓,找到真正的癢處,才渾身舒坦。所以說(shuō),簡(jiǎn)化事情除了要掌握好力度,更要找對(duì)重點(diǎn)。

以設(shè)計(jì)師的角度去簡(jiǎn)化,不一定代表廣大用戶就會(huì)滿意。簡(jiǎn)化只是最終結(jié)果,我們的真正目的是讓用戶使用起來(lái)輕松愉悅。設(shè)計(jì)師可以沉醉于簡(jiǎn)化,但是能讓用戶用的輕松加愉快,才是設(shè)計(jì)師希望達(dá)到的優(yōu)秀用戶體驗(yàn)。

  • 簡(jiǎn)化不是目標(biāo),而是結(jié)果,真正的目的是讓用戶用的開(kāi)心。

保持簡(jiǎn)約的確是一個(gè)有用的法則,但是它并不能很好的反映意識(shí)形態(tài)。因?yàn)槲覀兠看慰紤]簡(jiǎn)化本身的優(yōu)先級(jí)高于“讓用戶輕松愉快”,這本身就是一件讓設(shè)計(jì)師羞愧的事情。這時(shí)你自然而然會(huì)考慮把它們倆全都作為重點(diǎn)去考慮,但事實(shí)是最終我們都會(huì)偏向其中一方面。所以,正確的方式是把“讓用戶輕松愉快”作為重點(diǎn)。一旦作品能夠讓用戶輕松愉快的達(dá)到他們的任務(wù)目的,你也就大功告成了。

應(yīng)該何時(shí)簡(jiǎn)化

簡(jiǎn)化的主要方法是盡可能減少無(wú)用的信息。并確保所有條件都相同的情況下,傳達(dá)信息所用的文字和元素越少越好。但是往往條件不可能完全相同。就像把空調(diào)開(kāi)得過(guò)低一樣,我們多數(shù)時(shí)候會(huì)不由自主的“過(guò)度簡(jiǎn)化”,這會(huì)導(dǎo)致讓事情變得比簡(jiǎn)化前更復(fù)雜。所以我們就算多加一點(diǎn)點(diǎn)“無(wú)用的信息”使描述更清晰,也比過(guò)度精簡(jiǎn)之后讓用戶看著“文言文”不知所云撓頭費(fèi)解強(qiáng)得多!

簡(jiǎn)化不是這么干的!如何從兩個(gè)方面正確簡(jiǎn)化產(chǎn)品?

簡(jiǎn)潔的提示框按鈕文字看似天經(jīng)地義,你不可能想出比“OK”、“Cancel”更簡(jiǎn)潔的文案來(lái)。 但是,有時(shí)簡(jiǎn)潔的按鈕文字帶來(lái)的卻是更多且讓人疑惑的提示文字,如下圖:

簡(jiǎn)化不是這么干的!如何從兩個(gè)方面正確簡(jiǎn)化產(chǎn)品?

這是堅(jiān)持使用“極簡(jiǎn)”按鈕的例子,按鈕雖然簡(jiǎn)單了,但用戶必須去費(fèi)心思理解“OK”代表的是離開(kāi),還是不離開(kāi)。

簡(jiǎn)化不是這么干的!如何從兩個(gè)方面正確簡(jiǎn)化產(chǎn)品?

“自我解釋”按鈕雖然文字多了一些,但是用戶無(wú)需思考,一看便知應(yīng)該點(diǎn)擊哪個(gè)按鈕。

這難道不比原來(lái)的“簡(jiǎn)單”還要更簡(jiǎn)單嗎?

結(jié)語(yǔ):

簡(jiǎn)單雖然重要,但用戶感受更重要。簡(jiǎn)潔雖然好,但清晰的表達(dá)效果更好。

有趣的為什么系列合集!

為什么有的色彩是高富帥?
《漲姿勢(shì)!為什么有的顏色看起來(lái)非常高檔?》

為什么英文就是有范兒?jiǎn)幔?/strong>
《設(shè)計(jì)師必看!為什么英文要比中文在設(shè)計(jì)中顯得高大上》

為什么有的作品就是很高端?
《漲姿勢(shì)!設(shè)計(jì)作品中的“廉價(jià)感”是如何產(chǎn)生的?》

原文地址:Simplicity
譯文地址:wangder
譯者:@王笑Nothing
uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量77萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào):【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加:

簡(jiǎn)化不是這么干的!如何從兩個(gè)方面正確簡(jiǎn)化產(chǎn)品?

收藏 2
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。