易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

新手实战经验必备!搞定网页重设计必备7大个必要环接

来源:网站建设行业资讯网
添加时间:2021-12-16

深圳科技有限公司网站更新迭代重新设计恐怕是许多网站必经的环节,如何做好网页重设计也是许多设计师和产品人需要考量的事情。今天的这篇文章就是著名电商平台Shopify针对旗下企业服务平台ShopifyPlus重设计改版的一些经验总结,希望能给大家带来一些启示

  ShopifyPlus是Shopify的企业版电子商务托管平台,自从2014年2月发布之后,至今只做过一次更新迭代,也正是在这种情况下,我提出了对网站进行重设计的建议。

  在这长达一年的时间里,我们对于自己的客户有更加深入的了解,也清楚地认识到老品牌和旧设计已经不再适应现在的情况了。

  不同的公司和不同的团队,对于重设计有着不同的需求和考量,自然也就有着不同的流程。我们并未遵循某种特定流程,但是在迭代过程中,我们做好了下面7件环节,最终得到了我们想要的结果。

  1、访谈

  我对我们的决策团队的每一个成员进行了一对一的面谈,借此明确他们心中的ShopifyPlus到底是什么。为了接近真实,每次访谈我都会作笔记并且录音,随后繁复回放,仔细研究。

  访谈之后,通常能从中获取灵感——从那里能了解关于产品的各种细节。这样一来,无论是产品未来的愿景、目标、品牌指南、项目原则还是网站文案,都比较容易确认。作为一个网站而言,更好的传达信息,才能真正让用户感到惊喜。

  2、项目简介

  在真正开始深入开发之前,我们需要写一份项目简介,确保每个参与者的信息和进度保持一致。我们会根据项目的实际情况,随时对简介内容进行调整和修改,实时更新。

  通常,项目简介会回答以下问题:

  •我们正在试图达到什么目的?

  •我们如何确认这个项目是成功的?

  •我们需要做什么事情?

  •我们为什么需要这样做?

  •哪些事情是非做不可的?

  •我们为谁在做这些事情?

  •他们如何了解这些事情?

  •项目团队中包含哪些人?

  •我们的最后期限是什么时候?

  3、竞品分析

  我们还需要仔细审视我们的对手。为此我们列出了竞争对手的列表,并开始了解在电子商务领域以外我们的产品如何服务于目标客户的。

  我们会对比我们和对手之间的优势、劣势,我们碰到的机遇,独有的特色,以及需要规避的问题。
4、信息架构

  合理可靠的信息架构能够有效地将内容组织起来,让信息更容易被用户获取并理解。在进行网页设计的时候,用结构化的示意图来呈现整个网站各屏之间的关系,能够使你从更高的层面上来把握整个网站。

  于是,我先用结构示意图画出老版本网站的各屏关系。在更新升级之前,我充分屏幕了其中的内容、目标和流量分布,并提出了建议。结构示意图帮助我们界定项目实施的范畴,就像一份详尽的核对清单,让我们在组织内容、设计界面、编写代码的时候更为清晰明了5、线框图

  在重设计过程中,我会使用线框图来勾勒整体,帮我思考问题,打通思路。有人喜欢在将想法涂鸦在餐巾纸之上,有人喜欢面对面分享想法,还有人喜欢将想法落实于草稿在线分享。

  线框图的好处在于,你可以快速、便捷地填充不同的内容。仅落实于文档的思路不够具象,粗略的草稿不够规整,线框图能较好规避这些问题,不同类型的内容整齐地排列在一起,你可以清晰掌控布局,模块与模块之间的关系。
高精度的ShopifyPlus重设计线框图
 6、启发板

  我们会在启发版(Inspirationboard)上展现新品牌的视觉设计,展现它可能的样子,这也是我从团队获取支持的一种方式。

  同时我们还会使用Pinterest,为了防止我们在单个画板中泥足深陷,我们创造了多个画板,为导航、动效、排版等不同领域,有针对性地搜集案例,获取灵感。

  当我有想法的时候,会在AI中进行勾勒,它们通常都是文字、图像和色彩的结合体,看起来形同广告。随后,相同相近的设计元素会出现在我们的草稿中,不过其中各元素的位置和外观,会有所不同,并且有许多不同的版本。
 ShopifyPlus的启发板

 7、视觉稿和原型

  很多人并不在意印在纸上的线框图和视觉稿。的确,直接在屏幕上看看还挺不错,但是直接查看落实于纸面上的线框图、视觉稿和原型效果更好。

  另外,我在线框图绘制阶段就开始制作可交互的视觉稿(原型?),并且拿这些东西同客户进行沟通交流,一直到它们最终被落实为代码和实际的从程序。
为ShopifyPlus搜集反馈

  深圳网站建设公司科技总结:

  深圳科技有限公司虽然许多设计机构倾向于严格遵循流程来进行设计,但是我们通常是将上述7个环节混合到一起进行的。使用真正符合你实际工作的流程,才是成功搞定重设计的核心。

网站建设计最新案例赏析:


上海三羽电器网站制作首页设计效果图
上海三羽电器
华星(深圳)新材料网站制作首页设计效果图
华星(深圳)新材料
阳光雨露信息技术服务网站制作首页设计效果图
阳光雨露信息技术服务
西安天星塔钟工程网站制作首页设计效果图
西安天星塔钟工程
广州捷伦达实验室设备网站制作首页设计效果图
广州捷伦达实验室设备
深圳捷益达电子网站制作首页设计效果图
深圳捷益达电子
东莞鼎力环保科技网站制作首页设计效果图
东莞鼎力环保科技
深圳华测实验室技术网站制作首页设计效果图
深圳华测实验室技术
广州恒星制冷设备集团网站制作首页设计效果图
广州恒星制冷设备集团
江苏小太阳机械科技网站制作首页设计效果图
江苏小太阳机械科技
 

网站建设行业资讯推荐阅读:


如何通过建好网站来提高竞价转换率网站建设也需要“动”“静”相结合在做移动端网站设计的时候要知道哪些注意事项网站优化需要从这几个方面着手做网站应注意哪些要素建站前如何选择关键词搭建企业网站建设的三个重要方面如何使网站优化更好分析怎样理解网站定位做网站建设师要考虑什么规定如何利用截屏方式为品牌制作话题-深圳网站设计公司分享网站建设如何提高网站排名企业手机网站建设的方式深圳网页设计如何降低成本高端品牌网站建设凸显格调的方法企业微网站建设时需要留意那些重点定制企业网站的理由是什么中小型企业为什么要进行网站建设网站建设价格究竟受哪些因素影响公司网站建设需要注意哪些细节为你的网站建设添一笔风采高端网站建设的推广方法企业网站建设和运营中的四大要点网站建设务必要遵照的标准有什么APP制作开发的主要功能设计以及大概界面构思和设计网站的转换率企业为什么要建设自己的独立网站深圳网站建设公司要发展需开辟新思路网站建设需要准备什么知道这四点网站建设很容易怎么找合适的深圳品牌网站建设公司看这里看这里,深圳网站建设教你如何策划一个先进的网站网站基本建设—选好关键词很关键房地产网站建设怎么才能取得理想的效果外贸网站建设时要考虑哪些因素深圳网站建设网页设计如何更加吸引人别忽略平面设计 口碑好的企业网页设计定做中小型网站的安全防范问题域名的百度权重对网站搜索引擎的好处是什么横向扩展数据中心从中国移动开启5G套餐看出互联网的快速发展趋势,企业的网站建设刻不容缓!网站设计白色的应用php实现插入数组但不影响原有顺序的方法浅析深圳网站建设公司的价格差异外贸网站页面如何设计才能令用户喜欢营销型网站建设的要点有哪些想让客户买单您做网站策划了吗公司网页制作的成本受哪些因素的影响网站建成后无法正常访问是怎么回事如何去准备网站建设资料深圳网站建设技巧之如何缩短项目工期软件定制的开发过程是什么新的顶级备案域名提交显示“无效域名”怎么办网站建设设计师做网站时必用的11个SEO技巧 网页设计中的对齐、块面和留白关系要怎么处理深圳网站建设公司如何审核大量网站数据分享如何做冷门行业的企业网站优化推广网站建设一般怎么收费包含哪些项目网站设计价格,网站建设要提高访客的信任感 相关领导到延平调研新闻网站建设情况手机营销型网站建设需要注意哪些问题深圳企业网站建设可以提升企业形象
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询