久久亚洲中文字幕精_精品国产一区二区三区不卡_99久久久无码国产精品免费手机_国产亚洲精品久久久久动漫

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

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



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

 

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

 

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

 

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

 

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

 

另有一種情況，創(chuàng)業(yè)公司或臨時項目，處于快速敏感迭代期間的產(chǎn)品，則需要根據(jù)工期需求，進行重要性和緊急性兩象限方法（附圖）的判定。選擇“偽刪除”，也就是推遲，以保證產(chǎn)品快速上線測試。



 

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

 

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

假如用戶…

但我們的用戶想要…



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

 

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

 

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

 

 

下面來看一些例子。

 

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

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

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

 

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

 



 

2.常規(guī)底部tab欄的舍棄

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



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

 

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

 

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

 

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



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

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

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



 

3.刪除用戶犯錯的可能——typeC

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

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



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

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



 

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

 

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

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

 

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

 

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

 

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

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



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



2.空間飽和地圖

全稱是“pace Saturate and Group and Affinity Diagrams”，翻譯過來就是空間飽和——群組關(guān)系圖。其實這種工具的準(zhǔn)確名稱就是群組關(guān)系圖，而空間飽和這個前綴是為了強調(diào)它的工作形式。

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

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

 

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



 

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



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

 

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

 

現(xiàn)在我們反思下，為什么這么設(shè)計，且為什么體驗會優(yōu)于傳統(tǒng)的方式。

 

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

 

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

 

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

 

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

 

4.更人性化的搜索功能

搜索是眾多產(chǎn)品的重中之重的功能，比如電商類產(chǎn)品，如果用戶不能快速搜索到目標(biāo)商品，很可能會流失并會影響到周圍的其他隱藏用戶。

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

 

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

 

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

 

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

 

三：隱藏原則


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

 

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

 

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



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

 

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

 

1.支付寶上滑隱藏效果

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



 

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

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


 

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

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


 

4.B站的標(biāo)題隱藏

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

 

隱藏不等于消失——提供線索

隱藏使核心功能得以凸顯，簡化產(chǎn)品，弱化干擾。同時我們?nèi)杂幸粋€必須注意的原則，那就是隱藏不等于消失。之所以將某個功能或內(nèi)容隱藏而不是刪除是因為它有其存在的意義和價值。例如一些輔助功能，或者專家級用戶的專屬功能。如果是將其過度隱藏，實則與刪除無甚差別。因此，在隱藏的同時我們必須提供線索，以暗示用戶有更多內(nèi)容潛藏在背后，我們最熟悉的就是PS等擁有復(fù)雜功能模塊的生產(chǎn)力工具產(chǎn)品。如果要把所有功能全部呈現(xiàn)出來，一方面版面有限無法承載，一方面則會造成用戶選擇和辨識的效率低下。除了功能的隱藏，當(dāng)然還有內(nèi)容的隱藏，常見的就是使用”?”或“…”標(biāo)識來隱藏一些輔助信息，一般傾向于隱藏說明性內(nèi)容以及繁瑣的細(xì)節(jié)描述性質(zhì)的內(nèi)容。


 

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

 

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

小米電視

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



小米電子秤

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



 

2.順豐的自動識別地址功能

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


 

3.iphone11的自動喚醒

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