创造突破性的产品体验

创造突破性的手机产品交互设计百度MUX12年9月19日星期三@亚蕾克希儿@elya妞mux.baidu.com12年9月19日星期三百度云12年9月19日星期三5分钟请每小组队员之间认识一下请每小组选一名组长出来你们呢？12年9月19日星期三团队建设8方法模式之内4原则 1  2  3  4 模式之外8趋势交互设计8法则Outline12年9月19日星期三团队建设8方法模式之内4原则 1  2  3  4 模式之外8趋势交互设计8法则Outline12年9月19日星期三统⼀一了交互设计工具团队建设8方法12年9月19日星期三统⼀一了交互设计工具统⼀一了交互设计文档模板团队建设8方法12年9月19日星期三统⼀一了交互设计工具统⼀一了交互设计文档模板创建了交互设计控件库团队建设8方法12年9月19日星期三沉淀了交互设计模式库统⼀一了交互设计工具统⼀一了交互设计文档模板创建了交互设计控件库10团队建设8方法12年9月19日星期三沉淀了交互设计模式库统⼀一了交互设计工具统⼀一了交互设计文档模板创建了交互设计控件库团队建设8方法12年9月19日星期三沉淀了交互设计模式库统⼀一了交互设计工具统⼀一了交互设计文档模板创建了交互设计控件库优化了交互设计工作流程团队建设8方法12年9月19日星期三工作坊1：问题陈述（Problem Statement）工作坊2：概念模型（Concept Model）工作坊3：找寻需求（Finding Requirments）工作坊4：人物角色（Persona）工作坊5：场景分析（Scenarios）工作坊6：故事版（Soryboard）工作坊7：用户故事与敏捷设计（User Story）工作坊8：换位思考联系（Different Thinking）工作坊9：触屏手势操作研究（Tap Screen）工作坊10：手机硬件的扩展能力（Mobile Sensor）沉淀了交互设计模式库统⼀一了交互设计工具统⼀一了交互设计文档模板创建了交互设计控件库优化了交互设计评审机制制定了敏捷设计工作流程建立了交互团队分享机制团队建设8方法12年9月19日星期三1.平台差异调研项目2.IOS5研究小组3.Android4.0研究小组4.WP7研究小组5.HTML5研究小组6.Windows8研究小组7.AR研究小组8.2012移动应用设计趋势沉淀了交互设计模式库统⼀一了交互设计工具统⼀一了交互设计文档模板创建了交互设计控件库优化了交互设计评审机制制定了敏捷设计工作流程建立了交互团队分享机制制定了交互设计研究机制团队建设8方法12年9月19日星期三5分钟请组长带领组员讨论一下你们各自公司里比较有特色的团队建设机制并指定一位同学给大家进行分享你们公司有哪些好的团队建设方法？12年9月19日星期三团队建设8方法模式之内4原则 1  2  3  4 模式之外8趋势交互设计8法则Outline12年9月19日星期三17模式之内原则架构设计单线程设计精细化设计动态流设计模式之内4原则12年9月19日星期三T架构设计深度与广度12年9月19日星期三T架构设计深度与广度12年9月19日星期三T架构设计深度与广度LOG筛选上传编辑传输网盘公共分享Menueg.百度网盘Android版12年9月19日星期三T架构设计深度与广度12年9月19日星期三T架构设计深度与广度百度网盘我的网盘相册备份我的文件我的分享公共文件传输列表分类上传编辑上传下载12年9月19日星期三T架构设计深度与广度12年9月19日星期三T架构设计深度与广度我的百度云上传传输列表设置照片文档音乐视频全部上传下载帐号存储容量12年9月19日星期三为产品结构的设计？为用户任务的设计？T架构设计搭建快捷桥梁12年9月19日星期三T架构设计搭建快捷桥梁eg.百度网盘iPhone版12年9月19日星期三单线程设计123“单线程设计”当用户开始某个流程是，只能从头走到尾，没有多余的分支流程12年9月19日星期三单线程设计你是在引导用户，从入口到出口，而不是标好所有岔路，让用户自己选择12年9月19日星期三单线程设计最简单的AàB流程复杂一些的AàB流程AàB12年9月19日星期三单线程设计视觉纵线12年9月19日星期三单线程设计信息的分组12年9月19日星期三单线程设计极致的减法12年9月19日星期三单线程设计利用选择代替输入12年9月19日星期三单线程设计纵向的校验顺序1. 要按照表单项从上到下的顺序校验2. 这样能保证错误提醒是可找到的，有规律可循的12年9月19日星期三单线程设计即时的校验反馈帐号密码用户名/密码登录帐号密码elya登录|帐号密码elya登录|帐号密码elya登录|正确？YesNo1.Twitter和Evernote的手机客户端已经采用了即时校验的方式来反馈问题2.这是一个理想化的流程，但受限于网速，如果网络不好，会导致校验很慢，影响应用流畅度，现阶段还无法支持12年9月19日星期三单线程设计AA→B/C如果一定有两种选择，那么做强我们需要引导的那一种BCABCAàB/C12年9月19日星期三单线程设计A→B/C如果一定有两种选择，那么做强我们需要引导的那一种AàB/C12年9月19日星期三单线程设计AA/B→C如果一定要有两个入口，做强一个入口，弱化另外一个入口BCABCA/BàC12年9月19日星期三单线程设计A/B→C如果一定要有两个入口，做强一个入口，弱化另外一个入口A/BàC12年9月19日星期三单线程设计A  →  (B→C)  →D如果某个流程包含两个分支流程，则提供一个单独的模块来完成ABCABCDB2  →B2Aà(BàC)  àD12年9月19日星期三单线程设计A  →  (B→C)  →D如果某个流程包含两个分支流程，则提供一个单独的模块来完成Aà(BàC)  àD12年9月19日星期三单线程设计不要试图让用户去解读你的流程，不要让用户去思考，别去挑战用户的逻辑能力。Aà(BàC)  àD12年9月19日星期三精细化设计超量限制12年9月19日星期三精细化设计巧妙设计点击区域 用户点击落点图12年9月19日星期三精细化设计巧妙设计点击区域12344312≠主观感受排序准确率排序点击准确率最高的位置，用户最不容易按到12年9月19日星期三精细化设计巧妙设计点击区域1234＝主观感受排序容易点准确率高和容易点那个因素权重更高？12年9月19日星期三精细化设计空数据设计12年9月19日星期三精细化设计模态与非模态12年9月19日星期三精细化设计同步与异步12年9月19日星期三精细化设计同步与异步12年9月19日星期三精细化设计退出与异常12年9月19日星期三动态流设计1.动效12年9月19日星期三动态流设计2.邀请12年9月19日星期三动态流设计3.过渡12年9月19日星期三动态流设计4.反馈12年9月19日星期三动态流设计5.缩放12年9月19日星期三动态流设计6.吸附12年9月19日星期三动态流设计eg.百度语音搜索12年9月19日星期三动态流设计eg.百度云Android版加载中动效传输中动效12年9月19日星期三10分钟完成一个虚拟产品的架构设计并完成一个主要任务的流程设计完成一个虚拟产品的架构设计模式之内原则架构设计单线程设计精细化设计动态流设计12年9月19日星期三团队建设8方法模式之内4原则 1  2  3  4 模式之外8趋势交互设计8法则Outline12年9月19日星期三模式之外8原则模式之外原则响应式设计传感器交互自然触控设计自适应设计多通道设计情感化设计激励机制协同设计12年9月19日星期三响应式设计12年9月19日星期三响应式设计12年9月19日星期三响应式设计12年9月19日星期三传感器交互手机裸眼3D三轴陀螺仪加速度应器重力感应器摄像头环境光感应器话筒方向感应器磁阻传感器距离传感器GPS裸眼3DRFIDNFC12年9月19日星期三传感器交互摄像头（影像传感器）p实例：•我查查•名片全能王•ARSoccer•有道词典•Naver12年9月19日星期三传感器交互声音传感器p实例：•语音搜索•shazam•IntoNow•埙(Ocarina)•吹裙子12年9月19日星期三传感器交互环境光感应器p实例：•自动调整亮度•阅读模式自动切换12年9月19日星期三传感器交互距离传感器p实例：•微信•近距离传感器屏幕锁12年9月19日星期三传感器交互重力感应器p实例：•横竖屏自动切换•爱拨号•来电翻转(android)•重力球类游戏12年9月19日星期三传感器交互加速感应器p实例：•求签类应用（摇摇乐、摸手灵灵）•保龄球类游戏（ Super Ball Escape ）•Photoshap•Bump12年9月19日星期三传感器交互三轴陀螺仪p实例：•iTouch定位•百度地图罗盘模式•测量（  iSetSquare  ）•游戏（ Gyroblox、现代战争2、 sensor mouse    ）12年9月19日星期三传感器交互NFCp实例：•签到•刷卡•移动支付12年9月19日星期三自然触控设计1680*1050320*64012年9月19日星期三自然触控设计12年9月19日星期三自然触控设计12年9月19日星期三自然触控设计12年9月19日星期三自然触控设计12年9月19日星期三自然触控设计12年9月19日星期三自适应设计图像光线压力气味…..…..?声音12年9月19日星期三eg. 场景1 隐私模式eg. 场景2 手机提示模式自适应设计12年9月19日星期三多通道设计语音手势触摸气味注视….….语音手势触摸注视….….输入通道输出通道12年9月19日星期三多通道设计12年9月19日星期三情感化设计文案的力量12年9月19日星期三情感化设计卖萌的力量12年9月19日星期三情感化设计不一样的loading12年9月19日星期三情感化设计不一样的loading12年9月19日星期三协同设计手机和手机协同12年9月19日星期三协同设计应用和应用协同12年9月19日星期三协同设计多设备协同12年9月19日星期三10分钟完成一个虚拟产品的概念设计需要用到8个趋势中任意一个完成一个虚拟产品的概念设计模式之外原则响应式设计传感器交互自然触控设计自适应设计多通道设计情感化设计激励机制协同设计12年9月19日星期三团队建设8方法模式之内4原则 1  2  3  4 模式之外8趋势交互设计8法则Outline12年9月19日星期三交互设计8法则交互设计法则二八原则金字塔原理原则婴儿鸭综合症简单法则法则隐喻蒙太奇关键链法则12年9月19日星期三设计原则二八原则“二八原则”二八法则也叫Pareto定律，是19世纪末20世纪初意大利经济学家巴莱多发明的。他认为，在任何一组东西中，最重要的只占其中一小部分，约20%，其余80%的尽管是多数，却是次要的，因此又称二八法则。12年9月19日星期三设计原则二八原则用户体验经济学你精心打磨的20%的主要模块设计，会给你带来80%的主要收益12体验资源稀缺•显示屏幕空间有限•用户认知能力有限边际收益递减•单位投入带来的体验提升效用递减•聚焦关键用户体验12年9月19日星期三设计原则金字塔原则金字塔原理金字塔原理（Pyramid Principles），1973年由麦肯锡国际管理咨询公司的咨询顾问巴巴拉·∙明托（Barbara Minto）发明，旨在阐述写作过程的组织原理，提倡按照读者的阅读习惯改善写作效果。因为主要思想总是从次要思想中概括出来的，文章中所有思想的理想组织结构也就必定是一个金字塔结构——由一个总的思想统领多组思想。12年9月19日星期三设计原则金字塔原则军大衣比基尼“性感”“保暖”12年9月19日星期三设计原则金字塔原则你必须有你的核心思想才会被记住12年9月19日星期三设计原则7±2 原则7±2 原则由于人类大脑处理信息的能力