EC百科

网站设计


网站设计是网站创建者的下一个任务,内容包括信息架构、导航设计、色彩和图片应用,以及最大限度地提高站点性能。当客户与网站设计师合作时.用户能理解且尽可能帮助网站设计,这是本节要讨论的主要内容。详情参见Rutgers(2014)和Jenkins(2013)。

成功的网站设计将会满足客户期待,能够销售产品和服务。设计开始时要确认客户需求、期待和问题。然后设计网站以满足客户需求和期待。Jenkins(2013)和McNeil(2013)对于成功的网站提供了一些实际指导。网站设计库(webdesign.org)收集了许多设计教程、范例和文章。公司网站成功的因素包括网站内容讨论、搜索引擎优化和网站设计等(请参考businessexposure-group.wordpress,com/2012/07/25/elements-of-a-successful-business-website)。

表16.2列出了重要的网站设计标准和相关问题。若要浏览图像集锦,请点击谷歌图片搜索中的“网站设计”。

英特尔、希尔斯、惠普、美国快捷药方公司、全食公司、宝洁、强生、IBM、辉瑞、美国银行等公司都是网站设计很好的典范。

表16.2网站设计标准

网站设计(图1)

网站信息结构

网站信息结构(informationarchitecture)指的是一个网站的框架。它列出了网站的构成部分以及如何整合在一起。最常见的网站框架是按等级划分的(见图16.3)。大多数网站创建都采用“宽而浅”的结构,第二级上的版块较多,达到3〜10个,而其他级别的版块数就很少。另外,圆环形和直线形结构是不常用的。圆环形结构对提供培训材料有用。直线形结构对网站教程有用。

网站设计(图2)

图16.3 简单的多级网站结构

一般的网站都有一个“首页”版块,用以欢迎访客以及网站介绍;“帮助"页用以帮助访客使用和浏览网站;“公司”页向访客介绍电商公司的信息;“交易”页引导客户完成购买过程;“资讯”页则是发布产品、服务等相关信息。

网站导航

网站导航(sitenavigation)的目的是帮助客户快速、方便地找到网站上他们需要的信息。创建网站导航要考虑的问题有:客户如何进入网站?客户如何使用网站?客户如何找到网站上提供的内容?客户如何从一页换到另一页?如何从一个主题切换到另一个主题?客户如何找到他们要找的内容?网站导航必须帮助客户快速找到信息,因为他们不想花时间去弄明白如何访问网站。

导航栏是一个简单的导航助手。导航栏(见图16.4)给客户提供链接到常访问的网址(如首页的“关于我们”)以及网站的主要版块(如产品目录、客户服务等)的一个个机会。

网站设计(图3)

图16.4  普通的导航栏

网站地图和导航

导航栏通常出现在网页顶端,它将先加载到浏览器窗口中以及可在“网页靠上方的位置”看到。然而,如果页面包含横幅广告,那么导航栏也可放在广告下方。为什么呢?因为常上网的用户其实对横幅广告是视而不见的。导航栏也会重复出现在每个页面的底部。

网站设计(图4)

图16.5网页布局方格图

网站性能(响应速度)

响应速度是网站设计成功的一个重要因素。访客加载一个网页往往要等待几秒或十几秒,这也许会让他们离开网站。

影响网页响应速度的因素有很多,有一些因素是网站设计师不能控制的(如客户的调制解调器速度).网站设计师可控制的因素是网页内容和设计。例如.可以压缩视频和大幅图片。

色彩和图像

内容中包含色调、图像、音频或视频的富媒体可以增加网站吸引力。因此,设计师会尝试了解访客喜欢什么样的富媒体,然后提供给他们。例如,仪表盘需要用多种颜色,地图和视频也是这样的。

网站可用性

根据网站usability,gov/what-and-why/index.html的资料,所谓网站可用性(usability)指的是用户如何才能学会和使用一个产品以便达到自己的目标,同时也涉及用户在使用过程中的满意度如何。

当用户使用产品和服务时,“可用性"用来测量用户体验的质量,内容包括:

• 相关网站;

• 软件应用;

• 移动技术;

• 用户使用的设备。

可用性是多种因素的组合

可用性对于网站的访问者来说,并不是单一的特征。与“可用性”相关的因素包括:

直观设计:这是指一个很容易理解的网站结构和导航;

易学性:用户利用之前从未见过的用户界面,要多快才能完成基本任务;

使用效率:经验丰富的用户能够在多长时间里完成既定任务;

可记忆性:用户访问网站后,是否在今后访问时还能记住如何有效地使用网站;

错误的频率和严重性:用户使用系统时多久出现一次错误,错误有多严重,用户该如何应对这样的错误;

主观满意度:这是指用户是否喜欢使用该系统。

其他概念参见Nielsen(2012)。

可用性是网页成功的必备条件。若网站难用,访客会离开。登录usability,gov可进一步了解相关信息。一个好用的网站就是要满足客户的需求。

可以帮助网站设计师的软件

一些公司提供软件帮助进行网站设计。有些软件是免费的。谷歌网页设计师就可免费下载使用。如果想自己设计网站,你可以在谷歌上搜索一下,多找一些关于网站构想、范例、成功要诀和图片的信息。

会让电商访客反感的因素

一种好的网站设计途径就是避免访客心生反感。例如,网页登录太慢,有很多弹出式广告,需要安装多余的软件,强行要求进行复杂的注册,导航迷惑不清,很多过期的内容,搜索工具难用,等等。详情参见Kyrnin。一个高质量的网站的重要标准,参见Clay。


再一次了解: 网站设计