用戶體驗說:那些減少用戶操作的交互細節(jié)
本文總結了一些可以讓用戶少操作的交互細節(jié),與大家分享,希望可以給大家?guī)硪恍﹩l(fā)。
最近有同事在公司反饋:“有用戶說xx流程、xx流程太繁瑣了?!碑a品經理反駁:“怎么可能,我已經對標過業(yè)內很多體驗很好的app,流程上的步驟我敢保證我們絕對不比別人多?!?/p>
作為“好事”的交互,我決定走查一下流程,看看問題出在哪里。
產品經理沒有說謊,被用戶吐槽的幾個流程確實一個步驟也沒多余。但是呀,頁面上很多本該可以讓用戶少操作的地方,都沒有做好優(yōu)化,導致一個相同的頁面,用戶在其他app可能輸入一次或點擊一下就好了,在我們app可能操作要翻倍。所以給用戶留下了繁瑣、難操作的印象。
因此,我也總結了一些可以讓用戶少操作的交互細節(jié),比較零散,還請大家見諒。
總結如下:
1、記錄保存用戶填寫過的信息,并作為默認值填充進輸入框。
如攜程訂火車票,會記錄用戶上次填寫過的乘客信息和手機號碼,在用戶下次再次訂火車票時,頁面上已填充好上次的信息,在大多數情況下可以減少用戶的輸入成本。
圖1.攜程火車票的填寫訂單頁截圖
2、幫用戶選擇或填寫合適的默認值,如同意協議、中國用戶填寫手機號默認填寫區(qū)號(+86)等。
圖2.蝦米音樂注冊頁截圖
3、需要調用鍵盤的頁面,如在頁面底端無內容(即鍵盤不會遮擋內容時),自動激活輸入框,滑出數字鍵盤,無需用戶手動點擊輸入框觸發(fā)。
圖3.支付寶輸入短信驗證碼頁截圖
4、判斷輸入框的內容類型,自動調用對應類型的鍵盤。如輸入短信驗證碼則調用數字鍵盤、輸入地址則調用拼音鍵盤。
圖4.京東地址管理頁截圖
5、使用控件等方式供用戶選擇代替手動輸入。
a、提供滾輪供用戶選擇替代用戶手動輸入;
圖5.微信修改地址頁截圖
圖6.Keep填寫個人信息頁截圖
b、使用步進器代替手動輸入;
圖7.餓了么選擇商品頁截圖
c、使用通訊錄選擇聯系人替代手動輸入聯系人信息;
圖8.餓了么填寫收貨地址頁截圖
d、使用地圖選擇當前地點替代手動輸入地址信息;
圖9.滴滴出行選擇出發(fā)地點頁截圖
e、使用OCR掃描銀行卡、身份證等替代手動輸入信息;
圖10.網易金融添加銀行卡頁截圖
f、使用掃描二維碼加好友、打開網頁鏈接等替代手動輸入信息;
圖11.微信掃描二維碼頁截圖
g、使用指紋密碼替代手勢密碼及手動輸入支付密碼;
圖12.支付寶轉賬頁截圖
圖13.PPmoney輸入手勢密碼頁截圖
f、使用滑動選擇器替代手動輸入信息。
圖14.京東錢包計算收益頁截圖
6、為輸入內容自動隔空使內容可讀性更高,一般銀行卡輸入會每輸入4位輸入框自動空一格,身份證也會以6-8-4的格式分開、手機號以3-4-4的格式分開;
反過來,在刪除字符時,用戶在刪除空格右邊的字符時,應同時刪除空格和字符,如下:
圖15.網易支付添加銀行卡頁截圖
用戶在刪除最后一位字符“2”時,會同時刪除空格和“2”,光標自動定位至“1”處。
7、表單輸入框內容較多時,若用戶誤操作退出,再次填寫的成本較高,所以用戶點擊退出,彈窗提示二次確認。
圖16.菜鳥裹裹填寫收件人頁截圖
8、搜索框、輸入框自動聯想進行提示,用戶可以對聯想結果進行選擇而無須手動輸入所有信息。如餓了么在填寫聯系人電話時,會自動提示使用餓了么的賬號,如果用戶的注冊賬號與聯系人電話相同,則不需要手動輸入。
圖17. 餓了么新增地址頁截圖
圖18.菜鳥裹裹填寫收件人頁截圖
9、在頁面上保存好用戶填寫的內容,防止用戶誤操作而遺失內容。
如MONO進行評論,已輸入文字,在收起后仍然保留在輸入框;MONO在發(fā)布日簽時,若已輸入文字,收起后點擊對應區(qū)域,該區(qū)域的文案仍然保留在輸入框中。
圖19.MONO發(fā)表評論頁截圖
圖20.MONO發(fā)布日簽頁截圖
10、如果app的賬戶體系對應的對象群體、使用環(huán)境、安全級別要求都是比較接近的話,同一公司的app可使用同一ID登錄以減少用戶注冊登錄的成本。
(使用同一ID進行登錄的相關鏈接:https://www.zhihu.com/question/19912372/answer/13330792)
圖21.菜鳥裹裹首頁截圖
圖22.京東登錄頁截圖
11、首次打開app或切換tab時,頁面自動刷新加載最新內容,無需用戶手動刷新。
圖23.網易新聞首頁截圖
12、輸入支付密碼后,自動驗證支付密碼是否正確,正確則自動跳轉至交易結果頁(頁面上無需有“確定”按鈕,且無需用戶手動點擊“確定”后再驗證)。
13、根據用戶目前操作預測用戶下一步操作,及時提供便捷操作給用戶。
如使用屏幕截圖后,飛豬在屏幕提供“好友分享”、“問題反饋”等操作;QQ在好友聊天界面上提供快捷發(fā)送圖片的操作。
圖24.飛豬首頁截圖圖25.支付寶轉賬頁截圖圖26.QQ聊天頁截圖
14、在社交軟件上復制淘寶口令,打開淘寶后會自動彈出商品信息,使用戶更快捷地找到想要的商品。
圖27.淘寶首頁截圖
15、文章、視頻記錄用戶上次瀏覽的位置,用戶繼續(xù)瀏覽時,可以更快捷方便而無需手動找上次瀏覽的節(jié)點。
如簡書的文章看了一部分時,退出文章后再次進入,會自動定位到上次的瀏覽位置;微博的視頻進入屏幕內會自動播放,滑出屏幕會停止播放,再次進入屏幕時會從上次停止的節(jié)點繼續(xù)往下播。
16、適當增長輸入手勢密碼和指紋解鎖的間隔時間,避免當app退至后臺運行后,在極短時間內(如幾秒)再次喚起時,就需要重新輸入手勢密碼或指紋解鎖(曾經遇到過有app只要退至后臺,1秒重新喚起都需要重新輸入手勢密碼或指紋解鎖,感覺很繁瑣)。但中間間隔的具體時長需與風控溝通商定。
17、適當增長自動登錄的有效時間,避免app在較短時間內(如一兩天)就要求用戶重新輸入登錄密碼。有效時間的具體時長需與風控溝通商定。
以上是我目前總結的一些細節(jié),以后還會再進行補充。
本文由 @柒零 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載。
贊
已贊賞!希望可以加你微信或者公眾號進行交流!非常感謝分享!
哈哈,我的微信是 LinQL_70
期待多多交流 ??
記號
不錯 很有用 謝啦
?
很受用很感謝哦,
?
謝謝分享!都是見過但不會太在意的細節(jié)
學習了
對產品小白來說很受用。很多都能在分析產品業(yè)務流程當中用到,已收藏。
對于初級產品經理來說很受用??感謝哦
?
很好的分享,只是pc端的交互體驗也期待分享,哈哈
之前的項目經驗比較多是客戶端的,我以后多留意PC的,盡量整理一篇總結出來哦 ??
歸納的真好!
?
一般app自動登錄時間都是很長的吧
? 之前有遇到過2天就要重輸登錄密碼的,而且該app使用頻率挺高的 ??
?
雖然上面的交互細節(jié)基本上都見過,但是很佩服你,真是細心啊
很棒的分享~
?