本文總結(jié)了一些可以讓用戶少操作的交互細(xì)節(jié)，與大家分享，希望可以給大家?guī)?lái)一些啟發(fā)。

最近有同事在公司反饋：“有用戶說(shuō)xx流程、xx流程太繁瑣了?！碑a(chǎn)品經(jīng)理反駁：“怎么可能，我已經(jīng)對(duì)標(biāo)過(guò)業(yè)內(nèi)很多體驗(yàn)很好的app，流程上的步驟我敢保證我們絕對(duì)不比別人多?！?/p>

作為“好事”的交互，我決定走查一下流程，看看問(wèn)題出在哪里。

產(chǎn)品經(jīng)理沒(méi)有說(shuō)謊，被用戶吐槽的幾個(gè)流程確實(shí)一個(gè)步驟也沒(méi)多余。但是呀，頁(yè)面上很多本該可以讓用戶少操作的地方，都沒(méi)有做好優(yōu)化，導(dǎo)致一個(gè)相同的頁(yè)面，用戶在其他app可能輸入一次或點(diǎn)擊一下就好了，在我們app可能操作要翻倍。所以給用戶留下了繁瑣、難操作的印象。

因此，我也總結(jié)了一些可以讓用戶少操作的交互細(xì)節(jié)，比較零散，還請(qǐng)大家見(jiàn)諒。

總結(jié)如下：

1、記錄保存用戶填寫(xiě)過(guò)的信息，并作為默認(rèn)值填充進(jìn)輸入框。

如攜程訂火車(chē)票，會(huì)記錄用戶上次填寫(xiě)過(guò)的乘客信息和手機(jī)號(hào)碼，在用戶下次再次訂火車(chē)票時(shí)，頁(yè)面上已填充好上次的信息，在大多數(shù)情況下可以減少用戶的輸入成本。

圖1.攜程火車(chē)票的填寫(xiě)訂單頁(yè)截圖

2、幫用戶選擇或填寫(xiě)合適的默認(rèn)值，如同意協(xié)議、中國(guó)用戶填寫(xiě)手機(jī)號(hào)默認(rèn)填寫(xiě)區(qū)號(hào)（+86）等。

圖2.蝦米音樂(lè)注冊(cè)頁(yè)截圖

3、需要調(diào)用鍵盤(pán)的頁(yè)面，如在頁(yè)面底端無(wú)內(nèi)容（即鍵盤(pán)不會(huì)遮擋內(nèi)容時(shí)），自動(dòng)激活輸入框，滑出數(shù)字鍵盤(pán)，無(wú)需用戶手動(dòng)點(diǎn)擊輸入框觸發(fā)。

圖3.支付寶輸入短信驗(yàn)證碼頁(yè)截圖

4、判斷輸入框的內(nèi)容類型，自動(dòng)調(diào)用對(duì)應(yīng)類型的鍵盤(pán)。如輸入短信驗(yàn)證碼則調(diào)用數(shù)字鍵盤(pán)、輸入地址則調(diào)用拼音鍵盤(pán)。

圖4.京東地址管理頁(yè)截圖

5、使用控件等方式供用戶選擇代替手動(dòng)輸入。

a、提供滾輪供用戶選擇替代用戶手動(dòng)輸入；

圖5.微信修改地址頁(yè)截圖

圖6.Keep填寫(xiě)個(gè)人信息頁(yè)截圖

b、使用步進(jìn)器代替手動(dòng)輸入；

圖7.餓了么選擇商品頁(yè)截圖

c、使用通訊錄選擇聯(lián)系人替代手動(dòng)輸入聯(lián)系人信息；

圖8.餓了么填寫(xiě)收貨地址頁(yè)截圖

d、使用地圖選擇當(dāng)前地點(diǎn)替代手動(dòng)輸入地址信息；

圖9.滴滴出行選擇出發(fā)地點(diǎn)頁(yè)截圖

e、使用OCR掃描銀行卡、身份證等替代手動(dòng)輸入信息；

圖10.網(wǎng)易金融添加銀行卡頁(yè)截圖

f、使用掃描二維碼加好友、打開(kāi)網(wǎng)頁(yè)鏈接等替代手動(dòng)輸入信息；

圖11.微信掃描二維碼頁(yè)截圖

g、使用指紋密碼替代手勢(shì)密碼及手動(dòng)輸入支付密碼；

圖12.支付寶轉(zhuǎn)賬頁(yè)截圖

圖13.PPmoney輸入手勢(shì)密碼頁(yè)截圖

f、使用滑動(dòng)選擇器替代手動(dòng)輸入信息。

圖14.京東錢(qián)包計(jì)算收益頁(yè)截圖

6、為輸入內(nèi)容自動(dòng)隔空使內(nèi)容可讀性更高，一般銀行卡輸入會(huì)每輸入4位輸入框自動(dòng)空一格，身份證也會(huì)以6-8-4的格式分開(kāi)、手機(jī)號(hào)以3-4-4的格式分開(kāi)；

反過(guò)來(lái)，在刪除字符時(shí)，用戶在刪除空格右邊的字符時(shí)，應(yīng)同時(shí)刪除空格和字符，如下：

圖15.網(wǎng)易支付添加銀行卡頁(yè)截圖

用戶在刪除最后一位字符“2”時(shí)，會(huì)同時(shí)刪除空格和“2”，光標(biāo)自動(dòng)定位至“1”處。

7、表單輸入框內(nèi)容較多時(shí)，若用戶誤操作退出，再次填寫(xiě)的成本較高，所以用戶點(diǎn)擊退出，彈窗提示二次確認(rèn)。

圖16.菜鳥(niǎo)裹裹填寫(xiě)收件人頁(yè)截圖

8、搜索框、輸入框自動(dòng)聯(lián)想進(jìn)行提示，用戶可以對(duì)聯(lián)想結(jié)果進(jìn)行選擇而無(wú)須手動(dòng)輸入所有信息。如餓了么在填寫(xiě)聯(lián)系人電話時(shí)，會(huì)自動(dòng)提示使用餓了么的賬號(hào)，如果用戶的注冊(cè)賬號(hào)與聯(lián)系人電話相同，則不需要手動(dòng)輸入。

圖17. 餓了么新增地址頁(yè)截圖

圖18.菜鳥(niǎo)裹裹填寫(xiě)收件人頁(yè)截圖

9、在頁(yè)面上保存好用戶填寫(xiě)的內(nèi)容，防止用戶誤操作而遺失內(nèi)容。

如MONO進(jìn)行評(píng)論，已輸入文字，在收起后仍然保留在輸入框；MONO在發(fā)布日簽時(shí)，若已輸入文字，收起后點(diǎn)擊對(duì)應(yīng)區(qū)域，該區(qū)域的文案仍然保留在輸入框中。

圖19.MONO發(fā)表評(píng)論頁(yè)截圖

圖20.MONO發(fā)布日簽頁(yè)截圖

10、如果app的賬戶體系對(duì)應(yīng)的對(duì)象群體、使用環(huán)境、安全級(jí)別要求都是比較接近的話，同一公司的app可使用同一ID登錄以減少用戶注冊(cè)登錄的成本。

（使用同一ID進(jìn)行登錄的相關(guān)鏈接：https://www.zhihu.com/question/19912372/answer/13330792）

圖21.菜鳥(niǎo)裹裹首頁(yè)截圖

圖22.京東登錄頁(yè)截圖

11、首次打開(kāi)app或切換tab時(shí)，頁(yè)面自動(dòng)刷新加載最新內(nèi)容，無(wú)需用戶手動(dòng)刷新。

圖23.網(wǎng)易新聞首頁(yè)截圖

12、輸入支付密碼后，自動(dòng)驗(yàn)證支付密碼是否正確，正確則自動(dòng)跳轉(zhuǎn)至交易結(jié)果頁(yè)（頁(yè)面上無(wú)需有“確定”按鈕，且無(wú)需用戶手動(dòng)點(diǎn)擊“確定”后再驗(yàn)證）。

13、根據(jù)用戶目前操作預(yù)測(cè)用戶下一步操作，及時(shí)提供便捷操作給用戶。

如使用屏幕截圖后，飛豬在屏幕提供“好友分享”、“問(wèn)題反饋”等操作；QQ在好友聊天界面上提供快捷發(fā)送圖片的操作。

圖24.飛豬首頁(yè)截圖圖25.支付寶轉(zhuǎn)賬頁(yè)截圖圖26.QQ聊天頁(yè)截圖

14、在社交軟件上復(fù)制淘寶口令，打開(kāi)淘寶后會(huì)自動(dòng)彈出商品信息，使用戶更快捷地找到想要的商品。

圖27.淘寶首頁(yè)截圖

15、文章、視頻記錄用戶上次瀏覽的位置，用戶繼續(xù)瀏覽時(shí)，可以更快捷方便而無(wú)需手動(dòng)找上次瀏覽的節(jié)點(diǎn)。

如簡(jiǎn)書(shū)的文章看了一部分時(shí)，退出文章后再次進(jìn)入，會(huì)自動(dòng)定位到上次的瀏覽位置；微博的視頻進(jìn)入屏幕內(nèi)會(huì)自動(dòng)播放，滑出屏幕會(huì)停止播放，再次進(jìn)入屏幕時(shí)會(huì)從上次停止的節(jié)點(diǎn)繼續(xù)往下播。

16、適當(dāng)增長(zhǎng)輸入手勢(shì)密碼和指紋解鎖的間隔時(shí)間，避免當(dāng)app退至后臺(tái)運(yùn)行后，在極短時(shí)間內(nèi)（如幾秒）再次喚起時(shí)，就需要重新輸入手勢(shì)密碼或指紋解鎖（曾經(jīng)遇到過(guò)有app只要退至后臺(tái)，1秒重新喚起都需要重新輸入手勢(shì)密碼或指紋解鎖，感覺(jué)很繁瑣）。但中間間隔的具體時(shí)長(zhǎng)需與風(fēng)控溝通商定。

17、適當(dāng)增長(zhǎng)自動(dòng)登錄的有效時(shí)間，避免app在較短時(shí)間內(nèi)（如一兩天）就要求用戶重新輸入登錄密碼。有效時(shí)間的具體時(shí)長(zhǎng)需與風(fēng)控溝通商定。

以上是我目前總結(jié)的一些細(xì)節(jié)，以后還會(huì)再進(jìn)行補(bǔ)充。

本文由 @柒零 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。