簡約之美:如何實現(xiàn)簡約設(shè)計

3 評論 10195 瀏覽 316 收藏 10 分鐘

做產(chǎn)品經(jīng)理,大談商業(yè),模式,戰(zhàn)略的同時,也應(yīng)該靜下心來,從產(chǎn)品的本質(zhì)出發(fā),設(shè)計出藝術(shù)品般的產(chǎn)品,更多的關(guān)注產(chǎn)品使用細節(jié),用戶體驗好壞。這篇文章將談一談產(chǎn)品的簡約設(shè)計,也是對最近看的《簡約至上——交互設(shè)計四策略》的一個總結(jié)。

在生活中,人們常常被包圍在不需要的功能中,比如某些手機,炫酷功能不勝枚舉:雙攝像頭拍照,眼神翻頁,Group Play(好幾臺手機同步一首歌)等等。但從使用頻率和效果來說略顯雞肋。這些類似的功能可能會拖累整個產(chǎn)品,在使用時分散用戶注意力,使用戶無法聚焦到核心功能。尤其是用戶在干擾很多的場合,來不及仔細研究和思考的情況下,簡單可控制無疑是用戶最需要的。同時簡約也是一種風格,帶有其特有的美感。那么如何去做呢?

乍一看到某個問題,你會覺得很簡單,其實你并沒有理解其復雜性。當你把問題搞清楚之后,又會發(fā)現(xiàn)真的很復雜,于是你就拿出一套復雜的方案來。實際上,你的工作只做了一半,大多數(shù)人也都會到此為止……。但是,真正偉大的人還會繼續(xù)前進,直至找到問題的關(guān)鍵和深層次原因,然后再拿出一個優(yōu)雅的、堪稱完美的有效方案。

——喬布斯

用戶分類

首先我們把軟件的相關(guān)人員分為三類:管理人員,開發(fā)人員和普通用戶。復雜往往是在他們之前轉(zhuǎn)移的,就像算法中時間成本和空間成本的權(quán)衡一樣,對用戶簡單了,可能開發(fā)難度和管理難度就變大了。我們這里關(guān)注的是對普通用戶的簡約。

其次我們把用戶分為三類:

  • 專家型用戶:他們對你產(chǎn)品感興趣,舍得花時間研究探索產(chǎn)品的新功能。
  • 隨意型用戶:他們可能使用過類似產(chǎn)品,能接受新功能,但是得足夠簡單。
  • 主流用戶:不會因為你的技術(shù)而使用你的產(chǎn)品,使用你產(chǎn)品的目的是完成某項任務(wù)。他們會掌握一些重要功能的使用方法,但永遠不會產(chǎn)生學會所有功能的想法。這些人的口頭禪就是:“我的手機只要能打電話、能發(fā)短信就行了?!贝蠖鄶?shù)人屬于這一類。

我們產(chǎn)品設(shè)計應(yīng)該關(guān)注的是大多數(shù)的主流用戶。對于專家用戶,或許他們能細數(shù)你的功能,和你溝通起來沒有障礙,三句話說到你心里,而且是那么通情達理,毫不猶豫就升級到最新版本,但他們的想法會讓主流用戶感到太復雜。

四策略

簡約的設(shè)計意味著你得追求極端的目標,達到其次的效果。我認為能從兩個方面來下手:復雜度的減少和復雜度的轉(zhuǎn)移。在“四策略”中,“刪除”和“組織”更多在作用于前者,“隱藏”和“轉(zhuǎn)移”更多的是作用于后者。

刪除

  1. 僅滿足核心需求,造出有設(shè)計感的輕量級產(chǎn)品,如tumblr。
  2. 不要死扣“假如用戶…… ”,假設(shè)用戶的所有可能使用情況并滿足,會產(chǎn)生一些少部分用戶低頻使用的功能。
  3. 刪去界面的小細節(jié)。比如簡化布局,精簡按鈕和鏈接樣式,減少廣告位數(shù)量,去掉分隔線等。
  4. 不給用戶提供可選項。比如用戶在購物平臺在結(jié)賬時,屏蔽到所有能指向其他地方的鏈接,或是可選項,順著點點就結(jié)完賬,不給用戶分心猶豫的機會。
  5. 刪減文字,精簡句子。使用簡潔文案,突出有價值的信息。
  6. 解決視覺混亂。一些技巧可以借鑒:刪去分隔標志,使用輕微的背景色來劃分界面;少使用強調(diào);刪去較多的信息層次,比如只使用標題,子標題和正文;減少元素,比如按鈕的形狀和樣式等。
  7. 消除錯誤來源。再小的錯誤都會讓用戶感到心煩,所以盡可能去優(yōu)化那些容易出錯的步驟吧。

刪除某些功能是一味比較猛良藥,誰都不喜歡給了的東西又拿回去,包括用戶。從短期來看可能會造成一定負面效果,但這或許是產(chǎn)品能長期發(fā)展,脫穎而出的一個必須經(jīng)過的階段。

組織

  1. 分模塊,7±2是人瞬時能接受的一個模塊范圍。
  2. 按照用戶的行為規(guī)律,時間和空間順序來組織,慎用字母表和格式統(tǒng)一與否來組織。
  3. 分類盡可能明確,相互之間交叉盡可能的少。比如某銀行手機app,生活繳費功能并未劃在“生活”業(yè)務(wù)標簽中,而是歸在“一卡通”業(yè)務(wù)范圍內(nèi),這樣會造成較長的查詢時間。
  4. 對內(nèi)容有效的組織之后再去考慮搜索,很多時候搜索功能并不能改善無效率的組織。
  5. 通過大小和位置的組織來區(qū)別不同的重要性。
  6. 使用分層,有如下技巧:少量的層;兩層差別盡可能大;用高明度和高飽和度的顏色突出重點;相同重要可亮度和大小相同,區(qū)別色調(diào)。
  7. 合理使用色標。用戶對色標的學習成本和使用收益應(yīng)呈現(xiàn)合適的比例。比如一個長時間使用的大型應(yīng)用,那么用戶對于自成體系的色標也不會那么介意,因為使用到后面只會越來越方面。

如果說刪除是革命,那么組織就是改革。通過重新的組合,也能降低整體的復雜度。

隱藏

  1. 不常用的但不能少的,比如個性化設(shè)置。
  2. 讓用戶自定義界面,選擇隱藏,可非專家用戶會喜歡這種方式么?值得討論。
  3. 分段展現(xiàn)。讓用戶不是一次的去接受所有信息,而是采取逐漸分步的方式。比如用戶注冊時只需填寫較少信息,降低流失率,而處理到一定業(yè)務(wù)的時候,再讓他去完善個人信息。
  4. 巧妙的設(shè)置提示與線索。比如蘋果的MacBook展示頁,像宣傳畫冊一樣,滿足了主流用戶,而在右上角提供了一個技術(shù)規(guī)格,讓想了解的專家用戶去點開查詢。

隱藏不能從根本上減少復雜度,可以看做一種迂回策略,甚至你想隱藏某項功能的時候你需要考慮:“是不是需要刪去它?”我們在設(shè)計隱藏機制,使產(chǎn)品看上去簡約的同時,也需要讓它在適當?shù)臅r候出現(xiàn)。

轉(zhuǎn)移

  1. 跨設(shè)備的轉(zhuǎn)移某些功能,比如蘋果表上的功能在iPhone上具體處理,微信公眾號的詳細設(shè)置需要在電腦上完成。
  2. 把系統(tǒng)的工作轉(zhuǎn)移到用戶那。信任用戶,讓用戶做擅長的事情,比如計劃,想象,估算,辨別信息等;而讓產(chǎn)品負責精確的記錄,計算,具體執(zhí)行等工作。比如,讓一個組件有多種用處,讓用戶去決定在什么時候使用哪一個。

前三個策略可以完美的結(jié)合:刪除不必要的,組織要提供的、隱藏非核心的。轉(zhuǎn)移相對獨立,涉及到對界面進行重新布局。

結(jié)語

運用刪除,組合的策略將整本書的要點“簡約”出來,加上自己的思考結(jié)合到了一篇文章當中,也算“簡約”的實戰(zhàn)了吧。就像書中所說,“簡約設(shè)計”就像打地鼠一樣,你打了這頭,那頭就起來了。我認為,更多的時候,復雜是在各個維度之間轉(zhuǎn)移的,確定哪個維度是你關(guān)注的,就盡可能的將復雜移出那個維度。天知道谷歌為了讓我們的搜索界面簡潔到只有一個框,面對了多少的復雜。

 

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 很好很好 受教了

    來自陜西 回復
  2. ??

    來自北京 回復
  3. 不錯

    來自江蘇 回復