视觉对交互的帮助——提升可用性（2）
作者：飞飞 来源：Taobao.com UI Team 发布时间：2008-10-16 13:16:00
标签：交互,设计,视觉,用户
2.精确与高效地传递信息与任务
良好的视觉设计，能增强信息条理的清晰度。这里的清晰度有两方面的含义：清晰的视觉引导，和视觉引导元素本身的精确性。
1）信息引导
良好的视觉设计能用色彩和层次等语言，自然而又清晰的罗列出一条视觉的“路线”，引导用户流畅的阅读，而不用自己费力的去疏通条理，或者在密密麻麻信息的忙海中寻找未知的方向。这条指引的路线，我们称他为“视觉流”。
例：表单中视觉流的形成
pic.04
表单是个关键有效信息集中，需要让用户集中注意力完成操作以提交数据的地方。各种类型的数据，控件，信息的展现方式都会堆积一起，常给浏览和填写带来干扰和不顺畅感。
通过让多种信息分类，统一规范处理后的效果有没有好一点呢？（pic.04）
所有的lab标签与input输入框居中轴线对齐，一个表单中，有且只有一条中轴线——这是视觉引导的关键。让用户需要查看的信息与填写的内容整齐划一地罗列下来。视觉引导的形成很好的帮助了用户在填写过程中的顺畅感。
2）准确直观的信息符号
有了清晰的视觉引导还不够，这些视觉引导元素本身需要遵循一定规范，和富有准确的语义，才能起到有效引导的作用。
例：
pic.05
pic.06
精确规范的视觉元素的运用，使得pic.05的阅读浏览清晰，流畅，加强了网页的可扫描性。绿色的标题设计使用户很轻易得在板块间快速跳转，并且结合使用了文案，以问题标题的形式，让用户迅速的知晓板块的内容和有无必要再进行下去。
而Bar没有语义定义及运用规则的pic.06，则在浏览阅读中给用户造成了不必要的干扰和混乱感。并没有起到引导的作用。
0
投稿猜你喜欢
mutation.js代码：changeRoute(state, val) { let routeList = s- 如何制作一个搜索引擎链接程序？多收集几个网站的，然后我们引用它到自己的页面中。接下来，我们要创建页面用于搜索：<center>&
- 本文实例讲述了Python求解平方根的方法。分享给大家供大家参考。具体如下：主要通过SICP的内容改写而来。基于newton method求
- MySQL Workbench 是一款专为 MySQL 设计的集成化桌面软件，也是下一代的可视化数据库设计、管理的工具，它同时有开源和商业化
- 一、前言这几天宅在家里网上冲浪，无意间看到了一个比较有趣的项目，就是使用 Python 语言实现对视频中的人物的眨眼进行计数并描绘在图表中。
- 1、git merge冲突了，根据提示找到冲突的文件，解决冲突如果文件有冲突，那么会有类似的标记2、修改完之后，执行git add 冲突文件
- 1. 项目背景视频传输: 在一台电脑上播放视频（捕捉摄像头画面），同局域网内另一台电脑上实时播放，尽量不卡顿。先放最后的照片，和用gif展示
- 算法比较暴力，直接用穷举的方式一个一个去试，所以程序运行时间会比较长，运行时间视数独而定。不过从一开始到运行成功，整个过程却是一波三折，设计
- MySQL 读写分离在互联网项目中应该算是一个非常常见的需求了。受困于 Linux 和 MySQL 版本问题，很多人经常会搭建失败，今天松哥
- 上篇文章给大家介绍了Mysql带And关键字的多条件查询语句，下面给大家介绍MySql带OR关键字的多条件查询语句，感兴趣的朋友可以一起学习
- datetime 时间包认识 datetime 时间包：date：日期；time：时间；所以 datetime 就是 日期与时间的结合体使用
- 目录01 all or any02 dir03 列表(list)推导式04 pprint05 repr06 sh07 Type hints0
- os.system()在shell中执行一条命令。函数原型如下：它是最简单的调用系统应用的方式，下面是一个例子：import osimpor
- Environs是解析环境变量的Python库。它的开发受envparse启发，底层使用marshmallow验证并序列化值。在运行一个项目
- 1 什么是闭包在 Python 中，闭包是一种特殊的函数，它能够记住它所在的环境（也称作上下文）。这意味着闭包能够访问定义它的作用域中的变量
- 做项目的时候，用户认证几乎是必不可少的，如果我们的项目由于一些原因不得不使用 users 之外的用户表进行认证，那么就需要多做一点工作来完成
- 引子如果遇到了 Must provide secret_key to use csrf错误提醒，原因就是没有设置secret_key ，在代
- 本文实例讲述了Python高级编程之消息队列(Queue)与进程池(Pool)。分享给大家供大家参考，具体如下：Queue消息队列1.创建i
- 引言本篇文章所依赖的python环境是:如果你还没了解过什么是WSGI，建议先查询一下相关资料，或者查看上一篇文章:python|探寻WSG
- 最近做的项目中有一个小功能：在python中调用scp命令使用ssh登录，然后将指定目录中的图片上传到服务器指定目录网上搜了很多方法都没用，
