用戶體驗(yàn)說(shuō):那些減少用戶操作的交互細(xì)節(jié)

最近有同事在公司反饋:“有用戶說(shuō)xx流程线梗、xx流程太繁瑣了【”產(chǎn)品經(jīng)理反駁:“怎么可能贮乳,我已經(jīng)對(duì)標(biāo)過(guò)業(yè)內(nèi)很多體驗(yàn)很好的app,流程上的步驟我敢保證我們絕對(duì)不比別人多恬惯∠虿穑”

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

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

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

總結(jié)如下:

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

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

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


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

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


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

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


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

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


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

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

圖5.微信修改地址頁(yè)截圖
圖6.Keep填寫個(gè)人信息頁(yè)截圖

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

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

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

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

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

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

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

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

f闺鲸、使用掃描二維碼加好友、打開網(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.京東錢包計(jì)算收益頁(yè)截圖


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

反過(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í),若用戶誤操作退出噩死,再次填寫的成本較高颤难,所以用戶點(diǎn)擊退出,彈窗提示二次確認(rèn)已维。

圖16.菜鳥裹裹填寫收件人頁(yè)截圖


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

圖17.餓了么新增地址頁(yè)截圖
圖18.菜鳥裹裹填寫收件人頁(yè)截圖


9缔莲、在頁(yè)面上保存好用戶填寫的內(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è)登錄的成本。

(相關(guān)問(wèn)題:“為什么百度系伞矩、阿里系的產(chǎn)品笛洛,不能象騰訊系產(chǎn)品那樣,使用同一個(gè)ID登錄乃坤?”知乎鏈接

圖21.菜鳥裹裹首頁(yè)截圖
圖22.京東登錄頁(yè)截圖


11苛让、首次打開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ù)制淘寶口令唱逢,打開淘寶后會(huì)自動(dòng)彈出商品信息吴侦,使用戶更快捷地找到想要的商品。

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


15坞古、文章备韧、視頻記錄用戶上次瀏覽的位置,用戶繼續(xù)瀏覽時(shí)痪枫,可以更快捷方便而無(wú)需手動(dòng)找上次瀏覽的節(jié)點(diǎn)织堂。如簡(jiǎn)書的文章看了一部分時(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í)間徐勃,適量減少用戶重復(fù)輸入手勢(shì)密碼和指紋解鎖的次數(shù)事示。避免當(dāng)app退至后臺(tái)運(yùn)行后,在極短時(shí)間內(nèi)(如幾秒)再次喚起時(shí)僻肖,就需要重新輸入手勢(shì)密碼或指紋解鎖肖爵。但中間間隔的具體時(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ǔ)充凡纳。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市帝蒿,隨后出現(xiàn)的幾起案子荐糜,更是在濱河造成了極大的恐慌,老刑警劉巖葛超,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件暴氏,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡绣张,警方通過(guò)查閱死者的電腦和手機(jī)答渔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)侥涵,“玉大人沼撕,你說(shuō)我怎么就攤上這事∥咂” “怎么了务豺?”我有些...
    開封第一講書人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)嗦明。 經(jīng)常有香客問(wèn)我笼沥,道長(zhǎng),這世上最難降的妖魔是什么娶牌? 我笑而不...
    開封第一講書人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任奔浅,我火速辦了婚禮,結(jié)果婚禮上诗良,老公的妹妹穿的比我還像新娘汹桦。我一直安慰自己,他們只是感情好累榜,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開白布营勤。 她就那樣靜靜地躺著,像睡著了一般壹罚。 火紅的嫁衣襯著肌膚如雪葛作。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,046評(píng)論 1 285
  • 那天猖凛,我揣著相機(jī)與錄音赂蠢,去河邊找鬼。 笑死辨泳,一個(gè)胖子當(dāng)著我的面吹牛虱岂,可吹牛的內(nèi)容都是我干的玖院。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼第岖,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼难菌!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起蔑滓,我...
    開封第一講書人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤郊酒,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后键袱,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體燎窘,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年蹄咖,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了褐健。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡澜汤,死狀恐怖蚜迅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情俊抵,我是刑警寧澤慢叨,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站务蝠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏烛缔。R本人自食惡果不足惜馏段,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望践瓷。 院中可真熱鬧院喜,春花似錦、人聲如沸晕翠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)淋肾。三九已至硫麻,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間樊卓,已是汗流浹背拿愧。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留碌尔,地道東北人浇辜。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓券敌,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親柳洋。 傳聞我的和親對(duì)象是個(gè)殘疾皇子待诅,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件熊镣、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,024評(píng)論 4 62
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,510評(píng)論 25 707
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理卑雁,服務(wù)發(fā)現(xiàn),斷路器轧钓,智...
    卡卡羅2017閱讀 134,599評(píng)論 18 139
  • 大家都說(shuō)毕箍,有人的地方就有江湖弛房。 縱觀古今,或許歷史上真有各色武林門派而柑,英雄豪杰文捶,稱霸一時(shí)∶娇龋可光陰無(wú)情粹排,只留下只言片...
    祈囍閱讀 317評(píng)論 0 4
  • 855
    旁欠菌閱讀 83評(píng)論 0 0