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

2020-11-01 19:13 jianzhan

Shopify Plus是大家开创的电子商务服务平台的公司版。2014年2月公布,现如今依然是初版。我想是情况下改版了。

亲身经历了1年多,大家对顾客与本身都有更深层次的掌握。老旧的品牌早已不符合时须了。

大家并沒有甚么非常的步骤,便是将下列7件事儿串连起来,便达到了目地。

面谈

我对实行精英团队的组员开展了1对1面谈,确立了Shopify Plus是甚么。以便真正复原,我录下了每段面谈,供之后回放。

面谈以后便有设计灵感出现——我感觉自身针对这个商品早已了然于胸。编写愿景、每日任务叙述、品牌指南、新项目简述和网站创意文案都变得非常容易了。大家的网站必须更好传递信息内容,令人顿悟在其中含意。

新项目简述

深层次新项目以前,大家写了1份新项目简述,使大伙儿达到共鸣。大家会适度升级,让它反应出新项目确当前情况。

新项目简述中将会会提出1些难题:

  • 大家尝试进行甚么总体目标?
  • 怎样了解新项目取得成功与否?
  • 必须做甚么?
  • 为何必须这么做?
  • 有甚么必要标准?
  • 做这件事儿是以便谁?
  • 怎样让她们了解?
  • 新项目精英团队有哪些人?
  • 截止时间是何时?

竞争对手剖析

大家科学研究了也有哪些同类商品。我先从1系列竞争对手刚开始,随后转为电子商务行业以外那些与大家总体目标顾客同样的企业。

大家比照了竞争对手的长处、弱点和机遇,也有大家要想涉足的关键行业——和大家要想绕开的行业。

大家的竞争对手剖析文本文档

信息内容构架

信息内容构造是內容机构的主要表现,使內容易于了解。在网页页面设计方案中,构造图表反应了网站里各网页页面间的关联,让你从更高的角度看待网站的组成。

我给旧网站画了1张信息内容构造图,呈现出各网页页面间的关联。在升级和更改以前,我评定了內容、总体目标与工作中量。这张图表协助大家明确新项目的范围,能够做为全部网页页面编写、设计方案和编号的每日任务清单。

Shopify Plus的信息内容构造图表

线框图

在全部改版全过程中,我都应用线框图协助自身思索难题、激起艺术创意。有1些画在餐巾纸上,应对面共享,另外一些草图则根据互联网共享。

线框图能带来1项出现意外获得:它帮你编写內容。写文本文档让你无法把1切视觉效果化,线上框图中粘贴內容能令人清晰体会到网页页面的自动跳转步骤,每块內容与别的怎样维持关系。

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

设计灵感画板

我的设计灵感画板展现新品牌将会的样貌。它们有助于让我在新项目初期从精英团队获得意见反馈。

我应用Pinterest建立了诸多画板,用于部分溶解,比如导航栏、动漫和字体样式等,不容易让艺术创意迷途在单独画板中。

科学研究全过程中在我Illustrator中绘图设计灵感艺术创意,将文本、照片和色盘融合成相近广告宣传的图样。一样的设计方案元素出現在各部设计方案稿中,但是部位和主要表现有一定的转变。

Shopify Plus的设计灵感画板

从设计灵感画板中探寻Shopify Plus将会的品牌形象

实际效果图与互动原形

线框图和网页页面设计方案印在纸上时,大部分人都不容易在乎。在显示屏上呈现设计方案很好,但。

我线上框图步骤初期就刚开始制做互动式实际效果图。直至网站编号进行前,都不断将它们与顾客和精英团队共享。

我让她们在访问时胆大讲出自身的观点,才可以了解她们实际操作页面时所想。这些意见反馈都突显了部分的难题,也认证了设计方案计划方案,便于新项目的最后终稿。

Shopify Plus的InVision新项目网页页面

为Shopify Plus搜集意见反馈

虽然1些组织会在改版全过程中坚持不懈独特的次序,但这7个流程对大家很合理。采用合适你工作中步骤的对策,是改版取得成功的关键要素。

作者信息内容:

Filippo Di Trapani, Designer at Shopify

Filippo is a designer working at Shopify’s headquarters in Ottawa, Canada. He’s a loving husband, father of 2, and an avid music lover.