5 跨平台体验融合.pptVIP

手机淘宝用户数据 手机淘宝用户数据 手机淘宝用户数据 手机淘宝用户数据 排序 分类 搜索 分类／地区／筛选 排序 分类／地区／筛选 搜索 筛选 搜索 排序 控件位置不一致 控件表现方式不一致：tabbar／下拉菜单 问题2：控件 图＋商品名＋价格＋运费＋月售 图＋商品名＋价格＋运费＋月售 图＋商品名＋价格＋运费＋地域+月售+省流量预览 问题3：商品组件 结构相似度高 信息相似度高（地域／图片预览 融合目标： 信息分裂到统一，结构相似，体验一致 平台融合原则 适配规范 降级 为主 框架结构 平台融合方案 方案 模块结构 具体内容以及展现 控件 导航视觉细节 导航视觉细节 导航视觉细节 分类视觉细节 分类视觉细节 分类视觉细节 手机充值，h5功能接入 具体描述：在搜索列表完成充值 widget视觉细节 widget视觉细节 搜索列表页 分类 筛选／地区 widget 游戏，还是游戏！ iOS Android iPad mini But 我们的情况有点不同 Immersive Experience /questionanswer内容为主,内容最大化 弱化导航，提供沉浸体验 任务偏单一化 COURTESY 内容为主,内容最大化 弱化导航，提供沉浸体验 任务偏单一化 ？ X 完全一致 怎么做？ 1 Knowledge Graph 2 Snippets 3 News 4 Answers 5 Videos 6 Images 7 Refinements 8 Voice Search 9 Mobile /intl/en/insidesearch/howsearchworks/thestory/ 跨平台内容呈现趋于一致 “云”概念让信息无缝 同样的行为，产生同样的结果 跨平台不一致，主要体现在导航上 iOS依然引领设计，HTML5需降级 跨平台内容呈现趋于一致 Google Plus For android For iOS For HTML5 “云”概念让信息无缝 同样的行为，产生同样的结果 Washington DC PC结果页 1 2 3 4 5 HTML5结果页 1 2 4 3 5 Android结果页 1 4 3 5 2 跨平台不一致，主要体现在导航上 for iOS Version for Android Version for HTML5 Version iOS依然引领设计，HTML5需降级 为什么选iOS做设计探索？ HTML5为什么要做降级？ 性能，多设备，浏览器支持情况…… 1. 以iOS为主平台进行设计探索 2. H5界面以iOS的主框架为主，做适当降级处理 3. Android在iOS基础上，做适配ICS4.1规范适配 界面设计 1. 跨设备内容信息流的一致，和无缝连接。 2. 多做移动特备特性的探索 交互方式 1. 多平台，呈现的内容要一致，比如搜索结果 呈现内容 问题1：结构 结构布局不一致 搜索控件 搜索 搜索 搜索 排序控件 排序 排序 排序 类目地区筛选控件 融合 争辩 统一的体验可以强化品牌认知。 通用的组件库可以提升效率。 强行统一会影响应用性能。 敢不敢让我顺眼、顺手、顺心？ Take a Guess 在香港，人均拥有的数码产品数量？ A 4.3 B 5.4 C 6.9 D 9.1 15%的iPhone手机淘宝用户 同时使用iPad淘宝客户端 10%的iPhone手机淘宝用户同时使用Android客户端 45%的iPhone手机淘宝用户同时使用淘宝H5页面版 45% 55%的Android手机淘宝用户同时使用淘宝H5页面版 55% So what? 浏览 决策 搜索 浏览 转存 外部App 浏览 决策 浏览 搜索 外部App 比较 决策 一人多设备的启示： 1. 多平台的体验统一非常重要 2. 设备间的协同迟早要考虑 体验一致，是否就是 跨平台设计完全一致？ Of Course 当然可以！ 甚至会牵扯到pc的协同，45%-50%成交 统一的体验非常重要 设备间的协同迟早要考虑（不在今天主题内） 问题：如何对多设备/跨平台的使用情况进行监控 这是我们平常看书的一个典型情景：坐下来，翻开一本书，手指翻到下一页这样 直接从现实对接到虚拟世界 上面的例子其实两者之间有个共同额特点，从产品形态来讲，它提供给用户的是“immersive experience”—沉浸式的体验。但是从淘宝我们自己给产品的定位来讲，我们更偏向于工具型而不是沉浸，跨平台做到完全一致是可行的的，只是我们需呀跟进一步做到合理的“差异”，如何去做？我们还得回到产品分析本身，我们选取了一些业界统一性做的很好的公司产品进行对比