人机交互实验报告3-界面设计与分析

《人机交互技术》课程

实验报告

专 业 年 级 软件1101 学 生 姓 名 张景斐 学 号 1105290121 实 验 成 绩

实验项目 名称 界面设计与分析 实验 1） 熟悉界面设计的基本内容，了解网页界面设计的内容与方法。 目的及要求 2） 对不同类型的界面设计进行分析 1） 结合案例实现界面设计内容、步骤、方法等分析； 2） 对不同类型界面进行分析； 步骤1：任务分析。 简单叙述启发式评估的含义，并结合一些日常所用软件中的例子说明启发式可用性原则的内容。 启发式评估法就是户使用一套相对简单、通用、有启发性的可用性原则（即“启发”）来进行可用性评估。具体方法是，专家使用一组称为“启发式原则”的可用性规则作为指导，评价用户界面元素（如对话框、菜单、在线帮助等）是否符合这些原则。在进行启发式评估时，专家采取“角色扮演”的方法，模拟典型用户使用产品的情形，从中找出潜在的问题。 这些启发式评估共有十条可用性原则： 1.系统状态可见性 系统应随时让用户知道正在发生什么事情，也就是说通过某种方式让用户了解系统的状态。与这条原则相关的可用性问题的例子包括： 在网站中用户登录后，应该有持久的信息提示用户已登录的状态； 反馈不够持久，用户没有足够的时间注意到或理解反馈的内容； 反馈没有立即显示； 非文字反馈不容易看到，或不容易理解； 不必要的反馈，或是反馈使用户慢下来； 让用户误解的反馈。 2.系统与用户现实世界相互匹配 系统应该使用用户熟悉的术语，采用符合现实世界习惯的方式展现信息，完成特定的功能。与这条原则相关的可用性问题的例子包括： 系统使用的词语和概念不符合用户的实际使用习惯，包括系统使用了用户不熟悉的术语，或是没有使用用户熟悉的术语； 交互设计中最常用的是采用隐喻的方法帮助客户理解系统，典型的如Windows等系统的“桌面”、“文件夹”、“回收站”等概念就是来自现实世界的办公室环境。 3.用户控制与自由 用户希望的是那种运用自如、能够对其施加控制的交互，而不是系统控制的倍的被动式的交互。与这条原则相关的可用性问题的例子包括： 字处理软件中的“Undo”功能就允许用户做出一项操作后方便的恢复； 在不可逆转的行动之前系统没有提供足够的警告； 系统没有在适当的时机提供取消的功能； 系统的取消功能不明显或是很难找到； 系统不支持撤销的功能。 实验内容 实验步骤

4.保持一致性和标准性 一方面，系统提供的所有交互应该保持术语、风格、动作顺序的一致性，避免用户使用时造成混淆；另一方面，系统的交互界面应尽量和其他系统一致，即遵循一定的标准。与这条原则相关的可用性问题的例子包括： 界面元素的外观、布局和分组不一致； 界面元素的命名不一致； 系统反馈信息的格式不一致； 系统提供不一样的方法来操作相似的对象； 表达含义不一致，例如在不同的地方红色代表不同的意义； 设计标准和通用的标准不一致。 5.预防错误的发生 一个好的设计应该努力帮助用户减少错误的发生，最有效的方法就是提供充分的错误预防措施。与这条原则相关的可用性问题的例子包括： 用户不能学会怎样控制用户界面上的物体； 输入信息时，界面没有告诉用户所需的格式，例如，密码要求6位以上等； 缺少非语言暗示，例如，缺少闪烁的光标来提示用户可以输入； 用户界面上不同的物体太相似，例如：在网页上有超级链接的图像看上去像背景，用户不知道他们可以点击这些图像到达其他网页。 6.识别而不是回忆 交互时应尽量提供给用户一些可视化的选项而不是让用户记住一大堆命令和参数。与这条原则相关的可用性问题的例子包括： 系统的使用过于复杂，用户不得不记忆复杂的命令去操作系统； 界面提供的信息不及时，用户不得不自己从系统的另一个部分找到相关的信息； 图像或符号难以理解，甚至误导用户； 菜单、选择或链接有太多的层次。 7.使用的灵活性与效率 交互的方式应尽量灵活，交互的手段尽量简单，提高用户的交互效率。与这条原则相关的可用性问题的例子包括： 系统缺少自动化，没有自动地执行下面的任务，例如，一个新窗口打开时，视窗大小不合适，用户不得不自己改变视窗的大小； 使用系统需要太多的控制动作； 系统没有提供捷径，例如，系统没有定义必要的功能键。 8.美观而精练的设计 好的交互界面应该给人以美感，包括色彩的搭配，字体的选择，内容的布局等；而且不应包括无关的信息，否则会影响正常信息的使用。与这条原则相关的可用性问题的例子包括： 用户界面上的元素太大或太小，元素的颜色、形状或文字不适当，不容易识别； 界面元素的移动太快、太慢或不容易察觉； 声音使人感到被打扰、分心或使人烦恼； 屏幕上过于拥挤，界面元素的密度分布不均匀； 不同的元素太相似，例如，按键或链接看上去像一般的文字； 9.帮助用户认识、诊断和修正错误 系统在出错时应该是用通俗易懂的语言精确地指出问题所在，并给用户提供修正错误的方法和建议。与这条原则相关的可用性问题的例子包括：

错误信息使用了不当的幽默、或是用词不礼貌，消极，使人不愉快，具有威胁性，使用命令的口吻等； 错误信息赋予软件系统人的特点，使系统人格化； 错误信息使用户迷惑，不能帮助用户解决问题。 10.提供帮助文档和使用手册 有必要给用户提供帮助文档，而且用户能够在需要的时候方便获取这些帮助。与这条原则相关的可用性问题的例子包括： 帮助信息或用户手册不存在； 帮助信息没有意义或使用户更加迷惑。 步骤2：比较界面设计。 在界面设计中，桌面系统的图形用户界面、Web界面以及移动界面由于应用环境的不同具有各自的特点，请结合自己的感受，分析以上三种界面在设计上所应共同遵守的原则及彼此的差异。 桌面系统的图形用户界面、Web界面以及移动界面所应共同遵守的原则及彼此的差异。1.界面的一致性；2.常用操作具有快捷方式；3.提供信息反馈 （1）图形用户界面设计的一般原则： 1.界面要具有一致性 2.常用操作要有快捷方式 3.提供必要的错误处理功能 4.提供信息反馈 5.允许操作可逆 6.设计良好的联机帮助 7.合理划分高级地使用显示屏。 （2）Web界面设计原则： 1.以用户为中心 2.内容和形式的一致性 3.简洁与明确 4.体现特色 5.兼顾不同的浏览器 6.明确的导航设计 （3）移动界面设计原则： 1.简单直观 2.个性化设计 3.易于检索 4.界面风格一致 5.避免不必要的文本输入 6.根据用户的要求使服务个性化 7.最大限度地避免用户出错 8.文本信息应当本地化 注：可根据实际情况加页