交互設(shè)計(jì)筆記之：小分類(lèi)，大學(xué)問(wèn)

也許把分類(lèi)單獨(dú)拿出來(lái)討論有些站不住腳，范圍大涉及面又廣，但不想拐彎抹角，希望能有業(yè)內(nèi)人士不吝指點(diǎn)。

分類(lèi)（Classification），顧名思義的概括就是分開(kāi)并且歸類(lèi)。學(xué)科上通常對(duì)分類(lèi)的認(rèn)知有以下三個(gè)方面：

1.按照種類(lèi)、等級(jí)或性質(zhì)分別歸類(lèi)

2.把無(wú)規(guī)律的事物分為有規(guī)律的.按照不同的特點(diǎn)分類(lèi)事物,使事物更有規(guī)律! 　　

3.推測(cè)事物間存在的一些自然關(guān)系

其實(shí)中心意思也是在講首先區(qū)分，其次歸類(lèi)。在產(chǎn)品設(shè)計(jì)中，分類(lèi)管理這種東西總是會(huì)層出不窮的跑出來(lái)讓人做抉擇，他們跟導(dǎo)航設(shè)計(jì)似乎又有著千絲萬(wàn)縷的干系，好的分類(lèi)設(shè)計(jì)關(guān)乎用戶(hù)的感覺(jué)，檢查并重視產(chǎn)品中的分類(lèi)管理變得越來(lái)越重要。

化繁為簡(jiǎn)，減少干擾

以下是某兩個(gè)購(gòu)物網(wǎng)站的的分類(lèi)管理，哪一種設(shè)計(jì)方式會(huì)更好？

從表面上看，（1）將所有可能會(huì)有的商品分類(lèi)都羅列出，并且用不同色塊予以標(biāo)出，分類(lèi)更全面，更清晰，而（2）僅僅做了四個(gè)標(biāo)簽鏈，似乎不太全面。但真實(shí)的情況卻并非如此。

更能抓住用戶(hù)的主要操作，在購(gòu)物應(yīng)用中，所有商品、電器類(lèi)、美容類(lèi)和家裝類(lèi)這四個(gè)操作一定是用戶(hù)點(diǎn)擊概率最大，購(gòu)買(mǎi)頻率最高的分類(lèi)，通過(guò)簡(jiǎn)單的底色和標(biāo)簽突出設(shè)計(jì)，很明顯的給用戶(hù)指引了操作通道。而（1）煞費(fèi)苦心的羅列出的分類(lèi)頁(yè)簽卻未必能達(dá)到如此效果。
提取最精煉的，而不是最全面的，在使用中一定能感受到（2）比（1）方便，大部分的用戶(hù)在購(gòu)買(mǎi)商品的時(shí)候會(huì)首先選定大分類(lèi)，將所有的分類(lèi)全部羅列出，可想而知給需要快速操作的用戶(hù)帶來(lái)的困擾。在分類(lèi)中要學(xué)會(huì)，去繁從簡(jiǎn)，隱藏那些和當(dāng)前任務(wù)無(wú)關(guān)的選項(xiàng)，避免無(wú)概率的羅列，從而能很大程度避免對(duì)用戶(hù)的干擾。

甚至很多時(shí)候，壓根不需要任何分類(lèi)，盲目增加分類(lèi)反而會(huì)加重了用戶(hù)閱讀成本。

action—動(dòng)詞分類(lèi)，更奏效

動(dòng)詞分類(lèi)是能激發(fā)人們行動(dòng)力的一系列字詞。他近似于一種命令，能更好的刺激用戶(hù)的行動(dòng)力，富有動(dòng)感又不會(huì)失了友善。

使用動(dòng)詞詞組，能幫助用戶(hù)能夠準(zhǔn)確的告訴用戶(hù)將要發(fā)生什么事情，幫助用戶(hù)建立很好的操作預(yù)期，并且能使用戶(hù)更加主動(dòng)，讓他們感覺(jué)到自己才是整個(gè)過(guò)程的指揮者。

感受下面動(dòng)詞的魅力。

可能的時(shí)候，在設(shè)計(jì)分類(lèi)的時(shí)候使用動(dòng)詞詞組。

很多的時(shí)候一個(gè)動(dòng)詞詞組會(huì)比一大段文字更有說(shuō)服力，能很好的解釋在頁(yè)面中能干什么的同時(shí)也能說(shuō)明操作的目的，好處和方法。

為大眾而非專(zhuān)業(yè)而分類(lèi)

隔行如隔山，有時(shí)候設(shè)計(jì)師會(huì)想當(dāng)然的把認(rèn)為通俗易懂的專(zhuān)業(yè)術(shù)語(yǔ)搬上，很多時(shí)候會(huì)令用戶(hù)感到迷茫。對(duì)于那些難以理解的分類(lèi)，沒(méi)有用戶(hù)會(huì)去找資料查閱，所以避免專(zhuān)業(yè)的稱(chēng)呼，不僅僅是在分類(lèi)中，在整個(gè)產(chǎn)品中都要引起關(guān)注。

第一種的分類(lèi)，毋庸置疑，是專(zhuān)家寫(xiě)給專(zhuān)家看的。

第二種比第一種分類(lèi)方式更容易讓人理解，但是關(guān)于份數(shù)的計(jì)量方式并不易于理解，并沒(méi)有人知道一份究竟是多少，對(duì)于含有多種營(yíng)養(yǎng)物質(zhì)的食物分類(lèi)也并不明確。

第一夫人米歇爾的話(huà)很有代表性：“家長(zhǎng)們沒(méi)有時(shí)間稱(chēng)量3盎司蛋白質(zhì)，卻會(huì)有時(shí)間看一眼孩子的盤(pán)子。”用戶(hù)都不是專(zhuān)家，第三種這種盤(pán)子分類(lèi)方式貼近生活，更加符合用戶(hù)心理模型，便于理解。

還有很多的垃圾筒分類(lèi)方法是分為可回收垃圾,不可回收垃圾和危險(xiǎn)品。這種分類(lèi)方法很多總是會(huì)讓人們感到難以忍受，因?yàn)閺膩?lái)沒(méi)有包裝上會(huì)注明包裝屬于可回收垃圾還是不可回收垃圾。

因而，右邊這種織物金屬的分類(lèi)方法更清晰。

清晰、完整、不重復(fù)

舉個(gè)例子，假如我要去超市里面買(mǎi)一把鏟子，某超市里面會(huì)有園藝類(lèi)和工具類(lèi)這樣子的分類(lèi)區(qū)，我該如何選擇呢？

這種模糊不清的分類(lèi)，費(fèi)時(shí)又費(fèi)力…

很多飯館的菜譜中也會(huì)有這樣的分類(lèi)：招牌、特色、推薦、滋養(yǎng)、爽飲等等。這種分類(lèi)表意不明確，有可能會(huì)漏掉某些內(nèi)容，也有可能會(huì)重復(fù)，所以在分類(lèi)的時(shí)候要盡可能?chē)?yán)謹(jǐn)。

保證清晰完整而又不會(huì)重復(fù)。

根據(jù)用戶(hù)需求 理清分類(lèi)級(jí)別

在下面的的關(guān)于火車(chē)票起售時(shí)間分類(lèi)中，用戶(hù)需要的是自己所在站點(diǎn)的售票時(shí)間。很明顯這種以時(shí)間為第一分類(lèi)，并且不帶任何查詢(xún)方式的分類(lèi)方法，就是無(wú)視用戶(hù)需求。

在這個(gè)交互過(guò)程中，用戶(hù)需求是看時(shí)間段。根據(jù)用戶(hù)需求，按照時(shí)間段分類(lèi)，貌似沒(méi)錯(cuò)，但是前提是要先找到自己所在的車(chē)站點(diǎn)。所以按時(shí)間段分類(lèi)其實(shí)是將用戶(hù)需求本末倒置的分類(lèi)方法。

在分類(lèi)中，要按照交互流的發(fā)生過(guò)程，在適當(dāng)?shù)那疤嵯鲁霈F(xiàn)適當(dāng)?shù)姆诸?lèi)。理清主次，輕重，然后決定分類(lèi)與否已經(jīng)分類(lèi)的層次級(jí)別。

關(guān)于“其他”

其他幾乎會(huì)出現(xiàn)在大多數(shù)不能很好的界定界限的分類(lèi)當(dāng)中，形象一點(diǎn)其他就是分類(lèi)中的垃圾桶，任何其余分類(lèi)不能放下的，都會(huì)被放在它里面。

“其他”，使用得當(dāng)，會(huì)幫助用戶(hù)處理掉很多難題，用的不好，也有可能會(huì)成為整個(gè)類(lèi)別中的隱患。
請(qǐng)重視你分類(lèi)中的其他。

學(xué)會(huì)分類(lèi)變通

生活中，這種簡(jiǎn)單明了的分類(lèi)方式越來(lái)越占主要地位,在交互設(shè)計(jì)中也開(kāi)始大張旗鼓的應(yīng)用這種便捷跟流暢,但游戲交互設(shè)計(jì)中也應(yīng)該推崇這種極便捷,不費(fèi)吹灰之力的交互嗎？我想未必。
挑揀的過(guò)于干凈的分類(lèi)，極有可能會(huì)減弱高等級(jí)道具對(duì)玩家所造成的挫敗感,去除干擾項(xiàng)的同時(shí)也干掉了他的危機(jī)感和消費(fèi)欲望吧。

游戲商城分類(lèi)有別于超市中生活用品的分類(lèi)。金幣銀幣和兌換券的分類(lèi)，讓用戶(hù)能快速找到他需要的物品同時(shí)，無(wú)法看到那些欲望消費(fèi)品。所以在欲望消費(fèi)中，除了按照用戶(hù)需求分類(lèi)，還要適當(dāng)?shù)睦美梅诸?lèi)方式引導(dǎo)，刺激玩家的消費(fèi)欲望。

第一種按照道具種類(lèi)分類(lèi)的方式比第二種分類(lèi)更能吸引玩家的購(gòu)買(mǎi)欲望，達(dá)到商城消費(fèi)目的。

所以，分類(lèi)的時(shí)候要根據(jù)不同的需求變通，不能被分類(lèi)束縛。

原文地址：http://www.z-index.cc/2012/01/12/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1%e7%ac%94%e8%ae%b0%e4%b9%8b%ef%bc%9a%e5%b0%8f%e5%88%86%e7%b1%bb%ef%bc%8c%e5%a4%a7%e5%ad%a6%e9%97%ae/