作者:雨灰

做过几套 Redesign 的练习,第一次把自己的经验进行复盘总结产出,希望对大家有帮助,欢迎大家在评论区和谐交♂流~

教你如何进行产品的Redesign-UI头条

Redesign 简单来说,就是再次设计也叫重设计,是以重新审视已经存在为目的的设计。重设计是基于现有产品的基础上改版设计,当设计师自己的想法和原有产品的设计理念上产生差异时,就会对现有产品提出质疑和假设,然后通过多方验证和调查确定自己的想法,产出高保真视觉图或者进行版本的迭代,最后通过落地实践和数据收集,确凿落实设计理念存在的差异化,才能体现出设计师所致力于表现的概念,而其根本的目的是在差异中发现设计的意义。

为什么要做Redesign

随着人们生活质量的提高和设计风格的更替,许多产品都要进行 Redesign,而其中比较知名和成功的案例譬如前段时间的大众点评、网易考拉品牌重设计等等,一款产品只有不断经过重设计的洗礼,在交互和功能上的优化让用户使用产品时变得更加舒适,在视觉表现上让用户更加愉悦,才能演化成反思层面的高质量产品。

教你如何进行产品的Redesign-UI头条

网易考拉品牌 Redesign

生活中大部分设计师也许没法接触到项目产品上的重设计,存在着上层决策到落实以及开发成本等种种因素不能执行,除非公司自主提出重设计外,所以多数设计师都是以练习为目的来做重设计的。重设计面向的对象有很多种,可以从自己公司的产品、现存市面上的产品、以前的作品等来做重设计练习;而重设计可以是一整个产品,可以是某一模块功能,也可以是整体的视觉方案或者品牌重塑等等,只要你的设计理念和现有产品存在合理的差异,都可以表现出来然后分享给大家。通过此类练习,有助于初中级设计师对产品的理解加深和产品思维的养成,增强高级设计师的创新意识和提升个人影响力。

如何开始Redesign

教你如何进行产品的Redesign-UI头条

用户体验五大层

第一步:拆解。这一步处于一款产品的战略层、范围层和结构层,是整个重设计过程中最为关键且重要的一步。把一款你要重设计的产品拆解,大到整个功能模块的流程,小到一个按钮的交互,你都要了解得明明白白,排列整合出用户需求、信息架构和功能,找出产品所存在的问题并作记录。通过草图、流程图或者原型图把流程梳理一遍,做一次产品经理,对每个功能模块和细节的把控做到了如指掌,知己知彼后在产品原本的基础上做带有目的性和合理性的改版,才能做出成功的重设计。不能重设计一款产品只是心血来潮,要合情合理讲得出所以然,所以第一步是整个重设计过程中最重要也是必不可少的部分。

教你如何进行产品的Redesign-UI头条

瑞幸咖啡首页交互流程

第二步:收集。没有理论支撑的设计都显得苍白无力,同样,没有数据支撑的改版都是耍流氓!在做一款产品的改版时候,我会去知乎、豆瓣、贴吧等网络论坛收集用户对那款产品的吐槽;调查周围同事、朋友、同学等产品使用意见;使用问卷工具如问卷星等制作问卷调查,投放至朋友圈 QQ 群微信群等收集数据;最后做统一处理分析,分析方法比如维度分析法、多重分析、SWOT 分析法等等。可以把这一步当成是个简化版的用户调研,对初中级设计师来说更加了解整个产品的开发流程,然后让你的改版更具说服力。如果是公司的产品的话,那么会有更加专业的团队和数据来支撑你做重设计。

教你如何进行产品的Redesign-UI头条

夜语 用户调研(by Fiasc1-夜语)

第三步:脑暴。开发你的大脑,挖掘你的思维!把你一切想要改的地方一一陈列出来,然后绞尽脑汁把自己推翻。这一步我个人觉得是最有趣的地方,你极大可能会经历曾经做这款产品设计师的纠结、烦恼、想出解决方案开心等情绪,虽然没有专业团队的支持,可能会落下一些没想到的点,但是整个产品大致的走向和细节都可能产生重叠。干嘛要做自我推翻呢?第一,你会往不同方面和不同层次去思考改版的意义,这样做的目的是什么?意义何在?说服你自己,才能说服别人,直到无法推翻自己的观点,那么就把这个点子记录下来。

教你如何进行产品的Redesign-UI头条

第四步:动手。Do it! 开始动手吧,把你的想法实现出来。这一步就来到了框架层和表现层,通过界面设计和视觉设计表现出解决方案。无论是新的视觉改版还是交互优化,可以通过高保真图、原型图、动效 gif 等等展现,运用 PS、AI、Sketch 等设计工具输出高保真效果图,注意事项后文说明。总之,尽最大努力做出让自己满意的设计来。

教你如何进行产品的Redesign-UI头条

城宿v2.0 Redesign

第五步:输出。这里不是指看你的 DPS 爆表去 carry (滑稽),是当练习作品完成后,没有条件进行开发落地,那重设计后的效果如何呢?这个时候就需要我们进行产出。大家都知道学习是一个输入和输出的过程,我们把重设计的过程转换成一种思路记录下来并产出文章,或者把产品排版通过一种让人能一目了然的形式展现出来,分享到设计平台或者圈子里面,这时候大家的设计理念和想法会和你产生碰撞,和大家交流探讨,从中获取不同的观念进行梳理汲取,最后进行整个流程的复盘并作出记录保留下来。不知不觉熟悉了整个产品的开发流程,深入了解产品的特性,也熟知了用户体验五大层和部分用户调研的方法,周而复始,就会逐渐形成思考习惯和产品思维,为整个UI设计生涯带来的是不可泯灭的财富价值。

教你如何进行产品的Redesign-UI头条

Topman Redesign (by Victor Kim-Behance)

注意事项

品牌基因

当你在为一款已经在人们心中植入品牌基因的产品做重设计时,品牌因素尽肯能地不要去改变它,比如淘宝的橙色、网易的红色等等。因为这些产品的品牌基因已经深入人心,如果你重设计对品牌基因改动很大的话,会让人一时分辨不出这款产品原始的调性。可以在图标、交互、插画甚至整个产品风格上大刀阔斧,但是一定要有原版产品的影子,让人一眼就知道这原来是什么产品。当然也有整体风格全部更替的产品这种例外,比如最新 Google 推出的 All-White 设计,其中囊括了整个品牌的重塑和产品调性的迭代,而这些是足够的行为支持和大量的数据支撑后产生的必然结果。

教你如何进行产品的Redesign-UI头条

微信 Redesign

产品的合理性

很多时候我们为了视觉而放弃用户体验,很多初中级设计师容易犯这样的错误,当然以前的我也不例外。好的产品不一定是最好看的,但它一定是最好用的。在做重设计的时候,一定是为了解决用户的痛点为首要目的去做的,提升品牌形象是重设计的核心,视觉层面是其次考虑的事情。所以用户调研的重要性就是为了搜集用户使用过程中提出的困扰,综合归纳成用户的痛点,然后进行重设计逐个解决,通过设计解决问题是一位优秀的 UI 设计师必不可少的技能。所以重设计的时候,练习作品可以发挥天马行空的想象去创新、去尝试突破,不脱离实际(交互和控件使用的合理性)和用户体验,才能做出经得起推敲的重设计产品。

教你如何进行产品的Redesign-UI头条

星巴克 Redesign (by Konstantin Zhuck-Behance)

看到这里,是不是有种想重设计某款产品的冲动呢,如果有的话,那就立刻动手去做吧!