科技猎前端产品经理入门-用户体验模型一（有用性和一致性）
掐指一算入坑前端产品经理这个岗位也有近五个月左右了，虽然时间不长，但在接手各类项目中的经验也够我反复咀嚼，在不断复盘的过程中，感叹产品工作仅吸收各类书籍知识简直是居庙堂之高，要根据业务内容以及业务走势等进行更新迭代帮助知识的内化。
前端产品经理的定义一直类似于设计师，设计出“好看”的产品界面，让用户爱不释手。可是真的是这样吗？
存在即合理，前端产品经理分拆开来看更像是业务+审美的综合体，在了解业务的前提下去指导设计师，设计出符合业务场景的前端界面。如何能让用户用最简单的操作完成流程？怎样让用户按照我们指导方向去提升产品的使用感？......这种大工程不仅依靠主观审美能够完成，只有基于业务的审美才是一个前端产品重中之重。
近日复盘后惊觉自己只裤腿半飘进前端产品经理大门，慌忙之时，赶紧扶好大门，稳住脚步，别忘乎所以，摔个踉跄。
话不多说干货先尝！
在工作实践中，经常会用到用户体验评价模型，用户体验是近年来互联网企业被提及最多的热词。用户体验是一个挺主观词语，根据百度百科的定义：用户使用产品、系统或服务过程中的主观感觉。所以对于所谓的模型来说，有经验的前辈们已经将其进行细致的分类梳理了起来，分成 有用性，可见性，易感性，易学性，包容性，一致性，每个要素的边界其实有模糊重叠的地方，但是他们既彼此区别又相互联系。在这里我会分成三章详细分解。
咱们先来说说有用性吧。
什么是有用？用户需要？符合长期市场？为什么要做？还有没有别人做？用户为什么要用我的？多为几个问题就能得到答案。
换句话说，没有用的功能需求就是没必要存在，有用性对于产品来说是极其重要，例如上图的手电筒，对于现在的手机来说，每个系统都会自带此功能，开发此类产品页面设计再好看用户也不买账，需求场景极其少，等停电了专门下载？还是在没停电的时候未雨绸缪下载一个？
下图是来自微信照明情况下的两种情况展示，需要照明的扫码为低频的场景，当在用户在昏暗场景下产生需求，产品正当时展示出有用的信息，不累赘不多余还有惊喜感。那可以试着分析在不需要“轻触照明”的情况下显示提示轻触照明，含有动词会将用户引入错误的引导，而且在页面上的展示也是轻重难放，本身是遮罩背景，字体颜色为黑色过于沉重明显，如果颜色较浅也难以被发现。容易打乱界面的布局，容易分散用户的注意力。
猪场头号厂牌网易云音乐，自然在产品设计上的追求可以算是精益求精，下图分别为网易在无网络情况下，用户打开app的第一跳转页面，第二张就是用户在有网络的情况下广告之后的第一屏出现的页面，孰优孰劣大家在此应该也能辨别，对于当前没有网络的情况下，要第一时间toast提示用户，立马了解网络问题，并且页面上所有图片都是属于置灰的情况，能够在toast提示之后再次以页面的形式告知用户，就不需要用户打开首页页面之后点开想要听的歌曲才发现网络问题，拉长用户的操作途径。
或许对于用户来说影响非常小，但是在产品设计中却是一大进步，替用户着想，做到最好，超出预期，这样的产品人才能得到最终的成长。
那现在我们来谈一谈“一致性”
一致性顾名思义就是统一性，在交互设计中尤为明显，在 一定程度上统一了产品的格调，减少用户的学习成本，在另一方面上可以节省技术的开发迭代时间。
例如在页面的使用过程中，有的页面返回是在左上角，但是有的页面在右上角用文字按钮"关闭”来引导用户，虽然两个内容含义相同，但是如果是同一产品中包含了两种相同操作但却不同的引导，一致性问题就会出现，虽然在本页面只有一个操作行为，用户可能不会造成疑惑。但是对于产品的整体性来说却又一定的影响。这就需要产品主动排查以及寻找自己产品的问题
哪里会使用到一致性呢，我们接下来探讨一下。
1.品牌宣传
能让一个用户对产品有深刻印象的就是在颜色搭配，加载等候或者是漫画插图都能见缝插针的展现出品牌的力量，无时不刻的情况下展现出品牌的调性。
上图的三张照片都有共同的元素，颜色设计，以及品牌人偶的展示上都能给用户带来潜移默化的印象，统一能够增强产品之间的关联感，其主题形象是一只独角兽然而我们也可以看出它在整个产品的展示频率非常的高。
在“飞猪”中，猪猪的图标设计和搜索框设计是不是有异曲同工之处，看起来既可爱也是提升产品设计的品味格调
2.规范差异性
不同的设计规范用于不同的手机系统，我们比较熟知的就是两个手机系统分别ios和安卓，他们的设计规范不相同，ios设计规范主要是服务于iphone，安卓手机主要的使用规范是MD，为什么会有两种类型的设计规范暂时区分适用于这两种，因为每个平台采取不同的设计语言，就会培养出不同的设计习惯。
在两个系统中，删除标记等手势操作都不尽相同。
IOS设计是向左滑动会出现选项内容，但是MD设计却是长按才会出现选项框，所以我们产品最好是要根据所在的平台进行符合系统操作设计的逻辑，这样不会让用户操作上有误解。其实在两个系统的设计中没有非黑即白的问题，看似相互对立也是相互融合的状态，只有最适合的状态才是最好的，比如在IOS界面，如果我需要对一段文字从左到右进行复制，但是在滑动过程中就会造成页面认为我要返回上级的操作；在网易音乐中，如果我只是想在播放详情页中向右滑动调至前一首歌曲，如果手指没有在它指定区域内操作，就容易让系统误判操作返回到上级页面。
没有完美的设计，只有适合的设计。
对于一个存在的产品，不是一日就能被窥探到底，它每刻在发展前进，我们需要在它成长路上持续牵引给他开路，与此同时设计的框架要符合它日益庞大的系统，就像给小孩织毛衣，你只能看到它一两个月能穿的大小，等他到一两岁的时候，再去给他做衣服，岂不冷哉，所以对待产品设计需要我们拥有战略般的前瞻性。
公众号：我是123的三儿
微信号：zls1229694364
欲知后事如何，且等下回更新~前端产品经理入门-用户体验模型二（包容性和易学性）
