array(22) {
  ["id"] => string(3) "249"
  ["siteid"] => string(1) "1"
  ["type"] => string(1) "1"
  ["m_id"] => string(1) "0"
  ["p_id"] => string(1) "0"
  ["name"] => string(12) "在线客服"
  ["thumb"] => string(0) ""
  ["image"] => string(0) ""
  ["desc"] => string(0) ""
  ["pdir"] => string(0) ""
  ["dir"] => string(8) "linekefu"
  ["url"] => string(0) ""
  ["setting"] => array(15) {
    ["is_html"] => int(1)
    ["content_is_html"] => int(0)
    ["urlrule"] => int(1)
    ["contenturlrule"] => int(0)
    ["meta_title"] => string(0) ""
    ["meta_keywords"] => string(0) ""
    ["meta_description"] => string(0) ""
    ["category_template"] => string(0) ""
    ["list_template"] => string(0) ""
    ["show_template"] => string(22) "show_page_linekefu.tpl"
    ["formid"] => string(0) ""
    ["url"] => string(0) ""
    ["target"] => string(0) ""
    ["pri_grade_visit"] => array(0) {
    }
    ["pri_grade_add"] => array(0) {
    }
  }
  ["order"] => string(1) "1"
  ["sethtml"] => string(1) "0"
  ["stat"] => string(1) "1"
  ["flowid"] => string(1) "0"
  ["image_mo"] => string(0) ""
  ["page_num"] => string(1) "0"
  ["wxstat"] => string(1) "0"
  ["scope"] => string(0) ""
  ["modelname"] => NULL
}
				
当前位置: 首页 > 售后 > 艺源智库
有图有对比!125个提升网页可用性的优化小技巧(五)
时间:2019-06-08 09:33:36
文章发布:李阳
原创作者:未知
来源:互联网

这个系列的教程有125个实用的网页优化技巧,每一个技巧都有案例阐述,保证简单易懂。今天翻译了第四部分 —— 当用户操作错误时,如何在不影响用户体验的情况下快速处理好。一起来收

在很多界面中,错误的产生不可避免。一旦发生错误,要帮助用户快速轻松地处理好。


防止错误产生

设计界面时,不要急着出方案,要尽力设计“无错可犯”的界面。

1learn20160518

△ 按钮在用户点击后进行去除、禁用或替换处理

别跟用户说只能提交一次。可以多次点击的,用户就可能点多次。用户点击后禁用按钮,才能真正避免多次提交。

2learn20160518

△ 只提供可以接受的输入选项

3learn20160518

△ 在表单元素中使用勾选启用、勾选可见的设计方式

4learn20160518

△ 文本输入框结构跟输入格式要求保持一致


监控典型错误信号

界面上有哪些常见错误产生?找出这些错误的信号,做好这些信号的监控。

5learn20160518

△ 搜寻与用户意图矛盾的用词

6learn20160518

△ 若用户已购买过该产品,提醒他们


对功能强大的按钮要区分开以避免误操作

用户会走神,这无法避免。设计时要从视觉上明显区分开那些功能强大的按钮,尽量减少误操作的可能性。

7learn20160518

△ 通过间隔和颜色区分强大功能按钮

8learn20160518

△ 为重大且不可逆的操作添加约束条件


提供便利的方法恢复或退出操作

总是给用户提供选择返回上一步操作或安全/可识别的区域

9learn20160518

△ 使用恢复操作而不是确认操作

10learn20160518

△ 为各页面或功能提供“逃生舱”(退出操作)

例如上图,某些下拉菜单没有退出选项,当用户点了一个选项,就无法取消选择了。

11learn20160518

△ 为弹出窗口或模态窗口提供关闭按钮


尽量减少用户离开一个系列操作步骤的负面影响

允许用户以原来的数据返回到相应步骤页面

12learn20160518

△ 保存用户提交的数据

13learn20160518

△ 让用户回到原来的操作步骤页面(别让用户又从头开始)


加大可移动路径或可点击区域

用户并非完人,他们会误操作,因此要提供有弹性或包容性的设计。

14learn20160518

△ 为小按钮添加一个透明边框(加大按钮的点击区域)

15learn20160518

△ 为弹框或下拉菜单添加一点小小的延迟

16learn20160518

△ 给整个菜单选项容器添加超链接(不要仅限文字区域)

17learn20160518

△ 给主菜单、列表项和辅助图标都加上超链接

用户经常点到不能点击的地方。不要试图矫正这些错误,相反地,为这些常见区域添加点击功能。


提供有用和支持性的出错提示

不要给出“发生错误”这种提示。解释出错原因,给出解决方案。

18learn20160518

△ 解释验证出错的原因

19learn20160518

△ 对于复杂出错提示要提供相关文档或帮助链接

20learn20160518

△ 避免在出错信息中写“你”


记录用户的近期几次操作

在界面上提醒用户近期几次操作

21learn20160518

△ 显示用户近期几次搜索

22learn20160518

△ 已访问链接用不同的颜色区分

23learn20160518

△ 指出哪些项目用户已经看过


分析用户行为找出界面存在的问题

持续迭代改进界面设计,可以从下面这些小技巧开始

24learn20160518

△ 在适当位置收集客户的反馈信息

25learn20160518

△ 添加404错误次数上升的预警设置

26learn20160518

△ 找出那些用户反复访问的页面

如果一个页面浏览数太多(而独立客户数少),就需要仔细检查页面是否有问题导致用户反复访问。

小程序开发
标签: 优秀网页设计 可用性 可用性测试 用户体验 网站可用性指南 网页设计
*版权申明:本站部分文章由艺源科技收集整理,不代表我们的观点。如果这篇转载侵犯您的版权,请及时联系我们删除!
为您推荐
最新文章
扫码加他,免费获取方案