提升體驗的一個(gè)核心命題就是如何簡(jiǎn)化任務(wù)與交互發(fā)布者：本站     時(shí)間：2020-05-17 11:05:38

提升體驗的一個(gè)核心命題就是如何簡(jiǎn)化任務(wù)與交互，提高用戶(hù)完成任務(wù)的效率，之后才是愉悅感乃至其他情感化內容。本篇文章要講述的就是經(jīng)典的簡(jiǎn)約四原則，閱讀本文，你將了解簡(jiǎn)化產(chǎn)品的四個(gè)策略，并且收獲超多案例講解。



也許你對這四個(gè)明確的簡(jiǎn)化策略的定義并沒(méi)有很清晰的認知，事實(shí)上這些原則都被我們潛移默化的運用在日常設計中，甚至潛移默化的影響我們生活中處理任務(wù)的各種行為方式。例如產(chǎn)品會(huì )分期迭代一步步實(shí)現，復雜的問(wèn)題會(huì )無(wú)意識的被拆解為零碎的部分逐一解決。尤其是設計師，在進(jìn)行平面、用戶(hù)界面等內容的組織排版時(shí)，一直在使用此類(lèi)提高內容傳達效率，簡(jiǎn)化理解難度的方法。

 

而作者賈爾斯科爾伯恩把這些人類(lèi)逐漸內化的經(jīng)驗技巧（無(wú)意識的簡(jiǎn)化任務(wù)的處方式），和多年在互聯(lián)網(wǎng)行業(yè)耕耘所積累的解決問(wèn)題的經(jīng)驗相結合，總結提煉出了簡(jiǎn)化策略的四個(gè)原則，這四個(gè)原則就是簡(jiǎn)單地四個(gè)詞，但潛藏在背后的卻是極其高效易用，極易被復制在我們產(chǎn)品設計流程中的方法論。

 

這四點(diǎn)分別是：刪除、組織、隱藏、轉移，單刀直入直接開(kāi)始講解。

 

一.刪除原則
刪除原則應當作為簡(jiǎn)化的第一原則，首先它實(shí)行起來(lái)相對容易——刪除功能砍掉交互比添加功能要容易的多，當然這是從技術(shù)和成本角度。其次，刪除是簡(jiǎn)化操作中優(yōu)先級更高的原則，能從源頭上減少復雜性。功能/內容都砍掉了，其他的簡(jiǎn)化原則自然都不需要了。

 

所以從這一點(diǎn)角度考慮，其核心就是重新審視產(chǎn)品，結合對用戶(hù)需求、場(chǎng)景的洞察，來(lái)判斷哪些功能是完全沒(méi)必要可以舍棄的。產(chǎn)品設計中做加法是最容易的，產(chǎn)品經(jīng)理等設計人員往往希望產(chǎn)品能囊括全面的功能，希冀某個(gè)功能能夠成為爆點(diǎn)，又害怕遺漏了某個(gè)功能導致影響體驗。在這種斟酌和糾結中，設計人員往往更擔心風(fēng)險而選擇大而全的方案。而最佳的方案必然是突出核心打造爆點(diǎn),將次要功能和內容模塊弱化做輔助用。

 

另有一種情況，創(chuàng )業(yè)公司或臨時(shí)項目，處于快速敏感迭代期間的產(chǎn)品，則需要根據工期需求，進(jìn)行重要性和緊急性?xún)上笙薹椒ǎǜ綀D）的判定。選擇“偽刪除”，也就是推遲，以保證產(chǎn)品快速上線(xiàn)測試。



 

當然刪除并不局限與功能需求，從生活到設計到各個(gè)方面都咋潛意識下使用刪除的簡(jiǎn)化原則。例如我們的生活中每一秒的記憶中都包括很多無(wú)效記憶，即對成長(cháng)、生存沒(méi)有什么意義的記憶，大腦會(huì )自動(dòng)將其刪除。人的認知、記憶復制的能力也有限，為了減輕負荷也會(huì )刪除一些次要記憶。你吃到的美味的或難吃的記憶很可能被保存下來(lái)，它給了足夠刺激且具有一定意義——在未來(lái)幫助你尋找美味的食物，避免難吃的食物。這就類(lèi)似產(chǎn)品設計中的有效功能。而你吃到的普通味道的食物，可能會(huì )很快忘記，因為沒(méi)有足夠刺激（對應產(chǎn)品就是沒(méi)有令人驚喜和意外的體驗）、也沒(méi)有足夠的意義（對應產(chǎn)品中并不能解決什么實(shí)際問(wèn)題的功能），它們理應被刪除。

 

然而在工作中，想要簡(jiǎn)化產(chǎn)品經(jīng)常會(huì )遇到這樣或那樣的阻力，有可能來(lái)自你自身，作為設計師不想讓自以為是的設計流產(chǎn)，過(guò)度重視美觀(guān)或者創(chuàng )新的設計方案，過(guò)度重視投入設計方案中的精力而導致難以抉擇，不愿刪除本沒(méi)有必要的功能或元素。當然，更多的可能是來(lái)自所謂的評審團隊，如果你讀過(guò)烏合之眾（一聽(tīng)就不是什么好詞哈哈），你就會(huì )明白，群體決策是一種十分低效的方法，除非是像頭腦風(fēng)暴那樣有專(zhuān)門(mén)的leader以及規范的流程（頭腦風(fēng)暴有規范化的流程，這塊知識缺失的同學(xué)可以去查閱一下相關(guān)資料），否則最終只可能是一群嘴炮的狂歡。一旦涉及到刪除，你就會(huì )聽(tīng)到一群人這樣說(shuō)——

假如用戶(hù)…

但我們的用戶(hù)想要…



這兩個(gè)問(wèn)題其實(shí)是一個(gè)問(wèn)題——不理解用戶(hù)的真實(shí)需求。 以假如開(kāi)頭的話(huà)，如果中文過(guò)關(guān)的話(huà)應該能明白，這只是一種猜測，來(lái)自產(chǎn)品經(jīng)理或者設計師的主觀(guān)猜測、當然我們不能否認這種猜測的行為，因為產(chǎn)品設計流程中，必然涉及到設計人員假設自己為用戶(hù)初學(xué)者，來(lái)增加共情，理解用戶(hù)的環(huán)節。但問(wèn)題是，此類(lèi)猜測往往演變?yōu)橐軠y。

 

“賈茹”會(huì )引起設計人員的恐懼，這種無(wú)端的猜測最終主導了評審會(huì )議，促使我們追求大而全的方案。下次在遇到有人說(shuō)假如（錘子毛線(xiàn)你先選一個(gè)），反思一下用戶(hù)是否真的需要這個(gè)功能，尋找主流用戶(hù)調研一下，不要讓無(wú)端的猜測浪費開(kāi)發(fā)與設計成本。

 

“但我們用戶(hù)想要”則是陷入另一種誤區——太被動(dòng)，上個(gè)問(wèn)題是太主觀(guān)，而這個(gè)問(wèn)題則是太被動(dòng)，作為設計人員應當有自己的評判標準，根據產(chǎn)品整體的風(fēng)格、定位、業(yè)務(wù)目標，戰略層目標來(lái)進(jìn)行決策。在你將用戶(hù)真正需要的產(chǎn)品擺在他面前之前，用戶(hù)壓根就不知道自己想要什么，他也不能準確敘述自己想要什么，不然要你產(chǎn)品經(jīng)理設計開(kāi)發(fā)干什么。用戶(hù)想要世界和平你去搞??？ 學(xué)會(huì )排除噪音，專(zhuān)注于主流用戶(hù)的主流需求。

 

 

下面來(lái)看一些例子。

 

1.體驗文案的優(yōu)化

對體驗文案的簡(jiǎn)化策略就是砍一半，再砍一半。一般來(lái)說(shuō)，我們講的體驗文案主要是功能闡述、系統說(shuō)明等范疇的文案。例如按鈕文案可以這樣優(yōu)化：立即刪除文件——刪除文件/立即刪除——刪除。

文案傳達的含義仍然清晰易懂，但文字的數量減少了2倍，且突出了用戶(hù)將要執行的“操作”，而弱化了基于場(chǎng)景很容易判斷的次要內容，即用戶(hù)喚起了刪除操作，不考慮誤觸的情況，這短短幾秒鐘用戶(hù)不會(huì )忘記他們的操作來(lái)源——從文件長(cháng)按而喚出的刪除功能。

 

如下圖中，體驗文案的優(yōu)化流程，不局限于刪減字體，刪除的主要目的是使文案清晰、簡(jiǎn)潔，易于理解，在此基礎上，預測用戶(hù)的行為，反思用戶(hù)的場(chǎng)景從而推導用戶(hù)可能遇到的問(wèn)題，然后給與對應的解決方案。

 



 

2.常規底部tab欄的舍棄

伴隨我們許多年的底部tab的設計經(jīng)驗已經(jīng)趨于頂點(diǎn)了，傳統的文字+icon的形式統一了視覺(jué)呈現，統一了用戶(hù)審美，也創(chuàng )造了一致性的體驗，但設計師是否思考過(guò)，有沒(méi)有更好地方案？答案不能肯定，但我們確實(shí)看到一些優(yōu)秀的探索方案，其中一些上線(xiàn)方案，我自認為不比傳統的tab樣式差比如小紅書(shū)，當然，不同產(chǎn)品對用戶(hù)行為和經(jīng)驗的判斷才是決定因素，這樣我們才能決定tab中哪些內容可以被簡(jiǎn)化。



首先入場(chǎng)的是第一代tab樣式，拿我們又愛(ài)又恨的淘寶舉例。很經(jīng)典的icon加文字樣式，雖然在hometab有一定的創(chuàng )新，但我們依然將它劃定為第一代tab欄，包括近兩年流行的動(dòng)態(tài)tab欄，事實(shí)上他們都隸屬于第一代tab，我的定義標準是icon和文字的組合，視為第一代tab。不論你增加底部tab的快捷方式，還是添加趣味生動(dòng)的動(dòng)畫(huà)，它都避免不了一個(gè)事實(shí)——內容與模塊原封未動(dòng)，依然是icon+文字來(lái)傳達產(chǎn)品的信息架構。

 

后來(lái)從事設計的小伙伴（比如我）可能已經(jīng)把這種樣式當做天經(jīng)地義了，他的優(yōu)點(diǎn)是美觀(guān)，清晰，額。但不夠簡(jiǎn)潔，起碼沒(méi)有做到最簡(jiǎn)潔。于是有了第二代tab設計。我們來(lái)看第二排入場(chǎng)的小紅書(shū)和Instagram。兩者踐行了我們本章節的主題，刪除原則，一個(gè)刪除了icon，一個(gè)刪除了文字。表面上看就是簡(jiǎn)單的刪除，但其實(shí)背后有深入的思考。

 

小紅書(shū)的設計方案選擇舍棄了擁有眾多創(chuàng )作機會(huì )的icon，選擇呈現最簡(jiǎn)潔的文案來(lái)幫助用戶(hù)分辨不同tab對應的模塊。舍棄了視覺(jué)美的創(chuàng )作機會(huì )但贏(yíng)得了體驗之美，排除了icon元素的干擾，一方面提升了底部tab的辨識、操作效率，一方面使用戶(hù)聚焦于app的內容本身（小紅書(shū)的定位也恰恰是內容電商，因此這里有業(yè)務(wù)層的考慮，我都能想到設計組與產(chǎn)品和老大撕逼，爭取這個(gè)設計創(chuàng )新的場(chǎng)景了）。

 

我們經(jīng)常聽(tīng)到一圖勝千言的理論，但注意，它并不適用于icon領(lǐng)域，icon雖美觀(guān)，但除了一些使用頻率極高的icon（如刪除的垃圾桶icon），大部分icon都需要文字來(lái)輔助解釋?zhuān)鎸?shí)的情況是icon只是文字的配角。假設你隨便打開(kāi)三個(gè)app，把他們的tab中的文字去掉，你還能夠理解哪個(gè)tab對應哪個(gè)模塊嗎？別嘴硬，你別拿常用app說(shuō)事，脫離設計師的經(jīng)驗，假設為應用的初學(xué)者后你會(huì )發(fā)現，準確識別tab內容的關(guān)鍵是文字而不是icon，尤其對于新用戶(hù)來(lái)講。



那么INS為何刪除了文字只保留了icon，這豈不是與上面的案例相悖。你自己不會(huì )分析一下？要學(xué)會(huì )思考呀少年。

要講INS可以用微信做例子。他們都擁有大較大用戶(hù)量，且用戶(hù)習慣穩定、產(chǎn)品使用經(jīng)驗成熟。這得益于其短時(shí)、高頻交互的產(chǎn)品形態(tài)。主流的使用場(chǎng)景就是，打開(kāi)軟件回復一個(gè)消息，打開(kāi)軟件刷一會(huì )圖片feed，使用頻率極高，用戶(hù)對底部tab的使用經(jīng)驗足以支撐他們“盲選”。因此無(wú)論選擇哪種形態(tài)，都要慎重的考慮用戶(hù)習慣經(jīng)驗以及業(yè)務(wù)目標，知己知彼后就可以放心的使用刪除原則來(lái)簡(jiǎn)化產(chǎn)品啦。

除了上面的兩種線(xiàn)上方案，我們也可以看到一些其他探索方案，設計上的探索從來(lái)都是百花齊放，但我們需要明確的是，優(yōu)化底部tab是為了讓其更簡(jiǎn)潔易用，而不是為了單純的視覺(jué)上的創(chuàng )新，因此無(wú)論是使用刪除原則，還是像下面這樣使用隱藏原則，都需要以用戶(hù)體驗為先。



 

3.刪除用戶(hù)犯錯的可能——typeC

消除產(chǎn)品中的錯誤是簡(jiǎn)化產(chǎn)品的一個(gè)永恒命題，對于功能，設計人員可能會(huì )因為這樣或那樣的擔憂(yōu)而難以抉擇，但對于錯誤，任何情況下都應該刪除（然而在越來(lái)越注重業(yè)務(wù)和收益的當下，這個(gè)原則也受到了挑戰）。我們都知道在啟發(fā)式評估中有一個(gè)重要原則——防錯與糾錯。解決錯誤的最優(yōu)解其實(shí)是防止錯誤，用戶(hù)研究及收集的各種用戶(hù)反饋都可以幫助我們理解用戶(hù)常犯的錯誤，然后通過(guò)設計去提前避免之。

例如手機充電接口，由Mini USB 到TypeC的過(guò)度無(wú)疑是極為正確的一個(gè)設計簡(jiǎn)化，用戶(hù)不必盯著(zhù)接口來(lái)調整方向，也不必擔憂(yōu)盲插時(shí)會(huì )被迫中斷，停下來(lái)再去盯著(zhù)接口審查一遍，更避免了錯誤使用插頭方向導致的接口損壞。從本質(zhì)上講，設計師刪除了插頭的異形，從而刪除了用戶(hù)可能執行的另一種操作——錯誤操作，反向插頭。預測用戶(hù)的錯誤或者經(jīng)過(guò)研究來(lái)收集用戶(hù)常犯的錯誤，這是最基本的用戶(hù)研究功用，用研不是為了那幾頁(yè)報告，而是為了發(fā)現真正困擾用戶(hù)的問(wèn)題痛點(diǎn)。



當然有時(shí)候產(chǎn)品錯誤并不一定必須刪除，即便它影響體驗，此時(shí)有讀者會(huì )想，這作者瘋了吧，不配做設計師，呸。實(shí)際上很容易理解，有時(shí)候，體驗需要為業(yè)務(wù)讓路。以網(wǎng)易云音樂(lè )為例，我估計很多人有過(guò)和我一樣的經(jīng)歷，妥妥的被安排。在某次更新之前的版本，在“我喜歡的音樂(lè )”常用列表中，頂部位置是操作頻率極高的播放全部按鈕，直到某次更新，用VIP開(kāi)通按鈕代替了播放全部按鈕原有的位置，這不可能是無(wú)意的，因為這造成的后果就是，短短一個(gè)月我每天要點(diǎn)進(jìn)開(kāi)通頁(yè)不下兩次，比如上班下班路上。有些無(wú)意識的行為，尤其是培養了超過(guò)一年的習慣，是很難在短期改變的，比如位置記憶（你進(jìn)入家門(mén)習慣性的摸開(kāi)關(guān)的記憶）。

于是我每天都在重復的誤觸，開(kāi)會(huì )員，誤觸開(kāi)會(huì )員。這么明顯的錯誤沒(méi)有被糾正只可能是業(yè)務(wù)導向，所以大家不要問(wèn)候設計團隊，反而應該學(xué)習到這其中對于業(yè)務(wù)層面的思考，太毒了，想必轉化一定出奇的高。



 

二.排列和組織原則
大家都有在超市采購的經(jīng)歷，有沒(méi)有仔細觀(guān)察，超市不同種類(lèi)商品的擺放，蔬菜區和水果區挨著(zhù)，入口處和結賬處擺放高頻消費商品。這和我們設計用戶(hù)界面原理一樣，都涉及到對內容/商品的組織和排列，為何要這么做？因為混亂和無(wú)序帶來(lái)的劣質(zhì)體驗將導致用戶(hù)流失，降低收益。，而經(jīng)過(guò)研究排列和組織的內容有更大概率留住用戶(hù)。

 

這種組織和排列的原則在工作和生活中都很常用，不局限于產(chǎn)品設計。 該原則融入人類(lèi)生存、社交等基本需求和行為中，甚至融入我們世界觀(guān)和意識形態(tài)中。 例如對動(dòng)物、植物、蟲(chóng)子的種類(lèi)劃分幫助我們更好地理解世界。

對于普通朋友/好朋友/情侶/同事/上下級 等人際關(guān)系的分類(lèi)梳理幫助我們更好地處理社會(huì )交往。

 

排列組織原則在產(chǎn)品設計中的應用十分常見(jiàn)，高屋建瓴來(lái)講就是交互與信息架構。產(chǎn)品定位，戰略規劃是其靈魂，而交互設計，尤其是信息架構設計則是其骨架，直接影響著(zhù)產(chǎn)品形態(tài)，影響著(zhù)用戶(hù)如何與之交互。設計思維中推薦的“空間飽和地圖”方法（一種把整理的內容元素、功能寫(xiě)在便利貼上，鋪滿(mǎn)整個(gè)墻面然后歸納其聯(lián)系，并對其進(jìn)行分類(lèi)的方法）以及思維導圖工具都是對這種原則的運用。概括來(lái)說(shuō)，組織的本質(zhì)就是分類(lèi)與聚類(lèi)，某正程度上與格式塔原理重疊。

 

除此之外，僅僅從用戶(hù)界面設計角度講，排列組織原則也是一個(gè)圣杯原則，對內容的排列和組織影響到產(chǎn)品的外觀(guān)呈現，產(chǎn)品外觀(guān)也同樣影響著(zhù)用戶(hù)體驗，經(jīng)過(guò)排列組織的界面并不一定是最美觀(guān)的，但一定擁有較高的易用性。下面來(lái)看一些案例。

 

1.倫敦地鐵圖——使用顏色

倫敦地鐵圖的案例真的可以稱(chēng)得上最經(jīng)典（爛大街）的例子了，這是設計簡(jiǎn)化產(chǎn)品的一次偉大的創(chuàng )新，在其中我們能看到刪除原則（刪除了真實(shí)地圖的曲度，改用更清晰的直線(xiàn)來(lái)表達）下圖左，更能看到排列和組織原則下圖右。且設計師在簡(jiǎn)化產(chǎn)品時(shí)，運用的是最簡(jiǎn)單的手段，例如僅僅通過(guò)線(xiàn)路顏色的變化來(lái)區分不同線(xiàn)路的地鐵。



我們最常用的組織手段是空間、時(shí)間，但顏色其實(shí)也是一種組織手段。以產(chǎn)品設計舉例，PC端的按鈕設計通常有多個(gè)狀態(tài)，常規態(tài)、hover、按下態(tài)。hover我們往往添加10個(gè)百分點(diǎn)的白色，來(lái)暗示用戶(hù)此刻鼠標正懸浮在這，并且暗示了此區域可操作。按下時(shí)則會(huì )添加一些深色，來(lái)模擬現實(shí)中物理按鈕按下的效果，沉入、變暗。表面上看，他們都是通過(guò)添加反饋來(lái)提升用戶(hù)體驗，使用戶(hù)清晰的了解到自己所處的位置以及操作的結果，但另一個(gè)角度講，設計師實(shí)際上通過(guò)顏色的分類(lèi)和組織，賦予每個(gè)顏色不同的含義并映射到用戶(hù)的不同交互行為，這就是顏色作為組織手段的一個(gè)典型案例，其他的例子比如安全產(chǎn)品將紅色與綠色用來(lái)區分危險和安全兩種狀態(tài)，此類(lèi)例子不勝繁多，就不一一列舉了。



2.空間飽和地圖

全稱(chēng)是“pace Saturate and Group and Affinity Diagrams”，翻譯過(guò)來(lái)就是空間飽和——群組關(guān)系圖。其實(shí)這種工具的準確名稱(chēng)就是群組關(guān)系圖，而空間飽和這個(gè)前綴是為了強調它的工作形式。

說(shuō)白了就是便利貼方法。 將記錄有我們的見(jiàn)解、對問(wèn)題的理解，內容、元素、模塊、功能等相關(guān)內容的便利貼 鋪滿(mǎn)墻或者畫(huà)板，然后尋找不同內容之間的內在聯(lián)系，對問(wèn)題、記錄信息、用戶(hù)研究與觀(guān)察、用戶(hù)反饋等內容進(jìn)行聚類(lèi)整理，為相關(guān)的內容繪制連接，以呈現其關(guān)系。

飽和”一詞描述了整個(gè)團隊用其集體的圖像，筆記，觀(guān)察，數據，經(jīng)驗，訪(fǎng)談，思想，見(jiàn)解和故事來(lái)覆蓋或飽和顯示的方式，以創(chuàng )建一堵信息墻以告知問(wèn)題定義過(guò)程。后將有可能在這些單獨的元素或節點(diǎn)之間繪制連接，以連接各個(gè)點(diǎn)，并開(kāi)發(fā)出新的更深入的見(jiàn)解，從而有助于定義問(wèn)題并開(kāi)發(fā)潛在的解決方案。換句話(huà)說(shuō)：從分析到綜合。

 

這個(gè)工具將組織原則發(fā)揮到極致，當然它主要是從空間角度來(lái)組織的，我們將相關(guān)的內容聚類(lèi)，并將不同類(lèi)別分類(lèi)，拉開(kāi)空間，站在信息墻前，我們能清晰的獲知產(chǎn)品的內容或功能是如何被劃分的，從而也自然更方便的探索出如何對內容或功能進(jìn)行排列。



 

3.筆記類(lèi)產(chǎn)品的側邊欄



無(wú)論是印象筆記、有道筆記等筆記類(lèi)產(chǎn)品，還是xmind類(lèi)思維導圖產(chǎn)品。都屬于組織原則的常規應用形式，即按層級規劃內容，采用嵌套的形式，例如我的文章層級嵌套方式為筆記本/設計總結/2020文章輸出/交互設計/本文章。包括思維導圖工具，都是使用這種樹(shù)狀圖的形式來(lái)組織內容，這點(diǎn)就不用詳細講解了。重點(diǎn)講解一些其他細節。首先，印象筆記側邊欄并沒(méi)有提供排序功能，嗯哼，經(jīng)常寫(xiě)作的人應該很清楚這是一個(gè)多大的痛點(diǎn)，在我的筆記主題分類(lèi)很多的情況下（我可能有十多個(gè)筆記分類(lèi)），沒(méi)有排序的話(huà)，篩選目標內容的效率很低。后來(lái)我去官網(wǎng)求助，結果發(fā)現原來(lái)印象筆記將排序功能隱藏起來(lái)了，或者說(shuō)定義了自己的一個(gè)組織原則。

 

通過(guò)給分類(lèi)添加數字01、02，側邊目錄就會(huì )按照這個(gè)順序排序，當時(shí)我真的是驚為天人，原來(lái)還可以這樣設計，知道什么叫潤物細無(wú)聲的設計了吧，我們這幫彩筆設計師。它沒(méi)有提供常規的排序功能，比如拖動(dòng)，比如彈出菜單調整順序，它只是把我們常識中的數字排序內化的經(jīng)驗結合在菜單欄的排序功能上，然后自然而然，問(wèn)題就這么解決了。

 

現在我們反思下，為什么這么設計，且為什么體驗會(huì )優(yōu)于傳統的方式。

 

首先，排序不是高頻操作，我說(shuō)的痛點(diǎn)主要是在最初使用產(chǎn)品時(shí)，用戶(hù)需要調整一個(gè)比較舒服的姿勢（聽(tīng)起來(lái)怪怪的），需要按照自己的喜好，以及內容優(yōu)先級、使用頻率來(lái)自定義左側目錄的排序，但排序完畢之后，很長(cháng)一段時(shí)間基本上不會(huì )在使用，這是其一，使用頻率低，不需要前置功能，否則既占用位置又占用認知負荷。

 

其次，交互設計的最高境界就是設計用戶(hù)行為，或者說(shuō)從用戶(hù)行為中映射出功能。這涉及到理解用戶(hù)，并根據用戶(hù)的習慣經(jīng)驗來(lái)設計功能，印象筆記使用數字來(lái)排序就是將用戶(hù)早已內化的組織信息的經(jīng)驗無(wú)縫銜接在產(chǎn)品中，從而形成了這種純粹自然而然的體驗感受。

 

最后，從設計人性化的角度，它有利于培養用戶(hù)習慣，即培養用戶(hù)規范化內容，梳理內容的好習慣，這涉及到設計的反思層（本能層、行為層、反思層），使用數字來(lái)組織筆記類(lèi)別，與隨意拖動(dòng)組織筆記對比，最明顯的優(yōu)點(diǎn)是用戶(hù)對自己內容的掌控程度的提升。我能準確的了解我的第一部分內容主題是A，第二部分內容主題是B，這就是數字的魅力——準確性。

 

再看“最近筆記”模塊，它實(shí)際上是獨立于整個(gè)筆記列表的，它的組織原則與其他筆記是兩條脈絡(luò )，最近筆記是根據用戶(hù)近期使用情況，以及對用戶(hù)很可能會(huì )繼續使用的預測來(lái)組織的。

 

4.更人性化的搜索功能

搜索是眾多產(chǎn)品的重中之重的功能，比如電商類(lèi)產(chǎn)品，如果用戶(hù)不能快速搜索到目標商品，很可能會(huì )流失并會(huì )影響到周?chē)钠渌[藏用戶(hù)。

事實(shí)上搜索框沒(méi)有太多可以?xún)?yōu)化的體驗點(diǎn)，無(wú)非是外觀(guān)樣式、層級強弱的調整，以及快速輸入和快速刪除等細枝末節，搜索功能最重要的其實(shí)是搜索結果頁(yè)，涉及到搜索結果的內容呈現方式，這也是用戶(hù)最終的體驗目標——尋找目標內容或商品。

 

結果頁(yè)內容呈現中，最重要的非信息的組織排列方式莫屬了?；叵霂啄昵暗乃阉鹘Y果頁(yè)，大多是內容的無(wú)腦堆砌，或者按照一個(gè)既定規則鋪陳的列表。這種結果頁(yè)就像是咖啡廳給了你一份擁有上百種不同咖啡的菜單，篩選成本極高。如今的搜索結果則結合用戶(hù)習慣、用戶(hù)預期、關(guān)鍵熱詞、搜索歷史等內容，經(jīng)過(guò)分析和綜合，為用戶(hù)呈現邏輯清晰又完整的搜索結果。

 

如下圖知乎的搜索結果，第一個(gè)組織模塊是對準確搜索結果的展示，第二個(gè)組織模塊是對熱詞的呈現，第三個(gè)組織模塊是對搜索歷史的呈現，三者分別對應不同的用戶(hù)場(chǎng)景，一是用戶(hù)有準確搜索目標，二是用戶(hù)以瀏覽和閑逛為出發(fā)點(diǎn)的killtime式場(chǎng)景，三則是預測用戶(hù)有重復查看相關(guān)主題的回答的行為。

 

排列組織這四個(gè)字中，排列只是呈現形式，核心則是組織，它意味著(zhù)你如何定義內容的分類(lèi)和優(yōu)先級，也意味著(zhù)你是否能夠按照用戶(hù)需求來(lái)歸類(lèi)內容。

 

三：隱藏原則


比起其他幾個(gè)原則，隱藏原則似乎不怎么受歡迎，因為很大程度上，隱藏更像是一種妥協(xié)，當然這是從悲觀(guān)角度來(lái)講。它恰恰像是，既不能刪除，又不能通過(guò)組織原則降低復雜性，最終只能妥協(xié)來(lái)隱藏。事實(shí)上在我們實(shí)際設計產(chǎn)品時(shí)，經(jīng)常會(huì )遇到這種食之無(wú)味，棄之可惜的情況，就像中國傳統的中庸之道，總有一些情況下非黑即白原則會(huì )失效。

 

這一點(diǎn)反應在產(chǎn)品設計中就是以下幾個(gè)要素，復雜性、干擾性、低頻、有用性。

 

設計人員清楚地了解到，產(chǎn)品應當進(jìn)一步被簡(jiǎn)化，例如擁有過(guò)多內容的時(shí)候，像一個(gè)用戶(hù)動(dòng)態(tài)卡片，可能同時(shí)包括昵稱(chēng)、年齡、性別、星座、動(dòng)態(tài)發(fā)表時(shí)間、標簽主題、標題、正文等諸多內容。如果想清晰的呈現以上所有內容，最終會(huì )導致版面信息太過(guò)飽滿(mǎn)。在使用組織原則后，對信息的大小、顏色、層級進(jìn)行處理，從而形成了良好的信息梯級視覺(jué)層次，例如下面的VUE的feed流卡片，通過(guò)組織原則解決了復雜和混亂的問(wèn)題，事實(shí)上，這個(gè)效果相當驚艷，但即便你如何排列，內容的總的復雜度并沒(méi)有變化，這造成的結果就是一張feed流卡片占據了大半個(gè)屏幕，一屏顯示的feed數量十分有限。



另一種情況則是信息對用戶(hù)的核心體驗目標，以及產(chǎn)品的核心功能或內容構成干擾。例如閱讀類(lèi)產(chǎn)品的上下導航欄和菜單欄，會(huì )減少用戶(hù)閱讀區域以及干擾用戶(hù)閱讀體驗。為什么隱藏，因為它不好，或者不夠好，那又為何不直接刪除，這就涉及到后面兩個(gè)特性。即低頻和有用性，在各種產(chǎn)品中經(jīng)常會(huì )有那種使用頻率很低的功能內容但它偏偏又很有用，同時(shí)又只對特定場(chǎng)景下的用戶(hù)有用，于是刪也不得，露也不得，只好隱藏。

 

對于那些對產(chǎn)品及用戶(hù)不夠理解的設計人員來(lái)說(shuō)，隱藏原則通常只是一種妥協(xié)，設計人員或PM無(wú)法判斷功能是否可以刪除（沒(méi)有經(jīng)過(guò)足夠的調研），恐懼功能的缺失造成用戶(hù)流失，但又不遠前置這些功能造成產(chǎn)品的復雜度提升，于是選擇妥協(xié)方案。而對于那些真正理解產(chǎn)品和用戶(hù)的團隊來(lái)說(shuō)，隱藏原則會(huì )是一個(gè)提升體驗的利器，可以在其他幾大原則的基礎上為產(chǎn)品體驗錦上添花，制造那些真正觸動(dòng)人心的設計瞬間。下面讓我們來(lái)看一些案例。

 

1.支付寶上滑隱藏效果

上滑隱藏效果是目前主流設計方案中最為常用的一種，以下面的支付寶為例，首頁(yè)常規效果會(huì )將四個(gè)功能入口前置，因為其使用頻率較高，不管基于體驗目標還是業(yè)務(wù)目的都要給與其“咖位”，然而在用戶(hù)上滑時(shí)，專(zhuān)注的更多是主屏的其他內容，因此即便頂部功能入口極為重要，在考慮到實(shí)際場(chǎng)景后，仍然要選擇隱藏，只展示不影響操作的高度（一般為88——120px）。



 

2.閱讀類(lèi)產(chǎn)品中的隱藏

閱讀類(lèi)產(chǎn)品自然會(huì )拿風(fēng)頭正盛的微信讀書(shū)舉例，微信團隊在體驗設計領(lǐng)域的耕耘真的是，，，好，原諒我文化低組織不出更優(yōu)雅的贊賞詞語(yǔ)。
事實(shí)上這種隱藏操作控件的方式在閱讀類(lèi)產(chǎn)品中已經(jīng)是習以為常了，基本算是基礎體驗的范疇。但不得不提的是微信添加書(shū)簽的隱藏操作，是真正意義上的設計驚喜的瞬間，同時(shí)也激發(fā)了設計師更多的設計靈感，原來(lái)除了界面中間區域可以設計，上下左右各個(gè)邊界也同樣可以設計，這就是創(chuàng )新的魅力，一次創(chuàng )新帶動(dòng)的是整個(gè)行業(yè)的創(chuàng )新，正如當年的下拉刷新。


 

3.網(wǎng)易云音樂(lè )中的隱藏原則

你以為我使用網(wǎng)易云音樂(lè )是因為評論區那些騷話(huà)？我是奔著(zhù)它的體驗去的，信我！網(wǎng)易云音樂(lè )對歌詞的隱藏設計極為舒適，用戶(hù)只需要輕輕點(diǎn)擊黑膠唱片，就能喚出歌詞詳情，很多人重視歌詞，但也有很多人真的不carry。更多的用戶(hù)只想要在膠片緩緩轉動(dòng)、時(shí)光傾斜的短暫瞬間，享受片刻的寧靜。需要歌詞的隱藏膠片，需要膠片的隱藏歌詞，兼顧不同用戶(hù)群，同時(shí)又打造出完全一致的體驗，這的確是使用隱藏原則的一個(gè)優(yōu)秀案例。


 

4.B站的標題隱藏

最后我們再舉一個(gè)例子，新的萬(wàn)惡之源，國產(chǎn)Youtube，新時(shí)代教育之光，嗶哩嗶哩。B站視頻標題通常都比較長(cháng)， 同時(shí)各種版權、備注等信息繁多，如果全部展示出來(lái)一方面會(huì )干擾到核心內容也就是視頻區的展示，一方面會(huì )降低一鍵三連等常規操作的權重（位置下移），這就很郁悶了。根據格式塔原理，視頻相關(guān)的這些信息理應圍繞標題和視頻進(jìn)行排列，但如果真的按順序排列下來(lái)，無(wú)論從體驗還是業(yè)務(wù)角度講都無(wú)甚益處。
但這些內容又無(wú)法刪除，部分用戶(hù)的確有對應的需求，這正契合我們上面提到的隱藏原則適用場(chǎng)景，干擾、低頻、但有用。于是將其隱藏，對于特定場(chǎng)景的用戶(hù)完全可以稍微挪動(dòng)你的小手，點(diǎn)擊來(lái)查看標題等輔助信息，對于主流用戶(hù)群來(lái)講，也不會(huì )干擾它們?yōu)g覽內容和執行操作的體驗流程。

 

隱藏不等于消失——提供線(xiàn)索

隱藏使核心功能得以凸顯，簡(jiǎn)化產(chǎn)品，弱化干擾。同時(shí)我們仍有一個(gè)必須注意的原則，那就是隱藏不等于消失。之所以將某個(gè)功能或內容隱藏而不是刪除是因為它有其存在的意義和價(jià)值。例如一些輔助功能，或者專(zhuān)家級用戶(hù)的專(zhuān)屬功能。如果是將其過(guò)度隱藏，實(shí)則與刪除無(wú)甚差別。因此，在隱藏的同時(shí)我們必須提供線(xiàn)索，以暗示用戶(hù)有更多內容潛藏在背后，我們最熟悉的就是PS等擁有復雜功能模塊的生產(chǎn)力工具產(chǎn)品。如果要把所有功能全部呈現出來(lái)，一方面版面有限無(wú)法承載，一方面則會(huì )造成用戶(hù)選擇和辨識的效率低下。除了功能的隱藏，當然還有內容的隱藏，常見(jiàn)的就是使用”?”或“…”標識來(lái)隱藏一些輔助信息，一般傾向于隱藏說(shuō)明性?xún)热菀约胺爆嵉募毠澝枋鲂再|(zhì)的內容。


 

四.轉移的奧秘
產(chǎn)品設計遵循復雜性守恒定律。也就是說(shuō)，用戶(hù)想要完成一個(gè)體驗目標，想要執行一個(gè)任務(wù)，從產(chǎn)生動(dòng)機到執行完畢的這個(gè)過(guò)程，其復雜性是固定的。在這期間，此任務(wù)由用戶(hù)操作和機器/設備的運作共同組成，也就是我們所說(shuō)的交互，因此完成一個(gè)用戶(hù)任務(wù)的復雜度是平分給用戶(hù)和設備/軟件的，注意不是均分。例如整個(gè)流程的復雜度是100，如果想要優(yōu)化用戶(hù)體驗，降低用戶(hù)操作和理解的復雜度，就需要把100復雜度中更多的比例分給設備/軟件，可能用戶(hù)需要花費20復雜度的精力，而剩余80復雜度的工作由機器完成，這就是簡(jiǎn)化四原則中的“轉移”。
但需要注意的是，雖然用戶(hù)的體驗和效率提升了，但復雜度并沒(méi)有消失，而是轉移到 了開(kāi)發(fā)團隊身上，開(kāi)發(fā)團隊要花費比以前更大的精力來(lái)解決軟件/設備運行中的問(wèn)題。因此，轉移法則在C端是圣杯原則，因為用戶(hù)的經(jīng)驗能力參差不齊，設計體驗應當以極端用戶(hù)（弱能力弱經(jīng)驗的用戶(hù)）的能力為邊界，此時(shí)傾盡全力降低用戶(hù)端的復雜度既有利于用戶(hù)體驗，也有利于商業(yè)轉化。
而針對B端產(chǎn)品，則需要考慮產(chǎn)品團隊的能力狀況。B端的典型特點(diǎn)就是復雜的交互邏輯與大批量的數據處理和展示。通常一些復雜的后臺產(chǎn)品需要提供教程、培訓、客服支持等服務(wù)，以幫助用戶(hù)學(xué)習復雜的B端軟件。雖然產(chǎn)品設計師應當保證產(chǎn)品的易用性和易學(xué)性，但B端產(chǎn)品限于其復雜度，無(wú)法做到C端那樣易學(xué)。所以針對B端的產(chǎn)品團隊，可以考慮在自己能力范圍內轉移復雜度，不要過(guò)度追求用戶(hù)端的易學(xué)性。否則，百分之二十的復雜度轉移到開(kāi)發(fā)團隊，帶來(lái)的成本可能數倍乃至更高的提升。
下面看一些復雜度轉移的案例

 

1.首先最經(jīng)典的就是小米生態(tài)產(chǎn)品
 

小米電視

大家先回憶下“古時(shí)候”的滑蓋電視遙控器，實(shí)際上當時(shí)的廠(chǎng)家也意識到遙控器過(guò)于復雜，而常用的功能其實(shí)有限，但傳統行業(yè)就是如此糾結，恐懼舍棄一些功能會(huì )影響到產(chǎn)品體驗，于是選擇隱藏次要功能。 但隱藏只是治標不治本，而真正解決遙控器過(guò)于復雜的問(wèn)題的正式轉移方法。如下圖所示，小米遙控器只提供方向鍵、home和返回鍵，聲音調節、開(kāi)關(guān)機等最基本的功能，而其余所有更復雜的操作都轉移到電視機屏幕，電視有更大面積的操作面板，為什么不把更復雜的操作轉移到上面呢？何必在一個(gè)不到20cm的遙控器面板上糾結？



小米電子秤

殊途同歸，小米生態(tài)圈的產(chǎn)品大多數都運用了轉移法則，這某種程度上是因為手持設備的快速發(fā)展，為復雜度轉移提供了基礎設施。小米電子秤就是如此，將電子秤獲得的數據同步到移動(dòng)端，用戶(hù)可以在手機上舒適的瀏覽測量的結果，而不必緊緊盯著(zhù)電子秤那塊狹小的屏幕。



 

2.順豐的自動(dòng)識別地址功能

我應當沒(méi)記錯，這個(gè)體驗功能應當是順豐首發(fā)，后面逐漸成為快遞行業(yè)的標準體驗配置。在實(shí)現自動(dòng)識別內容之前，這個(gè)痛點(diǎn)應該困擾了眾多用戶(hù)需求，事實(shí)上不僅僅是有快遞需求的用戶(hù)，包括快遞業(yè)務(wù)人員也深受一些體驗上的問(wèn)題困擾，從收件到寄件，涉及到提現內容，確認內容和收發(fā)信息等。得益于快遞行業(yè)的快速發(fā)展，相關(guān)領(lǐng)域的體驗設計也在飛速進(jìn)步，目前從寄件到收件，從普通用戶(hù)到快遞服務(wù)業(yè)人員都能利用手持設備快速完成各自的體驗目標。


 

3.iphone11的自動(dòng)喚醒

叫醒一個(gè)睡著(zhù)的人需要幾個(gè)步驟？推一下或者喊一下。本質(zhì)上是提供一個(gè)觸發(fā)信號或者命令。喚醒手機也是如此，它的復雜度是固定的，在我們沒(méi)有進(jìn)化到可以用意識操縱事物的當下，想要喚醒激活一臺設備必須要提供一個(gè)觸發(fā)的機制，用戶(hù) 需要發(fā)出觸發(fā)指令才能正式激活設備。傳統的喚醒手機的方式就是home鍵，有密碼的情況還需要屏下指紋和背部指紋，當然如OV和三星，都在優(yōu)化體驗后將這兩個(gè)行為結合，從而通過(guò)手指單次按壓實(shí)現激活+解鎖。
而iPhone11不同，在用戶(hù)將手機移動(dòng)并使屏幕朝向面部的情況下，手機會(huì )自動(dòng)喚醒。這種體驗流暢而令人驚喜，省去了按壓home鍵的步驟，用用戶(hù)無(wú)意識的抬手行為執行了發(fā)布命令的操作。這其實(shí)就是將用戶(hù)喚醒手機的復雜度轉移到了設備，設備通過(guò)識別手機位置，角度的變化，來(lái)判斷用戶(hù)是否需要解鎖手機?？梢灶A見(jiàn)，轉移復雜度必然是未來(lái)設計的方向，更多基礎的操作和交互將會(huì )轉移至設備，底層的交互方式逐漸弱化，語(yǔ)音，智能識別等交互方式將占據大多數交互場(chǎng)景。設想一下，在你微微抬手，眉眼輕蹙間，對應的功能已經(jīng)為你呈現在面前，視線(xiàn)輕移，頁(yè)面自動(dòng)滾動(dòng)，那會(huì )是怎樣的一個(gè)體驗設計時(shí)代。