网站重构(设计重构过程的7个步骤)

我一直认为,重新设计比刚开始设计一个网站或者APP要困难的多。可以说是内忧外患,内忧要解决重构不仅仅是视觉上的改变,外患是要让用户能无缝的衔接使用。要成功的重新设计网站,以下几个步骤不能错过。去年我们参与的一个APP项目,因为一直在做一些零散的需求,就想从用户体验的角度整体分析一下,为什么要这么做?然后我们做了用户画像,做了用户诉求分析,做了竞品分析,做了旅程地图……等做完这些,我们发现我们的APP需要改变,从内容结构到交互方式,以及视觉展示,包含字体的大小等可能都需要调整,然后抱着用设计驱动产品改变的决心,我们输出了解决方案,和产品沟通,和技术沟通……,最后结果发现,因为没有上层领导的决策,最后的结果是视觉再改了无数次,以再改就杀人版N版以后,以视觉简单调整终结。那么,在设计重构的过程中,有没有可以遵循的规律,试着总结了一下子,欢迎大家补充~~获得领导支持,跨团队沟通不管你有多么充分的理由,对于任何大范围的修改了重构来说,都需要获得领导的支持。包括了解领导是否对这次重构有不同的想法,以及他的顾虑等等,不然你只能一片冰心在玉壶了。你需要与其他团队沟通,了解他们在这次重构中的要求和困难,同时获得他们的支持,让合作的部门对这次重构充满了期待,这个沟通不仅仅是开始的时候,可能在整个过程中,都需要找相关的团队多次沟通。一家欧洲家具制造商通过建立中央设计部门,进行跨团队沟通,做了一个实验,最后结果表明:跨团队沟通成功,并且更能清楚的关注客户,使得发布时间缩短10%,将概念推向市场的成功率提高了30%。你可能要说,设计很少有主动权和话语权,我们更多的需求来自于领导和产品,在整个过程中,我们常常处于工具的角色。其实我想说,不管你处于什么样的位置,你都需要对你重新定位,通过移情的方式,站在产品、开发、运营、设计和用户的角度,思考如何能最大限度的把这件事情做好,那么话语权或者主动权或许就会在你的手中,这个过程中,别忘了不断的给你的领导以及团队的小伙伴沟通。寻找理由,制定目标网站的重新设计,一般情况下无非是领导发现不好用,或者图片不好看,用户反馈网站不好看,竞品改了我们也要改,设计过时,产品更新……我们往往只考虑这些诉求,而忽略这些表面诉求下面重构需要的理由,对,就是理由,并且进行思考:我们为什么要改?重构能获得什么?重构能为企业带来什么?重构能为品牌带来什么?重构能为用户带来什么?我们想要实现什么目标?我们如何衡量该项目是否成功?在这个过程中,我们需要做什么?这样做是为什么?可能涉及到的其它团队成员是谁?截止日期是什么时候?根据这些理由和问题,制定目标:提升用户的体验,增加用户的满意度;提升数据增长:如点击率、转化率、DAU等;提高用户的忠诚度,提高用户的净推荐值;适应市场环境;项目流程规划:需求发起-创意收集-需求评审-体验设计-产品开发-测试-发布上线;项目时间规划;设计调研:在整个过程中使用定性或定量的房啊,对需求以及页面进行用户测试;梳理需求,寻找重构的方向梳理需求的过程中,我们需要从两个方面收集问题:一个是用户:了解当前版本用户的痛点以及用户比较满意的地方,针对用户路径和使用习惯,罗列当前版本的功能,并进行结构划分,在这个过程中,你可以使用用户旅程地图,SWOT分析、查看用户数据、以及常见的定性定量分析方法;一个是利益相关者:了解利益相关者的需求、痛点,可以通过焦点小组、一对一访谈的形式,这一步千万不能忽略,在这个过程中你可能会发现你意想不到的需求,也为项目能够顺利成功奠定了基础,同时别忘了了解下决策者的想法和意见,例如,有些利益相关者可能背负着某一个功能点的KPI,如果你改动比较大,那么将会对其的直接利益产生影响,如果在设计方案的时候,你没有考虑到这一点,将会导致方案的流产;一个是团队成员:和团队成员进行沟通,了解他们的期望、诉求等;目的是为了在重构的过程中获得更多的支持;当这些都做完,你会觉得你已经了解了产品的所有信息,那么请你在梳理完需求,明确重构方向后,让所有的参与者了解这次重构的愿景和使命;竞品分析知己知彼,才能百战不殆,我们了解了自己的产品现状后,就需要把目标放到产品的大环境,以及产品的竞品上。我们比较了竞争对手的优势、劣势和机遇,并且突出了我们希望引起注意的领域,以及我们希望避免的功能,最后输出竞品分析文件;信息架构信息架构是组织内容的实践,让信息能够“更准确”地被确定,“更容易”地被感知。信息架构(information architecture)定义:将“人”与“人想获取的信息”联系起来,使信息:呈现更明晰、获取更容易。在《用户体验要素》一书中,信息架构是指结构层的任务,可以指导用户界面的设计。在设计信息架构的时候,我们需要使用移情,站在用户的角度去理解:用户浏览我们的产品的流程是怎么样的?如何帮助用户分类信息?信息如何给用户呈现才能获得更好的体验?信息对用户是否有帮助,驱动他们做出决定?线框图&原型使用线框图来重新设计页面布局和元素,可以帮助我们思考问题并获得灵感,线框图的形式并没有固定的限制,有些人喜欢在用笔简单的勾勒出线框图,这样可以更快的寻找更好的解决方案和随时与团队成员沟通,有些人则喜欢使用工具,不管使用什么来绘制线框图,都可以帮助你编写内容,只要将所有的内容粘贴到线框图中,你就可以清楚的了解页面的流动以及每个内容之间的相互关系。有时候为了做用户测试,与利益相关者以及团队其它成员进行分享,我们会绘制交互原型,了解他们与原型交互使的想法,收集这些反馈并反复不断的进行设计验证。视觉设计&测试&发布确定了线框图或者原型,接下来就可以进行视觉设计了,设计师需要针对目标用户进行设计,在设计风格捕捉阶段,可以进行情绪版分析来确定产品整体的调性。如果跨部门团队都有参与这个过程,那么视觉完成和产品开发阶段可以同时进行,并且完美的配合,如果时间允许,在测试阶段可以再次进行用户测试,从而验证设计的可行性,产品发布后并不意味着登到了山顶,你还需要不断的收集用户反馈和数据分析,以便让产品更好的为用户服务;文/肥丫zenny转载请注明出处

本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.175ku.com/38502.html