3個(gè)方法減少操作步驟,提升產(chǎn)品的易用性
身為一個(gè)設(shè)計(jì)師,我們都希望自己的產(chǎn)品可以給用戶提供好的體驗(yàn),但是做了一段時(shí)間發(fā)現(xiàn),視覺(jué)層面的優(yōu)化對(duì)產(chǎn)品用戶體驗(yàn)的提升力度是有限的。這就要求設(shè)計(jì)師需要想得更深入一點(diǎn),對(duì)功能流程進(jìn)行瘦身。其中減少操作步驟可以很好地提升產(chǎn)品的易用性,關(guān)于這個(gè)我在之前的文章《如何簡(jiǎn)化操作流程》中談到過(guò),但是不太詳細(xì),本篇文章就來(lái)說(shuō)一說(shuō)減少操作步驟的三大方法(場(chǎng)景)。
1. 空頁(yè)面
首先我們來(lái)說(shuō)空頁(yè)面,為什么先拿它開(kāi)刀?就是因?yàn)樗翱铡卑?。空?yè)面相對(duì)于常態(tài)頁(yè)面來(lái)說(shuō),沒(méi)有向用戶展示足夠重要的信息和內(nèi)容。當(dāng)然這里我不是分析如何去設(shè)計(jì)好空頁(yè)面,關(guān)于這個(gè)呢網(wǎng)上有很多教程,我自己之前也寫過(guò)。這篇文章我更愿意去討論如何去刪減空頁(yè)面場(chǎng)景。與其考慮怎么把空頁(yè)面做的好看,不如換種思路,把空頁(yè)面場(chǎng)景給去掉。因?yàn)闊o(wú)論再怎么美化,空頁(yè)面對(duì)用戶體驗(yàn)的流暢性來(lái)說(shuō)都是一種傷害。
舉個(gè)例子,咕咚是一款我常用的運(yùn)動(dòng)類app(假裝自己經(jīng)常運(yùn)動(dòng))。在我的頁(yè)中有一個(gè)功能是“訓(xùn)練計(jì)劃”,如果用戶當(dāng)前沒(méi)有訓(xùn)練計(jì)劃,就會(huì)展示這樣的一個(gè)空頁(yè)面,用戶點(diǎn)擊查看按鈕可以查看全部的訓(xùn)練課程,自行添加自己想要的課程。我之前一直覺(jué)得這種處理方式?jīng)]有什么不妥,直到我看到了英語(yǔ)流利說(shuō)。在英語(yǔ)流利說(shuō)中,有一個(gè)類似的場(chǎng)景,但是處理方式卻完全不一樣的。
用戶如果沒(méi)有添加課程,那么課程入口就會(huì)直接展示一個(gè)去添加課程的鏈接。英語(yǔ)流利說(shuō)刪去了空頁(yè)面,我個(gè)人非常贊同這種做法。因?yàn)槿绻皇窍敫嬷脩裟?dāng)前沒(méi)有添加過(guò)課程,為什么非要通過(guò)一整個(gè)頁(yè)面來(lái)傳達(dá)這個(gè)信息,這樣未免太過(guò)于奢侈。“空狀態(tài)”告訴用戶當(dāng)前沒(méi)有進(jìn)行任何操作,“去添加”告訴用戶操作路徑。“空狀態(tài)”是非必需的,因?yàn)橛脩艨吹搅恕叭ヌ砑印卑粹o也能明白“空狀態(tài)”。
按照這條思路,在咕咚中如果用戶當(dāng)前沒(méi)有訓(xùn)練計(jì)劃,在我的頁(yè)可以給用戶展示“發(fā)現(xiàn)/添加訓(xùn)練課程”的文案,用戶點(diǎn)擊直接進(jìn)入全部課程頁(yè)。
并且在空頁(yè)面中,無(wú)論那個(gè)跳轉(zhuǎn)按鈕做的再好看,它的轉(zhuǎn)化率也不可能達(dá)到100%的。所以適當(dāng)?shù)膭h減空頁(yè)面場(chǎng)景,不僅可以減少用戶操作步驟還可以提升轉(zhuǎn)化率。
2. 優(yōu)化選擇場(chǎng)景
設(shè)計(jì)圈有一句俗語(yǔ):don’t make me think,其實(shí)我更傾向于把think改成choose,因?yàn)闆](méi)有choose哪來(lái)的think。一旦所面臨的選項(xiàng)越多,用戶就越難做出決策。就好比很多條件非常優(yōu)秀的人最后都成了單身狗,因?yàn)樘艋搜邸K詾榱吮苊庥脩粼谑褂梦覀儺a(chǎn)品過(guò)程中陷入“挑花了眼”的局面,我們應(yīng)該考慮去弱化甚至隱藏一些選擇場(chǎng)景。
選擇場(chǎng)景可以分為兩種:殊途同歸和分道揚(yáng)鑣。
殊途同歸:從A出發(fā),遇到一個(gè)岔路口,告訴你現(xiàn)在有3條路可以選,不管選擇哪條都會(huì)到達(dá)B。
分道揚(yáng)鑣:從A出發(fā),遇到一個(gè)岔路口,告訴你現(xiàn)在有3條路可以選,選擇不同的路會(huì)到達(dá)不同的目的地B、C、D。
對(duì)于殊途同歸的場(chǎng)景來(lái)說(shuō),既然無(wú)論選擇哪條路徑都能到達(dá)同樣的目的地,那么說(shuō)明這個(gè)選擇場(chǎng)景不是必需的,我們可以考慮隱藏。怎么隱藏?提供一個(gè)默認(rèn)路徑(狀態(tài))。
以實(shí)名認(rèn)證為例,常見(jiàn)的實(shí)名認(rèn)證方法可以是輸入姓名身份證號(hào)、上傳身份證正反面照片或者人臉識(shí)別。一般的流程是,用戶點(diǎn)擊實(shí)名認(rèn)證,進(jìn)入下一個(gè)頁(yè)面,在這個(gè)頁(yè)面中讓用戶選擇驗(yàn)證方式。其實(shí)我們可以考慮直接給用戶一個(gè)默認(rèn)的認(rèn)證方式,為了防止用戶對(duì)當(dāng)前的方式不滿意,再提供一個(gè)選擇其他認(rèn)證方式的鏈接,這樣的設(shè)置對(duì)于沒(méi)有進(jìn)行二次選擇的用戶來(lái)說(shuō)等于減少了一個(gè)步驟。
其實(shí)殊途同歸的場(chǎng)景很容易讓用戶產(chǎn)生誤解。例如在蝦米音樂(lè)我要下一首歌曲,點(diǎn)擊下載icon,出現(xiàn)一個(gè)底部動(dòng)作欄,讓我選擇下載的音質(zhì),選擇完成之后進(jìn)入付費(fèi)流程。
在這樣的一個(gè)流程中,我以為花了這兩塊錢只能下載選擇的音質(zhì)。后來(lái)我發(fā)現(xiàn),當(dāng)完成付款之后,這三種音質(zhì)都是可以下載的。既然付費(fèi)了這三種音質(zhì)都是可以下載的,為什么還要讓用戶去選擇音質(zhì)?如果只是讓用戶感知這首歌有3種音質(zhì)可供下載,可以在付款頁(yè)面中予以展示。付完款之后,再提供這樣的一個(gè)選擇場(chǎng)景,讓用戶下載自己喜歡的音質(zhì)。過(guò)于前置的選擇場(chǎng)景會(huì)讓用戶產(chǎn)生誤解。
3. 定制化
所謂“定制化”就是給用戶權(quán)限根據(jù)自己的實(shí)際需求去調(diào)整產(chǎn)品的界面布局,內(nèi)容模塊和視覺(jué)樣式等。例如我們可以根據(jù)自己的喜好去更換網(wǎng)易云音樂(lè)的界面主題,當(dāng)然這種定制化無(wú)法減少操作步驟。在支付寶中,用戶可以自行添加常用的功能,這樣就不需要每次都去相應(yīng)的模塊中找,非常的方便,這樣的定制化處理才真正的減少了用戶操作步驟。
為了讓大家直觀的感受一下差距,我舉一個(gè)反例。我的南京首頁(yè)雖然可以自由定制常用的功能,但是無(wú)法更改模塊的順序。
這種做法明顯是不合理的,因?yàn)槊總€(gè)用戶的需求是不一樣的。對(duì)于一個(gè)每天搭公交車上班的人來(lái)說(shuō),交通模塊中可能只有公交出行和有滴打車(偶爾起床起遲了)對(duì)他來(lái)說(shuō)是有意義的。除此之外,他可能更希望去關(guān)注社保、公積金的查詢,水電煤繳費(fèi)功能。但是社保和公積金在政務(wù)模塊,排在第五位,用戶必須滑動(dòng)才能看到。所以說(shuō)我的南京首頁(yè)的定制化屬于“偽定制化”,無(wú)法真正滿足用戶多樣的需求,更不要說(shuō)減少操作步驟了
總結(jié)
以上就是我對(duì)減少操作步驟的分析和總結(jié),如果你有什么不同的建議和看法,歡迎留言討論。
#專欄作家#
王M爭(zhēng)(微信公眾號(hào):王M爭(zhēng)),人人都是經(jīng)理專欄作家,資深互聯(lián)網(wǎng)人。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Pexels ,基于 CC0 協(xié)議
第一點(diǎn)空頁(yè)面的設(shè)計(jì),有沒(méi)有考慮到用戶其實(shí)不知道自己是否有過(guò)課程,想先點(diǎn)進(jìn)去列表看了確定沒(méi)有才想去添加課程
進(jìn)入系統(tǒng)都引導(dǎo)你去執(zhí)行添加操作,意思不是已經(jīng)很明白了嗎?就是沒(méi)有課程呀
關(guān)于蝦米音樂(lè)下載品質(zhì)的我有話說(shuō)。
這個(gè)流程是一個(gè)舊有流程,因?yàn)橹昂芏郃PP對(duì)于音樂(lè)品質(zhì)付費(fèi)下載是有區(qū)分的,低品質(zhì)是免費(fèi),高品質(zhì)才需要付費(fèi)。用戶習(xí)慣從這里可以說(shuō)一定程度上養(yǎng)成了。
另一個(gè),運(yùn)營(yíng)側(cè)的需要。因?yàn)橐院笞龌顒?dòng),可以考慮這里設(shè)置不同品質(zhì)不同的優(yōu)惠、價(jià)格區(qū)分、限免等等。
總體來(lái)說(shuō),我覺(jué)得先付費(fèi)后下載不利于運(yùn)營(yíng)。
好像蠻有道理
贊同,所有設(shè)計(jì)的產(chǎn)品都必須轉(zhuǎn)化為商業(yè)價(jià)值,前期產(chǎn)品經(jīng)理設(shè)計(jì)的再好,后期根據(jù)運(yùn)營(yíng)經(jīng)理的反饋修改是常有的事情。此處先提供ABC三類品質(zhì),引誘用戶取付費(fèi),和 地?cái)?2堆蘋果 分開(kāi)賣性質(zhì)一樣。首先看到的是有2堆蘋果,在看到的同時(shí)就心理有了購(gòu)買的預(yù)期了。
大哥,你在逗我嗎,說(shuō)好的有殊途同歸和分道揚(yáng)鑣,寫完殊途同歸把分道揚(yáng)鑣給我吃了啊。游戲體驗(yàn)極差。
實(shí)名認(rèn)證那里:“這樣的設(shè)置對(duì)于沒(méi)有進(jìn)行二次選擇的用戶來(lái)說(shuō)等于減少了一個(gè)步驟。”
那對(duì)于進(jìn)行了二次選擇的用戶來(lái)說(shuō)是不是反而增加了一個(gè)步驟?是不是直接把另外兩種方式的鏈接展示在下面比較好呢。
兩種方式以鏈接形式展示在下面的確更好,但是超過(guò)了兩種只能用動(dòng)作欄了。這里的確可以更加細(xì)化一下場(chǎng)景,謝謝提醒
不能這樣看。
1.默認(rèn)路徑可以省去用戶思考的步驟(人的惰性),后臺(tái)數(shù)據(jù)會(huì)趨向于不二次選擇的用戶多于二次選擇用戶。
2.當(dāng)出現(xiàn)二次選擇的用戶時(shí),又因?yàn)閷?shí)名認(rèn)證一般是一次性操作,所以二次選擇用戶一定是默認(rèn)選擇出現(xiàn)異常,需要其他途徑。
【直接把另外兩種方式的鏈接展示在下面比較好】比較贊同,可以將下放列兩個(gè)其余選擇的bottom。
如何解決?
測(cè)試3種不同選擇在默認(rèn)路徑下的選擇數(shù)據(jù),將最高的作為默認(rèn)路徑,其余兩個(gè)均給予選擇進(jìn)行二次操作。
這個(gè)方法好。
2中的“一定是默認(rèn)選擇出現(xiàn)異?!睕](méi)理解,希望能指點(diǎn)一二
這個(gè)看優(yōu)先級(jí)了,以及希望用戶使用哪種,總要有取舍
我覺(jué)得是這樣的,我們?cè)谧鲆粋€(gè)功能點(diǎn)或者提高用戶體驗(yàn)時(shí)需要結(jié)合之前設(shè)計(jì)的歷史數(shù)據(jù)來(lái)作為依據(jù)或者用戶反饋,如果大部分用戶選擇用姓名 身份證來(lái)實(shí)名,那默認(rèn)顯示出來(lái)的肯定是它,其它使用概率低的方式可以弱化,但主要還是突出使用率高的方式,這樣和數(shù)據(jù)結(jié)合出來(lái)做的設(shè)計(jì)更符合用戶預(yù)期,如果是在戰(zhàn)略層就已經(jīng)有清晰的線路圖,那就又要結(jié)合商業(yè)需求了