网站改版 内容排序( ShopifyPlus改版后的竞品分析与项目概述和项目分析)

　　网站改版 内容排序(

ShopifyPlus改版后的竞品分析与项目概述和项目分析)

　　Shopify Plus 是我们创建的电子商务平台的企业版。于 2014 年 2 月发布，今天仍然是第一版。我认为是时候进行修订了。

　　经过一年多的时间，我们对客户和我们自己有了更深入的了解。过时的品牌已经过时。

　　我们没有什么特别的流程，只要把下面7件事串联起来就可以达到目的。

　　面试

　　我与执行团队的成员进行了*敏*感*词*的采访，以澄清 Shopify Plus 是什么。为了还原真相，我把每次采访都录下来，供以后回放。

　　采访结束后，灵感涌现——我觉得我已经很了解这个产品了。编写愿景、使命描述、品牌指南、项目概述和 网站 文案都变得轻而易举。我们的网站需要更好的传达信息，让人们意识到它的意义。

　　项目概况

　　在深入项目之前，我们写了一个项目概述，以便大家达成共识。我们将适时更新以反映项目的当前状态。

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

　　竞品分析

　　我们研究了其他类似的产品是什么。我从一系列竞争产品开始，然后转向与我们的目标客户相同的电子商务领域之外的公司。

　　我们比较了竞争产品的优势、劣势和机会，以及我们想要涉足的关键领域——以及我们想要避免的领域。

　　我们的竞争产品分析文件

　　信息架构

　　信息结构是内容组织的表现，使内容易于理解。在网页设计中，*敏*感*词*反映了网站中页面之间的关系，让你从更高的角度看网站的构成。

　　我给老的网站画了一张信息*敏*感*词*，用来展示页面之间的关系。在更新和更改之前，我评估了内容、目标和工作量。这个图表可以帮助我们确定项目的范围，可以用作所有页面编写、设计和编码的任务列表。

　　Shopify Plus 信息*敏*感*词*

　　线框

　　在整个修改过程中，我使用线框来帮助自己思考问题并激发创造力。有些草图是在餐巾纸上绘制并面对面分享的，而其他草图则是在线共享的。

　　线框图可以带来意想不到的好处：它可以帮助您编写内容。编写文档使您很难将所有内容可视化。在在线框架中粘贴内容可以让人清楚地感受到页面的跳转流程，以及每条内容与其他内容之间的关系。

　　Shopify Plus 修订版中使用的高保真线框

　　灵感板

　　我的灵感板展示了新品牌的外观。他们帮助我在项目早期获得团队的反馈。

　　我用Pinterest制作了很多局部分解的画板，比如导航、*敏*感*词*、字体等，这样创意就不会丢失在单个画板上。

　　在研究过程中，我在Illustrator中汲取灵感，将文字、图片和调色板组合成类似于广告的图案。相同的设计元素出现在各种设计稿中，但位置和性能发生了变化。

　　Shopify Plus 的灵感板

　　从灵感板探索 Shopify Plus 可能的品牌形象

　　效果图和交互原型

　　当线框和网页设计打印在纸上时，大多数人并不关心。在屏幕上显示设计很好，但是。

　　我在在线框图流程的早期就开始制作交互式渲染。直到网站编码完成，继续与客户和团队分享。

　　我请他们在浏览时大胆发表自己的意见，以便他们在操作界面时知道自己的想法。这些反馈突出了当地的问题，验证了设计方案，促进了项目的最终确定。

　　Shopify Plus 的 InVision 项目页面

　　采集对 Shopify Plus 的反馈

　　虽然有些组织在修改过程中会坚持一个特殊的命令，但这7个步骤对我们来说非常有效。选择适合您工作流程的策略是修订成功的重要因素。

　　原文链接

　　作者信息：

　　Filippo Di Trapani，Shopify 设计师

　　Filippo 是一名设计师，在 Shopify 位于加拿大渥太华的总部工作。他是一个慈爱的丈夫、两个孩子的父亲，也是一个狂热的音乐爱好者。

　　在推特上关注我

　　#专栏作家#

　　可乐橙，微信公众号：可乐橙（colachangreen）。人人都是产品经理专栏作家，UI/UX设计师，关注互联网，关注技术。现在住在杭州，正在和朋友一起创业的路上。也许不是一个好的设计师，至少是一个快乐的设计师。