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)在网站内每一个页面上设置导航条,重复首页上的条目。

资源:
系统分析与设计part1
系统分析与设计part2
系统分析与设计part3
系统分析与设计part4