从无到有的无线产品设计

移动互联网的体验团队和体验设计

我们是谁？

MUX  姓名：史玉洁

微博：亚蕾克希儿

观念的差异

欲练此功，必先…

自我分裂

设计的差异 •  终端适配 •  复杂环境 •  独有属性

体验设计遇到的最大挑战

终端适配

4

超过200种手机品牌！！！

超过12000种终端！！！

有木有！！！

有木有！！！

纷繁复杂的终端

4

分辨率、屏幕尺寸、精度

1对N的页面尺寸

4

不同的浏览器解析能力不同

默认与第三方浏览器

4

按键、触屏；电容、电阻；单点、多点触控

不同的交互方式

硬件、系统越来越复杂

趋势是各种分裂

搜索终端适配

触屏手机点击区域成功率

搜索终端适配

掌上百度终端适配

划的太心疼

s60 ios android V5

横屏适配

导航栏拉伸适配，高度由44px调整到32px

32px�

工具栏拉伸适配，高度也由44px调整到32px

内容进行了重新组织，由一维的上下布局变成了二维的左右布局

坐着的人为走着的人设计

复杂环境

白天、黑夜，碎片时间，移动….

不同的使用环境

白天不懂夜的黑

白天不懂夜的黑

在那阳光灿烂的日子 白天背景过于反光，不易识别，也不便于突出主体内容

白天不懂夜的黑 不同平台

白天不懂夜的黑

开往的西二旗的城铁 网络不稳定，碎片时间，记录退出位置，提前预读

小说预读

白天不懂夜的黑

边走边看 容易出错，操作不稳定、不准确

减少操作步骤

优化前 优化后

减少操作步骤

提高操作准确率

之前没关注过的特殊现象

独有属性

月末效应 流量对用户的影响

这是个广告：

Mux.baidu.com 新浪、腾讯微博：百度mux

点击区域区分 没有hover，如何判断可点区域

操作惯性 不能轻易改变用户习惯，手机端惯性操作更为明显

更为丰富的传感器 手势、语音、虚拟现实、表情识别、重力感应、光感….

白天不懂夜的黑 语音搜索

流程的差异

简单来说…

产品循环

•  敏捷项目 •  主要支持视觉、交互 •  积累上线问题

•  正常项目 •  体验设计与需求合并 •  上线前后跟进测试

•  体验升级项目 •  体验设计驱动，需求配合 •  上线后验证效果

产品循环 产品循环

用户体验研究、设计 你的经验

你的成果

你的计划

不变的文化

做正确的事 胜过正确的做事 结果？过程？哪个更重要？

感性创意 理性设计 为你的设计找到理由与支撑

专业化交付物，文档、规则、设计理由

主观的方案只能换来主观的评价

坚持学习 不断提升 建立固定的学习通路与知识库

舞台剧一起演 不要让自己成为一个看戏的人，分享与获取同样重要

眼界决定高度 不要闷在小黑屋里做设计

谢谢 shiyujie@baidu.com