产品设计和用户体验「产品经理日常工作」

今天给大家普及一下产品设计和用户体验「产品经理日常工作」相关知识，最近很多在问产品设计和用户体验「产品经理日常工作」，希望能帮助到您。

用户体验指的是用户在使用或消费产品的过程中产生的一系列主观感受 用户的认知永远大于事实。

第36件事 产品的8种典型气质

产品气质指的是产品的独特魅力，主要包括大众亲民、复古经典、文艺清新、简约自然、冷酷神秘、有趣可爱、现代时尚、前卫新奇、个性化和高端大气等。

1．大众亲民

大众亲民指的是没有什么架子，平民化，大众化，走的是亲民路线。。这种气质在工具型产品中比较常见，在面向的用户群是泛用户群的产品中也比较常见，比如微信、QQ类产品气质基本上都属于大众亲民型，

2。复古经

复古经典指的是产品中植入了一些复古的社会秩序和习俗。复古并不代表陈旧，它体现的是一种成熟的、历时不变的经典魅力。复古是一种精神、一种信仰。比如微信就是一个很好的复古形式的代表

3．文艺清新

产品的文艺清新气质一般会跟产品经理的品位和修养有很大的关系。文艺型的产品经理相比于普通型的产品经理，做出来的产品具备文艺清新气质的概率要高一些，文艺型的产品经理经常会潜意识地将自己的一些品味和哲学观植入到自己的产品中去，以达到人与产品合一的境界。

4。简约自然

现在用户体验圈比较火的话题基本上都是围绕扁平化设计和系统设计展开的。扁平化设计如日中天。去除繁杂装饰的极简主义界面设计也正在流行。扁平化设计聚焦两点：视觉的极简主义义，功能的最优表达。用最简单的用户界面达成最详备的功能。

5．冷酷神秘

冷酷神秘指的是不从众，不随波逐流，特立独行，有自己的主见，可谓是冷酷到底。

6．有趣可爱

有趣可爱指的是产品走可爱、卡通、卖萌等路线。

7．现代时尚

现代时尚指的是很酷，很洋气。所谓时尚，是时与尚的结合体。时，乃时问，时下，即在一个时间段内；尚，则有崇尚、高尚、高品位、领先之意。我们还是以特斯拉电动汽车为例，

8．前卫新奇

前卫新奇一般是技术型驱动产品具备的气质。因为技术的创新，使不可能，不完美趋近完美，比如最近炒得特别火的穿戴式设备就是典型代表。

总结

能够让用户疯狂爱上的产品气质主要有大众亲民、复古经典、文艺清新、筒约自然、冷酷神秘、有趣可爱、现代时尚和前卫新奇等。用户对产品的主观认知、体验和感受永远大于事实，产品经理也需要提高人文和艺术方面的品位和修养，进而设计出能够吸引并牢牢抓住用户的产品。

第37件事 极简设计的3个方面

少即是多

极简设计是相对于过度设计来说的，极筒主义设计已经被描述为最基本的设计，剔除了多余的元素、色彩、形状和纹理，以及流程和步骤。它的目的是使内容更为突出并成为焦点。极简主义设计意味着平静，将思想带回本真，回归本质和简单。那如何理解“少即是多”呢？极简主义将最重要的内容带到最前面，避用户分散注意力。如果一个页面有太多的元素，浏览者将迷惑于看哪里或误解元素的优先级。极简主义设计注重功能或内容的最优表达。

1．流程交互的极简设计

交互设计有一个“0123”法则。这个法则特别适用于移动互联网，音照是：不需要说明书或者帮助，一看就会，两秒等待时间，三步以内的操作。尤其是三步以内的操作，用户在3次点击之内如果还没有找到他们想要的信息或没有完成任务，他们就会离开该网站。这条原则突出了清晰的导航、符合逻辑结构和易于理解的网站层级的重要性。再加上之前阐述过的人性中的懒惰，所以完成任务的步骤越少，用户的满意度越高。

2．界面交互的极简设计3，视觉的极简设计

视觉的系统设计主要表现在较少的纹理、色彩、形状、线条、内容或排版，重点关注四个关键词“留白”、“平衡”、“对齐”和“对比”

“少即是多”的真正含义,页面元素太多，用户纠结于选择，反而不知如何操作，索性可能放弃操作。页面元素少，重点内容或功能突出，用户能快速做出选择，这样用户使用产品的主观感受体验良好，以后会经常回来使用该产品，并慢慢喜欢上产品。

总结

极简设计聚焦功能或内容的最优表达，主要包括流程、界面和视觉的极简设计。流程简化，方便用户在最短的时间或最少的步骤内完成任务；界面元素做减法，让用户不再纠结于选择，突出最主要的功能或内容以方便用户操作；视觉极简设计重点关注留白、平衡、对齐和对比。总的来说，极简设计旨在功能或内容的最佳表达。

第38件事 心理设计的6种方法1．存在感

用户一般都有归属于某一族群的需要，或者说用户喜欢给自己贴上标签，表明自己的存在感和归属感，以便迅速做出选择和决策

2．控制错觉

用户一般希望能控制或影响某种客观上无法控制或影响的东西。移动App中若有需要用户等待的功能，都可以适当地添加带有控制错觉的按钮，比如催促卖家早点发货的按钮，再比如在等待出租车的过程中或者等待物流配送过程中都可以适度使用带有控制错觉的功能，虽然起不到实际的作用，但是却能减少用户等待的焦虑。现在很多App都有一键加速的功能，其实质也是很好地利用了用户的控制错觉，让用户“感觉”快乐。

3．规避损失

在用户体验设计中，文案设计也是我们要着重考虑的，一句恰到好处的话抵得上百万雄师，这种案例在中国历史上屡见不鲜。进行App的文案设计时，建议从反面或者用户损失方面进行语言组织。

4．框架效应

框架效应指的是同样的事情可以有多重表达方式，同样的内容，换个不同的说法，效果完全不同。表达方式的不同，我们会对同样的事情做出不同的反应。

5．沉没成本

沉没成本指的是已经投入的大量的成本，沉没成本越多越难以放手和释怀。比如剩男剩女出现的原因很大一部分是一直在等待合适的人出现，可是等啊等，合适的人一直没出现，而自己的年龄也越来越大，这时候他们心里会想：都已经等了这么长时间了，随便找个对象凑合太不值了，所以还会继续等待下去。在我们已经投入特别多的时间、金钱、爱等因素之后，沉没成本令人难以放手，难以释怀，于是已经投资的钱就成了继续做下去的理由，即使客观来看坚持下去毫无意义。投资越多，沉没成本越大，将项目继续做下去的理由就越充分。比如投资一只股票亏的钱越多，你越是抱紧它不放。

在设计移动/pp的时候，如果遇到需要用户输入或操作一大堆的内容或功能的时候，建议利用用户的沉没成本心理，将任务分成几个步骤，一步一步引导用户完成，这个比一上来就要用户完成一大堆任务靠谱多了。如果不拆解，很容易让用户望而止步，知难而退。

6．贪瞋痴

用户都有贪婪、嫉妒和执着等人性。那么在设计移动App时，尤其是设计社交电商App时，如何利用用户的贪嗔痴来提高购物车的结算率呢？电商App购物车的结算率是这样计算的：假设今天来了100个人，有50个人往购物车里放置了商品，但是50个人中只有10个人是成功结算和支付的，那么结算率就是10/50= 20%。现在发现的问题就是有些用户将商品放置在购物车后，好长一段时间不去结算。出现这种情况的一种原因是用户还在犹豫，下不了决心去结算。购物车的结算是非常关键的一步，用户在前面花了彳艮多时间才找到自己想要的商品，但是在结算这个节骨眼上，却放弃了，这对电商App是非常不利的，其实这对用户来说也是一种损失。那么如何从用户人性的角度提高购物车的结算率呢？答案也很简单，即点击购物车提示用户“尊敬的用户，你很聪明，帮你节省了多少钱，打败了多少用户，在好友中排名多少！”。这种方法很好地利用了用户的贪嗔痴人性。

总结

优秀的产品经理与普通的产品经理之间最大的区别在于能否发现隐藏在事物背后的真正原因和规律，这也是产品经理必须修炼的内功之一，而产品内功的深浅与是否能洞悉用户的人性和心理有很大的关联。知道为什么要比知道是什么难得多，只有洞悉用户的人性和心理后，才能设计出直指用户内心的产品。贴近用户的心，才能让用户使用或消费产品时觉得很爽，毕竟，世界上最难的事就是搞懂一个人。

第39件事 破解选择悖论的4种方法

选择悖论指的选择范围太大导致的无所适从，无法做决定，干脆什么也不买的情况。选择范围大会导致做出更差的决定， 选择悖论的结果直接导致“多即是少”。在进行移动App用户体验设计时，由于手机设备屏幕比较小，有些在PC适用的用户体验设计方法，放在手机终端上之后并不一定适用。破解选择惇论的方法主要有4种，分别是做减法、具象法、分类法和从简入繁法。

1。做减法2．具象法

为了让用户了解不同选择之间的区别，用户必须理解每一个选择所将带来的后果，而这些后果必须是可以十分清晰、具体地感受到的。就好像用户选择储蓄种类一样，一种情况是告诉用户选择某一种储蓄，10年之后的本息是多少；一种情况是提供储蓄种类而不告知用户1 0年后的本息，结果不难猜，选择前者的用户数量要大于后者，因为用户能感受得到。用户能感受得到。设计移动App的用户体验时候，一般能显示图片就显示图片，因为文字缺乏想象空间，比较抽象，图片比较具象，一图抵千言，用户比较容易感受到选择的后果。当然有视频的话效果会更佳。具体使用什么方法主要看产品的实际情况，因为视频的效果更加立体，更有利于用户做出

3．分类法4．从简入繁法

从简入繁法指的是，先让用户做少一些的选择，然后做多一悲的诜择后让用户做最多的选择。

总结

如何让用户更加容易地做出选择， 主要的方法是做减法，少即是多；具象。 法，让选择的后果更加清晰，容易感知；分类法，宽而浅的信息架构，分类比选择要容易一些；从简入繁法，改变选择的顺序，从少到多。在产品实践中，有可能会综合采用几种或全部的方法，破解用户的选择恐惧症。

第40件事 生活是实用设计最好的灵感来源

实用设计指的是基于现实生活中的设计，对现实生活进行抽象和提炼，活学活用，将其灵活运用到移动应用设计中。现实生活是最好的老师，是我们灵感的源泉，不管是好的创作还是设计，都来源于对生活的深刻理解。

总结

实用设计就是将生活中的东西进行抽象和提炼，将其虚拟化，活学活用，灵活运用于移动应用的用户体验设计。实用设计的关键在于对生活的理深度。对生活理解越深，抽象和提炼的能力也就越强。引导用户体验设计潮流并不是一件难事，现在虽然卡片式设计为主流的设计方式，但过一段时间之后，也许将会出现新的设计方式潮流。虽然现在不知道具体答案，但是这种新颖的设计方式潮流必将来源于实用坟订。人人都可以进行实用设计，进而引导设计时尚潮流。

第41件事 创新设计的4种方法

创新设计指的是微创新（局部创新）或者颠覆式创新（整体创新），一般会采取逆向思维法，反其道而设计。说创新设计，其实说的是设计趋势或潮流。之前所阐述过的极简设计、人性设计、实用设计都可以理解为设计趋势或潮流，这里我们再重点阐述几种创新设计方式，让大家设计的移动应用更具时尚感，比较性感

1．平滑动态转场效果2．故事情感化3．数据可视化4．大背景图片总结第42件事 移动App设计的1 1大法则

移动App设计的重要法则指的是我们在设计App需要遵守的一些设计规范和法则，这些法则就好像一些行为规范一样。

1．导航

手机客户端上的主导航（一级导航）!

口桌面式主导航适用于“图标 短标题（名称）”的形式。在各个模块间无主次之分时，应保证代表各个模块的图标所占空间大小一致；有主次之分，应让主要的模块图标所占空间较大，次要的所占空间较小。还有一点需要特别注意，就是在进行桌面式导航设计时，要给用户提供个性化和自定义设置的功能。

口列表式导航适用于标题较长或有副标题说明的情况，点击列表式导航中的某一个列表进入下一个页面时，一般需要提供返回列表式导航的功能。

口标签式的Tab -般少于或等于5个，如果有6个以上的Tab，那么可以设置左右水平滚动显示（向左和向右的箭头），如果是超过7个Tab，建议放到“更多”（一般是第5个Tab）里。视觉上应对已选择和未选择的标签进行区分（用于区分当前Tab）。口图库式导航适用于用户想浏览且经常需要更新的内容，比如新闻、图片和视频类应用。口仪表式导航适用于财务类应用、分析工具、销售和市场类应用。口隐喻式导航（隐喻，又称暗喻）即将不同的两者进行隐藏式的比较，表达方法为A是B。就是将生活中的物象抽象后表现出来的导航，比如转盘。隐喻式导航要求用户看到之后的认知成本要低，能立马明白创作者想表达的意思。口网页菜单式导航，来源于Web页面的导航Tab，可能会有二级子导航，一般置于页面顶端。

任何主导航都可作为次导航，对于这一点上边已经介绍过了，这里就不再重复了。除了上边介绍的外，次导航还包括页面旋转、图片旋转和当前展开三种。口页面旋转导航适用于只有少量页面的情况（一般不超过8个），直接标识出一共有几个页面，当前页面是哪个页面。口图片旋转导航适用于显示文章、产品、图片等内容，提供视觉引导，比如箭头或圆点（暗示作用）等。比如有的图片没有显示完全，这是暗示用户可以向左滑动查看更多的内容。口当前展开导航适用于在用户需要的时候一步一步展示更多的内容或选项。

2．表单

口登录：要求用户输入的信息量要尽量少，最好在一屏之内显示，不要做所谓创新。这里要特别注意，“找回密码”功能是必须要提供的。口注册：输入信息尽量少，一屏之内显示，去掉邮件和密码确认，使用纵向标签（建议一行只放一个字段）即时反馈有效性。口确认：注重速度、效率和安全，减少不必要的字段，将页面和步骤最少化。口计算：对齐、标签、字体、按钮摆放、对比、颜色都会影响表单的可读性，尽可能在同一页面显示可视化的数据效果。口搜索：搜索字段不要太多，一个页面一个搜索字段或维度，使用合适的空间，尽量使操作方便、快捷。口多步操作：显示用户在哪，还可以去哪，减少不必要的字段，将页面和步骤最少化。口长表单：不要为了减少滚动，机械地将表单划分成几步，不要为了没有必要的字段去编辑表单，遵循各操作系统的Ul设计规范。

3．表格与列表

口普通型：尽量不要使用黑色网格线，也不要将表格垂直划分、文字左对齐。如果一屏信息太多，可以考虑使用其他模式。口无表头型：每一行最大显示三小行的信息，信息内容有主次之分，不要自己去猜哪些内容比较重要，具体的主次划分应该在做了充足的用户调研之后确定。无表头型在App中很常见。口固定列型：当列被固定之后，要提供视觉引导（暗示），提示用户滑动后能看到更多的内容。口综述十数据型：综述应该位于数据之上，且比较醒目，容易理解。口分组型：在视觉上要区分总分关系。口层叠型：一般是控制在三层以内，能在当前页面展示就在当前页面展示。口视觉指示型：选择的图标要容易识别。口可编辑型：不太适用于大规模的数据输入和编辑。

4．搜索

口触发搜索：搜索框要比较醒目；需要提供取消搜索功能；当搜索正在被执行时，给用户提供反馈。口自动完成：如果在显示搜索结果时有延迟，需要给用户提供反馈，在搜索结果中，对于匹配的结果可以重点突出一下。口动态搜索：适用于有限的数据集，比如通讯录、个人媒体库等，如果数据集比较大，就不太适用了。口范围搜索：基于数据集提供合理的搜索范围条件，3-6个选项已经足够了，可以考虑表单式的高级搜索。口保存的和最近的搜索：尊重用户的劳动，让用户少操作。口搜索表单：适合字段较多的高级搜索。口搜索结果：显示搜索结果数量，使用加载的方式代替翻页，选择一个合理的搜索结果排序方式。

5．排序

口直接排序：适用于3个以内的排序字段。口排序选择器：在用户需要的时候弹出面板进行选择，比较节省空间。口排序表单：适用于3个以上的排序字段

6.过滤

口直接过滤：适用于过滤字段少于3个的情况。如果字段大于3个，可以设计成左右水平滚动显示。口过滤抽屉：在用户需要的时候弹出抽屉面板进行选择，比较节省空间。口过滤对话框：适用于过滤字段较少的情况，过滤的字段性质上有差异。口过滤表单：适用于过滤字段较多的情况。

7．工具

口工具条：工具条一般放在屏幕的底部，选择的icon要易于识别，也可采用“icon 标签”的形式。口选项菜单：尽可能选择直接的交互，不要将导航藏在选项菜单里，如果在屏幕上只有一个操作的时候建议使用行为召唤工具。口行为召唤：不要将主要的行为召唤工具隐藏在菜单或是放置在工具条里（难以认出），主要行为与次要行为应该有明显对比。口情境工具：尽可能选择直接交互，如果按钮是必需的，那么应该与被操作对象尽量靠近，选择易识别的icon或者文本标签。口当前操作：尽可能选择直接交互，如果按钮是必需的，那么应该与被操作对象尽量靠近，选择易识别的icon或者文本标签，每个被操作的对象最多有2个当前的操作。口多状态按钮：多状态按钮比较适用于关联比较紧密的几个操作，而这几个操作要按照一定的顺序执行。口批量操作：比如删除或重新排序等操作最好放置在编辑模式下，提供比较明显的退出当前模式的操作。

8．邀请

口对话框：对话框内的内容要简短，在App应用里的其他地方也能看到同样的信息内容。口提示：要尽可能靠近指向的对象，内容要简短，交互开始（比如说触屏）时“提示”消失。> - 口巡视：主要用于强调或突出显示应用的关键或核心功能，一般从用户目标角度出发，尽量保持简短和视觉引导。口视频demo：要从标准的工作流角度阐述如何使用应用的关键或核心功能，一般要有播放、暂停、音量控制等功能。口透明状：使用浮层或蒙灰图层作为新手引导。口首次使用引导：引导用户进行某些操作。口一致性：降低用户的认知成本。口易发现：也是一种暗示，这种模式主要用于刷新数据或内容。

9．反馈

口错误提示：使用通俗的语言告诉用户如何解决出现的问题，在当前屏幕显示错误信息，不要使用模块化的对话框。口确认信息：动作操作完成之后提供确认信息，但是不能阻碍用户完成此操作。口系统状态：提供系统状态的反馈，如果存在长时间加载的可能，则还应提供取消的功能。

10.功能可见性

口可触摸：视觉设计时，注意按钮等在空间上的可触摸性。能点击和不能点击的元素在视觉设计上要有区分。口可滑动：这也是一种暗示，提示当前位置在哪，还可以去哪几个位置。口可拖拽： icon容易识别，可以考虑使用邀请，告知用户拖拽功能是可以操作的。

Idiot Box

尽量不要阻碍操作流程，只有在不可修复的操作即将发生时，才提供确认对话框，比如永久删除操作。

总结

纵观移动应用的重要设计法则，不难看出，尽量让用户少输入，多选择；页面元素的多少会影响到使用什么样的解决方案，数量少的元素直接在当前页面展现，数量多的元素可以先隐藏起来，等用户有需要的时候再点击展开。将产品当作人来看，而不是机器，人机交互，重在反馈。

第43件事 视觉设计的6个基本功

《写给大家看的色彩书》 主次、对比、相似性、分层、配色和排版是视觉设计的基本功。

1．主次

页面需要完成的非常重要的功能或内容要放在页面显著的位置。越重要的内容，放的位置就越要明显；比较重要的功能或内容，就放在比较显著的位置；不重要的功能或内容，就放在不显著的地方。这就是页面的主次关系。不要主次颠倒，不重要的功能或内容强行抢占重要的功能或内容的位置，这样会直接影响用户的正常使用。

保罗·费茨在1954年发布的费茨定律中告诉我们：指点设备的当前位置和目标位置相距越远，我们就需要越多的时间来移动。同时，目标的大小又会限制我们移动的速度，因为如果移动得太快，到达目标时就会停不住，因此，我们不得不根据目标的大小提前减速，这同时又会减缓到达目标的速度，从而延长到达目标的时间。目标越小，就需要越早减速，从而花费的时间就越多。这也从另外一个方面诠释了主次的重要性。

2．对比

重要的功能或内容通过不重要的功能或内容的陪衬，会显得更加重要。界面中的元素要形成对双满足了两种需要：首先，将界面中主动的、可操作的界面元素与被动的、不可操作的界面元素进行对比；其次，对主动元素的不同逻辑集合进行对比，以更好地表达它们的不同功能。应避免无目的或者盲目机械地使用对比，因为用户对几乎相同的结果会感到迷惑不解。正确使用对比会产生用户能够记住和识别的视觉模式，使用户更快找到方向。对比也是一种突出界面视觉层次关系中元素地位的手段。换句话说，对比是功能和行为的表达工具.

总的来说，通过对比，会使明显的变得更加明显，不明显的变得更加不明显。

3．相似性

相似性指的是相近、相关联的功能或内容要放在一起，使用的样式也要相似。

4。分层

根据每个元素的视觉提示或主动元素所在的背景进行分层也是组织界面的一种方式。颜色视觉属性和大小视觉属性控制了对分层的理解。。例如，深色、冷色调、不饱和色视觉层次下降；相反，亮色、暖色、饱和色视觉层次上升。大的元素层次高，而小的元素层次低。位置上相互重叠的元素也许是视觉分层最直接的例子。

为了对元素进行有效分层，必须使用最少量的对比来维持屏幕同层内各条目问的紧密相似性。确定好分组以及如何在视觉上最好地传达分组信息后，再根据背景的重要性，调节组与组之间的对比来决定显示时的重要性。层问的差异要最大化，而同层各条目间的差异要最小化。

5。配色 颜色搭配是页面视觉语言不可缺少的一部分，不同的配色给用户传达的信息是不一样的，合理的颜色搭配能够吸更引用户的注意力。

产品的页面色彩要与Logo统一、相呼应，主色调和辅助色加起来不要超过三种颜色。有的产品主色调直接取自Logo主色调，以恰当的色彩明度和亮度确保用户的浏览舒适度。

颜色能把用户的注意力吸引到特定的元素上去，当某个元素的颜色与其他颜色形成反差时更是如此。相对一致性来说，用户对物体间的差异性更为敏感。因此，在页面中加入一些颜色。可以非常有效地把用户的视线引入我们希望他们看到的地方。

6．排版

排版具有三个要素：分割、区块和强调

分割指的是不能把内容信息胡乱搅和在一起，要有区分。分割之后是区块，把相关联的内容组织在一个区块中，可方便用户浏览。区块之后是强调，到底哪些重要，哪些不是很重要，强调突出重要的信息。

总结

处理好页面元素之间的主次、对比、相似性和分层关系，是掌握视觉设计的基本功。另外，产品经理对色彩也要具备一定的敏感度，至少能够分辨出主色、辅助色和点缀色。对排版和页面布局也要有一定的敏感度。优秀的视觉设计往往能抓住用户的眼球，吸引用户的注意，在视觉上产生强大的冲击力，给用户留下深刻的印象。