欢迎来到山村网

125个提升网页可用性的优化小技巧(二)

2019-03-29 11:45:22浏览:794 来源:山村网   
核心摘要:  第一期回顾:《有图有案例!125个提升网页可用性的优化小技巧(一)》  让常用功能和重要数据信息更接近用户  预测用户的意

  第一期回顾:《有图有案例!125个提升网页可用性的优化小技巧(一)》

  让常用功能和重要数据信息更接近用户

  预测用户的意图,让他们尽可能接近目标。

125个提升网页可用性的优化小技巧(二) 山村

  △ 筛选出或跳至用户正在搜索的条目

2qyjx20160505

  △ 将用户常选项目列为默认选项

3qyjx20160505

  △ 产品列表页上把重要数据信息展示出来

  很多时候用户需要像踩弹簧高跷杖一样,点击一个产品,查看信息,返回上一页,再反复操作以查看其他产品。这种设计的可用性差。应把重要信息直接放在主要页面,减少用户反复操作的次数。

  如果你怕这样页面会杂乱,也可以设计成鼠标悬停时显示(如下面这样)

4qyjx20160505

  △ 鼠标悬停时显示有用信息

5qyjx20160505

  △ 常用功能直接展示出来

6qyjx20160505

  △ 用仪表面板方式展现主要数据和状态

7qyjx20160505

  △ 把常见答案放在下拉列表的头部

  交互状态的及时反馈呈现

  通过传达所有相关信息减少不确定性。

8qyjx20160505

  △ 在机器驱动的任务中显示当前进度和剩余时间

  如上传文件是系统在处理,用户不知道内部运作情况,通过显示进度条可以让用户知道进展。

9qyjx20160505

  △ 复杂或冗长的交互状态要及时反馈呈现

10qyjx20160505

  △ 按次序显示操作步骤总数

11qyjx20160505

  △ 显示类目下的条目数

  同一任务,可为客户提供多种完成方式

  用户喜欢的操作方式不一样。为同一目标提供不同路径,让用户选择最符合他们自己的方式。

12qyjx20160505

  △ 用户可通过用户名或电子邮件登录系统

13qyjx20160505

  △ 为重复操作类功能提供键盘快捷键

14qyjx20160505

  △ 让用户可以拖拽元素

15qyjx20160505

  △ 让用户直接编辑数据信息

  反馈呈现交互动作的限制条件或参数要求

  为每一个交互动作做好准备。用户需要什么?他们如何继续?

16qyjx20160505

  △ 描述清楚你需要用户输入什么

17qyjx20160505

  △ 实时显示密码要求并反馈输入状态

18qyjx20160505

  △ 为表单元素预填通用参数

19qyjx20160505

  △ 显示表单的必填和选填信息

  反馈显示交互动作的预期结果

  在用户进行交互操作之前,他们应该了解预期结果是什么

20qyjx20160505

  △ 使用描述性按钮标签

21qyjx20160505

  △ 根据当前的输入,显示结果预览

22qyjx20160505

  △ 按次序显示或预览下一个项目

23qyjx20160505

  △ 使用智能菜单项明确操作内容

  当用户取得进展时,给予奖励或肯定

  用户取得进展了吗?他们的交互成功了吗?让用户知道,同时引导他们继续。

24qyjx20160505

  △ 保证链接与目标页面的一致性

25qyjx20160505

  △ 为新加入用户提供速效指引环节(如迅速建立人脉)

26qyjx20160505

  △ 进度条从大于0%的地方开始

  解决用户的核心需求

  很多时候,我们只解决了用户的表层需求。深入下去,探究为何用户需要某些功能或信息,然后解决他们的底层需求

27qyjx20160505

  △ 显示当前时间办公室处于开放还是关闭状态

28qyjx20160505

  △ 显示事件的新近状态

  如最近发表的评论,显示为几天之前而不是具体日期,用户可明确感知是新评论。

(责任编辑:豆豆)
下一篇:

提高网页加载速度的初步简单技巧方式

上一篇:

关于自适应布局的处理(利用浮动和margin负边距实现)

  • 信息二维码

    手机看新闻

  • 分享到
打赏
免责声明
• 
本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们 xfptx@outlook.com