如何在页面上减少用户操作?

经常在给用户培训或介绍系统时,用户会反映我们的页面操作略繁琐,但当我们在设计这些功能页面时,也觉得我们已经尽可能的为用户减少了操作。为什么用户仍然会觉得难用,不好用?正巧微信上看到一篇文章,摘录了页面设计上如何减少用户操作的几个要点。

1、记录保存用户填写过的信息,并作为默认值填充进输入框。

如何在页面上减少用户操作?_第1张图片
图片发自App

如携程订火车票,会记录用户上次填写过的乘客信息和手机号码,在用户下次再次订火车票时,页面上已填充好上次的信息,在大多数情况下可以减少用户的输入成本。

2、帮用户选择或填写合适的默认值,如同意协议、中国用户填写手机号默认填写区号(+86)等。

如何在页面上减少用户操作?_第2张图片
图片发自App

3、需要调用键盘的页面,如在页面底端无内容(即键盘不会遮挡内容时),自动激活输入框,滑出数字键盘,无需用户手动点击输入框触发。

如何在页面上减少用户操作?_第3张图片
图片发自App
4、判断输入框的内容类型,自动调用对应类型的键盘。如输入短信验证码则调用数字键盘、输入地址则调用拼音键盘。
如何在页面上减少用户操作?_第4张图片
图片发自App

5、使用控件等方式供用户选择代替手动输入。

a、提供滚轮供用户选择替代用户手动输入;

如何在页面上减少用户操作?_第5张图片
图片发自App

b、使用步进器代替手动输入;

如何在页面上减少用户操作?_第6张图片
图片发自App

c、使用通讯录选择联系人替代手动输入联系人信息;

如何在页面上减少用户操作?_第7张图片
图片发自App

d、使用地图选择当前地点替代手动输入地址信息;

如何在页面上减少用户操作?_第8张图片
图片发自App

e、使用OCR扫描银行卡、身份证等替代手动输入信息;

如何在页面上减少用户操作?_第9张图片
图片发自App

f、使用滑动选择器替代手动输入信息。

如何在页面上减少用户操作?_第10张图片
图片发自App

6、为输入内容自动隔空使内容可读性更高,一般银行卡输入会每输入4位输入框自动空一格,身份证也会以6-8-4的格式分开、手机号以3-4-4的格式分开;

反过来,在删除字符时,用户在删除空格右边的字符时,应同时删除空格和字符,如下:

如何在页面上减少用户操作?_第11张图片
图片发自App

用户在删除最后一位字符“2”时,会同时删除空格和“2”,光标自动定位至“1”处。

7、表单输入框内容较多时,若用户误操作退出,再次填写的成本较高,所以用户点击退出,弹窗提示二次确认。

如何在页面上减少用户操作?_第12张图片
图片发自App
8、搜索框、输入框自动联想进行提示,用户可以对联想结果进行选择而无须手动输入所有信息。如饿了么在填写联系人电话时,会自动提示使用饿了么的账号,如果用户的注册账号与联系人电话相同,则不需要手动输入。
如何在页面上减少用户操作?_第13张图片
图片发自App

如何在页面上减少用户操作?_第14张图片
图片发自App
9、在页面上保存好用户填写的内容,防止用户误操作而遗失内容。

如MONO进行评论,已输入文字,在收起后仍然保留在输入框;MONO在发布日签时,若已输入文字,收起后点击对应区域,该区域的文案仍然保留在输入框中。

如何在页面上减少用户操作?_第15张图片
图片发自App

10、如果app的账户体系对应的对象群体、使用环境、安全级别要求都是比较接近的话,同一公司的app可使用同一ID登录以减少用户注册登录的成本。

如何在页面上减少用户操作?_第16张图片
图片发自App

11、首次打开app或切换tab时,页面自动刷新加载最新内容,无需用户手动刷新。

如何在页面上减少用户操作?_第17张图片
图片发自App

12、文章、视频记录用户上次浏览的位置,用户继续浏览时,可以更快捷方便而无需手动找上次浏览的节点。如的文章看了一部分时,退出文章后再次进入,会自动定位到上次的浏览位置;微博的视频进入屏幕内会自动播放,滑出屏幕会停止播放,再次进入屏幕时会从上次停止的节点继续往下播。

13、适当增长输入手势密码和指纹解锁的间隔时间,适量减少用户重复输入手势密码和指纹解锁的次数。避免当app退至后台运行后,在极短时间内(如几秒)再次唤起时,就需要重新输入手势密码或指纹解锁。但中间间隔的具体时长需与风控沟通商定。

14、适当增长自动登录的有效时间,避免app在较短时间内(如一两天)就要求用户重新输入登录密码。有效时间的具体时长需与风控沟通商定。

你可能感兴趣的:(如何在页面上减少用户操作?)