页面反转的7个主要元素中的7个元素是什么
Shopify加是企业版的电子商务平台,我们创建的。这是在2014年2月公布,仍然是第一个版本。我认为它的时间来改变版。
经过一年多的时间,我们对客户和自己有了更深的了解,旧品牌已经过时了。
我们没有任何特殊的过程,也就是说,以下7件事串联在一起,我们达到了目的。
面试
我和执行团队的成员一方面明确什么Shopify加。为了还原事实真相,我记录每一次面试之后重放。
面试结束后,灵感来到mdash;mdash;我觉得我知道的产品。写的愿景、任务描述、品牌引导、项目概述很简单,和网站撰稿。我们的网站需要更好的传达和了解它的意义。
项目概述
在我们深入研究这个项目之前,我们已经写了一个项目的总结,以便我们能达成共识。我们将及时更新它以反映项目的现状。
在项目总结中可能会提出一些问题:
我们要完成什么
你怎么知道这个项目成功与否
你需要做什么
你为什么需要这样做
必要的条件是什么
这是谁做的
他们怎么让他们知道
项目团队的成员是什么
最后期限的最后期限是什么时候
竞争产品分析
我们研究了什么样的产品,我从一系列竞争产品开始,然后转向与电子商务领域以外的目标客户相同的公司。
比较优势、竞争产品的劣势和机会,和关键领域我们想mdash;mdash;我们想避免的地区。
我们的竞争分析文件
信息架构
信息结构是内容组织的表达,使内容易于理解,在网页设计中,结构图反映了网站中页面之间的关系,使你从更高的角度看网站的构成。
我在旧网站上绘制了一个信息结构图,以显示页面之间的关系。在更新和更改之前,我评估了内容、目标和工作量。这个图表帮助我们确定项目的范围,并可以列出所有页面的编写、设计和编码任务。
信息结构图,Shopify加
线框
整个逆转过程,我用线框来帮助自己思考和启发。有面对面分享餐巾纸,一些画,和其他一些草图通过网络共享。
线框图可以带来意想不到的收获:它有助于你写的内容。公文写作是你想象的一切困难。在联机框图中粘贴内容可以使人们清楚地看到页面的跳转过程,以及每个内容与其他内容的关系。
使用Shopify加逆转高保真线框
灵感的画板
我的灵感画板显示了新品牌可能出现。他们帮助我在项目初期的团队得到反馈。
我用Pinterest创造局部分解一些sketchboards,如导航,动画,字体,不要失去了在一个单一的绘图板的想法。
在研究过程中,我从插画中获得灵感,将文字、图片和彩色板组合成类似的广告。同样的设计元素出现在各种设计中,但位置和性能都发生了变化。
Shopify加励志画板
从灵感的画板探讨品牌形象Shopify加
效果图与交互原型
当线框和网页设计是印在纸上的,大多数人不在乎,在屏幕上显示的设计是好的,但。
我开始在流程图进程早期创建一个交互效果图,在代码完成之前,他们继续与客户和团队共享。
我让他们说出他们的浏览才能知道他们想在界面上操作。这些反馈都突出了当地的问题和验证来促进项目的最终定型的设计方案。
Shopify加的愿景项目页面
收集反馈的Shopify加
虽然有些组织会在重写过程中坚持特殊的命令,但这7个步骤对我们来说是非常有效的,选择适合你工作过程的策略是修订成功的一个重要因素。
作者信息:
Filippo Di Trapani,设计师在Shopify
菲利普是一个设计师的工作在shopifyrsquo;在渥太华的总部。