GUI设计与用户体验测试V2.0.ppt

GUI设计与用户体验测试;学习目标;;《福布斯》日前刊出《为什么乔布斯比盖茨更杰出》一文，文中称苹果联合创始人乔布斯的崇拜者之多令人震惊，而他与爱迪生相似程度令人不可思议。; 如果我当年去问顾客他们想要什么，他们肯定会告诉我“一匹更快的马”。

—亨利·福特;GUI;;界面工程师和研究学者们不断创新，开发出各种新的用户界面交互技术。;微软的Outlook模式被广泛使用; 几乎所有商业网站都认为：投资可用性是高回报的。;阿里软件UCD流程图;概要设计阶段：用户体验师要把需求文档中抽象的功能转化为用户需求。

通过做概念图、信息架构（建立层次逻辑关系）、建立用户场景（了解服务的人群，更好审视产品）等方法来定产品的大方向。

详细设计阶段：设计有完善交互流程的原型demo（这个阶段如果条件允许可以进行低保真demo的可用性测试，把产品交互上一些问题尽早的暴露出来。）

在原型评审后跟进视觉设计。在前端完成页面后，最好进行次高保真的可用性测试，确保不会在开发好后才发现产品有大问题。;应该把用户体验融入到整个研发过程中去; 微软在每次发布一个大型的软件之前，都要发布一个或多个Beta版本让全世界的人们试用和参与测试，以便收集修改的意见，据说这项活动每年为微软节省的开发和测试费用高达数10亿美元。;用户体验测试方法;可用性测试的两种类型和方法;可用性测试结果甚至可能令经验丰富的设计人员都大为惊讶;6-8名被试人就能代表所有用户的问题了吗？;;完整的可用性测试步骤;启发式评估;优秀UI需要具备的7个要素;UI标准和规范;;直观;直观意味着能够一眼看到需要的信息;;;屏幕上高亮显示的地方太多可能使用户很难将注意力集中到重要的信息上;是否允许用户轻松地从一个功能转到另一个功能？下一步做什么明显吗？;一致;一致的术语

同一个元素在某个对话框中叫做“slot”，但是在另外一个对话框中叫“cell”

一般在需求规格说明书中明确定义术语、缩略语，以便统一;以物流管理为豪的世界500强DELL的物流部门使用的信息系统仍然是黑底绿字的界面。

其物流部门的主管说，这套系统的用户大多是物流专业的??系统界面与纸质报表是高度统一的，这样无需专门的培训就能够很容易地学会操作。;用户操作步骤来源于用户实际业务工作流。例如：入库单拷贝功能的界面设计，从计划单生成采购单的界面设计

音量的输入方式。

;为软件设计概念模型

概念模型就是设计人员希望用户理解的应用程序模型。

使用最少的概念来提供所需的功能。例如，在一个驾驶模拟游戏的设计中，“向东北转向”和“向西南转向”是否是需要的？或者“向左转”和“向右转”是否足够？;灵活;手机的接打电话功能是很基本的功能，在实现的时候似乎没有什么特别之处，但如果仔细对这些场景进行行为分析就会发现一些改进可用性的潜在机会点：

行为1：用户在接打电话的时候，经常会遇到需要记录一些电话号码、地址之类的信息的情景，相信对于“你等一下，我找下纸和笔”之类的回答并不陌生，但是这里就蕴藏着潜在的功能点：当接听电话时能够调出“便笺”，同时打开免提，这样用户就无需找纸和笔了。

行为2：用户在接到询问某个人电话号码的电话时，用户可能就需要能够在通话状态中调出“通讯录”的功能。;ATM取款机的不同服务模式：

-用户取完钱时直接退卡；

-用户取完钱时转到服务选择，可以继续服务也可以选择退卡。

通过分析用户行为，可能会发现存在更“智能”的解决方案：

单笔限额：用户通常不会继续取款-退卡

=单笔限额：用户有继续取款的可能-继续服务;;舒适;;不要让用户解决额外问题

例如：用户想将一幅TIFF图放到他的BLOG上，但是网站要求GIF或JPEG图片格式

不要让用户通过排除法来推理

例如：系统提供了一个复选框标注着“水平对齐图标”。那么如果不选中它会发生什么，图标会垂直对齐吗？或者它们只是不对齐？;正确;;让界面设计易于理解，例如名为“DoIt”的按钮，在英文中容易让人误解为“Dolt”（傻瓜）

图解不明确，例如某个“Transmit（传送）”功能的图示被误认为是酒杯;WYSIWYG

输入“左转30度”来精确地控制汽车转弯？;实用;开发人员往往相信“选项越多、控件越多，功能越强大，就越好”。而事实上，大部分用户只是想要足够能完成他们工作的功能，不用更多，也不能少。

80%的用户仅仅用到Office中的20%的功能;对用户的及时帮助作用;练习：OA系统界面及用户体验测试;GUI控件禁忌;混淆复选框和单选按钮-单独的单选按钮;

;Word-字体;在非开/关设置中使用复选框;使用命令按钮作为开关;;;;使用选项卡作为单选按钮;太多选项卡-“因小失大”;在左边添加选项卡，在右边添加选项卡，四周都有选项卡;选项