1、产品经理培训：策划、设计、项目、用户体验,用户体验与交互设计,体验,内容,功能,可用性,交互设计,目的,性能,交互设计,配色,布局,操作过程,72原则,反Box的布局,烘托氛围,辅助区分布局，留白、隔断、阴影、渐变,淡化UI，让内容更突出,部分还原真实感,响应、过渡效果、移位,一个页面放多少内容？,摆在哪儿，怎么摆？,栅格,主与次,每一步操作，都基本符合他的预期。次级不要太深 根据使用频率，做优化。,960,UI,1. 响应：可以引起触发的区域提供响应变化 2. 过程效果：让人的视线一直保持连贯 3. 移位：不必要弹出新页面时，通过伸展原区域的大小完成小的功能交互，以达到用最小的视觉变化完成交
2、互任务的目的。,交互设计布局,主与次,72原则,即“由于人类大脑处理信息的能力有限，它会将复杂信息划分成块和小的单元。根据乔治A米勒（George A. Miller）的研究，人类短期记忆一般一次只能记住5-9个事物。”,主与次,反Box设计,反Box设计,配色，淡化UI,主要色彩，次要色彩，强调色彩，搭配色彩，背景色彩 网页配色,拟物化的设计也要适时而用,拟物化的设计也要适时而用,操作过程移位,交互设计表达效果的三个层次：,正确表达,真实感表达,创意表达,页面元素的正确表达，是对交互设计的基本要求。,在正确表达的基础上，让一些修饰或转场过程中部分体现出一些真实感。,在正确表达的基础上，在创意
3、恰到好处时，创意表达的手法让人眼前一亮，创意常是一件可遇不可求之事。,交互设计细节中的常见问题,正确表达,真实感表达,创意表达,产品经理要做什么？,产品经理,产品策划的本质,用户动机才是以用户为中心的方法论。,产品策划：用户动机才是以用户为中心的方法论,泛泛的说以用户为中心不够具体，实际上用户对于某个产品的使用动机，才是抓住用户需求和体验的关键。比如：到现场听老师讲课，核心动机是所讲内容，你就不会介意椅子是不是能像沙发一样舒服。而如果你是要约见自己的小情人，那可能你就要在意一下室内的环境和沙发的舒适度了。比如：apple 不同产品不同时间的广告与动机的关系。 iPod舞动，Iphone直观，I
4、phone3GS各式各样应用乐啊打折,运营人员策划产品：一线的客服和编辑，他们不缺乏观察能力， 不能将需求提炼成形， 往往都是先有产品，而后往上套需求。 技术开发人员策划产品： 做技术出身的人员，也具备他们的观察能力， 技术人员不缺乏对产品的DIY能力， 但他们组装出的产品往往名词概念多、形态四不像， 且分不清楚功能主次， 他们总是力求让重要的和不重要的一样完美， 这就是问题。,“用户体验”几大要素的优先级,用户体验可操作性就不太好控制，它的量化更是一个弹性的标准。 如果没有个主次等级，眉毛胡子一把抓，那么心力交瘁，收效甚微。,1. 用户动机 产品能够满足某些人的某类需要，能够为他们创造自己产
5、品所倡导的价值， 这是头等重要的用户体验，没有这一点一切产品形态的东西都会是空谈。,2. 产品信息结构 产品总共有多少个主体要素，这些要素以何种方式组织起来最为轻巧简练， 让用户只通过简单的使用就能形成一些基本结构化的印象， 知道它是怎么回事儿了，知道什么东西可能应该在哪儿了。,3. 用户操作流程 这是交互设计中的重中之重， 如何让用户的操作流程在上边信息结构简练的基础上， 让用户的每一条指令，每一步操作，都基本符合他的预期， 以更自然、流畅的方式完成了他所要操作的任务，中间尽可能让用户少犯错误。,4. 可靠性、稳定性 在用户已经熟悉、依赖上一个产品以后， 没有什么比可靠性、稳定性的问题更令人
6、感到憎恶了。 这也不难理解为什么iPhone4的天线问题会有如此大的关注。,5. 页面布局，合理内容的主次位置 产品的每一个页面有它存在的意思， 那是因为它肯定要完成一个它必须能完成的任务。 这个必须能完成的任务， 是不是放在了页面的主体首要位置是这个页面体验好坏的关键。 有的设计总想拐着弯的抢占它的主体位置，你这就是在挑战用户的忍耐程度。,6. 侧栏位置上，推荐内容的相关性程度 页面布局除了保证主体内容的主体位置以外， 相对次要的侧栏位置也是好好利用的设计空间所在。 如何通过机器或人为参与，提高侧栏内容的相关性程度， 能给用户带来意外性的体验提升。 诸如那些“看过此书的人还看过.”等等。,7
7、. 页面配色、风格、字号、间距等 如果你设计的产品不是在创作一副油画或者某些产品的形象工程， 如果你设计的产品是确定直接给用户操作使用， 那么，那些无关的UI修饰则是能抽象的抽象能淡化的淡化。 只要尽可能保持设计使用上的一致性以及坚持下去这种一致性就可以了（别反复换）。 世界一流公司的产品，Microsoft、Google、Apple等等，无一不是如此。 如果上边第1条用户动机你抓准了，用户不会因为你的配色，你能否换肤而弃用你的产品的。 那些优秀的平面设计师、手绘插图设计师，在互联网产品上发挥视觉设计的余地真的不是很大。,8. 客服 机器能够让用户自主完成的事情总是有限的人，但对于用户来说总有
8、例外， 就是那些用户无法自主完成或产品暂时无法很好满足的服务，机器做不好的，要靠人来补上。 就像如果你到一个大卖场里去买东西，尽管店里的物品摆放已经经过非常合理的布置了， 但是你赶时间，你依然希望第一时间买完东西就走， 这时候你最可信赖的就是直接问店里的店员了。 把客服放在最后不是因为它最次要，而是因为它跟设计的直接关系不大。,“用户体验”几大要素的优先级,Web项目的流程,定下需求，盯好项目,定,盯,接受别人向你沟通的能力,推动别人执行的沟通能力,产品和项目负责人,敏捷开发：不要把头脑风暴会议和方案确定会议放在一起,所谓快速开发（敏捷开发）就是在执行环节使用最成熟有效的经验，不要在执行环节再
9、讨论太多的创意，对于创意可以在执行环节之外，头脑风暴时自由讨论，把其中讨论比较成熟的部分在下一个迭代周期更新上去，始终保持先线上的产品简单成熟可信赖，这样一步步让产品走向极致。,领导,产品经理与领导的默契,产品经理,模糊状态下的理解力 把握领导的边界尺度，理解他一贯的期待和夙愿,结构化的表达能力 思路清晰将现象结构化，分条分步骤。形成方案给领导拍板。,服从式的执行能力 领导没有异议的你来填充完善细节，领导指明了关心的点，以他的意见偏重并执行。,原文链接,交互设计或产品设计师的积累,学会用过程式思维改变节点式思维,比如：产品设计师问，我到底是要做高保真原型还是要做低保真原型？,如果是节点式思维方
10、式，那就会说了，高保真有什么什么好，低保真有什么什么好。 其实他自己都知道高保真与低保真的优缺点，不用你再跟他重复一遍。 针对这个问题，过程式思维方式是先想原型是干吗用的？ 原型是帮助你在项目过程中与团队成员沟通的产出物，原型主要目的是帮助沟通的。 既然是过程中帮助沟通，那我所面对的沟通对象都是一样的吗？ 显然有大领导，有运营编辑，有美工前端，还有后台程序员，都不一样。 那这些人想要和我或我要和他们沟通的内容都是一样的吗，显然也不一样。 那我为什么说和他们沟通时做的原型却是同一个？比如：和领导沟通，你要把需求的主次列成条，然后的产品画出结构图， 主要功能哪几个，主要页面哪几个，主要流程怎么样。
11、 产品没做出来前，领导是看粗不看细，产品做出来后，领导是看细不看粗。,和运营编辑沟通，编辑们不讲结构，不讲主次， 他们天天接触用户，他们了解用户的需要或他的需要。 他们只关心他一惯期待的功能有了吗，是不是比另一个网站的好用。 和美工前端沟通，他们不讲那么多产品在运营特色上面的事儿。 他们只讲你给的原型在多大程度上限制了他们的发挥，影响了他们的规范一致性。 所以你给的原型，尽量不要有视觉色彩，而可以有一些灰色层次上的变化。 没有层次的原型，领导和编辑们看起来也受不了。 和程序员沟通，他们不讲这儿好看那儿好看，他们讲的是代码之美，说了你也不懂。 他们只讲你给的原型，他要干多少个功能，加多少回班。
12、所以你给他们的原型，就需要把你的整体原型以功能的角度做一些划分。 然后把这些功能逐一在开发经理的帮助下把细节的要求注释补充好。 由开发经理控制一些代码层面的质量，你负责跟进做功能的解释和说明。,详细原文： http:/ 1. 快速且低成本地获得反馈 2. 在多种可能中对比试验 3. 轻松修改或者放弃设计,快速原型制作软件 - 线框图，原型，规格文档 Rapid Prototyping - Wireframes, Prototypes, Specifications一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器Axure (ak shr)， RP 是 Rapid Prototyping (快速原型缩写) 。Axure RP网站快速原型工具， 可以快速的验证需求，并向开发团队清晰表达设计要求。 作为一款绝佳利器，它在产品的策划与原型设计阶段的优势是无可替代的。 熟练使用Axure RP如今已经成为新浪等门户巨头 招聘产品设计等相关人员的必备要求。完全的可视化操作，不需要编写一行代码，创建富有直观交互效果的原型。,中文社区 www.Axure.org,
