前平安科技PDC高级交互设计师李雨晨：产品UI设计快与慢

易于学习，这个原则类似于易用，就是每次页面进行一次大的跳转之后，是不是导航还在那个导航的位置，关键的按钮还在那个位置，比如微信中的返回按钮，跳到别的功能点，返回还是在那个位置，这是易用性。而不是每一次跳转就换到一个别的位置，或者第三级界面就把这个返回去掉了？这要考虑它的易用性。这就是衡量标准。

还有信息架构，可能有点太复杂了，有没有同学听说过？有？太好了。没有听说过没有关系，交互设计和产品经理经常讲，这对于UI设计师必须要知道，不只是前面的那些复杂的，信息的统筹、规划、设计、安排这些，UI设计师可以不用考虑这些，但是必须要知道它的设计跟安排这一块，是我们常要做的东西。用图形化的东西做个比方比较容易理解，这是微信的安卓版本，信息架构是什么？就是这样一个东西，类似于，比如有个低保真图，不论用软件做的还是手绘做的，有这样一个架构，这边是icon，这边是微信的logo，这些是辅助功能，这边是导航，这是它呈现的子功能。这是它的虚拟按钮，这跟载体有关，这个可以不用看，是安卓手机的硬件的关系，苹果手机没有这个关系。这是虚拟按键。它占的屏幕的区域是一致的，安卓大屏的手机，这一块的虚拟按钮都是屏幕内部分。这个就是信息架构的呈现，对于IU设计师来说有一个引导和规范的作用，可以帮助你知道这边是放icon的，这边是虚拟按钮就不用管了，这边是状态栏，我也不用管。只要知道这一块的设计怎么做就可以了。没有这样的信息架构，试想一下工作中的情况，产品经理把需求给到你，却没有提供中间的信息架构，中间这部分全要自己想，那就非常累了，每次沟通的时候这个不对那个不对，就是属于架构层面没有考虑到。架构不对，里面做得再漂亮，icon做得再好，跟这些不一样，还是不行。

再往下拆分，框架就是这样，这个就是产品经理脑子里的东西，这边是到用户的东西，中间还有这样一个过程，可能是UE的同学来做，也可能是UI的同学来做。你懂跟不懂，是有天差地别的关系。可能跟产品经理沟通的时候给他看这个，他说这个是我想要的。如果给他看这个，如果框架不是这样的，他会说这不是我想要的，他可能会提出一些别的问题，比如我觉得这个文字排得不是很好看，或者icon不是很好看，不是我的风格，或者导航不对。但是他可能没有想到这是信息架构的问题。懂的产品经理会点出这样的问题，但是有的产品经理不懂，刚毕业的产品经理跟刚毕业的UI设计师有什么不同？没有什么不同，可能还没有UI设计师会做，因为UI设计师可视，他做出来的是可视的，但是产品经理做出来的东西是不可视的，就是一个文档甚至没有文档，怎么办？我们自己做，从信息框架层到低保真到高保真，这样一个过程。

信息架构总的来说不是我所说的这么简单的东西，我只是举个例子。如果有兴趣的话，可以详细了解一下信息架构到底是什么东西。我只是把它拆分成UI设计师常碰到的一些问题。

再聊聊团队，快跟慢有时候不是我自己的问题，可能跟整个团队有关。UI在团队中是什么样的情况，我们聊一聊。这有一个图，可能很多大师或者很多分享嘉宾都会用到，我也用一下。我会有些不同，讲的是这样，用户体验五个要素，我们把这个复杂的东西全部抛开，简单讲一下UI在哪一层。这一层，表现层，交互跟UI是这一层，没有交互就是到框架层，甚至是到结构层。这些层跟我们有什么关系？我们到底要涉及到哪些产出物？可能就是这个情况，这是高保真，线框图低保真，如果是产品经理，有些比较全能的产品经理，会做一个流程图，框架图会做出来呈现给你。但是有时候产品经理做不出来，怎么办？就是留给交互去做。交互同学也不会做，可悲的UI同学就要顶上了。我碰到过有些设计师，我这个交互图不会画怎么办？我们产品经理要我画交互图，我好尴尬，我不会画。这不是你的问题，UI设计师为什么要画交互图？会画是你的加分项，不会画打回去就行了。你不会打回去，干不好还是你的问题。

用户体验的五个要素，它为什么要分成五层？这个其实不是互联网行业有的情况，传统行业也有这个情况，战略层、范围层、结构层、框架层、表现层，自下而上的，整个规范化就是这样。现在互联网行业不是这样，我们是自上而下的，以用户为中心的原则做的产品设计，UI是属于在表现层，属于顶层结构。最多有些资深的UI设计在这三层游走，非常游刃有余。有些不是很资深的，被强逼着也要在这些里面游走。

那么你是不是知道自己平时做那些东西有什么用？对于这个产品对于这个公司对于这个市场有什么用？你做的可能是一个banner或者是一个宣传页，甚至只是一个icon。那你首先知道它要完成什么目的，要好到什么程度，这样你有一个大局的认识之后，自己在设计执行的时候就知道，我只要做到这个程度，别人肯定会说OK，我就不需要花更多的时间做一些无谓的东西，这样会不会好一点？

从开发流程，产品落地流程，大部分同学是在这里，交互设计流程的这个范围。我们是在这边和这边的中间点，我们是承上启下的这样一个位置。核心界面设计、细节界面设计，我们的地位非常重要，有没有瞬间觉得自己的工作重要性非常高，但是又一下觉得压力非常大，不知道怎么做？

我们看一下，作为中间的节点，我们承载上游和有，上面跟产品经理交流，下面跟开发沟通，如果没有我们，你们想一下会是什么情况？没有可视化的图形作为一个载体，去让他们两边做沟通，会是什么样的情况？是不是就打起来了？产品汪跟设计猿整天撕，没有可视化的东西。我们作为图形化载体的这个职位，我们给他们这样一个流程图，或者是高保真的页面，产品也懂了，这是我想要的，这个程序员会说，我知道了只要按照这个图去做，去切页面，前端去呈现就好了，甚至不用理上面的用户背景、战略层这些东西，只要按照你这个图去做就好了。程序员才不care投放后有多少回报率，我只要把测试做完产品上线就OK了。产品经理则只要管我的战略、市场，其他东西我都不管，只要丢给你这个交互设计师，UI设计师，搞定就好了。你把我的思想落地成图片，可视化，让程序员开发，就好了。只不过我们的沟通的时候需要方式方法，才能避免撕逼的这个过程。大家何要撕？

我们大局上了解了我们在什么位置，那么怎么做？我们还是要了解自己，不可能今天花时间听我讲，又不知道回去怎么做，那不是没有用？作为我这个过来人，必须给你们指一条路，到底怎么做，怎么才能做得更高效。

（编辑：应用网_丽江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!