作为攻城狮,我们经常从线框,内容管理系统和代码的角度来考虑往网页。但是精明的设计师知道,网站建设的成功与否取决于代码,社交媒体集成或炫酷的视觉效果。设计一个成功的网站需要一个经过深思熟虑的在线策略,该策略应着重于实现组织目标-从吸引访客购买产品到使公众了解问题到向访客介绍新品牌等任何事情。
1、项目定义
组织需要与利益相关者沟通他们在问题上的立场,并使听众了解他们的产品和服务。很多时候,诸如网站之类的通信需求是由战略方向的变化或新产品的触发而引发的。确定网站存在的原因以及应该实现的目标是此过程的第一步。
从项目开始时确立的目标就可以指导未来的所有决策,从导航中使用的站点结构和命名约定到站点的视觉设计。定义过程的第一步是采访组织的利益相关者,以识别网站的战略目标,了解主要受众的需求并确定主要竞争对手。
定义步骤的目标是确定与组织的战略目标直接相关的三个可衡量的关键成果。此步骤中的挑战是限制目标数量。大多数组织的目标比他们知道的要做什么要多,每个部门都认为各自部门的目标是最重要的。能够将重点放在组织目标上将使站点开发更加容易,并使最终产品更有效。
从利益相关者访谈中收集到的所有信息和评估一旦完成,就应该以格式合理的项目摘要进行收集。)摘要包含以下元素。
a. 项目摘要:概述了项目的总体概述,组织背景,组织所处的环境,组织所服务的人员以及它为受众提供的独特价值。
b. 目标:网站应实现的两个或三个具体的可衡量目标是什么?明确的目标使Web团队能够集中精力提供最大的影响并推动组织向前发展。
c. 目标受众:谁将帮助组织实现既定目标?大多数组织会与多个组织(例如客户,利益相关者,内部受众,供应商,合作伙伴,股东和/或政府机构)进行对话。受众特征包括人口统计,心理特征,品牌认知度,受众需求,在线目标和日常执行的任务。
d. 信息:吸引和激励主要受众与组织互动的主要信息是什么?哪些关键品牌信息可帮助区分组织与同行?
e. 竞争:谁是为您的受众群体提供类似产品的竞争对手?包括竞争性组织网站的概述,其中包括视觉品牌,消息传递,导航,号召性用语和关键区别因素。
2、项目范围
定义项目范围是至关重要的一步。Web项目最常见的挫败之一就是范围爬行。通过创建定义明确的项目范围计划,概述特定的活动和可交付成果以及特定的时间表,您将能够为客户明确设定期望。跟踪Web项目的最常见方法之一是使用甘特图。
甘特图不仅概述了主要活动,而且还概述了与每个活动相关的任务以及开始和结束日期。甘特图为团队提供了直观的参考,显示了每个步骤的时间表以及步骤之间的依赖性。甘特图还可以在Web团队和客户(可以是外部客户,也可以只是您的老板)之间建立责任制,让客户和团队知道交货时间表取决于每个人的成绩;如果某人错过了一天的约会,则日程安排会一天移动一次。
3、线框和站点架构
站点架构包括站点地图和页面线框。创建站点地图可确保您已经考虑了站点中的所有关键页面,显示了它们之间的关系并定义了站点总体导航的结构。线框提供了将在每个页面上显示的内容的详细视图。尽管它们未显示任何实际的设计元素,但线框提供了用于定义页面上的内容层次结构的指南。
4、视觉设计
通过创建站点地图和线框定义了站点的蓝图后,下一步就是创建视觉样式。整体视觉风格很可能由组织的视觉品牌决定;目标是将Web与组织的所有其他形式的通信连接起来。组织的品牌在该过程的这一部分中起着重要的作用,因为设计师将希望在设计中以视觉方式传达关键的品牌感知理念。
5、网站开发
批准设计后,该是充实页面设计,开发新内容和完善旧内容,创建将出现在网站上的视频,幻灯片,播客和其他媒体的时间了,以及开始构建HTML和CSS的时候了。
6、现场测试
在启动该网站之前,它将被放置在生产服务器上,只有内部观众和共享链接的任何人都可以查看它。网站的测试至关重要,因为在网站上线之前不可避免地需要解决一些问题。没有什么比品牌运作不正常或拼写错误或设计元素损坏的网站更能侵蚀品牌。
在此阶段,将需要在多个浏览器(Firefox,Safari,Internet Explorer)和多个设备(笔记本电脑,平板电脑和移动设备)上查看该站点,以查看是否中断以及在何处发生中断。
7、启动网站
重要的一天。您已经测试了该站点,是否已经项目利益相关者对其进行了审核和批准,并且可以启动了。但是,一旦启动网站,该项目就不会结束-您应该准备好应对适应新网站的用户的反馈。希望立即对该站点进行一些更改,例如修复断开的链接,编辑副本和进行调整。网络是一种流动的媒介,每天(甚至不是每小时)都会发生变化,这是不可避免的。
8、现场维护
网站是有生命力的实体,需要不断的维护和保养。更新内容,更改后端和修复断开的链接都是一天的工作。所有这些阶段对于Web设计过程至关重要。但是贯穿整个过程的线程是战略:实现目标,推动组织前进,在竞争激烈的环境中繁荣发展的愿望。让我们看一下什么是策略,如何制定策略以及如何将其转换为Web。