《IXDC2015_A2_在设计优化过程中用研的力量__张冠男》由会员分享，可在线阅读，更多相关《IXDC2015_A2_在设计优化过程中用研的力量__张冠男（62页珍藏版）》请在金锄头文库上搜索。
1、 About 张冠男 2011年 至今? 用户研究 高级设计师? CDC 腾讯? MXD MIG 腾讯? 参与项目：手机地图、路宝爱养护、 SOSO手机应用、腾讯爱看、车联 网? ? 2006-2011? 用户研究 可用性与人机交互专业? SUEC，DLMU，大连? AT&T， NCR， UK? IDC， UL， Ireland? 参与项目：IHG预订网站改版、自 助服务系统创新项目、医疗记录 app 精工之用研道 设计优化中用户研究的价值 Redesign Redesign Behavior Redesign Behavior Life User Behavior Research The
2、Power of UR in Redesign ? 底图缩放控件的设计优化和位置调整? ? ? 地点详情页的布局调整? ? ? 手图交互架构的演进 ? 控件? ? ? 页面布局? ? ? 操作流程 The Power of UR in Redesign ? 底图缩放控件的设计优化和位置调整? ? ? 地点详情页的布局调整? ? ? 手图交互框架的演进 ? 控件? ? ? 页面布局? ? ? 操作流程 框架图来自：王海戎 搜索地点 图层 语音 定位 地图 导航 发现 我 需求描述：? 对于控件的位置和样式项目组内部没有达成一 致，需要你优化单手缩放底图的控件设计。 补充说明：? 如有需要，图层和
3、定位按钮的位置可以改动 5分钟练习：? 请大家在线框图上完成如下优化任务。 展示控件操作方式 video 控件设计从用户使用的角度 ? 位置? 操作方式? 样式 点击操作? ? ? ? ? 指向操作 必要性 底图缩放控件 设计初衷： 帮助用户单手缩放底图 反思1：必要性 单手使用场景 大包小包，匆忙赶路驾车 数据来源：左图为地铁口拦截访谈调研图片 单手操作存在 0%25%50%75%100% 15%36%49% 双手持握手机单手持握手机 数据来源：2013.02，how do users really hold mobile devices, Uxmattrs 存在单手缩放底图的场景和使用习惯
4、 ? 用户缩放底图时会交替采用多种缩放方式 ? 单指双击放大是比较自然的单手放大操作 ? 缺少比较理想的单手缩小操作方式 结论1 思考：单指缩小底图的操作方案是亟待解决的问题 反思2：无级滑动or加减按钮 video 缩放控件的引导吸引了用户尝试使用 ? 但没有起到实质性操作引导作用 结论2 思考：静态splash引导无法起到实质性的操作引导作用 可理解性 缩放控件不易于理解? 误认为与web端鱼骨控件使用方式一样? 误认为控件必须点击才能展开，展开后才能滑动调整比例尺? 误认为滑动范围受困于凹槽长度? 加减按钮易于理解 0% 25% 50% 75% 100% 缩放控件加减按钮 57% 100
5、% 43% 理解不理解 用户的操作：? 1.首次使用时点击+号。? 2. 不理解为什么会自动滑动回中心? 3. 以为街景也是缩放控件的一部分 数据来源：14名用户CE由于数据量较少，仅供参考 操作时间 缩放控件加减按钮 T=T指+T点+T指 当前手指位置 当前手指位置 T=T指+T点 感知到的操作时间排序： 用户认为缩放控件需要两步操作 才能够调整底图的大小。 （用户侧感知的操作方式） 缩放控件在可理解性和操作时间上没有明显优势 结论3 思考：1）缩放控件在可理解性上弱于加减按钮? 2）用户对操作方式的误解影响操作效率的感知 舒适度 轨道区域很难都在舒适区内? 屏幕尺寸越大，上述问题越明显 数
6、据来源：Hurff, S. (2014). How to design for thumbs in the Era of Huge Screens 大屏，非惯用手侧使用舒适度急降 数据来源：14名用户CE由于数据量较少，仅供参考 不同屏幕尺寸vs使用舒适度 控件左侧-右利手控件右侧-右利手控件左侧-左利手控件右侧-左利手 3.5英寸4.0英寸5.5英寸 控件的滑动轨迹很难全部在舒适区 ? 单手持机屏幕尺寸越大上述问题越严重 结论4 思考：在对控件调整时，针对大屏幕手机，需谨慎 处理滑动轨迹的长度，及滑动方式 反思3：位置 右手拇指操作占多数 数据来源：Steven Hoober，2013.02
7、.18，How Do Users Really Hold Mobile Devices？ 49% 36% 15% 左手：33% 右手：67% 拇指：72% 食指：28% 左手持机：79% 右手持机：21% 维度1：对中心内容遮挡 右手操作占多数? 从对中心内容遮挡的角度，? 控件位置在右侧比较理想 维度2：使用舒适度 数据来源：14名用户CE由于数据量较少，仅供参考 右手操作占多数? 从使用舒适度的角度，? 控件位置在右侧比较理想 使用舒适度评分? （1分-5分：非常舒适） 0 1 2 3 4 右利手左利手 3.3333 4.0909 4.3333 3.5455 控件在左侧控件在右侧 维度3：
8、操作时间 T= a + b*log2（D/S+1） 指向用手对指向时间有显著影响，影响a、b系数? 目标位置的距离D越远，指向时间越长? 目标控件的大小S越大，指向时间越短 D控左D 控右? T控左T控右 控件在操作手侧，操作时间短 数据来源：马晓波，基于触屏手机双手拇指操作的KLM模型研究 以右利手为例 当前手指位置当前手指位置 （用户侧感知的操作方式） 维度4：指向能力 指向时间受指向用手显著影响? 右利手更善于指向操作? ? 从指向操作能力的角度，? 控件位置在左侧比较理想 数据来源：马晓波，基于触屏手机双手拇指操作的KLM模型研究 惯用手 vs 指向时间（单位：ms） 460 485
9、510 535 560 右利手右手右利手左手左利手右手左利手左手 554.0678553.4324 472.563 466.4917 指向时间 注：根据KLM模型借用3.5英寸屏幕尺寸得出的结论 控件位置会影响持机手侧的使用舒适度及操作时间 ? 从指向操作能力角度，控件默认位置在左侧比较理想 ? 从使用舒适度角度，控件默认位置在右侧比较理想 ? 从对中心内容遮挡角度，控件默认位置在右侧比较理想 结论5 思考：考虑到缩放控件是对底图信息的操作，? 认为对中心内容遮挡是最重要指标，建议放到右侧 搜索地点 图层 语音 定位 地图 导航 发现 我 ？ 框架图来自：王海戎 10分钟练习：? 请大家在另一
10、个线框图上再次完成优化任务。 游戏规则：? 每组随机选取一个同学阐述自己两次优化的思 路及设计依据。（随机规则由老师制定） The Power of UR in Redesign ? 底图缩放控件的设计优化和位置调整? ? ? 地点详情页的布局调整? ? ? 手图交互框架的演进 ? 控件? ? ? 页面布局? ? ? 操作流程 页面布局从用户使用的角度 定位? ? 取舍? ? 摆放 POI详情页布局优化 底图界面那页 POI详情页 思考1：定位 定位：如何去（感兴趣的）地点 如何去 数据来源：14.6.13-19，android v4.3.2的累计点击量 路线及相关功能是用户最常用的 如何去
11、定位：如何去（感兴趣的）地点 思考2：取舍 黄金地段 思考3：摆放 空间布局 图片来自：material design 游戏规则：? 看老师心情：） 补充说明：? 形式：辩论赛 10分钟练习：? 请大家在几种POI详情页页面布局的设计方案 中选择一个更优的方案，并阐述原因。 The Power of UR in Redesign ? 底图缩放控件的设计优化和位置调整? ? ? 地点详情页的布局调整? ? ? 手图交互框架的演进 ? 控件? ? ? 页面布局? ? ? 操作流程 操作流程从用户使用的角度 操作 行为 活动场景 目的 操作流程从用户使用的角度 实境观察/测试行为数据 地铁口实境调研
12、 公交实境调研 驾车实境调研 大版本用户测试 路线搜索发起方式 手机地图操作路径分析 POI详情页入口 POI详情页入口使用情况 明信片定位的时序分析 POI后续及扁平化需求 操作 行为 活动场景 目的 周边需求分析 实境调研 地铁口调研杭州公交调研 真实环境帮助我们发现 地铁口的环境 户外光线强烈? 信号不好? 人多、吵杂 用户对底图配色、层级很敏感 Webapp地图在2G网络打开速度超出用户忍耐度? 打开app的速度会影响用户对地图的选择（Android）? 数据来自：2012年地铁口实景调研结论 用户可能 匆忙赶路，时间紧、耐性低? 手里大包小包? 没有方向感? 初来咋到，不知身在何方?
13、 手机没有多少流量了? 只有1、2分钟查找的时间 帮助用户辨别方向（如罗盘模式）? 支持单手操作（如放大缩小底图）? 便捷输入? 对离线地图（含搜索）有依赖? 在1分钟（三步）内解决用户的问题? 公交方案详情阅读压力大 数据来自：2012年地铁口实景调研结论 离自己最近的公交站 换乘? 如何到达目的地（近距离） 符合使用场景的操作逻辑 整条线路的结果对 用户无意义 用户仍然不知道附近的 公交站叫什么 1.用户当前位置有可能被遮挡? 2.附近某线路公交站的搜索无法通过搜索框支持 1.放大比例尺增加了不必要的操作步骤? 2.用户比较不容易发现或准确点开公交站的气泡 行为数据 校验设计初衷与实际使用之间的契合度? ? 数据善于发现问题，不善于解释说明问题? ? 对产品的变动及市场波动敏感 死循环 与预期不符，点击返回，又到 搜索过程页 搜索过程页 预期：返回到文字列表? 搜索结果页 但，回到搜索过程页? 一站到底！ 知识点回顾 The End 设计不仅仅只凭直觉！
