如何理解張小龍的“設(shè)計(jì)就是分類”?
編輯導(dǎo)語(yǔ):對(duì)于“設(shè)計(jì)就是分類”這句話,你是如何理解的?好的產(chǎn)品分類,可以引導(dǎo)用戶完成下一步操作,幫助用戶高效達(dá)成操作目標(biāo)。那么具體來(lái)看,產(chǎn)品分類該如何實(shí)踐?本篇文章里,作者從結(jié)構(gòu)層的角度,對(duì)產(chǎn)品分類一事做了總結(jié),一起來(lái)看一下。
相信不少產(chǎn)品經(jīng)理在成長(zhǎng)的路上,都避不開的兩本書,《微信的產(chǎn)品觀》和《用戶體驗(yàn)要素》。微信的產(chǎn)品觀中,張小龍的一個(gè)觀點(diǎn)讓我記憶深刻,他說(shuō),“設(shè)計(jì)就是分類”。
我們知道,用戶體驗(yàn)要素告訴我們,軟件產(chǎn)品的設(shè)計(jì)要遵循5個(gè)環(huán)節(jié),戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。
除了戰(zhàn)略層和范圍層之外,結(jié)構(gòu)層、框架層、表現(xiàn)層在產(chǎn)品工作中分別對(duì)應(yīng)了產(chǎn)品架構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、頁(yè)面布局設(shè)計(jì)、UI視覺設(shè)計(jì)。產(chǎn)品經(jīng)理的日常設(shè)計(jì)工作,主要會(huì)涉及產(chǎn)品架構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、以及頁(yè)面布局設(shè)計(jì)。
今天從結(jié)構(gòu)層這一層維度談?wù)劊瑸槭裁凑f(shuō),設(shè)計(jì)就是分類。在具體的產(chǎn)品設(shè)計(jì)層面,我們?cè)撊绾卫斫夂哇`行。
一、知識(shí)回顧:什么是結(jié)構(gòu)層?
結(jié)構(gòu)層位于用戶體驗(yàn)要素的第三層,是范圍層之后要考慮的。是比范圍層更具象的一層,比架構(gòu)層更抽象的一層。
我們知道,范圍層包含功能和內(nèi)容,內(nèi)容指的是超文本內(nèi)容,比如文字、語(yǔ)音、圖片視頻等等,功能指的是需要js類語(yǔ)言進(jìn)行開發(fā),要用戶不斷去進(jìn)行點(diǎn)擊、滑動(dòng)等交互操作才可以滿足用戶需求的功能。
按照范圍層的思路,結(jié)構(gòu)層可以根據(jù)功能和內(nèi)容以此分為交互設(shè)計(jì)和信息架構(gòu)兩個(gè)維度去思考和設(shè)計(jì)。對(duì)產(chǎn)品功能的具象化設(shè)計(jì),所對(duì)應(yīng)的是交互設(shè)計(jì),涉及用戶和系統(tǒng)交互的操作流程。對(duì)超文本內(nèi)容的具象化設(shè)計(jì),所對(duì)應(yīng)的是信息架構(gòu)設(shè)計(jì),對(duì)于信息內(nèi)容的整理和分類。
比如,淘寶的貨架功能支持用戶根據(jù)類別查找想要購(gòu)買的商品,整個(gè)功能交互就分為2步:
- 查找目標(biāo)類別;
- 點(diǎn)擊查看商品列表詳情。
而支撐起該場(chǎng)景下用戶需求的主題是大量的商品介紹描述等內(nèi)容,而這需要良好的信息架構(gòu)設(shè)計(jì)。
交互設(shè)計(jì)關(guān)注的是,你想要讓用戶通過什么交互操作來(lái)讓計(jì)算機(jī)執(zhí)行這個(gè)程序。信息架構(gòu)關(guān)注的是,你通過什么樣的表達(dá)方式讓用戶理解這個(gè)是什么,可以用來(lái)干什么。
舉個(gè)簡(jiǎn)單的例子,“單頁(yè)”和“雙頁(yè)”這個(gè)文案就是信息架構(gòu),該名詞簡(jiǎn)要地說(shuō)明了這個(gè)功能的作用,即可以讓屏幕只展示一頁(yè),也可以展示兩頁(yè)。我只需要「點(diǎn)擊」按鈕,就可以觸發(fā)這個(gè)功能,點(diǎn)擊這個(gè)行為,就是交互設(shè)計(jì)。
成功的用戶體驗(yàn)就是能夠事先知道用戶的期望。
結(jié)構(gòu)層,把哪些功能聚合到一個(gè)容器里,把哪些內(nèi)容聚合到一個(gè)主題下,這需要好好分類。張小龍說(shuō),設(shè)計(jì)就是分類。
結(jié)構(gòu)層的設(shè)計(jì),框架層的設(shè)計(jì),表現(xiàn)層的設(shè)計(jì),都是在分類。
二、明確定義:什么是分類?
那么,什么是分類,如何分類,為什么有的產(chǎn)品分類分得很好,產(chǎn)品用起來(lái)很流暢,而有些產(chǎn)品分類分得不好,找什么功能時(shí)候永遠(yuǎn)不知道應(yīng)該在哪里找。
百度百科對(duì)于分類的定義如下:
通過比較事物之間的相似性,把具有某些共同點(diǎn)或相似特征的事物歸屬于一個(gè)不確定集合的邏輯方法。
每個(gè)事物具有多種屬性,事物與事物在某些特征上具有相似性,將具有相似特征的事物歸屬于一個(gè)不確定集合的方法,即是分類。為何是不確定集合,因?yàn)檫@個(gè)類別并沒有遍歷/包含世界上所有具有該特征的事物,比如,可以將蘋果、西瓜、火龍果歸為水果類。
為什么要分類呢,好的分類可以使雜亂無(wú)章的世界變得井然有序,分類使事物高度有序化,極大提高我們的認(rèn)識(shí)效率和工作效率。
當(dāng)然,事物的屬性是多方面的,基于以上共識(shí),我們知道,分類是基于多個(gè)物體之間的共性進(jìn)行分類,而多個(gè)物體之間可能有多個(gè)維度的共性,所以分類的方法也是多樣的。在不同的情況下,可以采用不同的分類方法。
比如現(xiàn)在一些商品:菜刀、水果刀、蘋果、西瓜、橙子、玉米、上海青、火腿。
一個(gè)貨架管理員會(huì)基于物品用途的維度分類,將菜刀、水果刀分為刀具一類,蘋果、西瓜、橙子、玉米、上海青、火腿歸位食品一類。
一個(gè)家庭主婦會(huì)基于使用場(chǎng)景維度分類,將菜刀、玉米、上海青、火腿分為一廚房用品一類,將水果刀、蘋果、西瓜、橙子、分為客廳用品一類。
一個(gè)小朋友會(huì)基于物品屬性分類,將菜刀、水果刀分為刀具類,將蘋果、西瓜、橙子歸位水果類,將玉米、上海青歸為蔬菜類,將火腿歸位肉類。
每個(gè)人在分類時(shí),會(huì)基于自己的目的、認(rèn)知、和心智模型。
商店在設(shè)計(jì)分類區(qū)時(shí),考慮的是思維模式是方便上下架商品,方便讓逛商場(chǎng)的用戶方便找到商品。家庭主婦給家里的東西分類時(shí),考慮的思維模式是什么東西在同一時(shí)刻會(huì)用到。小朋友在分類時(shí)候,考慮的思維模式是做語(yǔ)文分類題。
三、結(jié)構(gòu)層設(shè)計(jì)中,如何分類?
在軟件產(chǎn)品上,分類的目的,是便于用戶理解、使用、記憶、和再次尋找。
因?yàn)槿说亩虝r(shí)記憶只能記憶7+-2個(gè)內(nèi)容,需要將產(chǎn)品的所有功能都進(jìn)行一層又一層的抽象和分類,供理解和記憶的數(shù)量,控制在5個(gè)以內(nèi)。比如,許多APP的主Tab最多有五個(gè)。
除此之外,分類還要考慮產(chǎn)品架構(gòu)的可拓展性,未來(lái)產(chǎn)品有更多功能時(shí),當(dāng)前的分類要有適應(yīng)增加和減少功能的能力,因?yàn)楫?dāng)前的分類是個(gè)不確定集合,未來(lái)會(huì)增加更多的功能和內(nèi)容需求。
所以,產(chǎn)品結(jié)構(gòu)層可以基于功能與功能之間的某些共性進(jìn)行分類,但無(wú)論基于哪種維度,都要滿足兩個(gè)標(biāo)準(zhǔn):一是要符合用戶心智;二是要有容納產(chǎn)品成長(zhǎng)和適應(yīng)變動(dòng)的能力,即拓展性。
這是我理解的,產(chǎn)品設(shè)計(jì)上,好的分類標(biāo)準(zhǔn)。
四、用產(chǎn)品實(shí)例,演繹如何分類
我們知道,軟件產(chǎn)品的范圍層可一分為二為,功能和內(nèi)容。
功能所涉及的屬性有,包含功能用途、適用對(duì)象、使用時(shí)間、使用地點(diǎn)、使用頻率、用戶使用動(dòng)機(jī)、啟動(dòng)該功能的交互方式等。內(nèi)容所涉及的屬性有,內(nèi)容格式(文章/視頻/鏈接/文件/圖片/語(yǔ)音/訂單等)、內(nèi)容狀態(tài)、內(nèi)容所表達(dá)的主題、內(nèi)容價(jià)值保質(zhì)期(在某個(gè)時(shí)期范圍之外就沒有閱讀價(jià)值了)等。
理論上是這樣,但是實(shí)際上各位產(chǎn)品經(jīng)理在實(shí)踐時(shí)候,是這么考慮的嘛。下面用幾個(gè)優(yōu)秀產(chǎn)品案例,來(lái)演繹以上分類方法理論,是否可在實(shí)踐中套用。
1. 對(duì)功能進(jìn)行分類
基于同一交互方式的共性維度。比如掃一掃這一交互方式,包含多種功能,可以實(shí)現(xiàn)添加好友、識(shí)別商品/花草/動(dòng)物,可以掃描翻譯中英文文本。比如搖一搖這一交互方式,可以實(shí)現(xiàn)添加陌生人、識(shí)別歌曲、連接電視等功能。
基于同一功能用途的共性維度。比如單聊、群聊、公眾號(hào)、微信步數(shù)、微信支付、服務(wù)通知、微信記賬等功能,其共性是都擁有發(fā)送內(nèi)容/信息這一能力。
無(wú)論發(fā)送方主體是某微信號(hào)、某微信群、訂閱號(hào)、服務(wù)號(hào)、微信官方服務(wù)(微信支付、微信應(yīng)用等),無(wú)論是一對(duì)一,或者一對(duì)多的發(fā)送消息,其功能用途是滿足發(fā)送者發(fā)送消息的需求。幫助發(fā)送者實(shí)現(xiàn)將一條信息內(nèi)容成功發(fā)送給指定的賬號(hào)這一功能。
消息內(nèi)容的規(guī)格類型有很多種,可以是文本、語(yǔ)音、視頻、圖片、文章、應(yīng)用、名片、金錢、通知、文件、鏈接等任何形式。
當(dāng)然也有分類分的令人疑惑的產(chǎn)品,比如美團(tuán)。
購(gòu)物車Tab里包含購(gòu)物車和收藏?而且用美團(tuán)這么多年,我從來(lái)沒有發(fā)現(xiàn)過這個(gè)購(gòu)物車旁邊這個(gè)收藏……因?yàn)槲覍?duì)于購(gòu)物車的心智模型是,它就是用來(lái)下單付款的,會(huì)到我的頁(yè)面尋找我曾經(jīng)收藏過的東西。購(gòu)物車下的商品tab分類只分為外賣和美食,外賣不是美食嘛?買菜的地位是啥?
再看下優(yōu)秀的分類設(shè)計(jì)案例。
2. 對(duì)內(nèi)容進(jìn)行分類
基于同一內(nèi)容格式的共性維度。比如微信收藏功能,收藏的對(duì)象是各種形式的內(nèi)容。用戶在多種場(chǎng)景都會(huì)有收藏的需求,和朋友聊天時(shí),收藏語(yǔ)音/文字/視頻/表情包,看公眾號(hào)時(shí),收藏的文章/視頻等。
收藏的數(shù)據(jù)類型種類繁多,可以基于內(nèi)容形式對(duì)于所有已收藏的內(nèi)容進(jìn)行分類。
再抽象一層,這些所有已收藏的內(nèi)容的共性是“已收藏”這一狀態(tài),用戶查找時(shí)的心智模型是,要找到曾經(jīng)收藏過的內(nèi)容。以及淘寶的收藏功能,收藏的對(duì)象可分類為是商品/寶貝、圖片、視頻、話題、清單。
反面案例還是美團(tuán)。收藏功能,令人意外的是,不給那么多類型的店鋪分個(gè)類?這我收藏了怎么找?一個(gè)個(gè)翻追溯到明年了都。而且,連個(gè)基礎(chǔ)的搜索也沒有……
基于同一內(nèi)容狀態(tài)的共性維度。比如,支付場(chǎng)景涉及的流程環(huán)節(jié)比較多,一個(gè)訂單會(huì)有多種狀態(tài)。
按照交易場(chǎng)景的下單流程,一個(gè)訂單會(huì)包含待支付、待收貨、待評(píng)價(jià)、已評(píng)價(jià)、待退款、已退款,最少五種狀態(tài)。系統(tǒng)可以根據(jù)當(dāng)前訂單所處的狀態(tài),將同種狀態(tài)下的訂單,歸屬在一個(gè)類別里。
五、我不只屬于一個(gè)分類
當(dāng)然,就像胡蘿卜既可以被歸為水果一類,又可以被歸為蔬菜一類外。一個(gè)功能,在很多時(shí)候,也不會(huì)只被歸屬于一類。一個(gè)功能,可能被放置在多個(gè)分類里,或者說(shuō),一個(gè)功能,可以是多個(gè)場(chǎng)景下的需求。
比如,外賣/買菜的「再來(lái)一單」功能,可以放置在「待評(píng)價(jià)」?fàn)顟B(tài)的訂單上,也可以放置在「已評(píng)價(jià)」?fàn)顟B(tài)的訂單上,還可以放在「已退款」?fàn)顟B(tài)的訂單上。
這是一個(gè)站在用戶視角,反向思考,檢查分類合理性的邏輯。
檢驗(yàn)的標(biāo)準(zhǔn)是,當(dāng)用戶有需求時(shí),想要找某功能時(shí),可以毫不糾結(jié)地知道,應(yīng)該在哪個(gè)分類里,哪個(gè)入口找到該功能或內(nèi)容。
分類要符合用戶的心智模型。而心智模型會(huì)受到用戶日常使用的其他APP的影響。
比如,我經(jīng)常使用叮咚買菜和美團(tuán)這兩個(gè)APP解決我的日常飲食問題,使用頻率也差不多,每個(gè)都是周均啟動(dòng)3-4天。叮咚買菜的「待評(píng)價(jià)」頁(yè)面里,有「再來(lái)一單」的功能按鈕,我每次都是進(jìn)去待評(píng)價(jià)里里面去再下一單。
而美團(tuán)買菜的「待評(píng)價(jià)」頁(yè)面里,沒有「再來(lái)一單」的功能按鈕,這個(gè)功能只在「我的訂單」頁(yè)面里有。導(dǎo)致我每次點(diǎn)外賣時(shí)候,都會(huì)先去「待評(píng)價(jià)」里,沒有再來(lái)一單按鈕,我就又點(diǎn)擊返回,再去我的訂單里找。
可以看到,我對(duì)于美團(tuán)買菜的功能使用,會(huì)受到叮咚買菜使用習(xí)慣的影響。
待評(píng)價(jià)頁(yè)面的訂單上,加上「再來(lái)一單」功能的需求必要性很好理解。
從叮咚買菜場(chǎng)景來(lái)說(shuō),我們喜歡吃的菜和水果品類也就那么幾種,和前幾日買相同的菜品的概率很高,而天天買同樣的菜,質(zhì)量什么的也都挺穩(wěn)定,不會(huì)每個(gè)訂單都去評(píng)價(jià),所以會(huì)有很多「待評(píng)價(jià)」的訂單。
當(dāng)用戶想要再次重復(fù)下單之前的訂單時(shí)候,腦海中想的是要找到那個(gè)訂單,因?yàn)槲覜]有對(duì)其進(jìn)行評(píng)價(jià),所以在「待評(píng)價(jià)」里應(yīng)該可以找到,在「我的訂單」歷史記錄中也可以找到。
誰(shuí)讓待評(píng)價(jià)有小紅點(diǎn)呢,而且入口又那么明顯,當(dāng)然就不自覺地點(diǎn)擊「待評(píng)價(jià)」咯。
外賣場(chǎng)景更是如此,經(jīng)常點(diǎn)外賣的人,每日可以點(diǎn)的也就那么幾種,歷史訂單再次下單的頻率更高。
還是那個(gè)思路,天天吃的酸辣粉,除非那家每次評(píng)價(jià)都給發(fā)紅包,否則誰(shuí)會(huì)單單給他評(píng)價(jià)啊?必然也是堆積了大量的待評(píng)價(jià)訂單狀態(tài)。
還是那個(gè)思路,當(dāng)我想要再次重復(fù)下單微辣不加香菜的酸辣粉訂單時(shí)候,腦海中想的是要找到昨天/前天的訂單,因?yàn)槲覜]有對(duì)其進(jìn)行評(píng)價(jià),所以在「待評(píng)價(jià)」里應(yīng)該可以找到,我點(diǎn)擊進(jìn)去了,萬(wàn)萬(wàn)沒想到,他居然只能評(píng)價(jià)。
作者:葛葛,無(wú)心有肺的產(chǎn)品經(jīng)理;公眾號(hào):葛葛的旅程
本文由@嗝嗝 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash, 基于CC0協(xié)議
我理解的是設(shè)計(jì)為了解決問題,分類是為了幫助用戶解決問題所以是這樣子嗎
“設(shè)計(jì)就是分類”探討的前提語(yǔ)境是互聯(lián)網(wǎng)軟件產(chǎn)品的設(shè)計(jì)?;ヂ?lián)網(wǎng)軟件產(chǎn)品的存在是為了解決目標(biāo)用戶的問題,滿足用戶需求的。app上有許功能,但是這些功能不都得落實(shí)安放在四個(gè)主頁(yè)面的容器里嗎。這不就需要分類了嘛。
一個(gè)功能,可以是多個(gè)場(chǎng)景下的需求。依據(jù)什么而分類,這個(gè)要搞清楚,不同的先決條件決定功能的去處。
對(duì) ,首先考慮的還是根據(jù)用戶的視角去分類,用戶是怎么想的。然后再看看如果純粹根據(jù)用戶的視角分類,后續(xù)是否具有可拓展能力。
根據(jù)用戶需求去進(jìn)行分類,一個(gè)功能能夠滿足不同場(chǎng)景下的需求才是實(shí)用的設(shè)計(jì)
根據(jù)用戶需求進(jìn)行分類有道理,但是到具體設(shè)計(jì)中,指導(dǎo)性不強(qiáng)。的確有很多功能是可以滿足多個(gè)場(chǎng)景下的用戶需求,當(dāng)用戶在多個(gè)場(chǎng)景下都有該類型的需求時(shí),這時(shí)候就要對(duì)需求進(jìn)行抽象了。
“設(shè)計(jì)就是分類”說(shuō)的很對(duì),但其實(shí)有的時(shí)候這樣說(shuō)并不是完全正確
說(shuō)的不錯(cuò)
很實(shí)在的話啊,事實(shí)就是這樣的,設(shè)計(jì)就是分類,不管你承認(rèn)不承認(rèn)
之前看《微信的產(chǎn)品觀》和《用戶體驗(yàn)要素》的時(shí)候就對(duì)這句話影響深刻
面向?qū)ο蟮乃季S。
餓了么不知道吃啥的時(shí)候就是再來(lái)一單,是我沒有發(fā)現(xiàn)美食的眼睛嘛,每次點(diǎn)的外賣都不太行