6. 设计有效的输出
6.1.输出设计目标
1.设计满足特定用途或组织目标的输出
输出要面向用户，考虑用户的年龄、收入和文化层次。
2.制作对用户有意义的输出
设计要满足特定用户的需求，决定什么是内容，什么是途径。
考虑输出的时间和地点 [more…]
3.交付合适数量的输出
决定要给用户多少信息，根据对用户的调查来决定，根据对象的重要性，数量和个数来决定
如：搜索后的结果
4.合理分配输出，确保重要信息是必不可少的
如商店的门户网站，分类信息要展示
对必不可少的信息进行版本化，如计算器的科学性和普通型
5.按时提供输出
In-Time 按时，及时的展现，考虑输出的时效性
如每年南大的主页在高考时很重要
如滴滴打车，采用语音输出
6.选择最有效的输出方式：报表，屏幕输出，音频或视频输出。
6.2.选择输出技术时需要考虑
1)谁将使用，看到输出。
2)多少人需要输出
3)哪里需要输出，如配送部门和后勤部门
4)输出的目的
5)输出的速度是多少
6)访问输出的频率如何
7)输出将必须存储多长时间
8)产生、存储和分发输出必须遵循的特殊规则是什么
9)维护和供应的最初与后续的成本是什么
10)输出技术的环境需求是什么：易接近性、噪声吸收、温度控制、设备空间、电缆架设以及WiFi发射机的接近程度。 例如：打印输出噪声很大。
6.3.常见的输出技术
补充如下：
1. 打印机输出：如报表行程单、化验单、信用卡账单、财务单，具有持久性，需要考虑浪费纸张的成本，噪声，采用合适的表格形式
2. 视频输出：
补充静态的打印输出。
远程协作，将那些不能经常见面的人联系在一起
教学，帮助，培训视频
记录当前事件，方便以后的输出
保存一个重要情节，收藏，存档
3. 动画输出：增强web站点的演示效果；比抽象的图像带来更好地决策支持。
4.电子邮件输出：可以用于私密信息。
5. 输出技术两种分类：
推技术：向用户推送信息，如推送流量统计，可以采用短信或电子邮件的方式。
拉技术：用户主动发起请求数据，如web上点击链接
6.4.避免输出的偏差
1.偏差的来源
a)信息排序的方式
b)可接受的边界值引入的偏差
c)使用图形引入的偏差
2.如何避免偏差
a)明确偏差来源
b)在测试Web文档的外观过程中，设计交互式输出，让各种用户参与测试，并使用各种不同的系统配置测试输出。
c)让用户参与输出设计，使它们认识到输出信息中可能存在的偏差
d)创建灵活的输出，使得用户能修改边界值和范围。
e)训练用户依靠多种输出对系统输出执行“逼真测试”
6.5.印制报表的设计原则
1.确定报表设计约定
设计表单时要遵循的约定包括：每个位置上出现的数据类型，表单大小，以及表明连续表上数据延续部分的方式。
2.纸张质量、类型和大小
3.功能、风格和美观程度
4.报表的功能属性：标题、页码、准备日期、列标题、相关数据项的集合、控制分割行的使用
6.6.设计屏幕输出
1.原则
a)保持屏幕简单
b)保持屏幕显示的一致性
c)方便用户在屏幕间移动
d)创建吸引人的屏幕
2.在屏幕输出时使用图形要考虑
a)图形的用途
b)需要显示什么样的数据
c)读者对象
d)不同图形输出对读者的影响
3.选择仪表盘输出时考虑：
a)确保数据有上下文
b)显示合理的汇总的精度
c)选择合适的工作指标进行显示
d)公正地表现数据
e)选择正确的图表样式进行显示
f)使用精心设计的显示媒体：大小、图片、颜色、标签
g)限制项目类型的多样性
h)突出显示重要数据
i)将数据按有意义的小组进行编排
j)保持屏幕简洁
k)使整个仪表板保持在一个单独的屏幕上
4.Wedget和Gadeget输出
a)窗口小部件，可以个性化桌面
b)证券报价机、天气预报、RSS反馈可以采用widget
c)但widget会分散用户对系统支持的任务的注意力。
7.设计有效的输入
7.1.对输入的质量要求
1.输入的质量
1)有效性：输入表单、输入屏幕和Web上的输入窗体在信息系统中服务于具体的目的。
2)准确性：所作出的设计能保证用户准确输入数据。
3)易用性：表单和屏幕简单易懂
4)一致性：所有输入窗体，在不同的程序中按类似的方式组织数据。
5)简单性：设计简洁，让用户集中注意力输入数据。
6)有吸引力：精心设计表单，让用户喜欢
2.输入还需要保证
完整性
输入顺序要合理：从主体到客体，重要到次要
如简历：先基本信息，再个人获奖，个人工作经历
7.2.良好的表单设计(纸质表单)
1.设计原则
a)使表单容易填写
b)满足用户的需求
c)保证输入的完整性，准确性
d)有吸引力
2.使表单容易填写
a)表单流：从左到右，从上到下
b)表单的7个部分
i.标题
ii.标识和访问控制
iii.用法说明
iv.主体
v.签名和确认
vi.总结
vii.评论
c)加标题：行标题，行下标题，加框标题，垂直选择标记，水平选择标记。
标题要有相关注释。
标题风格保持一致。
3.满足用户的需求
创建表单目的：记录、处理、保存和获取商业所需信息。
4.确保完整性和输入的准确性
这样可以让与收集数据相关的错误率大幅度降低。
5.表单设计要有吸引力
按预期顺序组织信息：姓名、街道地址、城市、州(省)、邮政编码
吸引力来自于正确的表单布局和流向。
字体样式和线条粗细也是有用的设计元素。
6.表单设计软件：如scansoft
7.业务表单控制：
a)确保表单的输入是为了达到特定的需求，并且该需求是组织功能不可分割的。
b)避免重复信息，避免使用重复表单。
c)设计高效的表单。
d)以尽可能低的成本制作表单
7.3 良好的Web屏幕和Web窗体设计
7.3.1.屏幕设计原则
1.电子、web表单与静态表单的区别：
有光标，指示当前的数据输入位置
可以在上下文加入相关帮助
2.设计原则
a)保持简洁
b)一致性
c)易于用户在屏幕间移动
d)创建有吸引力和满意的屏幕
3.保持屏幕的简洁
屏幕输出的三个部分：
•标题：文件名称、下拉菜单和执行某些任务的图标
•主体：输入数据，从左到右，从上到下
•评论和用法说明
另一种保持简洁的方法是：使用上下文相关帮助和其他弹出窗口，利用超链接
4.保持屏幕一致性：
a)与相关的纸质表单保持一致性
b)每次访问新屏幕时信息出现在同一个区域
c)逻辑上不可分割的信息始终组织在一起
5.易于用户在屏幕间移动
a)易于用户从在不用web页之间移动
b)“三次单击”规则：用户应能在三次单击鼠标或按键之内，转到他们所需的屏幕。
c)使用向下箭头滚动屏幕
d)上下文相关的弹出窗口
e)屏幕对话
6.设计有吸引力的屏幕
a)足够的留白，让用户集中注意力到数据上
b)使用逻辑流计划屏幕信息，按用户处理问题的方式组织屏幕信息，让他们容易找到所需信息
c)将信息划分为3个部分，参见简洁性，划分遵循一致性原则
d)采用粗细不同的线条划分不同的类目
e)反转影像，闪烁光标，但要慎用。
f)使用不同的字体
7.屏幕设计中使用图标
a)每个应用程序使用的图标控制在20个之内
b)相关图标要一起出现，保持连续性和易懂性
c)图标含义越丰富，越有用。
7.3.2.GUI元素的设计
1.文本框：大小要能容纳所有的字符。要有标题。
2.复选框：标签放在复选框的右边；如果超过10个，要将他们组成一个组，并框起来。
3.单选按钮：选项文本放在右边；如果选项按钮超过6个，考虑下拉菜单。
4.下拉菜单和列表框
5.滑动块按钮和旋转按钮
6.图像映射
7.文本区
8.消息框
9.命令按钮
10.表单控件和数值：GUI界面包括的每个控件必须有某种方法来存储与控件相关的数据。 Web页面上，可以采用名称和值对来实现。 每个Web表单控件获取数值的方法是不同的。
11.隐藏字段：表单中，对用户不可见，但需发送到服务器的数值
12.事件响应图：当GUI交互很复杂时，可以采用事件响应图列出各种可能发生的事件，概要的建立商业事件和响应的模型。
13.动态web网页：根据用户操作改变网页内容，基于JavaScript，可以用来显示临时的信息。但对需要加密，提供安全保护的数据，不要采用动态web的形式。而缺点是用户禁用JavaScript后，网页不可用。
14.Ajax，异步更新，web运行更快，更流畅。缺点是JavaScript必须启用，安全性问题。
15.选项卡控件对话框设计原则：
a)为每个独特的特性创建一个分离的选项卡
b)将最常用的选项卡放在前面，并首先显示
c)可以考虑在设计的选项卡控件对话框中包含三个基本按钮：OK，Cancel，Help
16.Web中使用色彩
a)色彩搭配要协调：对比前景和背景，突出表单上重要字段，显示错误。
b)容易辨认的搭配：前景明亮，背景用不太明亮的。
i.黑底文字在黄色背景上
ii.绿色文字在白色背景上
iii.蓝色文字在白色背景上
iv.白色的文字在蓝色的背景上
v.黄色的文字在黑色的背景上
c)色彩不宜超过4种，对于有经验的用户，不要超过7种。
7.4.内联网和互联网页设计
指导原则
1)提供清楚的用法说明
2)演示窗体的逻辑填写顺序，特别是因为用户滚动而看不到的部分
3)为特殊功能增加窗体的吸引力，使用各种文本框，按钮，下拉菜单、复选框和单选按钮
4)如果我们不能确定用户响应某个问题时将在字段中输入多少个字符，或者不能确定用户使用什么语言、结构或窗体输入数据，提供一个可滚动的文本框
5)为每个Web输入窗体准备两个基本按钮：Submit 和 Clear Form
6)如果窗体很长，且用户进行滚动之外别无它法，那么最好将窗体分成几个简单地窗体，放在不同的网页上
7)创建一个错误反馈屏幕
对于电子商务应用程序还需要达到目标：阐明有关信任、隐私和退货方面公司的任务和价值；建立高效的事务处理过程；建立良好的客户关系。
8. HCI人机交互
8.1.基本概念
1.HCI是指确保系统的功能和可用性，提供有效的用户交互与支持，以及增强用户快乐体验。总体目标是实现组织和个人用户的效率和有效性。
2.主要策略：不断引出用户对原型设计（屏幕、表单、界面等）的使用经验反馈，根据修改建议提炼设计，然后再让用户试用，直到用户满意，最后由分析员固定下来。面谈就是一种获得HCI反馈的重要方式。
3.技术接受模型：感知有用性和感知易用性
4.可用性：包括产品使用的有效性、效率和在特定环境下使用的满意度、用户界面交互，开发产品的过程，组织应用以用户为中心的设计的能力
5.HCI设计中考虑用户的身体因素：视觉，听觉，触觉，考虑人的缺陷、残障和意图。
6.良好的HCI进行系统设计的指导原则
1)界面与任务相匹配
2)提高界面效率
3)提供适当的反馈
4)生成有用的查询
5)提高工作者的效率
7.评价UI的原则
1)较短的学习时间
2)用户不用多加考虑或者不用查阅手册和帮助菜单，就可以输入指令
3)界面应该与实际功能“无缝”连接，确保出出错概率小
4)用户和系统出错后恢复时间尽可能短
5)偶尔使用的用户重新学习系统时要尽可能快
6)界面提供信息准确，界面友好
8.2.对话设计的指导原则
1.交流要让用户和计算机都能理解，意义明确
2.最小化用户的行为，减少不必要的操作，可以采用以下方式：
1)输入时用代码代替词组
2)只输入系统中没有存储的数据
3)提供缺省信息
4)提供help信息，不要让用户乱操作
5)提供符合常规的快捷键
3.操作的规范化和一致性
1)界面的标题、日期、时间、操作提示和反馈信息固定在相同位置
2)使用相同的键位或者菜单退出程序
3)采用一致的方法取消事务
4)用标准化的方法获得帮助，如F1
5)屏幕采用标准化的色彩
6)GUI中使用标准化的图标
7)网站中术语要一致
8)提供一致的方法实现对话导航
9)文字大小、颜色和对齐方式保持一致
8.3.用户界面类型
1.自然语言界面：实现复杂，如ask.com自然语言查询，对资源有特殊要求
2.问答式界面，对话框，适用于不熟悉特定应用或不了解某个主体的用户
3.菜单：
优点：分类显示，不杂乱；减少界面无关信息；嵌套菜单可以提高用户的操作速度。
指导原则：
•层次和分类要清晰，不能混淆，
•主菜总是单停留在导航栏
•子菜单的层数不要超过3层
•下拉菜单按功能特征分区或者分组
•元素不要太拥挤，不重复，不遗漏，先主后次。
•选中主菜单的词后，弹出下拉菜单。
•不可用的选项灰色表示
4.Form表单
用于输入和输出
•原则：
屏幕窗体要说明应该输入什么信息，以及在哪里输出。
在空白字段中输入数据时，输入内容应该反白或闪烁显示。
为简化窗体数据的输入，可预先给出默认值。
•优点：打印出的表单内容是极好的文档
•缺点：让有经验的用户厌烦，总希望找到一种更有效的数据输入方法。
5.命令行:专业、学习难
6.对话框
采用标准的操作，保证一致性，交流要有意义，提供最少的操作交互和行为。
7.其他类型的用户界面
指示笔、触摸屏、语音识别与合成、触摸屏
语音交互的优点：让用户能腾出手来完成其他事项的同时，如驾驶，可以极大的提高数据输入速度。为有视觉或行为障碍的用户提供方便。
8.4.为用户提供反馈
1.反馈类型
a)确认接受了输入数据
b)确认输入格式正确
c)提示输入格式不正确
反馈可以是新的界面、消息框、音频反馈
反馈要保证效率和准确性
d)解释系统运行中的延迟
e)确认请求完成
f)提示用户请求无法完成
g)为用户提供更详细的反馈
2.在系统设计中包含反馈
a)提供各种帮助选项，F1，
b)下拉菜单帮助
c)鼠标悬停的提示文本
d)帮助向导
e)帮助热线
8.5.电子商务网站的设计原则
1.在网站上采用各种方法从客户处获得反馈
在用户启动电子邮件程序的同时，自动把公司的邮件地址放在“收件人”处
添加反馈按钮，点击后打开信息模板
2.采用4种方法提供一次点击的导航，以确保用户容易地在网站中导航，并易于返回原来的网页。
1)建立卷滚菜单
2)在主页上按分层关系建立网站链接集，显示关键主题框架。
3)把网站地图放在主页上，并突出到该地图的链接，提高导航效率。
4)在网站内每一个页面上设置导航条，重复首页上的条目。
