交互設(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://m.irelandcustomcontracting.com/tutorial/id1005.html
您可能還喜歡
- 關(guān)于第三方注冊(cè)和本地注冊(cè)的選擇
- 8大網(wǎng)頁(yè)前端界面必備jQuery插件
- 掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
- 時(shí)尚電商網(wǎng)站交互分析
- 軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind
- TGideas實(shí)例:加載,不只是少一點(diǎn)點(diǎn)
- 網(wǎng)頁(yè)設(shè)計(jì)中引人入勝的引導(dǎo)頁(yè)設(shè)計(jì)
- 體驗(yàn)新版Apple AppStore ——App設(shè)計(jì)從
- 確認(rèn)按鈕在左邊,取消按鈕在右邊?
- 交互設(shè)計(jì)從登錄開(kāi)始
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏