浅谈视觉设计的准确性(3)

作者:奇遇 来源:UCDChina.com 时间:2007-09-18 17:59:00 

二、是什么就是什么,图形达意尽量明确。
视觉元素在软件中都代表着一定的含义,什么样子代表什么都有其特定的视觉暗示,如果不是游戏,我们应该尽量避免和用户捉迷藏。例如应该用页签来表现的从属关系,我们不应该简单的做几个链接,这样会表达不清楚各部分关系。除此类的布局因素之外,图标的表达是软件视觉中的一大块,好的图形表达可以帮助用户直观感受功能,缩短操作时间,提高效率;不过表达不好可就麻烦了,用户可能要歪着脑袋想半天!


——图八
在图八中,箭头所指之处为刷新图标,上面那个刷新图为原来图标,下面的刷新图标是我做个假设。对于一个新手,下面那张图的刷新图标和后退图标显得太象了,意思区别不是太明确,会造成误解。就准确性而言,上面那个刷新图标更让我容易接受。我承认我这样假设有点扣小节,我的本意是为了说明图形表达准确性。

三、明确你的视觉状态
在软件里,软件视觉的状态主要用来表现对用户的行为反馈,在计算机pc环境里的软件,主要针对鼠标和键盘操作,理想状态是:用户的每个操作行为都应该有相应的视觉反馈,比如有没有选中,操作有没有成功等。仅按鼠标操作的状态分就有默认、鼠标指向、鼠标按下、鼠标点击四种状态,准确的反馈可以让用户流畅的感觉自己的操作;关于鼠标和键盘的状态,大家在操作系统的时候注意一下,就可以看到各种操作的对应关系,而我们平时是不太注意的,因为它默默的达到了设计的目的。站在是否可用的角度分有:可用状态、不可用状态.


——图九,本图为两种不同状态的视觉比较,不可用状态的灰色让我不再去点击。
状态的准确性可以可以避免用户误用不可用的操作而产生麻烦和浪费时间,这种情况我们可以通过一个视觉反馈轨迹图来看看操作的情况。


——图十
图十是我在为一个产品做用户测试的时候,所得到的反馈图:在没有选择文件的时候,移动文件是不可用的,视觉处理的时候却是可以点击的,再加上视觉顺序的不合理,大多数的用户总是直接点击“移动文件”,犯下错误之后才去选择文件,途中的虚线部分表示犯错之后又才去选择文件,重新来过。

标签:设计,视觉
0
投稿

猜你喜欢

  • Python实现简单的列表冒泡排序和反转列表操作示例

    2022-10-18 08:46:04
  • ASP程序代码执行时间统计类

    2007-10-15 12:45:00
  • PHP字符串的编码问题的详细介绍

    2024-05-02 17:17:15
  • virtualenv隔离Python环境的问题解析

    2023-11-13 02:00:13
  • python 名称空间与作用域详情

    2021-06-10 23:12:38
  • 如何安装SQL Server 2012群集

    2024-01-14 23:35:09
  • Python-while 计算100以内奇数和的方法

    2022-03-24 12:00:39
  • Python高级特性之切片迭代列表生成式及生成器详解

    2021-06-25 23:10:13
  • 从零学python系列之数据处理编程实例(一)

    2021-10-05 12:36:43
  • Anaconda安装pytorch和paddle的方法步骤

    2021-04-17 18:21:59
  • 漂亮的title提示信息

    2008-08-12 12:51:00
  • 基于Python实现中秋佳节月饼抢购脚本

    2023-02-23 12:48:39
  • vue多页面项目实现版本快照功能示例详解

    2024-04-28 09:23:25
  • python多线程编程方式分析示例详解

    2023-05-13 04:56:01
  • 基于JS实现简单的样式切换效果代码

    2024-04-22 13:08:53
  • SQL Server新特性SequenceNumber用法介绍

    2024-01-15 02:38:34
  • 解决python3 HTMLTestRunner测试报告中文乱码的问题

    2021-10-19 04:34:06
  • Flask实现跨域请求的处理方法

    2022-03-18 08:19:07
  • js父页面中使用子页面的方法

    2024-04-19 09:50:49
  • JavaScript中定义函数的三种方法

    2024-05-09 10:37:04
  • asp之家 网络编程 m.aspxhome.com