如何在頁面上減少用戶操作?

經(jīng)常在給用戶培訓(xùn)或介紹系統(tǒng)時(shí),用戶會反映我們的頁面操作略繁瑣,但當(dāng)我們在設(shè)計(jì)這些功能頁面時(shí),也覺得我們已經(jīng)盡可能的為用戶減少了操作。為什么用戶仍然會覺得難用,不好用?正巧微信上看到一篇文章,摘錄了頁面設(shè)計(jì)上如何減少用戶操作的幾個(gè)要點(diǎn)。

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

圖片發(fā)自簡書App

如攜程訂火車票,會記錄用戶上次填寫過的乘客信息和手機(jī)號碼,在用戶下次再次訂火車票時(shí),頁面上已填充好上次的信息,在大多數(shù)情況下可以減少用戶的輸入成本。

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App
4、判斷輸入框的內(nèi)容類型,自動(dòng)調(diào)用對應(yīng)類型的鍵盤。如輸入短信驗(yàn)證碼則調(diào)用數(shù)字鍵盤、輸入地址則調(diào)用拼音鍵盤。
圖片發(fā)自簡書App

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

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App

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

反過來,在刪除字符時(shí),用戶在刪除空格右邊的字符時(shí),應(yīng)同時(shí)刪除空格和字符,如下:

圖片發(fā)自簡書App

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

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

圖片發(fā)自簡書App
8、搜索框、輸入框自動(dòng)聯(lián)想進(jìn)行提示,用戶可以對聯(lián)想結(jié)果進(jìn)行選擇而無須手動(dòng)輸入所有信息。如餓了么在填寫聯(lián)系人電話時(shí),會自動(dòng)提示使用餓了么的賬號,如果用戶的注冊賬號與聯(lián)系人電話相同,則不需要手動(dòng)輸入。
圖片發(fā)自簡書App

圖片發(fā)自簡書App
9、在頁面上保存好用戶填寫的內(nèi)容,防止用戶誤操作而遺失內(nèi)容。

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App

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

圖片發(fā)自簡書App

12、文章、視頻記錄用戶上次瀏覽的位置,用戶繼續(xù)瀏覽時(shí),可以更快捷方便而無需手動(dòng)找上次瀏覽的節(jié)點(diǎn)。如簡書的文章看了一部分時(shí),退出文章后再次進(jìn)入,會自動(dòng)定位到上次的瀏覽位置;微博的視頻進(jìn)入屏幕內(nèi)會自動(dòng)播放,滑出屏幕會停止播放,再次進(jìn)入屏幕時(shí)會從上次停止的節(jié)點(diǎn)繼續(xù)往下播。

13、適當(dāng)增長輸入手勢密碼和指紋解鎖的間隔時(shí)間,適量減少用戶重復(fù)輸入手勢密碼和指紋解鎖的次數(shù)。避免當(dāng)app退至后臺運(yùn)行后,在極短時(shí)間內(nèi)(如幾秒)再次喚起時(shí),就需要重新輸入手勢密碼或指紋解鎖。但中間間隔的具體時(shí)長需與風(fēng)控溝通商定。

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,036評論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,315評論 4 61
  • 最近有同事在公司反饋:“有用戶說xx流程、xx流程太繁瑣了。”產(chǎn)品經(jīng)理反駁:“怎么可能,我已經(jīng)對標(biāo)過業(yè)內(nèi)很多體驗(yàn)很...
    柒0閱讀 2,152評論 4 27
  • 一到西安,我們就直奔鐘樓和鼓樓。 鐘樓位于西安市東西南北四條大街的交匯處,占地11260平方米,建...
    梁朵閱讀 554評論 0 2
  • 補(bǔ)昨天的日記! 接兒子放學(xué)回家,他對我說“明天我給你們做魚和米飯吃,你幫我把魚肚子洗干凈!”我說“好”兒子又說“我...
    親子園閱讀 291評論 0 0

友情鏈接更多精彩內(nèi)容