如何跳出“框架”做设计「UI篇」

在互联网圈理摸爬滚打的年限越长，有时候你就越能感觉到无形之中，有许多看不见的东西在束缚着你的工作。其实影响着你的感觉的，就是“框架”，我把这些框架分为“硬性框架”和“弹性框架”。硬性框架通常指代一些不可抗因素，类似于：公司濒临破产，你的产品是你的老婆等等，今天我们来一起聊一聊如何突破弹性框架，做好设计。

明确自身职能，具备全局观念

有的设计师时常会埋怨，自己在项目中没什么重要性，话语权太少，工作内容仅限于设计产出，像一个“美工”。实际上，ui设计师自身的职能在现在的互联网环境中已经不再局限于单一的界面产出，更重要的，是应该具备「全局观念」。什么是全局观念？这个话题十分宽泛，总的来说，就是站在产品的层面上来思考设计，结合项目目标与资源、人员素质、技术可行性等多方面因素，提供最优的解决方案。这里以我自身工作经历举例。我目前在某里负责小说app的分类相关页的改版和优化。我接到一个“设计编辑推荐页“的需求。那么我接下来要做的第一件事，不是去追波be上搜寻相关参考，而是和leader确定app改版的决策进程，和产品确定既定需求的迭代周期。如果这两件事的执行时间线重合，则很有可能导致需求上线后短时间内迎来app的大改版，面临二次设计与开发。那如果正好遇到这样的情况，设计师又该怎么办？我们在确定执行时间线重合的前提下，应快速推出过渡方案，运用组件和已有样式输出界面，合理利用资源，减少开发成本。如果设计师在完成需求的过程中不去顾虑项目大方向的进程，很有可能面临设计稿不断返工甚至被砍。在互联网公司中，做“有效”的设计是第一大前提。在项目的不同时期中，设计扮演的角色也是不同的，比如在生命周期短暂的需求中，我们应寻求样式复用的可能性。在解决投入产出比较低的需求中不去占用太多的资源。如果项目的行业竞争压力过大，我们要配合产品和交互，不能让设计添乱。在创业背景下的项目，我们则要调用全身的艺术细胞，做出行业水准以上的设计，简单来说，好的设计，是具备策略性的。

关注项目进程，“往前走一步”

设计师通常在对接需求，排期时只把日期排到设计环节结束那一天，认为自己的职责在”deadline“那天就结束了，对于后期的走查情况，需求的分版提测，测试中的bug模态并不太关注。那么带来结果就是，需求的上线版面与设计稿有很大出入，出现上线后报一堆bug，直接delay到整个项目进程。设计师在项目中的作用不应该仅仅局限于自己的设计产出，我们在交付设计稿后需要关注项目的进程，例如开发对于设计稿的还原度，代码编写过程中是否有难点，测试追踪到产品缺陷或者出现其他外部因素辐射时，该如何快速给出Plan B，上线前灰度测试中出现问题是否被良好的解决等等。做到这些需要付出额外的时间和精力，但它的好处是长久的，设计师一方面能展现自己设计背后的思考，一方面交能在协作过程争取更多的话语权，提升自己做设计决策的说服力。ui设计师与团队其他成员在产品层面统一认识的基础上往前走一步，了解各自职能的核心意义，各施所长，融会贯通，互相理解，减少分歧，一起合力完成工作，这是一种趋势，更是一个优秀团队所应该具备的人才素质。

锻炼数据思维，提高自身推动力

数据思维和推动力其实是两件事，由于篇幅有限就放在一起说了。数据思维是什么？简单来说就是有效利用数据解决问题的思维方法。这种思维方式根本上应从业务中来，回业务中，商业变现的过程就是数据漏斗的转化过程。所以，将数据问题提炼为业务问题是锻炼数据思维第一核心要素。我们通过后台实时监测到界面某模块数据的变化和异常，找出问题所在，赶在大面积用户痛点爆发前修复bug，及时止损。数据思维将传统的工作方式从被动、慢速、静态的方式转变为主动、快速、动态。在项目迭代的过程中，一开始定义好的问题往往因为比较宏观而无法直接着手解决，我们就需要将其拆分为更微观的细节问题，进而再去寻找细分问题的解决方法。数据思维则能帮助我们通过合理的数据分析，科学的拆分问题，那么ui设计师又该如何从复杂的数据中找到设计目标，并落实到自己的设计中呢？这里举个例子，某购票业务老客支付转化率为17%，新客支付转化率为5%，显而易见，这个业务的大目标是提升新客的CVR，提高老客的复购率。在确定这个大目标后，可以把大目标拆分为一些小目标。我们可以通过各项数据分析，例如页面转化漏斗，页面点击热度，用户行为数据框架等等途径找出问题页面，点击热力异常点，用户流失路径等等。我们通过后台追踪到新客填单页面异常，页面中票种入口模块点击热度低下，那在修复新客填单异常这项需求中ui设计师的设计目标就是1.提升票种入口模块点击力度，业务意向CTR，提高票种入口流量的分发效率，3.改后设计对业务首页意UV没有负面影响。那么我们在实际的设计过程中1.利用卡片化叠加来区分不同的票务种类，结合业务的主题色，高光，阴影来模拟物理遮挡关系。2.通过动效减少页面跳转，使用户更轻松的理解页面之间的关系。3.通过留白的线形图标弱化二级页面入口，将视觉重心集中在业务区。良好的数据思维帮助设计师建立或提升数据导向的业务问题解决能力和战略分析能力。随着公司业务规模的不断发展与扩大，ui设计师的需求点不再以“好看与不好看”这样的角度来判断旧版本是否需要迭代，而是会以相对更理性，更科学的手段去攫取。设计师要有主动关注数据变化的意识，如果能在业务前期提出数据埋点，则是再好不过了。但是要记住的是，数据思维只是一种辅助方式，不要因这种思维画地为牢，重要的是去分析数据产生的本质。

提高自身的推动力，分业务内，和业务外，业务内的其实在“关注项目进程，往前走一步”板块内已经说的很清楚了，这里跟大家来聊一下业务外该怎么提高自身的推动力。有很多中大型公司，把员工的“影响力”划分进晋升时的能力模型中，且随着职级越高，占的比重越大。那么，这个影响力代表的是什么呢？其实就是推动力。你积极的推动项目发展，则代表着你向公司内部传达着一种正面影响，根据我的工作经验，往往推动力才是第一生产力。有的时候，好的设计方案或工具可以提高设计效率，加快项目进展，例如设计师可以向组内人员普及协作工具的使用，整理平时积累的优秀作品或书籍资料，举办例行的研讨会，及时输出，资源共享，不断提高自身专业性。一开始做这些或许会很难，需要付出额外大量的时间与精力，但这样做，一方面有益于团队内部的交流沟通，一方面提升做设计决策的说服力，同时展示ui设计师业务外的职能价值，以及自我价值。如果整个团队能理解并认同ui设计师的价值所在，那么你就能成功的跳出框架，去实现更远大的目标了。

总结：不断突破框架的过程，就是自我提升的一个过程，现在的ui设计师职能不再停留在单一的设计输出上，多方面锻炼自身能力无论在职场晋升还是创业积累势能上都是十分必要的，拥有全局观念可以帮助设计师建设产品思维，关注推动项目进程可以锻炼对项目变量的掌控力，数据思维则能帮助ui设计师从感性化视觉产出进阶为更科学，更能解决项目痛点的指标性产出，总而言之，跳出框架做设计可以增强设计师在企业或项目中的重要性，促进项目和企业的进步与发展，进一步实现自我价值。

原作者：皮皮pei