簡約之美:如何實現簡約設計

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

做產品經理,大談商業,模式,戰略的同時,也應該靜下心來,從產品的本質出發,設計出藝術品般的產品,更多的關注產品使用細節,用戶體驗好壞。這篇文章將談一談產品的簡約設計,也是對最近看的《簡約至上——交互設計四策略》的一個總結。

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

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

——喬布斯

用戶分類

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

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

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

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

四策略

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

刪除

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

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

組織

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

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

隱藏

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

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

轉移

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

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

結語

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

 

本文作者@殷杰? 原創發布于人人都是產品經理?,未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 很好很好 受教了

    來自陜西 回復
  2. ??

    來自北京 回復
  3. 不錯

    來自江蘇 回復