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

GUI设计与用户体验测试 学习目标 了解常用界面设计方法和界面规范。 掌握界面交互和用户体验测试方法。 如果我当年去问顾客他们想要什么，他们肯定会告诉我“一匹更快的马”。 — 亨利·福特 GUI 用户界面，通常称为GUI（Graphical user interface），因为现在的软件早已走过了“黑暗”的DOS时代，大部分是图形化的用户界面。 用户界面，也叫人机界面或人机交互，是计算机学科中最年轻的分支之一。是计算机科学和认知心理学两个学科相结合的产物。 几乎所有商业网站都认为：投资可用性是高回报的。 微软在每次发布一个大型的软件之前，都要发布一个或多个Beta版本让全世界的人们试用和参与测试，以便收集修改的意见，据说这项活动每年为微软节省的开发和测试费用高达数10亿美元。 用户体验测试方法 可用性测试的两种类型和方法 6-8名被试人就能代表所有用户的问题了吗？ 据维茨1992和尼尔森1993的统计表明，通过5名用户就能发现某产品中约80%的可用性问题了 弗克纳2003发现，测试5名用户平均发现85%的可用性问题，而测试10名用户平均发现95%的可用性问题，从6名到第10名用户新增问题几率只为10% 所以一般用户群测试均为6-8名被试。如果需要一个大的样本，可以考虑进行多次小测试，而非一次性测试许多被试人 完整的可用性测试步骤 1、准备测试启动会 在该步骤中需求方和用研将进行详细的沟通，用研人员充分理解测试目标，定义用户群和方位，了解技术环境 2、进行测试启动会 在会议中需要确定测试任务、测试形式、招募被试的标准等相关要素 3、招募被试 可以根据产品需要来划分多个纬度进行筛选被试 4、准备测试材料 材料分为文档部分、工具部分和礼品部分，文档部分一般要准备测试大纲、任务书、知情同意书、测试情景、问卷、记录表等，工具部分为测试电脑、录音、手表等，礼品部分自然是对被测的赠礼，也可以现金代替 5、组织测试设备和角色 这个步骤包含测试环境的安排既测试房间，各种测试用设备安排，角色为测试主持者、参与者，以及被试接待人员的安排 6、在以上环节做完后就可以进入测试了 启发式评估 启发式评估(Heuristic Evaluation)是让一小批评估人员评估用户界面以及判断这些界面是否符合已经确立的可用性(Usability)规则，以发现界面设计中的可用性问题，并把它们作为界面再设计过程中所重视问题的可用性方法。通过多人评估在提高效率的同时避免单个评估人员报告的局限性。 优秀UI需要具备的7个要素 符合标准和规范 直观 一致 灵活 舒适 正确 实用 UI标准和规范 Mac标准 GUI标准\HIGuidelines.pdf Windows标准 GUI标准\WindowsUserExperience.pdf IBM标准 GUI标准\ BM_UserInterfaceArchitecture.pdf 直观 用户界面是否洁净、不唐突、不拥挤？ UI的组织和布局合理吗？是否允许用户轻松地从一个功能转到另一个功能？下一步做什么明显吗？任何时刻都可以决定放弃、退回或退出吗？输入得到确认了吗？菜单或者窗口是否太深？ 有多余功能吗？软件整体或局部是否做得太多？是否有太多特性把工作复杂化了？是否感觉到信息太庞杂？ 一致 记事本、写字板、Word：编辑-查找（CTRL+F） 一致的术语 同一个元素在某个对话框中叫做“slot”，但是在另外一个对话框中叫“cell” 一般在需求规格说明书中明确定义术语、缩略语，以便统一 以物流管理为豪的世界500强DELL的物流部门使用的信息系统仍然是黑底绿字的界面。 其物流部门的主管说，这套系统的用户大多是物流专业的，系统界面与纸质报表是高度统一的，这样无需专门的培训就能够很容易地学会操作。 用户操作步骤来源于用户实际业务工作流。例如：入库单拷贝功能的界面设计，从计划单生成采购单的界面设计 音量的输入方式。 为软件设计概念模型 概念模型就是设计人员希望用户理解的应用程序模型。 使用最少的概念来提供所需的功能。例如，在一个驾驶模拟游戏的设计中，“向东北转向”和“向西南转向”是否是需要的？或者“向左转”和“向右转”是否足够？ 灵活 手机的接打电话功能是很基本的功能，在实现的时候似乎没有什么特别之处，但如果仔细对这些场景进行行为分析就会发现一些改进可用性的潜在机会点： 行为1：用户在接打电话的时候，经常会遇到需要记录一些电话号码、地址之类的信息的情景，相信对于“你等一下，我找下纸和笔”之类的回答并不陌生，但是这里就蕴藏着潜在的功能点：当接听电话时能够调出“便笺”，同时打开免提，这样用户就无需找纸和笔了。 行为2：用户在接到询问某个人电话号码的电话时，用户可能就需要能够在通话状态