編輯導(dǎo)讀：一些產(chǎn)品考慮了用戶的不同需求，設(shè)計(jì)了很多功能，但是，過多的功能也導(dǎo)致頁面比較混亂，使用體驗(yàn)不好。如何做到簡單交互？本文作者對(duì)此進(jìn)行了分析，希望對(duì)你有幫助。

都希望產(chǎn)品體驗(yàn)更簡單易用，交互設(shè)計(jì)有沒有套路達(dá)到這個(gè)目標(biāo)？今天灰機(jī)聊聊4個(gè)套路，讓你輕松拿到交互設(shè)計(jì)思維的鑰匙。

很多人應(yīng)該都見過老式電視遙控器，遙控器上布滿了按鈕，教爺爺奶奶很多篇都不會(huì)用，以簡化遙控器為例介紹這4個(gè)套路。

（來之《簡約至上》）

看上圖從右往左，第一步刪除掉遙控器基本沒用過的功能按鈕，第二步按規(guī)律組織必要的功能分組分塊，第三步把一些不常用的功能隱藏在活動(dòng)蓋板下面，第四步把一些復(fù)雜的功能轉(zhuǎn)移到屏幕上控制。最后的設(shè)計(jì)方案就接近現(xiàn)在主流遙控器設(shè)計(jì)。

4個(gè)套路：合理刪除不必要的、分層組織要提供的、適時(shí)隱藏非核心的、巧妙轉(zhuǎn)移較復(fù)雜的

交互設(shè)計(jì)時(shí)巧用這4個(gè)套路，就能掌握入門的交互思維，在設(shè)計(jì)信息、流程、頁面、布局、組件等時(shí)保持思路清晰。

用這4個(gè)套路的前提，要先分析需求，理解業(yè)務(wù)和場景、用戶和需求，預(yù)設(shè)好設(shè)計(jì)目標(biāo)，如果有疑惑建議食用灰機(jī)上一篇《如何分析需求》，再食用這篇效果更佳。

一、合理刪除不必要的

了解需求的場景和目標(biāo)后，先抽絲剝繭把主線流程、支線流程、異常流程給盤清楚，再根據(jù)交互流程的每個(gè)節(jié)點(diǎn)，合理刪除不必要的內(nèi)容。

比如，把大象放進(jìn)冰箱要怎么做？

主線流程是：拿起大象—打開冰箱—放入大象—關(guān)上冰箱—結(jié)束

支線流程有：大象太大需要分塊，冰箱太小需要買個(gè)大號(hào)，搬不動(dòng)需要找工具等

異常流程有：大象跑了去抓大象，冰箱壞了打不開需要修等

把主線、支線、異常流程理出來后，梳理每個(gè)節(jié)點(diǎn)最關(guān)鍵的內(nèi)容時(shí)，那些對(duì)于完成這個(gè)任務(wù)價(jià)值不高的內(nèi)容就可以合理刪除了，比如冰箱顏色要五彩斑斕的黑等。

交互設(shè)計(jì)是對(duì)用戶做任務(wù)時(shí)的行為設(shè)計(jì)，那些阻礙或者干擾用戶完成任務(wù)效率的內(nèi)容就可以刪除，提高交互行為效率。

二、分層組織要提供的

不必要的內(nèi)容刪除后，接下來對(duì)需要的內(nèi)容按照一定規(guī)律組織，提高用戶認(rèn)知和行為效率。

比如，請(qǐng)3秒鐘記住這些數(shù)字：“9487321560”

是不是比較難記住，那我們把這組數(shù)據(jù)重新組織下：“0123456789” 是不是易記多了。

進(jìn)行頁面布局設(shè)計(jì)時(shí)，頁面內(nèi)容越復(fù)雜就越需要進(jìn)行組織，該分組的分組，該合并的合并，讓頁面內(nèi)容呈現(xiàn)一定規(guī)律，方便用戶認(rèn)知和產(chǎn)生行為。

三、適時(shí)隱藏非核心的

需要提供的內(nèi)容按一定規(guī)律組織后，可以再分高頻和低頻內(nèi)容，對(duì)高頻內(nèi)容進(jìn)行層級(jí)拔高，低頻內(nèi)容層級(jí)降低或適時(shí)隱藏，這樣頁面內(nèi)容更簡潔聚焦，用戶更易理解和完成任務(wù)。

比如，廚房有很多調(diào)料，現(xiàn)在需要把調(diào)料安排好位置。

第一種方法，就是把這些調(diào)料全堆在一個(gè)角落，這樣用的時(shí)候會(huì)弄得亂七八糟，使用效率也不高。

第二種方法，把調(diào)料分成高頻的和低頻的，高頻使用的調(diào)料放在最順手地方（鹽、味精等），低頻使用的調(diào)料（香料等）收納到抽屜，這樣用得時(shí)候很順手高效，也能更好保存低頻使用的調(diào)料。

交互設(shè)計(jì)時(shí)流程有主次，同樣頁面內(nèi)容也有主次層級(jí)，如果所有東西都重要那結(jié)果呈現(xiàn)的都會(huì)不重要。高頻內(nèi)容提高層級(jí)更聚焦，低頻內(nèi)容適時(shí)隱藏，使內(nèi)容視覺傳達(dá)高效，用戶行為產(chǎn)生容易。

四、巧妙轉(zhuǎn)移較復(fù)雜的

當(dāng)任務(wù)較復(fù)雜時(shí)，為了更簡單易用，這個(gè)時(shí)候可以對(duì)復(fù)雜任務(wù)進(jìn)行巧妙拆解轉(zhuǎn)移。

比如，對(duì)頁面復(fù)雜任務(wù)拆開分步，先做簡單的再做復(fù)雜的，像查戶口填信息的表單，一般都是先讓你填你熟悉的姓名、年齡等，需要輸入大量信息的內(nèi)容會(huì)安排到后面；

還可以把部分任務(wù)轉(zhuǎn)移到系統(tǒng)來完成，像系統(tǒng)給到的默認(rèn)選項(xiàng)就是系統(tǒng)幫忙完成的任務(wù)，減少用戶的行為成本；

或者將A角色任務(wù)轉(zhuǎn)移到B角色完成，像管理員需要收集會(huì)員信息，比較累的方法是管理員拿著表格一個(gè)個(gè)去收集會(huì)員信息，輕松點(diǎn)的方法是讓會(huì)員填好信息發(fā)給管理員。

復(fù)雜性無法減少，只是誰做、什么時(shí)機(jī)、在哪做的轉(zhuǎn)移。

五、總結(jié)

這4個(gè)套路是交互思維的鑰匙：合理刪除不必要的、分層組織要提供的、適時(shí)隱藏非核心的、巧妙轉(zhuǎn)移較復(fù)雜的。

資料參考：《簡約至上》

作者：灰機(jī)；公眾號(hào)：灰機(jī)的設(shè)計(jì)筆記

本文由 @灰機(jī) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自?Unsplash，基于 CC0 協(xié)議