對(duì)工具型產(chǎn)品易學(xué)習(xí)與易使用的思考

1 評(píng)論 6964 瀏覽 34 收藏 12 分鐘

小編推薦:易學(xué)習(xí)是指怎么讓新用戶的學(xué)習(xí)成本降低,能夠很快地掌握產(chǎn)品的使用,它的前提是足夠簡(jiǎn)單和容易理解。而易使用是指,如何讓用戶快速、高效地完成一項(xiàng)任務(wù),達(dá)到預(yù)期的目的。而這兩點(diǎn)也正是工具型產(chǎn)品關(guān)注的重點(diǎn)。

絕大部分的互聯(lián)網(wǎng)產(chǎn)品都是工具型產(chǎn)品,在設(shè)計(jì)工具型產(chǎn)品的時(shí)候,無(wú)可避免會(huì)遇到可用性的問(wèn)題,其中易學(xué)習(xí)與易使用,是我們產(chǎn)品經(jīng)理關(guān)注的重點(diǎn)。

既然要聊這個(gè)話題,首先我們明確什么是易學(xué)習(xí)和易使用。

根據(jù)我個(gè)人的理解,在互聯(lián)網(wǎng)產(chǎn)品范疇內(nèi),給易學(xué)習(xí)和易使用下一個(gè)定義:

  • 易學(xué)習(xí):如何讓新用戶的學(xué)習(xí)成本降低,不需要經(jīng)過(guò)太多的培訓(xùn),就能夠在短時(shí)間內(nèi)掌握產(chǎn)品的使用;
  • 易使用:如何讓用戶快速、高效地完成一項(xiàng)任務(wù),達(dá)到預(yù)期的目的;

從定義上來(lái)看,兩者并不沖突,易使用也包含了易學(xué)習(xí)的范疇。但實(shí)際上兩者很難兼顧,易學(xué)習(xí)會(huì)帶來(lái)使用上的不便捷,易使用會(huì)增加用戶的學(xué)習(xí)成本。在我們?cè)O(shè)計(jì)產(chǎn)品方案的時(shí)候,經(jīng)常會(huì)糾結(jié)產(chǎn)品的流程、交互、布局是讓新用戶更快上手,還是讓老用戶更舒服?

  • 一個(gè)長(zhǎng)表單,如果做成分步填寫,會(huì)讓新用戶感覺更友好,更清晰。但是老用戶會(huì)覺得表單很繁瑣,明明可以在一個(gè)頁(yè)面填完卻要點(diǎn)多幾次“下一步”;
  • 一個(gè)報(bào)表分析平臺(tái),如果把工具欄全部放在同一個(gè)操作界面,會(huì)讓新用戶感覺不知所措,這么多功能感覺很復(fù)雜,學(xué)習(xí)成本增加。但是老用戶會(huì)覺得更方便,需要的工具一眼都能找到,工作效率大大提升。

類似的例子還有很多,為了讓大家面對(duì)這種問(wèn)題不用想到頭禿,我有一些不成熟的思考。

易學(xué)習(xí)的前提是足夠簡(jiǎn)單,容易理解。互聯(lián)網(wǎng)圣經(jīng)《Don’t make me think》里有一個(gè)觀點(diǎn):要點(diǎn)擊多少次都沒有關(guān)系,只要每次點(diǎn)擊都是無(wú)需思考,明確無(wú)誤的選擇。

這句話對(duì)應(yīng)的產(chǎn)品表現(xiàn)為:

在簡(jiǎn)單場(chǎng)景中,我們使用的策略是分步,將一個(gè)流程拆成幾個(gè)步驟,簡(jiǎn)化每個(gè)步驟的認(rèn)知。例如AIRBNB中填寫個(gè)人信息會(huì)分為幾個(gè)步驟,減少用戶填寫的壓力,并通過(guò)進(jìn)度條的方式提醒當(dāng)前還要填寫哪些信息;簡(jiǎn)單場(chǎng)景中因?yàn)榱鞒梯^短,內(nèi)容較少,所以易學(xué)習(xí)和易使用之間不存在太多的矛盾。

而復(fù)雜場(chǎng)景中,我們使用的策略是結(jié)構(gòu)化呈現(xiàn),將屬于同類的流程或操作進(jìn)行收納,統(tǒng)一用戶的概念模型,清楚頁(yè)面中每一部分大概都是做什么的。例如SKETCH中會(huì)分為功能區(qū)、圖層圖、信息展示區(qū)等不同的部分,通過(guò)分類減低用戶對(duì)產(chǎn)品的學(xué)習(xí)成本。

收納歸類雖然容易理解,但是按照嚴(yán)格的歸納方式,當(dāng)我們需要去點(diǎn)選某個(gè)層級(jí)較深的選項(xiàng)時(shí)操作路徑略顯冗余。而且當(dāng)產(chǎn)品功能變多的時(shí)候,頁(yè)面的選項(xiàng)會(huì)增加,雖然找起來(lái)不用經(jīng)過(guò)太多思索,但是逐個(gè)尋找效率也會(huì)降低。

在微軟的POWERPOINT中,如果我們想要畫一個(gè)帶樣式的列表,按照正常的產(chǎn)品路徑有四個(gè)步驟:

  1. 點(diǎn)擊“插入”
  2. 找到頁(yè)面中的“SmartArt”并點(diǎn)擊
  3. 點(diǎn)擊“列表”
  4. 選擇列表的樣式

這個(gè)路徑每一步的目的都非常清晰,易學(xué)習(xí),對(duì)新用戶非常友好。相信剛接觸PPT的學(xué)生隨便點(diǎn)擊幾次菜單就能搞懂如何做流程圖。但是整個(gè)過(guò)程略顯繁瑣。特別是當(dāng)我們熟練使用以后,每次插入圖表都需要點(diǎn)擊四次,換誰(shuí)都不樂(lè)意了。

這時(shí)候微軟的產(chǎn)品經(jīng)理想到了一個(gè)很巧妙的辦法去解決這個(gè)問(wèn)題。

從用戶做流程圖的場(chǎng)景思考,通常我們做流程圖有兩種思路。第一種是先把圖畫出來(lái),在這個(gè)基礎(chǔ)上再添加文字信息。我們要先想好用哪種樣式的圖,然后再根據(jù)圖放內(nèi)容。這種思路是我們現(xiàn)在PPT常規(guī)路徑支持的方式,對(duì)應(yīng)的就是路徑太深,流程繁瑣的問(wèn)題。

第二種是先把文字信息全都列出來(lái),然后再考慮樣式應(yīng)該怎么調(diào)整。于是PPT上多了一個(gè)功能叫做“轉(zhuǎn)化為SmartArt”,并且放在開始菜單的位置。

這時(shí)候我們要做一個(gè)帶樣式的列表,只需要兩步:

  1. 點(diǎn)擊“轉(zhuǎn)化為SmartArt”
  2. 選擇列表的樣式

通過(guò)一個(gè)快捷入口,簡(jiǎn)化了常用功能的操作路徑,省去了步驟1;同一場(chǎng)景下選擇更符合用戶思考模式的設(shè)計(jì),省去了步驟3。

說(shuō)了那么多,以上總結(jié)下來(lái)就是,在產(chǎn)品工作中我們經(jīng)常會(huì)感覺新產(chǎn)品的設(shè)計(jì)應(yīng)該盡量對(duì)新用戶友好,讓新用戶都喜歡上這個(gè)產(chǎn)品,以易學(xué)習(xí)為設(shè)計(jì)核心。但是如果你的產(chǎn)品面對(duì)的是高頻(每周至少打開1次)場(chǎng)景,當(dāng)用戶熟練掌握以后,他們需要的是一款易使用比易學(xué)習(xí)更高優(yōu)先級(jí)的產(chǎn)品。

用戶一直在成長(zhǎng),隨著用戶的進(jìn)步,我們?cè)诋a(chǎn)品中應(yīng)該考慮更多易使用的途徑。高頻功能,我們通過(guò)快捷入口、場(chǎng)景轉(zhuǎn)換提升效率,讓功能變得易使用;低頻功能,我們通過(guò)結(jié)構(gòu)化的收納歸類降低用戶的學(xué)習(xí)成本,變得更易使用。

很多人都認(rèn)為:設(shè)計(jì)易用易學(xué)習(xí)的產(chǎn)品,前提是模擬用戶的心理模型,順應(yīng)用戶的使用習(xí)慣。

我認(rèn)為并不完全對(duì),我的觀點(diǎn)是:在無(wú)關(guān)緊要的細(xì)節(jié),我們可以遵循用戶的使用習(xí)慣,遵循用戶的依賴路徑。但是在核心功能甚至是戰(zhàn)略性功能上,我們可以嘗試依據(jù)企業(yè)的戰(zhàn)略需要,構(gòu)建用戶的依賴路徑,改變用戶的認(rèn)知。

微信里有一個(gè)功能改動(dòng),有一段時(shí)間我一直覺得挺匪夷所思的,就是群收款路徑的改變。

按照發(fā)起群收款的場(chǎng)景來(lái)看,大部分人會(huì)先選擇某個(gè)群,再點(diǎn)加號(hào)找到收款的按鈕,實(shí)際上一開始微信也是這樣設(shè)計(jì)的。從產(chǎn)品設(shè)計(jì)上來(lái)看,是符合易學(xué)習(xí)的,每一次點(diǎn)擊都很自然不需要經(jīng)過(guò)太多的思考。

但是后來(lái)微信一次改版把群收款的入口移到了收付款里面,要打開可以通過(guò)首頁(yè)的加號(hào)或者支付頁(yè)面。從這個(gè)入口進(jìn)入以后還是要選擇某個(gè)群聊,從操作路徑來(lái)看,比原來(lái)還要再長(zhǎng)一些。最困惑的是居然把原本的操作入口直接刪除,導(dǎo)致每次發(fā)起群收款都要先在群聊里懵逼一會(huì)再想起來(lái)應(yīng)該點(diǎn)到收付款里面。

后來(lái)成長(zhǎng)了一些,想得多看得多以后,我對(duì)這件事有了進(jìn)一步的看法。

實(shí)際上,微信這次改動(dòng)是一次從適應(yīng)場(chǎng)景到構(gòu)建場(chǎng)景的改變。把同類的功能做了一次歸納,把所有和交易相關(guān)的場(chǎng)景集中放在收付款里面,通過(guò)這樣的方式可以培養(yǎng)用戶的固定路徑。

雖然一開始用戶肯定會(huì)不習(xí)慣,但是培養(yǎng)了用戶的固定路徑和以后,一方面可以在收付款里疊加更多和支付相關(guān)的場(chǎng)景,通過(guò)高頻功能帶動(dòng)低頻功能的使用。另一方面是統(tǒng)一用戶的支付行為認(rèn)知,把多個(gè)高頻支付場(chǎng)景集合起來(lái)以后,用戶以后每次遇到和支付相關(guān)的行為時(shí),很自然就會(huì)打開微信,打開收付款功能。

類似的設(shè)計(jì)還有支付寶的卡包功能。

支付寶的卡包最開始叫卡券,在卡券這個(gè)頁(yè)面承載的是各類優(yōu)惠券以及電子會(huì)員卡,例如優(yōu)酷會(huì)員、餓了么的會(huì)員等等。

  • 第一次改變是在卡券頁(yè)面中增加了一個(gè)叫“證件夾”的模塊,把一些電子身份證、駕駛證等信息放在頁(yè)面中。
  • 第二次改變是把卡券直接改名叫卡包,卡包里分為卡券、票以及證件三個(gè)模塊。同時(shí)也把一些高頻使用的社保卡、公積金服務(wù)添加到證件模塊中。

卡券功能的分類增加是一個(gè)很有趣的變化。證件夾的加入,讓卡券功能變得越來(lái)越像一個(gè)現(xiàn)實(shí)生活中常用的錢包,這也意味著這個(gè)功能有更多的想象空間,可以構(gòu)建更多的“錢包場(chǎng)景”。想想我們?nèi)粘I钪?,錢包里除了裝證件、各種各樣的卡以外,還有很多小玩意。例如名片、小片、收據(jù)等等。

這個(gè)改變對(duì)產(chǎn)品結(jié)構(gòu)來(lái)說(shuō),沒有太大的改變,但是我們看到支付寶在改變用戶的依賴路徑,構(gòu)建錢包的場(chǎng)景。當(dāng)我們真正把這個(gè)電子錢包想象成我們?nèi)粘У腻X包時(shí),很多用戶路徑就自然而然產(chǎn)生了。

可見易使用與易學(xué)習(xí)思考的起點(diǎn)并不在于用戶現(xiàn)有的固定路徑長(zhǎng)什么樣,而是我們希望用戶怎么去用,怎么去理解這個(gè)設(shè)計(jì)。

最后再雞湯一句,對(duì)于一個(gè)好的產(chǎn)品設(shè)計(jì)師來(lái)說(shuō),我們追求的不是一味的適應(yīng),而是創(chuàng)造超越用戶預(yù)期的體驗(yàn),共勉。

#專欄作家#

阿翹,微信公眾號(hào):阿翹AKIU。平安科技資深產(chǎn)品經(jīng)理,《產(chǎn)品經(jīng)理進(jìn)階:100個(gè)案例搞懂人工智能》作者;擅長(zhǎng)人工智能技術(shù)在金融領(lǐng)域的商業(yè)化應(yīng)用,實(shí)踐經(jīng)驗(yàn)豐富,對(duì)產(chǎn)品設(shè)計(jì)方法論有深入洞察。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,不得轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 寫的挺好的,贊一個(gè)

    方便新手還是老手,挺矛盾的,最終怎么選還是要為產(chǎn)品目標(biāo)服務(wù),同一個(gè)產(chǎn)品不同端,不同階段,側(cè)重點(diǎn)可能都不一樣

    來(lái)自河北 回復(fù)