我做產品,最喜歡前輕后重。這是我最喜歡的原則,如果它可以算作原則的話。它是一條相當普適的原則,從各個角度去理解,都有意義。
流程體驗上的前輕后重
前輕后重最讓用戶感知到的,是流程體驗上的前輕后重。它是體現在用戶解決需求,完成任務的過程中的。
舉個例子,在比較完善的淘寶開店系統內,開店的步驟如下:
•選擇開哪種店
•填詳細信息
•上傳驗證材料
•在線考試
•填寫店鋪和商品信息。
用戶在一步一步地完成任務的過程中,先只是做出輕量的選擇(選擇題),然后做填空題,接著是準備材料,學習知識并考試,然后才是最后的完成開店。用戶在流程上的體驗,從前面的很輕,到后面的越來越重。這不能拋開產品設計方的需要,實際上,正是因為產品設計方有必然的、不可避免的需要(需要驗證材料以辨別開店者的真偽,需要在線考試來保證店主素質),產品的流程和體驗是肯定會存在重的一步或者幾步,這時,應該把輕的步驟放在前面,讓用戶一步步做下來,在遇到重的步驟時,才沒那么容易放棄。此外,前輕后重的流程,也符合人們在線下生活中,甚至在所有任務完成過程中的先挑軟柿子捏的習慣。
功能規劃上的前輕后重
功能規劃上的前輕后重,指的是在規劃和架構產品功能的過程中,應當先組建關鍵的、輕量的核心功能,使產品的定位得到基本實現,產品想要解決的問題得到基本解決。換句話說,應當先給產品搭骨架,然后再擴展出組織、肌肉、血液和皮毛。這實際是最考驗產品經理功底的地方。
前期時為產品搭建出了輕量但擴展性很強的框架后,后面就能一步步地添加出更多的深化、輔助和周邊功能,解決更多的細分問題和類似問題。關于功能規劃上的輕與重,此前已有一篇博文更詳細地進行了討論,可以看看:《產品的輕與重》
用戶界面的前輕后重
用戶界面的前輕后重,是我感知最深刻的前輕后重的體現之一。這是最考驗產品設計者功底的地方。在設計用戶界面時,遵循前輕后重的原則,意味著需要把復雜性盡可能的隱藏,隱藏在屏風背后,展現在用戶面前的,僅是一個按鈕、一個列表等盡可能簡單的元素。這里面的復雜性,可能包括實現復雜性,和功能組織的復雜性。
實現的復雜性包括:
•列表中如何考慮哪些項在前面,哪些在后面?
•在為用戶提供信息和知識時,提供哪些,去除哪些?
•做出這個功能有多難,你需要考慮,但是一定決定要做,就別畏畏縮縮,希望用戶多么感恩戴德,以使自己的付出不被忽視。
•等等,肯定還有不少角度,畢竟我沒有使勁想全面。
分別舉例。
第一條,關于列表中項目的前后次序,你需要考慮這個,但不需要總是去唯恐用戶不知道你花了心思,你不需要給出原因甚至數值。正面的例子可以看看百度搜索結果頁,你會發現,百度給出的項目相關的信息中,只有項目(每一個搜索結果)的描述,沒有任何為什么該項目會排序在這個位置的原因,沒有什么PageRank得分或者外鏈個數什么的。因為用戶不需要了解這些信息,你提供給他信息,他在你的產品中消耗時間,便是信任你的結果,你可以致力于如何做出最好的排序,但不要想著如何讓用戶信任你,用戶會因為你的排序結果是合理的而信任你,而不是因為你給出了“本站排序結果真實合理有效公正公平的10個原因”。負面的例子挺多,怕一舉就得罪了人,別人或許有自己的考慮,我就不提了。
第二條,關于提供信息時的篩選,你需要考慮這個,但同樣的,不要想著告訴用戶,你去除了的項目,如果有用戶其實需要的信息,錯不在你,你是因為產品設計中的什么什么考慮而迫不得已的。舉例,我們知道許多產品都會提供一個項目的創建時間、一個評論的發起時間,一個文章的最近修改時間等,聰明的產品在表現這個時間時,會有“5分鐘前”、“早上11:23”、“昨晚”等表現形式,這里,產品設計者就做出了統一的信息去除的取舍,對于今天以前的日期,在項目集合頁中,是不給出詳細時間的,也就是,不給出“昨晚 23:13”,以保持頁面清爽。
第三條,關于功能實現難度的宣告。這里挺有名的例子是關于微信里面的動態Gif表情的背景透明的實現。該特性的實現是全球首次的,耗費了團隊大量的時間,但是這些都是普通用戶不需要知道的,你只需要告訴他們,這個特性有什么用就好了(如果沒太大用,那你花那么多代價干嘛)。同類的例子包括性能優化的代價和效果、某個功能體驗的方案選擇等。反面的例子我則想提關于眾移動瀏覽器比拼HTML5得分的犯二現象。
功能組織的復雜性則包括:
•如何按照用戶的視線順序,進行針對性的元素排版?
•交互暗示是否需要區分輕重緩急,如果需要,如何區分?
•一二級列表、一二級標題如何分類,如何組織?
•需要時才出現,那么什么時候(什么場景)需要什么功能、什么元素?
•等等等
第一條,關于元素排版,你需要考慮這個,但不需要把為什么這么排的理由擺到界面上告訴用戶,你用心設計了。舉例來說,可以想想騰訊網的巨大改版,為什么從前在頁面左側的騰訊產品集錦,要放到頁面右側。