写给大家看的Web设计(二)——从概念到执行

摘要:开发一个专业级网站是一项伟大的事业,其复杂性不是用一句话就能够简单概括的。在建设这个网站的过程中,会出现非常多不确定的部分,人们会为各种问题产生争执,会有各种不同的方法参与到开发过程中。

理解网站目标

在设计一个网站之前,首先需要了解将要使用这个网站的目标群体。举个例子,如果你在设计一个关于个性旅游线路的网站,但你其实并不了解个性旅游这个行业,你可能会错误地假设这个网站的主要用户群是家庭。

获取答案的唯一办法就是和你的客户一起坐下来讨论,问他大量的问题,否则你永远都不会知道客户这门独特的生意真正的用户群(在这个例子中)是寻求不平常旅游体验的空巢夫妇,以及寻找新的派对度假方式和社交机会的单身青年。这一点将会完全改变你对这个网站的概念——从图形样式到照片选择,从内容特性到站点结构。和客户展开的会谈需要有组织性,你要问的问题包括行业和竞争,以及潜在顾客,这是设计的重要步骤。网站的设计目标直接影响了网站的理念、网站的结构、网站的视觉设计、网站的布局乃至为每个页面选取的内容。

收集业务需求

第二个很有用的办法是和客户(或内部参与者)一起坐下来制作一份清单,其中列出制作网站整个过程中所有需要做的事情。

以下是一些基本准则:

(1) 保持高标准。在开始这一活动之前,先与客户制定好大致的基本准则。客户通常都能很快深入到事情应该做成“什么样子”,而不能保持聚焦于“什么事情”是需要完成的。但实际上,“什么样子”是你的工作,“什么事情”才是他们的工作。

(2) 列出清单。捕捉一系列重点落在实际目标的、类似于“需要能够XXX”式的句子。

  • 需要能够将用户注册进数据库中;
  • 需要能够允许用户登录、注销账户,以及管理用户自己的个人账户;
  • 需要能够展示出每天的特推产品;
  • 需要能够分享每件产品的优质客户评价;
  • … …

(3) 按优先级排序。将所有这些“需要能够XXX”的句子按优先级归类,例如a)是必须要有,b)是最好能有,c)是以后可以有。

为你的网站构建框架

现在 我们需要将所有了解到的关于目标用户的信息和客户提出的业务目标整合起来,开始勾勒这个网站的框架,从这个框架中,你可以进一步绘制出一幅站点地图(一个流程式图表),其中指示了你讲以怎样的方式组织网站中的全部内容。

平衡业务需求和用户需求

收集业务需求的过程本质上就是客户在构建一张针对新网站的愿望清单。你创建了一张包含有许多“需要能够XXX”的语句列表,从这张列表中提炼除了业务需求。客户可以为这张“需要能够XXX”的列表打分,星级越高的语句在网站制作过程中的优先级也越高。/p>

分类和优化信息

现在你已经拥有了按优先级排序后的功能列表了,下一步是将其转换成传统的框架。这个框架,如下图所示,最终将帮助你构建一张站点地图。

制作一个成功框架的秘诀是将相似的功能项分类或聚合到一起。随着你越来越熟悉列表中的内容和功能,一定会有些模式逐渐浮出水面。某些功能项会很容地融合在一起,而某些功能则无法生硬地套在同一个区块中。

一下是将优化过程中的需求转换为可用框架的几个步骤

(1) 将功能项分组。找到那些看起来比较类似的内容和功能并排列在一起。将每个分组中的一个入口想象成一个有内容的页面

(2) 控制分组的数量。出于可用性考虑,不宜定义过多的主分类,如果网站本身规模较大,可以将主分类按优先级分为几个级别,最高级、第二级和第三级等。

(3) 将分组的级别控制在不超过两级。每一组目录中都会有若干个选项。在某些情况下,针对一个特定选项可能会有子目录。出于可用性考虑,尽量控制网站中只有一层附加子目录层级。

(4) 将全局功能单独分组。如果列表需求中包含诸如登陆或是搜索这类功能,或全局性的页面如使用须知等,将他们归类到“全局”分组中。“全局”分组不计入主目录分类中。链接到这些页面的功能最终可能被放置到页面顶部或者地步不那么显眼的位置。

以上这些分组和分类工作的最终目的是形成整个网站的导航系统。这些分组和分类将会成为出现在每个页面的主菜单选项。由于网站想用户提供了如此之多的选择,设置导航集的关键在于想用户体提供高级、中级和低级视觉暗示,以帮助用户判断页面功能并在你的网站中形成偏向性。

创建站点地图

最后你为网站设计的框架能够直接转换成站点地图(Sitemap)。站点地图能够帮助你在创建网站之前将网站的结构——也就是“信息架构”——可视化。要创建一份站点地图,需要将所有主类别及其子目录从网站框架文件中提取出来,转化为用直线和箭头相连的图表框,用以表示页面之前的联系。站点地图为网站的结构而言意义重大,在开发过程中需要反复参考这份文件。

下一章我们将探讨如何将需求及信息框架转换成可视化的页面。

作者:麦秆创智  |  2015-06-08