网站策划与评估网站策划与评估 从工程学角度看待从工程学角度看待Web设计设计2PlanningDesignDevelopmentPublishingMaintenance网站策划的环节网站策划的环节 生存期生存期3网站策划与制作流程网站策划与制作流程策划须知网页构架图形制作程序编制建立文字內容建立多媒体资料网站管理网站行销4策划须知策划须知网站的构架等同于行销活动、人力、经费、消费群市场与商品消费：网站分析推动策划5网页架构网页架构网站构架图符合策划面的事务考虑程序网页的操作过程考虑使用者操作习惯与美编、程序讨论可行性修正策划案并订出时程表6图形制作图形制作参考相似网站收集必要素材统一网页风格配合程序调整7程序制作程序制作可依据策划独立制作与美编部分同时进行配合美编修正网页随时协调更改网页8其他其他建立文字资料建立多媒体资料网站管理网站行销9网站策划环节网站策划环节2执行（ implementation ）设计（design ）建构（architecture ）定义（definition ）10网站策划与制作流程网站策划与制作流程2烩办猂定义建构设计执行格式化的评估格式化的评估Formative Evaluation界面设计界面设计Interface Design转换协议转换协议Conversion Protocol原型产品原型产品Prototyping故事板故事板Storyboard运行行为运行行为Runtime Behavior表示设计表示设计Presentation Design关联性设计关联性设计Interactivity Design身份（特性）与信息设计身份（特性）与信息设计Identity & Information Design主题分析主题分析Subject Analysis硬件选择硬件选择Hardware领域分析领域分析Domain Analysis软件选择软件选择Software11主主题题分析分析使用者分析策略內容开发工具与科技日程安排12使用者分析使用者分析确立目标确定受众13策略策略定义要在网站中传达的信息;策划如何让网站的使用者接受所要传达的信息基调的选择;选择一种能够有效地表达目的的视觉或者语言方式 .14内内 容容确定信息内容利用独特的方式、恰当的Web技术规划信息网站的设计一定要适合多数用户的欣赏能力15开发工具与技术开发工具与技术审视下列工具技术的优缺点HTMLCSSFramesScripting Languages Java AppletsPHP/ASP16日程日程安排安排进度时间轴17领域分析领域分析根据不同的网站要求,搜集信息.对不同素材与信息加以分类整理.针对各细项,拟定呈现内容与策略.详列制作上所需的技巧.18选择硬件与软件选择硬件与软件以下提供一软硬件环境的范例,策划目标为开发影像数据库系统.系统开发工具操作系统 - Windows 2003 ServerWeb Server IIS6.0Java Servlet & JSP - Resin-2.0.1 & JDK1.3.1数据库Microsoft Access 2000SQL Server 200019选择硬件与软件选择硬件与软件影音处理Premiere 6.0Real Producer 8.0系统使用环境Web Browser - IE, FirefoxCPU 2.0GHz或以上RAM 1GMB或以上20设计流程设计流程21故故事事底底板板稿稿范范例例设设计计大概描述页面的长相22原型原型原型是正式产品推出前,大致完成的作品,很多应用程序有所谓的Beta版,意义和原型很像.就网站而言,如果你帮某系设计网站,当初步设计完成后,就要进入一连串的测试与评估,此时便是原型,在确认所有问题都修正后才正式上线.23评估评估发展中评估格式化评估通常是专家评估或是小范围调查测试推出后评估综合评价线上回馈或大规模调查等24网站设计的宗派网站设计的宗派Andrew Chak整体哲学观点驱使设计者寻找超出Web之外的解决方案并根据顾客的需求进行设计.Alan Cooper倡导人性化和个性化的设计.Davis和Laroche提倡包容性,鼓励将艺术、结构和内容融合进Web的设计中.Jakob Nielsen这位Web设计传教士藉以参加神圣的设计巡回布道大会分享他的设计理念. Jared Spool与一直在寻找但始终未找到诚实人的希腊哲人Diogenes类似,Jared Spool从来没有发现面面俱到的好网站.25Andrew Chak一个设计者需要看到一个网站的所有竞争对手.竞争不只是来自另一个网站,也来自现实生活.因此,如果网站不优于现实生活的话,人们就不会使用它.Chak的三大设计原则是：快速的页面下载直觉的导览精致简约的设计.26Alan Cooper 一个所谓优良的设计是建立在对广泛的人类共一个所谓优良的设计是建立在对广泛的人类共通性和特殊群体的个别意向的深刻理解之上通性和特殊群体的个别意向的深刻理解之上, ,因因此它可以对适当的信息、过程和技术进行排序此它可以对适当的信息、过程和技术进行排序, ,从而可以使那些特殊群体达到他们的专业和个从而可以使那些特殊群体达到他们的专业和个人的目的人的目的. . CooperCooper的三大设计原则是：的三大设计原则是： 精简的设计精简的设计 健全、快速的页面下载健全、快速的页面下载 无误的除错管理无误的除错管理27Robert Davis & Paul Laroche真正成功的使用者接口设计是经过深思熟虑并以使用者为中心的系统或经验设计的自然扩展.Davis、Laroche设计原则是：有效effective和迷人sexy并不互相排斥.要有勇气去重新定义所谓 酷 的含义,将成功successful和直觉intuitive这两大因素包含进来.28Jakob Nielsen它在您需要考虑的几乎所有因素方面一直都表现得很好.当您在不同的页面上时,您知道您要做什么.一直在改进设计,但是却一直以使用者经验为出发点.Jakob的三大设计原则是：精致简约,越少越好 支持使用者任务 不要阻碍使用者29Jared Spool在设计得最好的网站上浏览时,网友究竟有多少时间能够成功达到他们的目标呢？根据 Spool 的观察,答案是42.根据Spool简单而保守的推算,所有的网站都是失败的.Spool的四项设计原则是：了解网站的目的 了解使用者的目的 确保所刊登的内容能达到目的确保所刊登的内容能达到目的30经验设计经验设计先躯为Nathan Shedroof.经验设计涵盖从美学、互动、价值与意义、品牌、时间、动机、架构、控制、语言、回馈、资料、个人化、商务等不下数十种元素,这些元素都可能影响到设计的结果,是否能真正符合使用者的需求.因此,我们谈网站或网页的设计,从表象上看来似乎是一种艺术、视觉的设计,但如果只着眼艺术与视觉设计的表现,绝对不会是评估一个专业网站规划及设计公司最好的角度.虽然好的网站设计需要经验丰富的设计者,然而经验设计中所谓的经验,是指使用者的经验,而非网站设计者、拥有者的经验.也就是说,经验设计的精神就是,站在使用者的角度、观点、心态来设计网站或网页.31设计前的研究课题设计前的研究课题使用者是谁？他们在网站上可能发生的经验是什么？这些经验会在何处发生？在何时发生？为什么会发生这些经验？当这些经验发生时,他们会有哪些问题或想法？32经验设计的特色经验设计的特色 网站或网页的经验设计有一项特色网站或网页的经验设计有一项特色网站或网页的经验设计有一项特色网站或网页的经验设计有一项特色, ,就是使用者就是使用者就是使用者就是使用者的一切活动的一切活动的一切活动的一切活动, ,包含感观、动作、心灵都发生在虚包含感观、动作、心灵都发生在虚包含感观、动作、心灵都发生在虚包含感观、动作、心灵都发生在虚拟的空间中拟的空间中拟的空间中拟的空间中. . 在虚拟的空间中在虚拟的空间中在虚拟的空间中在虚拟的空间中, ,建立经验最快的方法就是仿真建立经验最快的方法就是仿真建立经验最快的方法就是仿真建立经验最快的方法就是仿真实体的世界实体的世界实体的世界实体的世界, ,因此如何整合实体与虚拟世界中的因此如何整合实体与虚拟世界中的因此如何整合实体与虚拟世界中的因此如何整合实体与虚拟世界中的空间与活动空间与活动空间与活动空间与活动, ,弥补虚拟世界相较实体世界的不足弥补虚拟世界相较实体世界的不足弥补虚拟世界相较实体世界的不足弥补虚拟世界相较实体世界的不足之处之处之处之处, ,并利用虚拟世界优于实体世界之处并利用虚拟世界优于实体世界之处并利用虚拟世界优于实体世界之处并利用虚拟世界优于实体世界之处, ,则是则是则是则是经验设计时的最大挑战经验设计时的最大挑战经验设计时的最大挑战经验设计时的最大挑战. .33经验设计七大元素经验设计七大元素品牌资产brand asset信息架构information architecture视觉影像visual文字风格editorial听觉声音sound动线规划structural网页技术technology34品牌资产品牌资产企业识别、企业文化、企业精神、广告行销等资产,是决定网页设计的基础,例如网页所采用的颜色、基调、技术、图片、图标、文字风格、信息内容等等,都应视企业的品牌为设计的依归.尤其拥有丰富品牌资产的企业,在塑造数字世界的品牌形象时,往往比实体世界更需要斟酌考虑.35信息架构信息架构内容架构是最接近网站源头的元素,所谓源头是指网站规划阶段包含网站设立的目的与必须达成目标,网站的内容其实是根据这些条件而产生的,产生之后如何以最适合的方式分类、群组,深深地影响后来的浏览接口设计与视觉的呈现.因此每家公司都会有一套Approach,运用有系统性思考与检验方式来建立网站的骨架,之后的文字影像内容就像网站的皮肉一样,能以最美观的姿态出现在它们应该出现的地方,并且被使用者以最快速度找到.36视觉影象视觉影象图片、影像、图标、动画、底图背景、版面规划等是网页设计的灵魂,尤其在强调眼球数 的网络媒体上,视觉的展现一直是企业、网络使用者与媒体评断网页设计优劣与否的第一道关卡.然而受到网络传输速度的限制,设计网页不像平面那样拥有要求超高解析品质的权利,但也能看出一个设计者的功力.视觉影像的元素通常被主观影响,在经验设计的精神里,一切都应该回归到使用者的立场,最大的判断依据是他们联机的速度与上网的目的.37文字风格文字风格 设计一篇网页或构思一则网络广告时设计一篇网页或构思一则网络广告时设计一篇网页或构思一则网络广告时设计一篇网页或构思一则网络广告时, , , ,小从一个按钮的命小从一个按钮的命小从一个按钮的命小从一个按钮的命名名名名, , , ,大到一整篇公司简介大到一整篇公司简介大到一整篇公司简介大到一整篇公司简介, , , ,都必须靠专业的文案人员来处都必须靠专业的文案人员来处都必须靠专业的文案人员来处都必须靠专业的文案人员来处理理理理, , , ,我们称之为我们称之为我们称之为我们称之为Web Writer.Web Writer.Web Writer.Web Writer.虽然图片可以抓住网友的眼虽然图片可以抓住网友的眼虽然图片可以抓住网友的眼虽然图片可以抓住网友的眼, , , ,文字却能抓住他们的心文字却能抓住他们的心文字却能抓住他们的心文字却能抓住他们的心. . . .最基本的要求最基本的要求最基本的要求最基本的要求,Web Writer,Web Writer,Web Writer,Web Writer应该应该应该应该懂得善于命名网页的懂得善于命名网页的懂得善于命名网页的懂得善于命名网页的Title,Title,Title,Title,懂得善于命名图形名称懂得善于命名图形名称懂得善于命名图形名称懂得善于命名图形名称, , , ,懂得懂得懂得懂得利用动画在利用动画在利用动画在利用动画在LoadingLoadingLoadingLoading时的空隙传达一时的空隙传达一时的空隙传达一时的空隙传达一