画原型是产品经理日常工作中必不可少的部分，通过原型来展现我们的产品样式，表达我们的产品逻辑。对于产品经理来说，严谨的产品逻辑与良好的用户体验是我们关注的重点，我们很少会关注原型本身的好不好看，好不好看更多的是设计师的事情，同时如果在原型好不好看上纠结太多，也会消耗额外的时间成本。
同样作为一个产品经理，我也认为原型没必要做的太好看，只要能梳理清楚流程，完整表达产品的逻辑即可，因为即使你的原型再好看，消耗额外的时间不说，设计师终究还是会再重新设计一遍。同时也会影响限制设计师的思路，他们拿到你的原型可能只是给你调调间距跟配色，这对于他们来说也太没有成就感了，而且长此下去，可能也会导致设计师对产品的过度依赖，没有自己独立的设计想法。
虽然日常工作中我们可能不用画高保真的原型，但是我还是建议大家能有这样的能力。有没有这个能力是一回事，而有这个能力却不用又是另一回事。那么高保真原型一般会有什么用呢，今天就跟大家聊聊这部分的内容。
01
首先，有一部分公司是对产品经理原型有要求的，招聘里写明了要能出高保真原型图。这种情况要么是公司没有足够设计资源；要么就是虽然有设计资源，但设计的能力比较弱，这就提升了产品经理的标准，要求产品经理在设计原型时，多做一步，把产品的样式布局等展现细节描述清楚，这样设计师在拿到原型时可以快速处理形成UI图，节省设计的时间。
其次，通过高保真原型可以提升我们的审美能力，它让我们在除了产品功能逻辑之外，更深入的关注产品的布局，样式。颜色该怎么搭配、按钮该如何摆放等等，这个时候我们是以设计师的角度去思考问题，而通过这些思考，不断的锻炼提升，我们对于美的分别能力也会大大提升。而且当设计师出完设计图之后，我们能很快的发现其中的问题，提出我们合理的意见建议。
第三主要体验在对外合作或者跟老板汇报时，可能会倾向高保真的原型图，当然有的公司也会让设计师来先出Demo，通过高保真的原型图可以更加清晰的描述产品，减少大家的理解偏差。
02
那么在日常工作中，我们如何才能让我们的原型看起来更加高保真，更好看呢？
尽量用真实的元素
高保真原型图的最突出的地方其实就在于真实，贴近线上的产品，因此我们的页面元素也要尽量使用真实场景。比如像原型里的图片、在普通的原型图里我们可能直接用一个图片控件来表示这个地方是一张图片，但是在高保真原型图里，我们需要找一张真实的图片来占位。
图标也是原型图里最常出现的元素之一，使用真实的图标而非占位控件，也会让整体页面美观度提升不少。给大家推荐一个图标网站iconfont，它是阿里妈妈MUX打造的矢量图标管理平台，对于一些图标按钮我们可以直接在这个平台搜索下载。
背景图的设置
背景图的作用其实主要为了衬托核心内容，常见背景图都为浅灰色，在上边显示纯白背景的内容模块，当然也有一些设计都是纯白背景，通过分割线来区分内容。通过背景图的加入我们可以很容易分辨出产品的主次，让产品增色不少。
间距字体统一
各个模块之间、字体与字体之间、字体与图片直接等等，这些间距都需要统一，规规矩矩的按照统一的距离排列整齐，这样整体看上去界面就不会乱。同时字体之间的距离也不要挨的太近，显得太拥挤。另外也要注意内容的左右留白，不要让内容贴着屏幕的左边或者右边。
对于字体的大小、字体的颜色也需要进行统一。同时也要注意不同作用的文字、字体的大小跟颜色也会不同，例如：主标题的字体都偏大、颜色也偏深，而副标题作为对主标题的补充，则需要使用相对较小的字体，较浅的颜色。
多看好的设计作品
好的审美设计能力并非一朝一夕就能形成，需要一步一步的积累提高，而市面上有很多好的渠道可以让我们接触到好的设计作品。最简单的，我们可以直接看其他家的产品，看他们的的设计风格、界面布局、颜色搭配。当然也有很多好的设计网站：像国内的花瓣、站酷，国外的Dribbble、Behance等等，都是我们可以接触到好的设计作品的渠道。
说了这么多，还是靠大家在日常工作中的多看、多想、多实践，在保证按时完成工作的情况下，可以尝试让你的原型看起来更好看。想跟做是两回事，希望大家能真正动手去做，学着去走进了解设计，发现设计之美。通过这些不断提升自己的审美水平，也给自己一个加分项，提升自己的竞争力。
免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！
]]>导航，一个所有产品人都司空见惯的名词，一个几乎所有产品都离不开必备结构。包括正在看这篇文章的你和你的产品，还有我，我们都需要一个更好的导航！说到导航想必大家都不陌生，所有的产品基本都离不开当导航，产品人要想办法优化导航，而用户也要通过导航快速的找到想看的东西。
做好一个导航就等于做好了产品的一半，但是大家真的理解导航吗？有没有认真的想过导航起作用的原理呢？
这篇文章从导航背后的产品逻辑出发帮大家重新认识一下导航，通过这篇文章我们可以了解到以下内容：
- 导航的范畴
- 导航起作用的产品逻辑
- 常见的导航结构
一、导航的范畴
想做好导航就得先清楚什么是导航，我们先看一下新华词典对导航的解释：引导飞行器或船舶沿一定航线从一点运动到另一点的方法。
我们提炼一下关键词：引导，一点运动到另一点。
也就是说能够对达到目标点起到引导作用的，能帮助你顺利的从一个点到达另一个点的工具就可以称作为导航。
在我们产品设计中也是一样的道理，导航的目的或者说导航存在的根本意义，就是为了让用户在功能千千万或内容万万千的网站中迅速找到自己想要的。那么只要是有助于实现这一目的的设计，我们都可以划分在导航需要考虑的范畴之内。
即使你不是导航，但是你会影响到用户能否迅速便捷的找到自己想要的，在这一刻你就是导航。
那么从产品设计上哪些设计会影响到用户能否迅速便捷的找到自己想要的呢？
答案是：所有用户看到的都会影响。
用户想要找一个功能首先要知道这个功能在哪里，这个时候是页面上文字描述的是不是够准确在起作用。假如用户常用的功能被放在了一个突出显示的区域用户就会更容易找到目标，这个时候是排版布局够不够合理在起作用。
知道自己目标的位置之后用户要一层页面一层页面的点进去直到目标位置，这个时候是层级的控制是否合理、信息结构的处理是否轻重分明在起作用。
用户在使用过程中还会在不同的目标直接来回的切换需要保证切换的顺利方便，这个时候是路径是否清晰、交互引导是否友好在起作用。
我们模拟了一遍用户使用的具体场景之后会发现，影响用户能否迅速便捷的找到自己想要的点其实遍布了产品的每一个页面每一个角落，所以我总结了一个概念的说法：所见皆导航。
按照场景不同可以将导航的范畴划分为以下几个方面：
- 文字表达
- 排版布局
- 信息结构
- 跳转路径
最后一句话：导航并非只是看得见摸得着的树状的分类，分类只是信息结构的一部分，导航更多的代表的是对影响浏览效率的产品逻辑的处理。
二、导航背后的产品逻辑
刚才说完了导航的范畴，相信通过对上述内容的阅读大家对导航背后的逻辑也应该有了一些理解。
所有设计都是产品的一部分，最终目的都是为让用户使用产品的体验更好，导航在这方面起到的作用是举足轻重的。
大家经常会遇到一些诸如把导航做成悬浮的、减少一下导航的层级之类的产品优化，可能今天改改这个点明天改改那个点，看似每天都在优化产品倒不如说是随着不停暴露出来的问题在手忙脚乱的补漏洞。
原因是这些优化都很零散，没有人思考过他们背后的逻辑是什么、处在什么样的一个大场景里，是不成体系的，没有体系也就没有方向，每天都是遇到问题处理问题而不能提前预知并且掌握在自己的产品规划之内。
我们可以一起思考一下当用户打开一个网站时最初心理活动是什么？
导航，用通俗一点的话来说就是帮助用户找东西。就像逛商场，分为两种人：有目标和无目标，为了更好的说明导航的作用我们这篇文章只说有目标的情况。
清楚的知道自己要买什么但是这个人不一定知道怎么找，所以又分为这三种情况：
- 知道怎么找
- 不知道怎么找
- 中途折回寻找
然后我们分别思考下这三种场景下用户的心理活动：
1. 知道怎么找
我很清楚商场的商品分类、每个分类的位置，我要找一条最近的路径直接走过去。
这个心理活动表现在产品使用上就是这样的：我用过这个产品，知道怎么用，我也知道我的目标位置（要操作的功能或要阅读的文章等），我知道要先去哪个页面再点哪个button，我希望快速的到达我的目标位置。
于是我们就知道了针对于这种情况该怎么有效的优化导航：
1）优化产品的信息结构避免层级过深；
2）调整页面布局提高常用功能的曝光度。
2. 不知道怎么找
我第一次来商场，并不知道商场里的各种商品是分类摆放的，甚至不确定我要买的东西属于哪一类。我需要先搞清楚这个商场里的东西都是怎么放的，要找的东西在哪，还要看下地标找到过去的路。
这个心理活动表现在产品使用上就是这样的：我对这个产品很陌生、我得先看下这个产品都能干嘛、我要找的功能有可能在哪一个模块或者页面、我怎么操作才能找到这个功能。
于是我们就知道了针对于这种情况有效的优化方式是：
1）页面标签明确与用户心理预期一致，我认为一把木质梳子属于日常用品类你就不要给它打上木质家具的标签；
2）清晰展示产品的框架结构，让用户对产品的功能范围一目了然；
3）适当的使用交互效果来引导用户快速的学会使用产品，比如在搜索框旁边显示一个放大镜的图标，多数人一看就明白这里可以搜索。
遵守易懂大于易到达的原则，用户对于一个陌生的产品首先要先能看懂第一步从哪里开始、怎么开始，再便捷的操作路径也需要用户先知道才会去操作。
3. 中途折回寻找
我现在刚刚吃完了美食，突然想到要买几件衣服，我得看下去服装区的路在哪。
我记得是在二楼，我先看下我现在在几楼就可以了。但是不巧这个商场设计的太差了根本没有标注清楚现在的楼层，但是我记得刚进来的时候是怎么到那里的，我可以先回到大门口再过去。
这种情况表现在产品使用上就是这样的：我刚看完了一篇科技类的文章，现在想去看一看教育类的文章，我得看下我现在在哪个分类，怎么过去教育分类。
如果知道返回的路径的话我能不能直接一步就跳转过去，如果不巧产品的信息结构设计的很乱，用户随便跳几个页面就迷路了，用户很可能会希望先重新返回首页再找教育分类。
于是我们就知道了针对这种情况有效的优化方式是：
- 采用悬浮导航：不管用户在页面的哪个位置都能快速的通过导航切换到目标位置；
- 提供相关推荐：预测用户在浏览当前内容或者使用当前功能时下一步有可能会采取的动作，并把他放在某个易见的区域；
- 明确用户的当前位置和返回的路径；
- 提供最近浏览是一个很好的选择；
- 明确首页位置，并尽可能的在每个页面都提供直达首页的入口。
清楚了用户使用产品时的不同情境、在不同情境下的不同需求，才能采取针对性的产品优化措施。
我们把所有对导航的需求场景总结为三类，从用户的心理活动出发搞清楚每一类场景背后的需求逻辑。我们会发现所有需要做的优化都有了方向，这样我们就能把工作做在前边，提前对产品做好规划，效果显著而且事半功倍。
三、常见的导航结构
这个就是大家普遍认为的导航了，有抽屉式、下拉式、列表式，也有顶部布局、左侧布局、底部布局等等表现形式。
其实导航的结构只是导航的外在表现形式，只有先理解了导航背后的产品逻辑才能看懂不同的结构各自的区别在哪里，从而能根据自己的产品的实际情况选择最合适的导航结构。
这部分内容工具性就比较强了，没有多少好理解的，根据需要选择合适的拿来用就可以了。
这里只列举一些常见的导航结构供大家参考：标签导航、舵式导航、抽屉导航、Tab导航、宫格导航、点聚导航、组合导航、列表导航、轮播导航、瀑布导航。
每种导航各有优缺，需要大家根据需要自行判断或者组合使用，可以从以下几个方面进行考虑：
- 我们的主入口有几个？
- 我们是否有特别要突出的入口？
- 界面中的次级元素入口多与少？
- 界面是否要展示次级界面的部分元素信息？
……
四、结语
这篇文章是我这些年做产品以来对导航的一些个人思考，在写这篇文章之前也特意浏览过互联网三巨头体系下的一些官方主页，其中也不乏一些需要优化的点。
由此让我感觉到很多人对导航的理解可能并不是特别的深入，所以特意写了这篇文章希望能抛砖引玉，对产品路上的小伙伴们有所帮助。
大家有任何不同的看法欢迎在评论区一起留言讨论，谢谢大家阅读这篇文章！
进阶提问：
- 一篇写VR教育的文章是该归为科技类文章还是教育类文章呢？
- 一瓶桃子罐头应该把他放在休闲零食区？饮料区？还是水果区呢？
有兴趣的同学可以在评论区讨论。
免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！
]]>作为一个产品经理，最可怕的就是把产品逻辑当成用户逻辑，就和预估价问题时候很多滴滴产品经理觉得委屈一样，问题是凭什么用户要理解你的产品逻辑呢。
用户逻辑和产品逻辑
第一次遇到用户逻辑和产品逻辑冲突时，我在做订单重构。因为订单所处的物流阶段不同，是否可以催单、申诉、催单、换货有很多规则，当时订单前端就根据物流系统的判定来决定是否展示这些操作按钮。
改版的时候我就把这些按钮都展示出来了，当无法操作时用户点击会告诉用户为什么现在不能操作。
逻辑也很简单，用户不会理解为什么不能做这些操作，当用户以为可以进行某项操作但是实际不能且得不到解释时，用户只会骂娘或者投诉。
那个时候我算是第一次知道，当产品经理把产品逻辑暴露给用户并期待用户自然而然理解时，会发生多大的灾难。
滴滴的预估价
不知道大家是否还没有记得滴滴大数据杀熟的传言。
18年的时候，同时叫车预估价不一致。
当然原因很简单，滴滴的预估价为了追求准确率，实时针对路况进行预测。而且实际打车结算费用和这个预估价无关，价格取决于里程和时间，订单里有详细的信息。
这个所谓杀熟的价格是一个预估，是对实际结算价格的预测，没有任何伤害用户的意思。
但就这么个事儿，CTO专门发了一大段文字解释产品逻辑，用户并没有听明白。
当时我在滴滴，面试候选人时会经常会问这个问题，怎么看滴滴大数据杀熟，也没有一个候选人知道预估价和结算价是两个体系。
这个事情滴滴的产品逻辑没有问题，好多产品经理觉得委屈，各种发帖声援。
但是如果来滴滴面试的产品经理候选人都搞不明白的概念，你能说这是用户的问题么？
产品经理的屁股
屁股决定脑袋，也许很多人觉得自己是理性的，但自己不知不觉中发言也带着屁股。
滴滴是一家组织能力上有一些问题的公司，但是不可否认的是，滴滴同时也是一家非常有温度的公司，除了各种日常福利之外，同事间关系相对融洽。
离职员工可以在事业部例会上被认真介绍这段时间的贡献，并且受到其他人的祝福。员工转岗非常自由，内部叫活水计划，很多leader的钉钉签名都是”求活水“。
不像有的公司对离职员工像防贼一样，有些傻逼领导能不择手段阻止员工转岗。
内部员工很熟悉公司的产品逻辑，对于很多用户的误解总会天然的感觉到委屈。但这种屁股带来的委屈是廉价的。
产品经理的价值就是通过提供用户价值，从而创造商业价值。消除用户的误解是最基本的职能。
当然，不管产品怎么设计，都不会令所有人满意，但至少应该让智力正常有常识的人理解产品。这并不算太高的要求。
无论是预估价的全网不理解，还是拼车定价的阿里员工不理解，都是不达标了。
功能的解决方案
这两个问题解决方案也都不难。
预估价的问题本质是因为算法追求准确率所以利用实时路况的数据进行预估，但是对于用户而言，一致性远比所谓的准确重要，付款的时候根本没有人会记得预估价是多少，这只是算法部门的KPI。
改革方式就是减少预估价的更新频率，也许预估准确率会下降几个点，但用户获得了确定性。
青菜拼车和拼车的定价不同就是以为一个是立即出发，一个是拼成出发，拼成出发系统收益最大，用户需要消耗等待时间，自然定价更低。
那么就在同一个拼车的选项下，可以做两个子选项的切换，立即出发和拼成出发。拼成出发写清楚优惠和预期等待时间就好了。
这些功能的设计者，是不是沉浸在自己的产品逻辑里太久了，而少了一些用户同理心呢？
一个产品经理，当你沦落到在社交媒体上跟用户讲道理的时候，对不起，你已经输了。
免责声明：本文版权归原作者所有，文章系作者个人观点不代表蜗牛派立场，如若转载请联系原作者；本站仅提供信息存储空间服务，内容仅为传递更多信息之目的，如涉及作品内容、版权等其它问题都请联系kefu@woniupai.net反馈！
]]>