网页改版的7大要素分享 网页改版有哪7大要素

网页改版的7大要素分享 网页改版有哪7大要素

　　Shopify Plus是我们创立的电商第三方平台的公司企业版。2014年2月发表发布，如今仍然是第一版。我想是时候改版了。

　　经历了一年多，我们对客户使用者与自身都有更深入的了解。陈旧的公司品牌已经不合时宜了。

　　我们并没有什么特别的流程，就是将以下7件事情串联起来，便达成了目的。

　　面谈

　　我对执行团队的成员进行了一对一面谈，明确了Shopify Plus是什么。为了真实还原，我录下了每段面谈，供以后回放。

　　面谈之后便有灵感涌现——我觉得自己对于这个商品产品已经了如指掌。撰写愿景、任务描述、公司品牌指南、项目概述和网站站点文案都变得容易了。我们的网站站点需要更好传达信息，让人顿悟其中含义。

　　项目概述

　　深入项目之前，我们写了一份项目概述，使大家达成共识。我们会适时调整更新，让它反映出项目的当前状态。

　　项目概述中可能会提出一些问题：

我们试图完成什么目标？ 如何知道项目成功与否？ 需要做什么？ 为什么需要这么做？ 有什么必要条件？ 做这件事情是为了谁？ 如何让他们知道？ 项目团队有哪些人？ 截止日期是什么时候？

　　竞品分析

　　我们研究了还有哪些同类商品产品。我先从一系列竞品开始，然后转向电商领域之外那些与我们目标客户使用者相同的公司企业。

　　我们对比了竞品的长处、弱点和机会，还有我们想要涉足的重点领域——和我们想要避开的领域。

　　我们的竞品分析文档

　　信息架构

　　信息模版结构是信息内容组织的表现，使信息内容易于理解。在页面结构网页设计中，模版结构图表反映了网站站点里各网站页面间的关系，让你从更高的角度看待网站站点的构成。

　　我给旧网站站点画了一张信息模版结构图，展现出各网站页面间的关系。在调整更新和改变之前，我评估了信息内容、目标与工作量。这张图表帮助我们确定项目的范畴，可以作为所有网站页面撰写、设计规划和编码的任务清单。

　　Shopify Plus的信息模版结构图表

　　线框图

　　在整个改版过程中，我都使用线框图帮助自己思考问题、激发创意。有一些画在餐巾纸上，面对面分享，另一些草图则通过互联网网络分享。

　　线框图能带来一项意外收获：它帮你撰写信息内容。写文档让你难以把一切视觉化，在线框图中粘贴信息内容能让人清楚感受到网站页面的跳转流程，每块信息内容与其他如何保持关联。

　　Shopify Plus改版所用的高保真线框图

　　灵感画板

　　我的灵感画板展现展示新公司品牌可能的样貌。它们有助于让我在项目早期从团队得到反馈。

　　我使用Pinterest创建了众多画板，用于局部分解，例如导航、动画和字体等，不会让创意迷失在单个画板中。

　　研究过程中在我Illustrator中绘制灵感创意，将纯文本文字、image图片和色盘结合成类似广告的图样。同样的设计规划元素出现在各处设计规划稿中，不过位置和表现有所变化。

　　Shopify Plus的灵感画板

　　从灵感画板中探索Shopify Plus可能的公司品牌形象

　　结果效果图与交互原型

　　线框图和页面结构网页设计印在纸上时，多数人都不会在意。在屏幕上展现设计规划很好，但。

　　我在线框图流程早期就开始设计制作交互式结果效果图。直到网站站点编码完成前，都持续将它们与客户使用者和团队分享。

　　我让他们在查看浏览时大胆讲出自己的看法，才能知道他们操作界面时所想。这些反馈都突显了局部的问题，也验证了设计规划方案，便于项目的最终定稿。

　　Shopify Plus的InVision项目网站页面

　　为Shopify Plus收集反馈

　　尽管一些机构会在改版过程中坚持特殊的顺序，但这7个步骤对我们很有效。选用适合你工作流程的策略，是改版成功的重要因素。

　　网站建设免费素材下载：

　　如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对素材圈的支持！若你觉得本文对你有帮助，欢迎，烦请注明出处，谢谢！

转载自：网页改版的7大要素分享 网页改版有哪7大要素

网站建设服务

悉知科技是一个有着12年经验的网站建设开发公司，品牌建站/外贸网站建设/谷歌营销推广/品牌营销策划，这些我们都能帮您搞定！

在线咨询

网站建设制作方案是什么 ? 报价多少钱 ?

获取建站报价