【精品】浅谈网站改版规划

1、浅谈企业网站改版设计的方法january 6th, 2008 at 2:53pm关键词企业用户测试网站改版方法摘要网络己随着时代的发展成为人们牛活必不可少的一部分。由于传播迅速及覆盖面 广等特性，它已变成企业宣传和盈利的重要手段之一。目前国内网站虽多，却存 在大量问题。特别是电子商务型网站，由于该类网站对界面和交互要求较高，但 是网站设计者的水平有限，致使该类网站不仅不能为企业起到作用，还破坏了企 业形象、影响企业利益。因此，本文根据理论参考和实践经验，浅谈企业网站改 版设计的方法。引言随着互联网的迅速普及，网站已经成为企业形象的重要组成部分。国内企业也认 识到互联网对于自身的重要作用，纷纷顺

2、应潮流建立网站。但是鉴于目前设计方 法和流程上的不成熟，网站或多或少存在问题。特别是商务服务型网站u1，由 于该类网站对企业有至关重要的作用，所以设计好坏与否直接关系到企业是否盈 利。因此，设计优良的商务网站是企业成功与否的重要因素，甚至是决定性因素 之一。问题随着网络的不断发展和它传播快、覆盖面广、价格低廉等优势的日益显著，企业 对网络的依赖性也口渐增强，但是冃前国内网站设计行业仍不成熟，缺乏为用户 设计的思想。在调研过程中，笔者发现国内企业网站有如下缺点：1、套路化严重。设计缺乏特色是企业网站的一大弊病，究其原因是设计者责任 心不强或水平有限，直接挪用其它企业网站的套路。这种借鉴从外观角度

3、出发， 对用户体验没有非常严重的损害，但是在操作流程和交互方式上，企业各自的差 异势必会在网站设计上有所体现。用户不好对“美”与“不美”提出异议，但是 对“易用”和“难用”会有直接反应。2、网站不标准。正如jeffrey zeldman在其著作网站重构中所说：“99.9% 的网站是过时的”。重复的无用代码、层层嵌套的表格，致使维护费用上升，而 其可用性下降。设计符合web标准的网站是网站制作者的责任和基本要求。3、缺乏系统性。部分企业网站设计在技术上过硬，但是对于网站整体组织却缺 乏系统性。而网站的目的就是要让浏览者在短时间内获取相应信息。但是很多企 业网站设计者舍本逐末，过分追逐技术效果并使

4、用大量图片，结果导致下载缓慢、 信息冗杂。让人不耐烦的同时，还对网站内容产生疑问。存在如上问题的网站不仅没有给企业带来利益，还损害了企业形象，浪费了网络 资源。因此，优秀的网站设计必须有针对性、规范性、系统性。鉴于目前多数企 业已经建成白己的网站，网站改版对多数企业更为重要，所以笔者对网站改版方 法做以下探讨。方法网站改版与网站设计不同之处在于改版是在已有网站基础上进行的改动。因此在 方法上与设计有所不同，改版设计流程关系见图一。图一总体改版流程关系图改版可分为如下六个步骤：调研测试、网站调研分析、用户原型创建、网站改版、 可用性评估、网站规范建立。1、用户调研测试作为网站改版，用户调硏测试应

5、当是第一步。该步骤优点在于能够真实客观地反 映用户对网站的意见，同时为改版找到最明显的错误。调研可依据企业和用户的 实际情况采用不同方式。比如问卷形式的实地调研、网上调研等。在选择被测人 员的时候需注意选择同网站使用人群相同或近似的用户，这样才能保证测试结果 的准确性和高效性。招募人数每次不少于3人。同时，调研测试之前的问卷文档 应当准备齐全，测试时工作人员需要以客观的方式引导被测者回答问题和使用网 站。注意以笔记、照片、dv等方式记录整个测试过程、用户的操作方式和冋答 的问题。测试后进行整理资料，并将文件和数据分类保存。用户测试工作流程见 图二。调研分析iiif期准备结果分析确定招界人故确定

6、测试流程发布招参通知的定甜试人m -h t 安搏ai研内客、it式i«研x.丿雌砒内特一确定般蛇资料於理分析图二用户测试工作流程图2、网站分析网站改版是在现有网站的基础上进行的，对它们从布局、色彩、层级、用语上的 “挑错”是网站分析的主要内容。在对已有网站分析的过程中，注重对企业原先 网站分析的同时，还应调研其它相关企业的网站，分析类似企业网站的优缺点， 能从中得到改版所需的部分资料和经验。如在笔者参与的lbib二手车网改版项 目中，团队成员就从其它网站的分析中借鉴经验，获得精确搜索栏应放的位置， 见图三至图六。记邮丈2 値心 竇收曰 工为 m分q 址 7 o p qv*二 q 0.

7、 o 钊 3 童寻wwr<f wp9t匪叫 iagg"月j貯 0u：mlsa nr tuji wife«t»«a倔®“技#. rwwfiut丁. j7am£vf«*«k5<ie北phit瞬打圧辑了29天 wmtt hanswfizst 實比三jfzhi - i"尊三世4 绘劇斧科kjqth4<baxrjhki科ifs*為&«r换佃»图三 目前多数邮箱输入框放在页面右上，因为操作者鼠标停留点在该位置,利于在短吋间内点击操作|亠 fwflktiutbkrjyaho

8、mf 迸总艺如dm 匸“owtt mrmh txptwv=y ir.(iir q o & d q t* p -ar* 匕q. q .0 41 独y , http-|v 叫！"0 丁 tx i «amms(1的ktcr/金証n 户(esw)sz i r»r» i wp««t 匹冬g阖弔floochtbmniomhjr野用，功mff*柠 rttmi ?oohfi发行行abil a止“na泊知nr«s *1 4 £1a21 ±itimafs，论0 - omw细;嘶却mm十_上.出3九肿注呎【山讽料 内賈

9、呼沟”金"藝g“tgn ：&必叙him h 刊ib r&.m s rw issi n*n a*心"熬黑w需翳2阳翳勰1150 ou it凹20 g ft公吿wwtkxfib.txatw»«e?:n仔段分責叭图四 由于查询功能的重要性，艺龙旅行网将搜索框放在页血右上位置比二* mkkxdh mnnrt txpkmrt加心uub mlhtl mlp awa k«bc0m一axa応s灿ij75.hui huu£?r| stjti3m*b8sr130(mi4 -o5x-atii4 3m广掠*虫“匸10j7jlqmt-kmr洌&

10、#187;»!ms&m壬 <f-a0切2«s；flwir4二 "方r*甞-r“ ”x誥【 eufimizz占行 rwfflwztrm*"却whfu宙j rwffirwmiii drhffirwssatg厂hgwat二乎币佛 imah 二”& 口丘停五方芦皈& 汨二事忘& 丘汽。二于丈希环 密<1血1旳3丘乂 h砒第-axa itik»iar b rubicmiw iaxa mwianwirolo：««：<!«<abrsvfm ：»cw<,i褊：

11、曲jt«« :1 8m<一心攻上41豐五五" )0兀.2'w*9壬44 pf v :» £ >999fl |w» :卜irv套:一 a it*w丄.ll«|4tisi5v filj w b,twamx*: litt*11图五 原版ibib网站精确搜索位于第二屏左侧，减弱了其作为首要用户必用功能之一的重要性图六由于页面链接较多，为防止发生误操作，ibib改版后精确搜索列于第一屏左侧3、创建用户原型2 创建用户原型是网站改版重要步骤z。其方法最早由alan cooper在the inmates arc run

12、ning the asylum一书中提岀。该方法主要内容是建构少数几 个典型人物，用以代表广大多样的用户群。获得用户原型的方法有多种，目前比 较科学的是使用基于因子3!一endif调查的统计聚类方法。用此方法对 用户人群分类可做到客观、准确。根据统计聚类方法至少能得到三个用户原型：首要用户原型、次要用户原型和补 充用户原型，见图七至图九。首耍用户原型的耍求在设计中应该被优先满足，因 为它代表界面设计的首要目标；次要用户原型和补充用户原型的需求较为次要， 在设计中兼顾即可。设计时主要满足首要用户的需求，而不是试图满足全部用户 的需求。用户原型的描述格式可见下图。内容包括用户的基本信息，如姓名、性

13、 别、年龄、职业、喜好，用户使用网站的原因和冃标等。用户原型不是客观世界 当中的真实用户，而是虚拟出来的用户典型代表。vat“« bbmsrsemtmrmm厂bsbi'* wiet丫冷- «4>rsaaan.(mju mmji4mb. aa.><<> bowr«”xmrwvmu 僱 -tflitromwh(it,鑫< <a一<< am b-wwwot-hrw mm« mr鼻了耳 <mt”«食 # “ 令" xewaratmim rwt1“m«a pf>

14、otm* watxswve0r r*«mv nvmanffvwjaww erm.aji曾貝wm>>图七首要用户原型aa«ml. h- " k員，mmmvmrrwaaithmiexim 2“mwih 會x * bmk«m< “/ikmtni -w«r mvbm*kb. u n ¥m二 " *a*jm上-金< t<«rn mll tm二rara<nrat<葛" <>* " ， x r £mnfl» i鼻 ”ew4 aamw f

15、 «miau.f. wsef图八次要用户原型炖万次k!jin h1 11*刎. flk fear«a. ma««me. qmhb" 一utlmvi4rf图九补充用户原型4、网站改版设计准备工作停当后，方可开始网站重新设计。在网站改版设计过程中，尊重团队多 数人的意见非常重要。多次讨论并修改设计稿件，育到大家都认可才可以最终确 认。该步骤操作方法与网站设计人致相同，但会较之更注重已有网站数据的因素 和调研测试的结果。设计方法为：首先设计纸上原型111。它适合在设计前期头 脑风暴、团队讨论时使用。纸上原型的优点是在短时间内有多个创意的同时，还 会少

16、为细节上的错误担心，其次在大家多次讨论修改纸上原型后，将设计稿转换 为电子版；最后经过大家对各个部分细节详细推敲后，即可制成网页，等待专家 测试。图十为lbib二手车网站改版设计前后首页对比：改版前，首页页面长且 栏目冗多，改版后，首页页面短且栏目精少。bibx图十 lbib网站首页改版设计前后对比5、可用性评估固网站改版在设计结束后，为确保没有遗漏的问题，还需要通过可用性评估进行检 查。反馈意见用于指导修正设计中忽略或未解的问题。在可用性评估中，启发式 评估相对其它方法快速、便宜且有效，能够利用项目有限的资源发现人部分问题。 因此笔者推荐它作为可用性评估阶段的基本方法。启发式评估工作流程见图

17、十期准备确定网站】虔评估方向确定评估用可用刑觇则设氏场民准备说明材料确定f象的评估时间和地点正式评估/在网站设计上呈现&家意见 统计分析图十一启发式评估的工作及流程6、建立网站规范相对网站的维护和更新，改版设计的过程毕竞短暂。在改版设计结束后，鉴于时 间限制、人员更替和网站的长久维护，网站上线的同吋设计人员应当建立书面规 范，保证网站在以后的更新过程中按照标准修改和维护。网站规范包括网站布局 规范、界面设计规范、网站广告规范、设计元素的注意事项等。结语网站改版设计是一个复杂的过程，规范的流程和得当的方法是保证网站改版设计 成功最重要的因素z-o在此过程中，设计人员应注重设计前的调研测试

18、、设计 时的沟通交流、设计后的检验和归纳总结。在此笔者强调用户调研测试的作用。 用户在使用网站时的思维方式与网站设计人员设计时的思维方式有所不同，这止 是很多网站不容易被用的原因所在。因此从用户的角度思考网站设计是用户测试 的意义所在。网站设计规范的建立在也是保证设计持久有效的必要条件。即使在 网站上线之后也应当设立在线的问卷调研，保证网站的不断完善。参考文献1、银玄羽网络2005年分类标准http:/www. wingni. com/class. htm 银玄羽网络研究院2、网站重构jeffrey zeldman 2004年3、paperprototyping http:/wvv. alistapart. com/articles/paperprototyping shawn medero 2007 年 1 月 23ill目前企业网站按照功能分类有企业宣传型网站、商业服务型网站、商务管理 型网站三种。商业服务型网站最典型的代表是电子商务，是企业与用户最直接和 最主