我們必須按照人們的行為方式來(lái)設(shè)計(jì)，而不是按照我們希望他們應(yīng)有的行為來(lái)設(shè)計(jì)。

好的設(shè)計(jì)不是讓事情變得簡(jiǎn)單（如果復(fù)雜是符合需求的），而是去管理復(fù)雜。在《在做交互設(shè)計(jì)時(shí)，你需要知道這幾大定律》中我們總結(jié)了Tesler’s >Law/泰思勒定律（復(fù)雜性守恒定律），這個(gè)定律告訴我們：每個(gè)應(yīng)用程序都有固有的不可簡(jiǎn)化的復(fù)雜性，問(wèn)題需要是由用戶(hù)還是設(shè)計(jì)者去處理需要產(chǎn)品經(jīng)理用心思考。有時(shí)復(fù)雜僅僅來(lái)源于那些應(yīng)該經(jīng)過(guò)過(guò)濾的大量信息。我們必須按照人們的行為方式來(lái)設(shè)計(jì)，而不是按照我們希望他們應(yīng)有的行為來(lái)設(shè)計(jì)。

正如諾曼所說(shuō) “復(fù)雜是世界的一部分，但它不應(yīng)該令人困惑 ” 好的設(shè)計(jì)能夠幫助我們馴服復(fù)雜，不是讓事物變得簡(jiǎn)單，而是去管理復(fù)雜。產(chǎn)品經(jīng)理需要保持“設(shè)計(jì)者—產(chǎn)品—用戶(hù)”的合作關(guān)系，讓設(shè)計(jì)與復(fù)雜共生，使得復(fù)雜的內(nèi)容變得簡(jiǎn)單易用且交互清晰。在諸多展示大量信息的功能中，“分類(lèi)篩選”就是一個(gè)典型的Feature。?今天我們就來(lái)分析幾類(lèi)“篩選器”的交互設(shè)計(jì)，并剖析下他們的優(yōu)劣。

第一類(lèi)：分層級(jí)篩選

下拉菜單，浮層模式 （目前較為常見(jiàn)的模式）

這類(lèi)展示模式更適合篩選內(nèi)容分類(lèi)較少，且分類(lèi)層級(jí)不超過(guò)兩層，通常情況下標(biāo)簽篩選內(nèi)容不多于10個(gè)，同時(shí)能在2-3排展示完全。

常見(jiàn)App類(lèi)型：云盤(pán)類(lèi)、購(gòu)物類(lèi)、健身類(lèi)、打車(chē)類(lèi)等，如圖所示：

當(dāng)篩選內(nèi)容足夠具體化，能高度的概括為耦合度較低的信息分類(lèi)的情況下，建議使用本類(lèi)篩選交互模式。因?yàn)檫@類(lèi)模式的信息展示足夠直接明顯，用戶(hù)操作步驟較少而且清晰。

全新浮層，全屏展示：

這類(lèi)篩選器，一般來(lái)講會(huì)囊括關(guān)鍵詞篩選，同類(lèi)信息排序兩種內(nèi)容。與其分散展現(xiàn)，不如聚合在一個(gè)整頁(yè)做選擇。這類(lèi)交互模式更偏向篩選的關(guān)鍵詞足夠簡(jiǎn)潔易懂，同時(shí)有一定的定制思維在里面。通常情況下，關(guān)鍵詞的覆蓋內(nèi)容更加貼合產(chǎn)品的核心表現(xiàn)，或者產(chǎn)品經(jīng)理需要突出展示某類(lèi)信息。

另外篩選的類(lèi)型僅為一種，或者需要定制化。譬如地理位置、定位城市、O2O的不同模式及優(yōu)勢(shì)，與此同時(shí)，展示的信息需要不斷擴(kuò)充，或者有計(jì)劃增加、修改的情況。如上的情況下選用新增一頁(yè)的模式，擴(kuò)展性更強(qiáng)，同時(shí)對(duì)版本交互穩(wěn)定性會(huì)更高。

常見(jiàn)App類(lèi)型：游記類(lèi)、垂直電商類(lèi)，如圖所示：

第二類(lèi)：綜合性篩選

底部Bar，抽屜模式：

用戶(hù)習(xí)慣性的瀏覽方式，一般來(lái)講是 “F” 的形狀，即自左向右，自上而下。當(dāng)這些關(guān)鍵區(qū)域被頭條，副題，熱點(diǎn)以及重要文章之類(lèi)的核心入口占據(jù)時(shí)，

“篩選”這類(lèi)重置頁(yè)面內(nèi)容的功能放置底部位置，就顯得更加干凈，且不喧兵奪主。同時(shí)基于用戶(hù)操作習(xí)慣的考慮，抽屜式的頁(yè)面彈出，擴(kuò)展性會(huì)更強(qiáng)，內(nèi)容聚合度會(huì)更高。

常見(jiàn)App類(lèi)型：旅行類(lèi)

由于對(duì)內(nèi)容篩選的要求較多，因此需要高度整合的篩選器，同時(shí)展示的區(qū)域普遍要求較大，信息承載較多，在選擇篩選器設(shè)計(jì)交互形式的時(shí)候，通常會(huì)使用底部Bar，抽屜式的展示方式。

當(dāng)需要篩選的內(nèi)容為多種類(lèi)型，且多層級(jí)，譬如：“國(guó)家-省份-城市”這類(lèi)層層嵌套的模式，就建議使用底部Bar的展示方式。相對(duì)于“大眾點(diǎn)評(píng)”及其他O2O的應(yīng)用，選擇自上而下的抽屜模式篩選器來(lái)說(shuō)，更建議使用底部Bar的模式，因?yàn)榈撞緽ar的篩選，當(dāng)刷新數(shù)據(jù)時(shí)會(huì)更直接的看到內(nèi)容的展示，而自上而下的抽屜模式會(huì)遮蓋底部的內(nèi)容展示，相對(duì)而言，信息篩選的及時(shí)性就降低了。

新開(kāi)界面，復(fù)合嵌套：

當(dāng)品類(lèi)多，且分類(lèi)細(xì)的時(shí)候，通常需要把類(lèi)別做第一層框架的分類(lèi)，然后在第一層框架中再進(jìn)行一次分類(lèi)，表現(xiàn)形式可以是Tab或者抽屜收起。

《設(shè)計(jì)心理學(xué)2》中提到：“日常的生活通常是復(fù)雜的，但并非由于某個(gè)特定活動(dòng)時(shí)復(fù)雜的，而是因?yàn)橛心敲炊啾砻嫔虾?jiǎn)單的活動(dòng)，每一個(gè)都有它自己的一套特定的需求，把大量的簡(jiǎn)單活動(dòng)合在一起，結(jié)果就會(huì)是復(fù)雜和令人困惑的：整體大于它各部分的總和”。所以對(duì)于大量?jī)?nèi)容及品類(lèi)需要展示給用戶(hù)的時(shí)候，產(chǎn)品設(shè)計(jì)不能過(guò)分簡(jiǎn)單，簡(jiǎn)單本身不一定是良性的，簡(jiǎn)單也不意味著更少的功能。

常見(jiàn)App類(lèi)型：百貨類(lèi)

對(duì)于不同的App應(yīng)用，選擇合適的內(nèi)容篩選模式。對(duì)產(chǎn)品經(jīng)理在交互設(shè)計(jì)及產(chǎn)品框架上的理解要求是比較高的，如何把零散且重要的信息聚合整理在一個(gè)小小的篩選器中，需要我們從產(chǎn)品功能的具體要求出發(fā)，考慮場(chǎng)景化及易用性的前提下，盡量做到合理。

作者：權(quán)莉，微信昵稱(chēng)：Mandy權(quán)。一名快樂(lè)的產(chǎn)品經(jīng)理！

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