浅谈视觉设计的准确性(3)
作者:奇遇 来源:UCDChina.com 发布时间:2007-09-18 17:59:00
二、是什么就是什么,图形达意尽量明确。
视觉元素在软件中都代表着一定的含义,什么样子代表什么都有其特定的视觉暗示,如果不是游戏,我们应该尽量避免和用户捉迷藏。例如应该用页签来表现的从属关系,我们不应该简单的做几个链接,这样会表达不清楚各部分关系。除此类的布局因素之外,图标的表达是软件视觉中的一大块,好的图形表达可以帮助用户直观感受功能,缩短操作时间,提高效率;不过表达不好可就麻烦了,用户可能要歪着脑袋想半天!
——图八
在图八中,箭头所指之处为刷新图标,上面那个刷新图为原来图标,下面的刷新图标是我做个假设。对于一个新手,下面那张图的刷新图标和后退图标显得太象了,意思区别不是太明确,会造成误解。就准确性而言,上面那个刷新图标更让我容易接受。我承认我这样假设有点扣小节,我的本意是为了说明图形表达准确性。
三、明确你的视觉状态
在软件里,软件视觉的状态主要用来表现对用户的行为反馈,在计算机pc环境里的软件,主要针对鼠标和键盘操作,理想状态是:用户的每个操作行为都应该有相应的视觉反馈,比如有没有选中,操作有没有成功等。仅按鼠标操作的状态分就有默认、鼠标指向、鼠标按下、鼠标点击四种状态,准确的反馈可以让用户流畅的感觉自己的操作;关于鼠标和键盘的状态,大家在操作系统的时候注意一下,就可以看到各种操作的对应关系,而我们平时是不太注意的,因为它默默的达到了设计的目的。站在是否可用的角度分有:可用状态、不可用状态.
——图九,本图为两种不同状态的视觉比较,不可用状态的灰色让我不再去点击。
状态的准确性可以可以避免用户误用不可用的操作而产生麻烦和浪费时间,这种情况我们可以通过一个视觉反馈轨迹图来看看操作的情况。
——图十
图十是我在为一个产品做用户测试的时候,所得到的反馈图:在没有选择文件的时候,移动文件是不可用的,视觉处理的时候却是可以点击的,再加上视觉顺序的不合理,大多数的用户总是直接点击“移动文件”,犯下错误之后才去选择文件,途中的虚线部分表示犯错之后又才去选择文件,重新来过。


猜你喜欢
- 1.引言环形图(圆环)在功能上与饼图相同,整个环被分成不同的部分,用各个圆弧来表示每个数据所占的比例值。但其中心的空白可用于显示其他相关数据
- 编写XHTML代码的规则要比编写HTML要严格得多,类似下面的代码在HTML中是有效的,但在XHTML中则是无效的。 [javascript
- 开门见山,直接以例子介绍: 代码如下:CREATE TABLE [dbo].[course]( [id] [int] NULL,
- python开启debug模式的代码如下所示:import requests session = requests.session()imp
- 1.今天复习一下Vue自定义指令的代码,结果出现一个很无语的结果,先贴代码。2.<div id="example"
- Python来进行查询和替换一个文本字符串?可以使用sub()方法来进行查询和替换,sub方法的格式为:sub(replacement, s
- 1.图像处理库import cv2 as cvfrom PIL import *常用的图像处理技术有图像读取,写入,绘图,图像色彩空间转换,
- 本文实例讲述了Python3.4列表、数组操作。分享给大家供大家参考,具体如下:python列表,数组类型要相同,python不需要指定数据
- 当要处理批量图片,且每张图片都要进行显示时,用plt.imshow() plt.show()会出现内存泄漏, 管理器中看到其中一个pytho
- 1 存储过程1.1 什么是存储过程存储过程是一组为了完成某项特定功能的sql语句集,其实质上就是一段存储在数据库中的代码,他可以由声明式的s
- 1、安装 vue-i18n依赖yarn add vue-i18n 或者 npm install vue-i18n --save-dev2、在
- 我是新手学习如何管理和导航MySQL数据库和表是要掌握的首要任务之一,下面的内容将主要对MySQL的数据库和表的一些常用命令进行总结,一些我
- 一、内容简介本篇文章着重结合源码版本V3.2.20介绍Reactive和Ref。前置技能需要了解Proxy对象的工作机制,以下贴出的源码均在
- 本文实例讲述了python通过装饰器检查函数参数数据类型的方法。分享给大家供大家参考。具体分析如下:这段代码定义了一个python装饰器,通
- 刚整理了一些关于javascript cookies操作的文章,发现这篇文章也不错,推荐大家一起参考,选择需要的,不足的地方主要是对路径的设
- 前言我们经常需要将大量数据保存起来以备后续使用,数据库是一个很好的解决方案。在众多数据库中,MySQL数据库算是入门比较简单、语法比较简单,
- PHP PDO 错误与错误处理PDO::ERRMODE_SILENT此为默认模式。 PDO 将只简单地设置错误码,可使用PDO::error
- AlexNet介绍AlexNet是2012年ISLVRC 2012(ImageNet Large Scale Visual Recognit
- 今天我们就用一篇文章,带大家梳理matplotlib、seaborn、plotly、pyecharts的绘图原理,让大家学起来不再那么费劲!
- 一、概述在一般的sql操作中,sql语句基本上都是固定的,如: SELECT t.empno,t.ename FROM scott