交互设计实用指南系列(4)—“有效性”之“简洁清晰，自然易懂”
作者：青云 来源：taobaoUED 发布时间：2010-01-05 16:52:00
标签：交互设计,有效性,设计
我们生活在信息繁杂的社会，尤其是在互联网时代，人们开始通过网络开始接触越来越多的信息，那么，如何获取/传递有效而准确的信息将非常重要。在网页交互设计中，我们提出：信息获取和传达的过程必须是简洁清晰，自然易懂。这样用户才能够有效的获取这些信息，并迅速作出决定。
1.什么是“简洁自然，清晰易懂”？
简洁清晰：使信息最简化
“少即是多”。提倡使用最少的元素来表达最多的信息。如果信息繁杂，将使用户承担大量的信息负担，造成信息过载，影响效率，不能帮助用户解决问题。
自然易懂：使用用户语言
用户获取信息的方式多样，并且对信息的理解程度也各有不同，所以使用用户平时使用和理解的表达方式去传递信息，更可以被用户所接受。
2.信息表述的种类与设计原则
在网页交互设计中，用于传达给用户以有效信息的方式有多种，其中包括：页面布局，交互文本，界面色彩，图像与图标，声音等。
1）页面布局
界面中的信息布局，会直接影响用户获取信息的效率。所以，一般界面的布局因功能不同考虑的侧重点不同，并且会让用户有一种“区块感”，方便用户对信息的扫描性浏览。
①界面布局尽量有秩序，排列整齐，防止过紧或过松，有明显的“区块感”。切忌混乱。
②布局要充分表现其功能性，对于每个区域所代表的功能应有所区别。如：标题区，工作区，提示/帮助区等
③页面中最重要的信息所在的模块将是在屏幕中最明显的位置上。并且，应该是最大的。
④布局中的信息需要有明显的标志和简单介绍，比如标题栏和标题等。
⑤信息的位置保证一致性，让用户可以无需重新建立对页面信息分布的理解。
0
投稿猜你喜欢
佛爷去了公司的年夜饭，我有点无聊就在公司 Coding 点东西玩玩，于是就有了这玩意。请允许我很猥·琐得将这个游戏称之为“是男人坚持 100- 在程序的开发过程中，处理分页是大家接触比较频繁的事件，因为现在软件基本上都是与数据库进行挂钩的。但效率又是我们所追求的，如果是像原来那样把所
- 照例使用XMLhttp同步方式获取数据,可是由于网络不稳定,经常造成'死锁'状况,既send之后一直不返回服务器结果,也不出
- 看了很多介绍javascript面向对象技术的文章,很晕.为什么?不是因为写得不好,而是因为太深奥.javascript中的对象还没解释清楚
- 微软在今天早上发布新的安全通告证实，一处远程执行代码漏洞影响到了整个SQL Server产品线。该漏洞的入侵代码在两周前已经被公布在互联网上
- 栅格系统的形成1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计
- Ewebeditor及fckeditork，90％的网站都是采用这两种编辑器作为产品或者内容的说明部分的编辑窗口，近日，一客户的外贸站点基本
- 有一个查询如下： 代码如下:SELECT c.CustomerId, CompanyName FROM Customers c
- 在使用DB2以来，碰到了几次出现提示SQL1032N错误，每次出错时出错信息大概如下：11/21/2004 22:15:33 0 0 SQL
- 用analyze进行处理，定期进行处理ANALYZE [LOCAL | NO_WRITE_TO_BINLOG] TABLE tb1_name
- list.asp<％@LANGUAGE="VBSCRIPT" CODEPAGE="936&qu
- 今天在给一个img加链接时发现的<body> <a href="#1" >&
- 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是：<!DOCTYPE h
- 强大的group by 代码如下:select stdname, isnull(sum( case stdsubject whe
- 最近重新温习了一次《javascript设计模式》，确实是一本好书，每次看都有不同的领悟，每次领悟到的都受益匪浅，无怪古圣人都说学无止镜了，
- 内容摘要：最近在做项目的时候，客户要求表格里的数据可以拖选，于是用JS写了个下面的方法。支持IE、FIREFOX等浏览器。实现对整行、整列数
- 我们有时候看到一些文章因为一行的字符超长而把一些表格或DIV撑开或字符写到溢出了．如何防止表格防止撑开,表格不被内容撑开,单行字符超长div
- CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为
- 关于跨域这个话题，很早就答应过要分享，但是因为懒，一直拖着，直到D2上有人谈起了“完美跨域”。“跨域”应该已经算不上什么难题了，只是提起“完
- Dreamweaver 2004 除了可以插入 Flash SWF 動畫、Flash 文字和 Flash 按鈕以外，這次又新增加了一個叫做
