我們必須按照人們的行為方式來設(shè)計筐咧,而不是按照我們希望他們應(yīng)有的行為來設(shè)計憔儿。
好的設(shè)計不是讓事情變得簡單(如果復(fù)雜是符合需求的),而是去管理復(fù)雜小渊。在《在做交互設(shè)計時法褥,你需要知道這幾大定律》中我們總結(jié)了Tesler’s >Law/泰思勒定律(復(fù)雜性守恒定律),這個定律告訴我們:每個應(yīng)用程序都有固有的不可簡化的復(fù)雜性酬屉,問題需要是由用戶還是設(shè)計者去處理需要產(chǎn)品經(jīng)理用心思考半等。有時復(fù)雜僅僅來源于那些應(yīng)該經(jīng)過過濾的大量信息。我們必須按照人們的行為方式來設(shè)計呐萨,而不是按照我們希望他們應(yīng)有的行為來設(shè)計杀饵。
正如諾曼所說 “復(fù)雜是世界的一部分,但它不應(yīng)該令人困惑 ” 好的設(shè)計能夠幫助我們馴服復(fù)雜垛吗,不是讓事物變得簡單,而是去管理復(fù)雜烁登。產(chǎn)品經(jīng)理需要保持“設(shè)計者—產(chǎn)品—用戶”的合作關(guān)系怯屉,讓設(shè)計與復(fù)雜共生,使得復(fù)雜的內(nèi)容變得簡單易用且交互清晰饵沧。在諸多展示大量信息的功能中锨络,“分類篩選”就是一個典型的Feature。 今天我們就來分析幾類“篩選器”的交互設(shè)計狼牺,并剖析下他們的優(yōu)劣羡儿。
第一類:分層級篩選
下拉菜單,浮層模式 (目前較為常見的模式)
這類展示模式更適合篩選內(nèi)容分類較少是钥,且分類層級不超過兩層掠归,通常情況下標(biāo)簽篩選內(nèi)容不多于10個缅叠,同時能在2-3排展示完全。
常見App類型:云盤類虏冻、購物類肤粱、健身類、打車類等厨相,如圖所示:
當(dāng)篩選內(nèi)容足夠具體化领曼,能高度的概括為耦合度較低的信息分類的情況下,建議使用本類篩選交互模式蛮穿。因為這類模式的信息展示足夠直接明顯庶骄,用戶操作步驟較少而且清晰。
全新浮層践磅,全屏展示:
這類篩選器单刁,一般來講會囊括關(guān)鍵詞篩選,同類信息排序兩種內(nèi)容音诈。與其分散展現(xiàn)幻碱,不如聚合在一個整頁做選擇琴许。這類交互模式更偏向篩選的關(guān)鍵詞足夠簡潔易懂鸭丛,同時有一定的定制思維在里面。通常情況下宋雏,關(guān)鍵詞的覆蓋內(nèi)容更加貼合產(chǎn)品的核心表現(xiàn)喇聊,或者產(chǎn)品經(jīng)理需要突出展示某類信息恍风。
另外篩選的類型僅為一種,或者需要定制化誓篱。譬如地理位置朋贬、定位城市、O2O的不同模式及優(yōu)勢窜骄,與此同時锦募,展示的信息需要不斷擴充,或者有計劃增加邻遏、修改的情況糠亩。如上的情況下選用新增一頁的模式,擴展性更強准验,同時對版本交互穩(wěn)定性會更高赎线。
常見App類型:游記類、垂直電商類糊饱,如圖所示:
第二類:綜合性篩選
底部Bar垂寥,抽屜模式:
用戶習(xí)慣性的瀏覽方式,一般來講是 “F” 的形狀,即自左向右滞项,自上而下狭归。當(dāng)這些關(guān)鍵區(qū)域被頭條,副題蓖扑,熱點以及重要文章之類的核心入口占據(jù)時唉铜,
“篩選”這類重置頁面內(nèi)容的功能放置底部位置,就顯得更加干凈律杠,且不喧兵奪主潭流。同時基于用戶操作習(xí)慣的考慮,抽屜式的頁面彈出柜去,擴展性會更強灰嫉,內(nèi)容聚合度會更高。
常見App類型:旅行類
由于對內(nèi)容篩選的要求較多嗓奢,因此需要高度整合的篩選器讼撒,同時展示的區(qū)域普遍要求較大,信息承載較多股耽,在選擇篩選器設(shè)計交互形式的時候根盒,通常會使用底部Bar,抽屜式的展示方式物蝙。
當(dāng)需要篩選的內(nèi)容為多種類型炎滞,且多層級,譬如:“國家-省份-城市”這類層層嵌套的模式诬乞,就建議使用底部Bar的展示方式册赛。相對于“大眾點評”及其他O2O的應(yīng)用,選擇自上而下的抽屜模式篩選器來說震嫉,更建議使用底部Bar的模式森瘪,因為底部Bar的篩選,當(dāng)刷新數(shù)據(jù)時會更直接的看到內(nèi)容的展示票堵,而自上而下的抽屜模式會遮蓋底部的內(nèi)容展示扼睬,相對而言,信息篩選的及時性就降低了悴势。
新開界面窗宇,復(fù)合嵌套:
當(dāng)品類多,且分類細的時候瞳浦,通常需要把類別做第一層框架的分類担映,然后在第一層框架中再進行一次分類废士,表現(xiàn)形式可以是Tab或者抽屜收起叫潦。
《設(shè)計心理學(xué)2》中提到:“日常的生活通常是復(fù)雜的,但并非由于某個特定活動時復(fù)雜的官硝,而是因為有那么多表面上簡單的活動矗蕊,每一個都有它自己的一套特定的需求短蜕,把大量的簡單活動合在一起,結(jié)果就會是復(fù)雜和令人困惑的:整體大于它各部分的總和”傻咖。所以對于大量內(nèi)容及品類需要展示給用戶的時候朋魔,產(chǎn)品設(shè)計不能過分簡單,簡單本身不一定是良性的卿操,簡單也不意味著更少的功能警检。
常見App類型:百貨類
對于不同的App應(yīng)用,選擇合適的內(nèi)容篩選模式害淤。對產(chǎn)品經(jīng)理在交互設(shè)計及產(chǎn)品框架上的理解要求是比較高的扇雕,如何把零散且重要的信息聚合整理在一個小小的篩選器中,需要我們從產(chǎn)品功能的具體要求出發(fā)窥摄,考慮場景化及易用性的前提下镶奉,盡量做到合理。