用“设计思维”来设计网站

Sep. 18, 2018

意大利依玛集团,成立于1964年,历经50多年的发展,意大利依玛已成为集研发和生产为一体的全球家庭采暖设备制造商,自1998年进驻中国市场之后,以其暖心服务,高品质产品而深受广大消费者喜爱,名列国外壁挂炉十大品牌。此次项目为了配合依玛中国微信平台运营战略,创造一个以终端用户为导向的微官网,通过具象化其品牌,产品与售后服务来呈现其高品质供暖设备制造商的品牌形象,同时存储用户数据为下一阶段工作做准备。

今天,分享一下此项目从实施到上线的一些主要的设计心得

第一步:感同身受

1,了解您的用户

在用户体验学科中,用户一般被分为3类:第一类为直接接触产品的用户,比如正在浏览此网站的用户。 第二类为间接接触产品的用户,比如收到朋友或亲人转发的此网页链接的用户,第三类为为产品提供支持的用户,比如后台网站编辑人员。 除了这三种用户之外,还有与此产品利益相关的用户,他们是网站的拥有者,是市场部的人员,是与此网站有切身利益的用户。了解所有用户的需求,并且按照主次规划整理才能有一个初步的方向。

2,定义用户角色

举例说明:比如分析调研第一类用户,了解他们的具体需求是建立整个网站的基础。通过特定的数据信息收集与调研得到终端用户的真实数据,然后分析所有数据之后,得到关键的用户画像,进而定义关键用户角色。

第二步:设计想法

1,观点

当明确的了解到不同用户的需求并具象化到人物角色之后,我们才能理解用户真正的需求,进而产生设计观点。比如意大利依玛微官网的第一类用户为:A:中年已婚,受过高等教育,对生活品质有追求,正在寻找高品质,且能提供有售后服务的家庭采暖设备。 B: 购买过依玛产品的用户,希望对于后期的产品保养&维护有一个便利的线上平台便于沟通。

2,想法

有了观点的支撑才能衍生出想法,想法即是设计灵感,设计灵感的基准应该建立在网站设计标准规范之中,比如第一层:品牌视觉的建立使用户对设计产生美的感受。第二层:用户行为交互的设计,让用户在愉悦的使用体验中认同产品。第三层:基于前两层扩建的用户反思感受,超越产品本身的独一无二的使用体验。(比如:我最爱的Dior香水的一款文案 - And you, what would you do for love?) 通过这三个层面设计的产品才能使用户在使用中获得最大程度的正面感受,进而为投资者获得更多的投资回报。flow设计团队通过开展设计调研,团队头脑风暴来规划出2-3个设计备选方案,便于后续敲定实施。

第三步:原型

1, 文案撰写

通过与依玛市场部沟通明确其线上战略思路,主要竞争优势之后,着手网站布局的规划以及对应板块文案的撰写,在“为什么选择依玛”板块中,通过从认识“品牌”,“工艺”,“服务”,“故事” 到“工厂规模” 这几个不同的层面来传达品牌信息,让用户在浏览并参与到简单有趣的交互中全面了解意大利依玛的各种优势。

2, 用户流程图

网站就像一个虚拟的大厦一样,当不同的用户怀着不同的需求来访,他们每一步应该怎么走,要去到哪儿,找到什么东西,哪一条路最快速的路线,走到了其它的楼层是否还能按照指示牌回到他应该去的房间?用户流程图的设计目的,就在于解决这些问题。

有了定义的用户流程图之后,针对用户经过的每个版块我们着手进行了主要目标和内容构架的规划,进而将项目推向了下一个阶段 - 线框图。

3,线框图

在实施视觉设计之前,基于各个页面的内容目标,定义内容主次与逻辑关系,通过对主要竞争对手调研,以及现阶段最优秀的微官网实践做调研分析,最终实施对网站线框图的设计规划。

第四步:设计

1,视觉设计

通过定制的网站整体配色,字体选用以及关键的视觉元素来凸显意式生活的热情多彩、专注细节生活体验、高品质可信赖、国际环保节能企业的视觉感受。

2,交互设计

基于线框图阶段规划的目标内容与交互雏形来进一步提升网站的交互使用感受。包括对明星产品,以及用户注册流程,产品选型等主要设计内容做进一步的交互优化。

第五步: 测试

1,测试规范

在网站设计开发阶段过程中与结束之后,通过人机交互测试规范为基准,并以真实的用户角度来测试整个网站的功能与不足之处。

2,迭代调整

通过收集整理的问题加以分析归纳,按照项目任务的主次关系,来逐步解决出现的测试问题,任何设计与功能的偏离都会在这一过程中进行迭代调整

综上所述,这是我们如何帮助意大利依玛创建一个基于微信平台微官网的设计实施轮廓,金秋9月依玛微官网上线了, 与依玛市场部合作是高效且愉快的,正如意大利依玛北京市场部樊女士所说:“感谢我们的消费者,依玛产品得以50年口碑传承,当找到flow的时候,我们也是通过朋友介绍,对于flow初次设计我们这个行业领域的网站,我们初期也是担心的,但随着项目的进展,我们认为他们是非常专业可信赖的,很感谢flow为我们设计了我们的微官网,自此温暖变得更加简单,温暖离我们的消费者更进一步了”

工作范围

  • 文案撰写
  • 用户体验设计
  • 手机端网站设计
  • 基于WordPress的内容管理系统开发