用戶體驗說:那些減少用戶操作的交互細節(jié)

24 評論 21973 瀏覽 468 收藏 13 分鐘

本文總結了一些可以讓用戶少操作的交互細節(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ā)布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 來自上海 回復
  2. 已贊賞!希望可以加你微信或者公眾號進行交流!非常感謝分享!

    回復
    1. 哈哈,我的微信是 LinQL_70
      期待多多交流 ??

      來自廣東 回復
  3. 記號

    來自浙江 回復
  4. 不錯 很有用 謝啦

    來自北京 回復
    1. ?

      來自廣東 回復
  5. 很受用很感謝哦,

    來自北京 回復
    1. ?

      來自廣東 回復
  6. 謝謝分享!都是見過但不會太在意的細節(jié)

    回復
  7. 學習了

    回復
  8. 對產品小白來說很受用。很多都能在分析產品業(yè)務流程當中用到,已收藏。

    回復
  9. 對于初級產品經理來說很受用??感謝哦

    回復
    1. ?

      來自廣東 回復
  10. 很好的分享,只是pc端的交互體驗也期待分享,哈哈

    回復
    1. 之前的項目經驗比較多是客戶端的,我以后多留意PC的,盡量整理一篇總結出來哦 ??

      來自廣東 回復
  11. 歸納的真好! :mrgreen:

    來自湖南 回復
    1. ?

      來自廣東 回復
  12. 一般app自動登錄時間都是很長的吧

    回復
    1. ? 之前有遇到過2天就要重輸登錄密碼的,而且該app使用頻率挺高的 ??

      來自廣東 回復
  13. :mrgreen: :mrgreen:

    來自上海 回復
    1. ?

      來自廣東 回復
  14. 雖然上面的交互細節(jié)基本上都見過,但是很佩服你,真是細心啊

    來自上海 回復
  15. 很棒的分享~

    來自北京 回復
    1. ?

      來自廣東 回復