資源描述:
《用戶體驗(yàn)說:那些減少用戶操作的交互細(xì)節(jié).doc》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。
1、用戶體驗(yàn)說:那些減少用戶操作的交互細(xì)節(jié) 本文總結(jié)了一些可以讓用戶少操作的交互細(xì)節(jié),與大家分享,希望可以給大家?guī)硪恍﹩l(fā)。 最近有同事在公司反饋:“有用戶說xx流程、xx流程太繁瑣了?!碑a(chǎn)品經(jīng)理反駁:“怎么可能,我已經(jīng)對標(biāo)過業(yè)內(nèi)很多體驗(yàn)很好的app,流程上的步驟我敢保證我們絕對不比別人多。” 作為“好事”的交互,我決定走查一下流程,看看問題出在哪里?! ‘a(chǎn)品經(jīng)理沒有說謊,被用戶吐槽的幾個(gè)流程確實(shí)一個(gè)步驟也沒多余。但是呀,頁面上很多本該可以讓用戶少操作的地方,都沒有做好優(yōu)化,導(dǎo)致一個(gè)相同的頁面,用戶在其他app可能輸入一次或點(diǎn)
2、擊一下就好了,在我們app可能操作要翻倍。所以給用戶留下了繁瑣、難操作的印象?! ∫虼?,我也總結(jié)了一些可以讓用戶少操作的交互細(xì)節(jié),比較零散,還請大家見諒?! 】偨Y(jié)如下: 1、記錄保存用戶填寫過的信息,并作為默認(rèn)值填充進(jìn)輸入框?! ∪鐢y程訂火車票,會記錄用戶上次填寫過的乘客信息和手機(jī)號碼,在用戶下次再次訂火車票時(shí),頁面上已填充好上次的信息,在大多數(shù)情況下可以減少用戶的輸入成本?! D1.攜程火車票的填寫訂單頁截圖 2、幫用戶選擇或填寫合適的默認(rèn)值,如同意協(xié)議、中國用戶填寫手機(jī)號默認(rèn)填寫區(qū)號(+86)等?! D2.蝦米音樂注冊
3、頁截圖 3、需要調(diào)用鍵盤的頁面,如在頁面底端無內(nèi)容(即鍵盤不會遮擋內(nèi)容時(shí)),自動(dòng)激活輸入框,滑出數(shù)字鍵盤,無需用戶手動(dòng)點(diǎn)擊輸入框觸發(fā)。 圖3.支付寶輸入短信驗(yàn)證碼頁截圖 4、判斷輸入框的內(nèi)容類型,自動(dòng)調(diào)用對應(yīng)類型的鍵盤。如輸入短信驗(yàn)證碼則調(diào)用數(shù)字鍵盤、輸入地址則調(diào)用拼音鍵盤?! D4.京東地址管理頁截圖 5、使用控件等方式供用戶選擇代替手動(dòng)輸入?! 、提供滾輪供用戶選擇替代用戶手動(dòng)輸入; 圖5.微信修改地址頁截圖 圖6.Keep填寫個(gè)人信息頁截圖 b、使用步進(jìn)器代替手動(dòng)輸入; 圖7.餓了么選擇商品
4、頁截圖 c、使用通訊錄選擇聯(lián)系人替代手動(dòng)輸入聯(lián)系人信息; 圖8.餓了么填寫收貨地址頁截圖 d、使用地圖選擇當(dāng)前地點(diǎn)替代手動(dòng)輸入地址信息; 圖9.滴滴出行選擇出發(fā)地點(diǎn)頁截圖 e、使用OCR掃描銀行卡、身份證等替代手動(dòng)輸入信息; 圖10.網(wǎng)易金融添加銀行卡頁截圖 f、使用滑動(dòng)選擇器替代手動(dòng)輸入信息?! D11.京東錢包計(jì)算收益頁截圖 6、為輸入內(nèi)容自動(dòng)隔空使內(nèi)容可讀性更高,一般銀行卡輸入會每輸入4位輸入框自動(dòng)空一格,身份證也會以6-8-4的格式分開、手機(jī)號以3-4-4的格式分開; 反過來,在刪除字符時(shí),用
5、戶在刪除空格右邊的字符時(shí),應(yīng)同時(shí)刪除空格和字符,如下: 圖12.網(wǎng)易支付添加銀行卡頁截圖 用戶在刪除最后一位字符“2”時(shí),會同時(shí)刪除空格和“2”,光標(biāo)自動(dòng)定位至“1”處?! ?、表單輸入框內(nèi)容較多時(shí),若用戶誤操作退出,再次填寫的成本較高,所以用戶點(diǎn)擊退出,彈窗提示二次確認(rèn)。 圖13.菜鳥裹裹填寫收件人頁截圖 8、搜索框、輸入框自動(dòng)聯(lián)想進(jìn)行提示,用戶可以對聯(lián)想結(jié)果進(jìn)行選擇而無須手動(dòng)輸入所有信息。如餓了么在填寫聯(lián)系人電話時(shí),會自動(dòng)提示使用餓了么的賬號,如果用戶的注冊賬號與聯(lián)系人電話相同,則不需要手動(dòng)輸入?! D14.餓
6、了么新增地址頁截圖 圖15.菜鳥裹裹填寫收件人頁截圖 9、在頁面上保存好用戶填寫的內(nèi)容,防止用戶誤操作而遺失內(nèi)容?! ∪鏜ONO進(jìn)行評論,已輸入文字,在收起后仍然保留在輸入框;MONO在發(fā)布日簽時(shí),若已輸入文字,收起后點(diǎn)擊對應(yīng)區(qū)域,該區(qū)域的文案仍然保留在輸入框中?! D16.MONO發(fā)表評論頁截圖 圖17.MONO發(fā)布日簽頁截圖 10、如果app的賬戶體系對應(yīng)的對象群體、使用環(huán)境、安全級別要求都是比較接近的話,同一公司的app可使用同一ID登錄以減少用戶注冊登錄的成本?! 。ㄊ褂猛籌D進(jìn)行登錄的相關(guān)鏈接:http
7、s://www.zhihu.com/question/19912372/answer/13330792) 圖18.菜鳥裹裹首頁截圖 圖19.京東登錄頁截圖 11、首次打開app或切換tab時(shí),頁面自動(dòng)刷新加載最新內(nèi)容,無需用戶手動(dòng)刷新?! D20.網(wǎng)易新聞首頁截圖 12、文章、視頻記錄用戶上次瀏覽的位置,用戶繼續(xù)瀏覽時(shí),可以更快捷方便而無需手動(dòng)找上次瀏覽的節(jié)點(diǎn)?! ∪绾啎奈恼驴戳艘徊糠謺r(shí),退出文章后再次進(jìn)入,會自動(dòng)定位到上次的瀏覽位置;微博的視頻進(jìn)入屏幕內(nèi)會自動(dòng)播放,滑出屏幕會停止播放,再次進(jìn)入屏幕時(shí)會從上次停止
8、的節(jié)點(diǎn)繼續(xù)往下播?! ?3、適當(dāng)增長輸入手勢密碼和指紋解鎖的間隔時(shí)間,避免當(dāng)app退至后臺運(yùn)行后,在極短時(shí)間內(nèi)(如幾秒)再次喚起時(shí),就需要重新輸入手勢密碼或指紋解鎖(曾經(jīng)遇到過有app只要退至后臺,1秒重新喚起都需要重新