假产品可用性评估和对比

假产品可用性评估和对比第1页/共34页目录测试方法测试结果测试结果概要可用性问题分析小结和建议第2页/共34页测试方法启发式评估法（HeuristicEvaluation）目标：对网站界面进行评估，发现设计中的可用性问题测试目标和范围：预定旅游度假服务首页和搜索搜索结果页产品描述页订购过程页面（不进入交易页面）可用性问题定义：导致和阻碍用户完成任务的问题，影响用户高效完成任务的问题，影响用户完成任务满意度的问题第3页/共34页评估要点和原则(4大项，分11小项)查看和搜索结构清晰、设计良好的“第一印象”，满足不同的访问目的，提供友好的任务指引提供必要的搜索功能支持展示结果提供清晰的搜索结果展示页面允许对搜索结果进行排序和优化操作提供清晰和必要的相关旅游服务信息支持多项旅游服务的横向比较选购服务展示清晰简单的预定步骤，进行恰当的引导，并提供灵活性提供清晰和必要的确认信息进行恰当的提升销售（up-selling）确认表单确保网站能避免常见信息输入错误对表单填写错误提供友好的提示及纠正帮助信息第4页/共34页可用性指数编制分数：3大项中的11个小项，每项满分3分，总计33分；根据可用性问题的严重性进行扣分（只扣不加）：-1=小的可用性问题，修改优先级低-2=大的可用性问题，修改优先级高-3=可用性灾难性问题，应立即修改可用性参考原则尼尔森十项启发式可用性原则ISO13407：1999以人为中心的交互系统设计过程

第5页/共34页测试结果和分析第6页/共34页测试结果概要Expedia携程查看和搜索第一印象和引导搜索服务展示结果清晰的结果展示页面对结果排序和优化提供相关信息多项产品比较选购服务良好的购买流程提供必要确认信息恰当的提升销售确定表单清晰的填写表单指引避免表单填写错误得分（满分33）29（88%）23（70%）第7页/共34页Expedia携程21旅行服务查找和搜索第8页/共34页首页布局Expedia网页主体内容（不含页头和页脚）评述三栏设计，提供了旅游产品搜索框、产品主题推荐信息和横幅广告。主题简明清晰（呼吁calltoaction），通过边框将内容进行区隔，主体内容都出现在首屏（Abovethefold，即不需要拖动滚动条可看到的屏幕部分）。产品主题采用Tab设计，将三类Offers置入同一分栏，实现了空间的较好利用。首屏Abovethefold呼吁1安排旅行呼吁2查找度假服务呼吁3省钱！呼吁4积分第9页/共34页首页：布局网页主体内容（不含页头和页脚）评述携程采用两栏设计，提供搜索框和关键词，横幅广告，产品推介和目的查找入口。除搜索框外，其他内容板块没有清晰划分，用户不能一目了然；内容过于拥塞，营销广告过于强势旅游目的地和专卖店入口在首屏下（bellowthefold，红色框），用户极可能会忽略，或找不到参考资料：页面分屏的秘密，视觉设计的关键词

首屏Abovethefold不能一目了然，未确定出游目的地的访问者可能会因此离开网站呼吁1安排旅行呼吁2产品促销呼吁3查找目的地扣1分第10页/共34页搜索Expedia提供了选项丰富的搜索功能，能帮助已确定目的地的用户进行快速查找始发地和目的地输入框，没有提供关键词自动完成，以及即时侦错机制未提供关键字自动完成和侦错，可能会导致用户出错概率增大；或同一目的地有多个机场，需要多做一次选择扣2分第11页/共34页搜索携程提供了选项单一的搜索功能始发地和目的地输入框，提供关键词自动完成，以及即时侦错机制关键词自动推荐，跟搜索框标题（目的地）存在不一致（同事朋友怎么是目的地？）；存在不匹配现象。跟搜索框标题内容存在分类不匹配（不是目的地，而是一般关键词）完全不匹配的结果扣1分第12页/共34页Expedia携程22旅行服务搜索结果第13页/共34页搜索结果页面Expedia搜索结果展示清晰提供了清晰和必要的相关旅游服务信息（价格，酒店和日程）搜索结果可以单项排序，但无法对结果进行优化（refine）缩小选择范围不支持多项旅游服务的横向比较扣2分第14页/共34页携程搜索结果展示较清晰搜索结果可以排序，并提供清晰和丰富选项对结果进行优化，缩小选择范围结果页面提供了较少的相关信息，缺乏明确的出行天数第15页/共34页提供对多项旅游服务比较的支持，但似乎只针对特定旅游服务，容易让用户迷惑??扣1分加入对比后，还需要再一一勾选，才能开始对比，操作效率低第16页/共34页没有提供清晰和一目了然的系统状态变化（是否“加入对比”成功，加入了几个？）扣1分第17页/共34页旅游服务日程选择看上去提供了较多且灵活的出游选择，但是信息呈现太密集，没有对信息可视化进行良好的设计，用户视觉感受差，也对短期记忆是一项巨大挑战（无法一目了然的找出最高价和最低价）参考：人的短期记忆容量只有7项，维持20秒钟（

George_Armitage_Miller的魔力数字7）扣1分第18页/共34页Expedia携程21旅行服务选购流程第19页/共34页旅游服务选购的引导流程Expedia提供了清晰的购买引导，对已决定好出游目的地和日期的用户来说，提供了必要的出游和购买信息，便捷的购买流程，同时也允许一定的灵活性（更换酒店或航班）搜索（明确的出游目的地和日期）出游（package）选择查看酒店信息查看航班信息更换航班查看酒店评价额外服务购买（Upsell）确认+订单填写第20页/共34页选购产品确认页面产品确认页，提供了清晰的价格和日程信息，也提供灵活的其他选择（酒店和航班），但不会分散用户注意力，或打断流程脱离购买漏斗（purchasing

funnel）提供了清晰的下一步骤指示，引导进入订单提交阶段1、订阅产品概要2、酒店信息3、航班信息4、下一步操作订单提交第21页/共34页酒店信息页面Expedia提供了较丰富的出游相关信息，并提供显著的呼吁行动按钮，让用户进入到购买漏斗的下一步骤。返回操作（弱化视觉设计）酒店信息（强调）分享（提供辅助;弱化视觉设计）强化的呼吁行动按钮让用户留在购买漏斗;强化视觉设计订单提交第22页/共34页提升销售产品页面Expedia进行了恰当的提升销售，强化关键的价格信息，让整个选购流程做到顺畅和一目了然进行清晰和恰当的提升销售(up-selling)对关键的价格信息，提供醒目和多次确认订单提交第23页/共34页旅游服务选购的引导流程携程的购买流程环节多且很不清晰：已明确出游安排的用户容易受挫；未明确出游安排的用户不能从中获得太多的指引和帮助购买流程非闭环，存在大量主动把用户推出购买漏斗的出口用户容易在大量信息和复杂访问路径中迷失，遭受强烈的挫败感，消耗大量的时间和心智力。搜索（无明确的出游日期）出游（package）选择查看酒店信息查看航班信息更换航班查看酒店评价确定出游服务额外服务购买（upsell）选择出游日期确认+订单填写脱离现有流程，进入新的购买漏斗预订第24页/共34页产品确认页面页面没有对视觉流程进行良好规划和导向，关键价格信息没有醒目和详尽的展现页面标题和导航条距离太大，大部分用户习惯从左到右的阅读习惯，导航条容易被忽略（在大多数情况下，相关内容应尽量出现在视觉焦点范围内，而不要让用户四处搜索）关键的价格信息被放到了相对不重要的位置不必要的行动呼吁强化（用户可能会被引导出购买漏斗）关键信息（客房信息、早餐信息）需要鼠标点击或悬浮才能看到，不能一目了然；酒店附加费需鼠标悬停房型（？！）图标才显示，容易引发交易纠纷和投诉，也可能会给用户造成非透明交易的感觉扣1分第25页/共34页酒店信息页面酒店介绍页面和评论页面，已经脱离了购买漏斗，容易让用户注意力分散，或被干扰，打断选购流程介绍页面用新窗口打开，对用户完成选购任务形成干扰，或分散注意力点击“预定”按钮，会重新开始一个购买流程，中断原有选购，流出购买漏斗订单提交扣2分第26页/共34页提升销售产品页面这只是大约1/3的提升销售(upselling)服务，共19项……泛滥的提升销售和过度服务（over-serving），容易让用户无所适从，难以选择（选择性障碍），急速损耗用户参与度（engagement）；提升销售服务的信息展示，存在严重的不一致（内嵌/层叠式窗口/弹出新窗口等），让用户眼花缭乱，点击链接前很难预判；信息展示缺乏分类显示，无法排序和优化，也不能进行比较（对用户的记忆力、信息负载力和耐心是一个严重挑战）；缺乏对用户进行必要的引导须拖动数屏后，才能进行下一步扣1分第27页/共34页Expedia携程2旅行服务选购确认第28页/共34页订购确认表单对填写步骤用数字进行了清晰的标示对旅客信息进行了再次确认；并提供贴心的出游偏好设定在表单填写错误的字段上部，提供了清晰和醒目的错误提示和纠正信息对错误的表单字段用数字进行标示，提供了清晰和一目了然的指示第29页/共34页订购确认表单须知或协议部分的内容太多太杂，阻碍用户决策和进行下一步；本页面要填写的表单分两大块，被隔开且没有清晰的标示，用户可能会忽略接受协议的勾选项提供了较贴心的常用旅客，减少用户信息输入量但常用旅客名单只出现在上部，用户如需填写多位旅客信息，不能方便调用常用旅客名单数据（绿色框内为一屏内容，填第三位旅客信息时，无法看到常用旅客名单）扣2分第30页/共34页结论两家网站都未发现灾难性、导致用户无法完成订购任务的可用性问题Expedia优点：提供了清晰的订购流程，在订购过程中给予用户较友好的引导和充足的帮助信息，并为出游定制和个性化提供了一定的灵活性缺点：目的地输入框，没有提供自动完成和侦错机制，可能会导致用户输入错误和操作低效的问题旅游服务搜索结果展示页面，缺乏对结果进行优化和缩小选择范围的必要功能携程优点：对搜索结果提供了较好的优化功能，能帮助用户更好的找到合适的旅行服务产品缺点：缺乏清晰的订购流程，订购过程存在过的干扰关键信息没有提供醒目或一目了然的展示表单填写设计未提供清晰的指引，没有充分考虑用户出错的可能性，布局有待优化第31页/共34页建议找到目标用户（结合市场细分和定位等），确定客户抵达网站的情景（Scenario）和目标，提炼客户需要完成的任务，规划合理和恰当的流程，对购买流程页面进行优化和合理部署，并减少任务步骤对页面元素（内容区块，进度条和行动呼吁按钮）进行优化布局，从用户完成任务和阅读习惯的角度出发，进行优先级排序和合理布局进行合理的提升销售，不要过度营销和过度服务，避免给客户制造选择性障碍，陷进信息超载泥潭（参考：持续局部注意和品牌体验的之谜）对表单