網(wǎng)頁(yè)策劃與評(píng)估課件

網(wǎng)站策劃與評(píng)估

—從工程學(xué)角度看待Web設(shè)計(jì)網(wǎng)站策劃與評(píng)估

—從工程學(xué)角度看待Web設(shè)2PlanningDesignDevelopmentPublishingMaintenance網(wǎng)站策劃的環(huán)節(jié)

——生存期2PlanningDesignDevelopmentPubl3網(wǎng)站策劃與制作流程策劃須知網(wǎng)頁(yè)構(gòu)架圖形制作程序編制建立文字內(nèi)容建立多媒體資料網(wǎng)站管理網(wǎng)站行銷3網(wǎng)站策劃與制作流程策劃須知4策劃須知網(wǎng)站的構(gòu)架等同于行銷活動(dòng)、人力、經(jīng)費(fèi)、消費(fèi)群市場(chǎng)與商品消費(fèi)：網(wǎng)站分析推動(dòng)策劃4策劃須知網(wǎng)站的構(gòu)架等同于行銷5網(wǎng)頁(yè)架構(gòu)?網(wǎng)站構(gòu)架圖?符合策劃面的事務(wù)?考慮程序網(wǎng)頁(yè)的操作過(guò)程?考慮使用者操作習(xí)慣?與美編、程序討論可行性?修正策劃案并訂出時(shí)程表5網(wǎng)頁(yè)架構(gòu)?網(wǎng)站構(gòu)架圖6圖形制作參考相似網(wǎng)站收集必要素材統(tǒng)一網(wǎng)頁(yè)風(fēng)格配合程序調(diào)整6圖形制作參考相似網(wǎng)站7程序制作可依據(jù)策劃獨(dú)立制作與美編部分同時(shí)進(jìn)行配合美編修正網(wǎng)頁(yè)隨時(shí)協(xié)調(diào)更改網(wǎng)頁(yè)7程序制作可依據(jù)策劃獨(dú)立制作8其他建立文字資料建立多媒體資料網(wǎng)站管理網(wǎng)站行銷8其他建立文字資料9網(wǎng)站策劃環(huán)節(jié)（2）執(zhí)行（implementation）設(shè)計(jì)（design）建構(gòu)（architecture）定義（definition）9網(wǎng)站策劃環(huán)節(jié)（2）執(zhí)行（implementation）10網(wǎng)站策劃與制作流程（2）燴辦だ猂定義建構(gòu)設(shè)計(jì)執(zhí)行格式化的評(píng)估FormativeEvaluation界面設(shè)計(jì)InterfaceDesign轉(zhuǎn)換協(xié)議ConversionProtocol原型產(chǎn)品Prototyping故事板Storyboard運(yùn)行行為RuntimeBehavior表示設(shè)計(jì)PresentationDesign關(guān)聯(lián)性設(shè)計(jì)InteractivityDesign身份（特性）與信息設(shè)計(jì)Identity&InformationDesign主題分析SubjectAnalysis硬件選擇Hardware領(lǐng)域分析DomainAnalysis軟件選擇Software10網(wǎng)站策劃與制作流程（2）燴辦だ猂定義建構(gòu)設(shè)計(jì)執(zhí)行格式化11主題分析使用者分析策略內(nèi)容開發(fā)工具與科技日程安排11主題分析使用者分析12使用者分析確立目標(biāo)確定受眾12使用者分析確立目標(biāo)13策略定義要在網(wǎng)站中傳達(dá)的信息;策劃如何讓網(wǎng)站的使用者接受所要傳達(dá)的信息基調(diào)的選擇;選擇一種能夠有效地表達(dá)目的的視覺(jué)或者語(yǔ)言方式.13策略定義要在網(wǎng)站中傳達(dá)的信息;14內(nèi)容確定信息內(nèi)容利用獨(dú)特的方式、恰當(dāng)?shù)腤eb技術(shù)規(guī)劃信息網(wǎng)站的設(shè)計(jì)一定要適合多數(shù)用戶的欣賞能力14內(nèi)容確定信息內(nèi)容15開發(fā)工具與技術(shù)審視下列工具（技術(shù)）的優(yōu)缺點(diǎn)(舉例)HTMLCSSFramesScriptingLanguages(CGI,VB,etc.)JavaAppletsPHP/ASP．．．15開發(fā)工具與技術(shù)審視下列工具（技術(shù)）的優(yōu)缺點(diǎn)(舉例)16日程安排進(jìn)度時(shí)間軸16日程安排進(jìn)度時(shí)間軸17領(lǐng)域分析根據(jù)不同的網(wǎng)站要求，搜集信息。對(duì)不同素材與信息加以分類整理。針對(duì)各細(xì)項(xiàng)，擬定呈現(xiàn)內(nèi)容與策略。詳列制作上所需的技巧。17領(lǐng)域分析根據(jù)不同的網(wǎng)站要求，搜集信息。18選擇硬件與軟件以下提供一軟硬件環(huán)境的范例，策劃目標(biāo)為開發(fā)影像數(shù)據(jù)庫(kù)系統(tǒng)。系統(tǒng)開發(fā)工具操作系統(tǒng)--Windows2003ServerWebServer–IIS6.0JavaServlet&JSP--Resin-2.0.1&JDK1.3.1數(shù)據(jù)庫(kù)MicrosoftAccess2000SQLServer200018選擇硬件與軟件以下提供一軟硬件環(huán)境的范例，策劃目標(biāo)為開發(fā)19選擇硬件與軟件影音處理Premiere6.0RealProducer8.0系統(tǒng)使用環(huán)境WebBrowser--IE,FirefoxCPU–2.0GHz或以上RAM–1GMB或以上19選擇硬件與軟件影音處理20設(shè)計(jì)流程20設(shè)計(jì)流程21故事底板稿范例

（設(shè)計(jì)）大概描述頁(yè)面的長(zhǎng)相21故事底板稿范例

（設(shè)計(jì)）大概描述頁(yè)面的長(zhǎng)相22原型原型是正式產(chǎn)品推出前，大致完成的作品，很多應(yīng)用程序有所謂的Beta版，意義和原型很像。就網(wǎng)站而言，如果你幫某系設(shè)計(jì)網(wǎng)站，當(dāng)初步設(shè)計(jì)完成后，就要進(jìn)入一連串的測(cè)試與評(píng)估，此時(shí)便是原型，在確認(rèn)所有問(wèn)題都修正后才正式上線。22原型原型是正式產(chǎn)品推出前，大致完成的作品，很多應(yīng)用程序有23評(píng)估發(fā)展中評(píng)估格式化評(píng)估通常是專家評(píng)估或是小范圍調(diào)查測(cè)試推出后評(píng)估綜合評(píng)價(jià)線上回饋或大規(guī)模調(diào)查等23評(píng)估發(fā)展中評(píng)估24網(wǎng)站設(shè)計(jì)的宗派AndrewChak–整體哲學(xué)觀點(diǎn)驅(qū)使設(shè)計(jì)者尋找超出Web之外的解決方案并根據(jù)顧客的需求進(jìn)行設(shè)計(jì)。?AlanCooper–倡導(dǎo)人性化和個(gè)性化的設(shè)計(jì)。?Davis和Laroche–提倡包容性，鼓勵(lì)將藝術(shù)、結(jié)構(gòu)和內(nèi)容融合進(jìn)Web的設(shè)計(jì)中。?JakobNielsen–這位Web設(shè)計(jì)傳教士藉以參加神圣的設(shè)計(jì)巡回布道大會(huì)分享他的設(shè)計(jì)理念。?JaredSpool–與一直在尋找但始終未找到誠(chéng)實(shí)人的希臘哲人Diogenes類似，JaredSpool從來(lái)沒(méi)有發(fā)現(xiàn)面面俱到的好網(wǎng)站。24網(wǎng)站設(shè)計(jì)的宗派AndrewChak25AndrewChak一個(gè)設(shè)計(jì)者需要看到一個(gè)網(wǎng)站的所有競(jìng)爭(zhēng)對(duì)手。競(jìng)爭(zhēng)不只是來(lái)自另一個(gè)網(wǎng)站，也來(lái)自現(xiàn)實(shí)生活。因此，如果網(wǎng)站不優(yōu)于現(xiàn)實(shí)生活的話，人們就不會(huì)使用它。Chak的三大設(shè)計(jì)原則是：快速的頁(yè)面下載直覺(jué)的導(dǎo)覽精致簡(jiǎn)約的設(shè)計(jì)。25AndrewChak一個(gè)設(shè)計(jì)者需要看到一個(gè)網(wǎng)站的所有競(jìng)26AlanCooper一個(gè)所謂優(yōu)良的設(shè)計(jì)是建立在對(duì)廣泛的人類共通性和特殊群體的個(gè)別意向的深刻理解之上，因此它可以對(duì)適當(dāng)?shù)男畔?、過(guò)程和技術(shù)進(jìn)行排序，從而可以使那些特殊群體達(dá)到他們的專業(yè)和個(gè)人的目的。Cooper的三大設(shè)計(jì)原則是：精簡(jiǎn)的設(shè)計(jì)健全、快速的頁(yè)面下載無(wú)誤的除錯(cuò)管理26AlanCooper一個(gè)所謂優(yōu)良的設(shè)計(jì)是建立在對(duì)廣泛的27RobertDavis&PaulLaroche真正成功的使用者接口設(shè)計(jì)是經(jīng)過(guò)深思熟慮并以使用者為中心的系統(tǒng)或經(jīng)驗(yàn)設(shè)計(jì)的自然擴(kuò)展。Davis、Laroche設(shè)計(jì)原則是：有效（effective）和迷人（sexy）并不互相排斥。要有勇氣去重新定義所謂「酷」的含義，將成功（successful）和直覺(jué)（intuitive）這兩大因素包含進(jìn)來(lái)。27RobertDavis&PaulLaroche真28JakobNielsen它在您需要考慮的幾乎所有因素方面一直都表現(xiàn)得很好。當(dāng)您在不同的頁(yè)面上時(shí)，您知道您要做什么。一直在改進(jìn)設(shè)計(jì)，但是卻一直以使用者經(jīng)驗(yàn)為出發(fā)點(diǎn)。Jakob的三大設(shè)計(jì)原則是：精致簡(jiǎn)約，越少越好支持使用者任務(wù)不要阻礙使用者28JakobNielsen它在您需要考慮的幾乎所有因素方29JaredSpool在設(shè)計(jì)得最好的網(wǎng)站上瀏覽時(shí)，網(wǎng)友究竟有多少時(shí)間能夠成功達(dá)到他們的目標(biāo)呢？」根據(jù)Spool的觀察，答案是42％。根據(jù)Spool簡(jiǎn)單而保守的推算，「所有的網(wǎng)站都是失敗的?！筍pool的四項(xiàng)設(shè)計(jì)原則是：–了解網(wǎng)站的目的–了解使用者的目的–確保所刊登的內(nèi)容能達(dá)到目的–確保所刊登的內(nèi)容能達(dá)到目的29JaredSpool在設(shè)計(jì)得最好的網(wǎng)站上瀏覽時(shí)，網(wǎng)友究30經(jīng)驗(yàn)設(shè)計(jì)先軀為NathanShedroof。經(jīng)驗(yàn)設(shè)計(jì)涵蓋從美學(xué)、互動(dòng)、價(jià)值與意義、品牌、時(shí)間、動(dòng)機(jī)、架構(gòu)、控制、語(yǔ)言、回饋、資料、個(gè)人化、商務(wù)等不下數(shù)十種元素，這些元素都可能影響到設(shè)計(jì)的結(jié)果，是否能真正符合使用者的需求。因此，我們談網(wǎng)站或網(wǎng)頁(yè)的設(shè)計(jì)，從表象上看來(lái)似乎是一種藝術(shù)、視覺(jué)的設(shè)計(jì)，但如果只著眼藝術(shù)與視覺(jué)設(shè)計(jì)的表現(xiàn)，絕對(duì)不會(huì)是評(píng)估一個(gè)專業(yè)網(wǎng)站規(guī)劃及設(shè)計(jì)公司最好的角度。雖然好的網(wǎng)站設(shè)計(jì)需要經(jīng)驗(yàn)豐富的設(shè)計(jì)者，然而經(jīng)驗(yàn)設(shè)計(jì)中所謂的「經(jīng)驗(yàn)」，是指「使用者」的經(jīng)驗(yàn)，而非網(wǎng)站「設(shè)計(jì)者」、「擁有者」的經(jīng)驗(yàn)。也就是說(shuō)，經(jīng)驗(yàn)設(shè)計(jì)的精神就是，站在使用者的角度、觀點(diǎn)、心態(tài)來(lái)設(shè)計(jì)網(wǎng)站或網(wǎng)頁(yè)。30經(jīng)驗(yàn)設(shè)計(jì)先軀為NathanShedroof。31設(shè)計(jì)前的研究課題使用者是誰(shuí)？他們?cè)诰W(wǎng)站上可能發(fā)生的經(jīng)驗(yàn)是什么？這些經(jīng)驗(yàn)會(huì)在何處發(fā)生？在何時(shí)發(fā)生？為什么會(huì)發(fā)生這些經(jīng)驗(yàn)？當(dāng)這些經(jīng)驗(yàn)發(fā)生時(shí)，他們會(huì)有哪些問(wèn)題或想法？31設(shè)計(jì)前的研究課題使用者是誰(shuí)？32經(jīng)驗(yàn)設(shè)計(jì)的特色網(wǎng)站或網(wǎng)頁(yè)的經(jīng)驗(yàn)設(shè)計(jì)有一項(xiàng)特色，就是使用者的一切活動(dòng)，包含感觀、動(dòng)作、心靈都發(fā)生在虛擬的空間中。在虛擬的空間中，建立經(jīng)驗(yàn)最快的方法就是仿真實(shí)體的世界，因此如何整合實(shí)體與虛擬世界中的空間與活動(dòng)，彌補(bǔ)虛擬世界相較實(shí)體世界的不足之處，并利用虛擬世界優(yōu)于實(shí)體世界之處，則是經(jīng)驗(yàn)設(shè)計(jì)時(shí)的最大挑戰(zhàn)。32經(jīng)驗(yàn)設(shè)計(jì)的特色網(wǎng)站或網(wǎng)頁(yè)的經(jīng)驗(yàn)設(shè)計(jì)有一項(xiàng)特色，就是使用者33經(jīng)驗(yàn)設(shè)計(jì)七大元素品牌資產(chǎn)（brandasset）信息架構(gòu)（informationarchitecture）視覺(jué)影像（visual）文字風(fēng)格（editorial）聽(tīng)覺(jué)聲音（sound）動(dòng)線規(guī)劃（structural）網(wǎng)頁(yè)技術(shù)（technology）33經(jīng)驗(yàn)設(shè)計(jì)七大元素品牌資產(chǎn)（brandasset）34品牌資產(chǎn)企業(yè)識(shí)別(CI、VI)、企業(yè)文化、企業(yè)精神、廣告行銷等資產(chǎn)，是決定網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)，例如網(wǎng)頁(yè)所采用的顏色、基調(diào)、技術(shù)、圖片、圖標(biāo)、文字風(fēng)格、信息內(nèi)容等等，都應(yīng)視企業(yè)的品牌為設(shè)計(jì)的依歸。尤其擁有豐富品牌資產(chǎn)的企業(yè)，在塑造數(shù)字世界的品牌形象時(shí)，往往比實(shí)體世界更需要斟酌考慮。34品牌資產(chǎn)企業(yè)識(shí)別(CI、VI)、企業(yè)文化、企業(yè)精神、廣告35信息架構(gòu)內(nèi)容架構(gòu)是最接近網(wǎng)站源頭的元素，所謂源頭是指網(wǎng)站規(guī)劃階段包含網(wǎng)站設(shè)立的目的與必須達(dá)成目標(biāo)，網(wǎng)站的內(nèi)容其實(shí)是根據(jù)這些條件而產(chǎn)生的，產(chǎn)生之后如何以最適合的方式分類、群組，深深地影響后來(lái)的瀏覽接口設(shè)計(jì)與視覺(jué)的呈現(xiàn)。因此每家公司都會(huì)有一套Approach，運(yùn)用有系統(tǒng)性思考與檢驗(yàn)方式來(lái)建立網(wǎng)站的骨架，之后的文字影像內(nèi)容就像網(wǎng)站的皮肉一樣，能以最美觀的姿態(tài)出現(xiàn)在它們應(yīng)該出現(xiàn)的地方，并且被使用者以最快速度找到。35信息架構(gòu)內(nèi)容架構(gòu)是最接近網(wǎng)站源頭的元素，所謂源頭是指網(wǎng)站36視覺(jué)影象圖片、影像、圖標(biāo)、動(dòng)畫、底圖背景、版面規(guī)劃等是網(wǎng)頁(yè)設(shè)計(jì)的靈魂，尤其在強(qiáng)調(diào)眼球數(shù)(Eyeballs)的網(wǎng)絡(luò)媒體上，視覺(jué)的展現(xiàn)一直是企業(yè)、網(wǎng)絡(luò)使用者與媒體評(píng)斷網(wǎng)頁(yè)設(shè)計(jì)優(yōu)劣與否的第一道關(guān)卡。然而受到網(wǎng)絡(luò)傳輸速度的限制，設(shè)計(jì)網(wǎng)頁(yè)不像平面那樣擁有要求超高解析品質(zhì)的權(quán)利，但也能看出一個(gè)設(shè)計(jì)者的功力。視覺(jué)影像的元素通常被主觀影響，在經(jīng)驗(yàn)設(shè)計(jì)的精神里，一切都應(yīng)該回歸到使用者的立場(chǎng)，最大的判斷依據(jù)是他們聯(lián)機(jī)的速度與上網(wǎng)的目的。36視覺(jué)影象圖片、影像、圖標(biāo)、動(dòng)畫、底圖背景、版面規(guī)劃等是網(wǎng)37文字風(fēng)格設(shè)計(jì)一篇網(wǎng)頁(yè)或構(gòu)思一則網(wǎng)絡(luò)廣告時(shí)，小從一個(gè)按鈕的命名，大到一整篇公司簡(jiǎn)介，都必須靠專業(yè)的文案人員來(lái)處理，我們稱之為WebWriter。雖然圖片可以抓住網(wǎng)友的眼，文字卻能抓住他們的心。最基本的要求，WebWriter應(yīng)該懂得善于命名網(wǎng)頁(yè)的Title，懂得善于命名圖形名稱，懂得利用動(dòng)畫在Loading時(shí)的空隙傳達(dá)一

些有用的信息。Webwriter要懂得掌握網(wǎng)站的精神，以符合網(wǎng)站精神的語(yǔ)體與文字風(fēng)格與使用者溝通網(wǎng)站的品牌與個(gè)性。37文字風(fēng)格設(shè)計(jì)一篇網(wǎng)頁(yè)或構(gòu)思一則網(wǎng)絡(luò)廣告時(shí)，小從一個(gè)按鈕的38聽(tīng)覺(jué)聲音?網(wǎng)頁(yè)與平面設(shè)計(jì)的最大不同，在于網(wǎng)頁(yè)是一個(gè)展現(xiàn)文字、圖像、影片與聲音等多媒體特色的表現(xiàn)空間，寬頻時(shí)代的來(lái)臨，越來(lái)越多網(wǎng)站都加入了聲音的元素作為提升與使用者溝通的媒介。然而聲音元素的應(yīng)用牽涉到文件格式、長(zhǎng)度、品質(zhì)、合法性與必要性，好的聲音效果能為精采的網(wǎng)頁(yè)設(shè)計(jì)加分，當(dāng)然在使用時(shí)必須考量使用者的帶寬及計(jì)算機(jī)設(shè)備，是否造成不必要的傳輸負(fù)擔(dān)，是否因?yàn)槭褂谜哂?jì)算機(jī)設(shè)備的不足而反而變成失之交臂的創(chuàng)意。

38聽(tīng)覺(jué)聲音?網(wǎng)頁(yè)與平面設(shè)計(jì)的最大不同，在于網(wǎng)頁(yè)是一個(gè)39動(dòng)態(tài)規(guī)劃網(wǎng)站的動(dòng)線規(guī)劃不如視覺(jué)、文字、品牌、內(nèi)容，是顯性的元素，他通常不被看見(jiàn)，卻能夠被使用者清楚的感受。動(dòng)線規(guī)劃可從使用者在網(wǎng)站上從事互動(dòng)性的活動(dòng)時(shí)被檢視。如果你希望網(wǎng)友加入會(huì)員或訂閱電子報(bào)，動(dòng)線的規(guī)劃明顯的影響他們的結(jié)果是否成功，所謂的成功不只完成與否，同時(shí)也包括順暢與否，換言之，他們花費(fèi)多久的時(shí)間完成一項(xiàng)活動(dòng)。此外，動(dòng)線的設(shè)計(jì)也包括不同使用者在網(wǎng)站中進(jìn)入的途徑是否被清楚的標(biāo)示、友善的引導(dǎo)以及體貼的協(xié)助。39動(dòng)態(tài)規(guī)劃網(wǎng)站的動(dòng)線規(guī)劃不如視覺(jué)、文字、品牌、內(nèi)容，是顯性40網(wǎng)頁(yè)技術(shù)前面說(shuō)過(guò)網(wǎng)頁(yè)是一種多媒體的表現(xiàn)空間，因此在網(wǎng)站或網(wǎng)頁(yè)設(shè)計(jì)中如何以多媒體制作技術(shù)來(lái)呈現(xiàn)需要的效果或目的，例如動(dòng)態(tài)DHTML、Flash、JavaScript、RichMedia、3D、StreamingMedia、VirtualReality….等等，廣泛的被運(yùn)用在瀏覽系統(tǒng)、接口設(shè)計(jì)、前導(dǎo)頁(yè)面、網(wǎng)絡(luò)廣告、網(wǎng)絡(luò)行銷活動(dòng)、商品展示介紹、下載等目的。這個(gè)部分經(jīng)常會(huì)牽涉到兩部分的專業(yè)，一部份是與前端的頁(yè)面設(shè)計(jì)者，一部份是后端的數(shù)據(jù)庫(kù)設(shè)計(jì)者。而這正是經(jīng)驗(yàn)設(shè)計(jì)中最困難的部分，因?yàn)閮煞綄I(yè)人員在設(shè)計(jì)時(shí)側(cè)重的層面、所使用的設(shè)計(jì)工具、以及溝通的語(yǔ)言有相當(dāng)大的差異，因此在分頭進(jìn)行到需要整合的階段，就會(huì)產(chǎn)生許多問(wèn)題與困難，例如進(jìn)度落后與效果不良。因此，了解經(jīng)驗(yàn)設(shè)計(jì)精髓的公司懂得如何整合這兩部分專業(yè)的人，以最有效率的方式溝通。當(dāng)然，更重要的是，他們也會(huì)懂得如何運(yùn)用、控制這些技術(shù)，以最優(yōu)異的速度表現(xiàn)，呈現(xiàn)最精采的頁(yè)面，帶給網(wǎng)友最佳使用經(jīng)驗(yàn)

。40網(wǎng)頁(yè)技術(shù)前面說(shuō)過(guò)網(wǎng)頁(yè)是一種多媒體的表現(xiàn)空間，因此在網(wǎng)站或41四大經(jīng)驗(yàn)感官經(jīng)驗(yàn)（lookandfeel）行進(jìn)經(jīng)驗(yàn)（entryandmove）活動(dòng)經(jīng)驗(yàn)（actionandinteraction）心靈經(jīng)驗(yàn)（mindandspirit）

41四大經(jīng)驗(yàn)感官經(jīng)驗(yàn)（lookandfeel）42感官經(jīng)驗(yàn)使用者在接觸到網(wǎng)頁(yè)的瞬間，以他的眼睛、耳朵、手指感受一切。感觀經(jīng)驗(yàn)著重于七項(xiàng)元素中的品牌、視覺(jué)、聽(tīng)覺(jué)、文字、內(nèi)容，因?yàn)檫@時(shí)候使用者對(duì)于網(wǎng)站還停留在觀察階段，以所見(jiàn)到網(wǎng)頁(yè)來(lái)決定下一步行進(jìn)的目標(biāo)，或?qū)徱暸c自己上網(wǎng)目的相符的標(biāo)的物。有些使用者會(huì)因?yàn)橐曈X(jué)設(shè)計(jì)決定想不想留下來(lái)繼續(xù)瀏覽，也會(huì)看網(wǎng)站提供的內(nèi)容而選擇繼續(xù)參觀或離開。42感官經(jīng)驗(yàn)使用者在接觸到網(wǎng)頁(yè)的瞬間，以他的眼睛、耳朵、手指43行進(jìn)經(jīng)驗(yàn)使用者的感觀經(jīng)驗(yàn)側(cè)重于觀察、審視、形成印象、決定最高行動(dòng)原則，而行進(jìn)經(jīng)驗(yàn)側(cè)重于決策行動(dòng)的目的與方向，例如決定觀看進(jìn)一步信息、參與何種活動(dòng)、由何處進(jìn)入，而這樣的行進(jìn)過(guò)程可能會(huì)經(jīng)過(guò)兩個(gè)或兩個(gè)以上的鏈接，才能抵達(dá)目的地，因此行進(jìn)經(jīng)驗(yàn)側(cè)重視覺(jué)、文字、動(dòng)線與技術(shù)等元素。在行進(jìn)經(jīng)驗(yàn)的設(shè)計(jì)上必須利用網(wǎng)絡(luò)互聯(lián)的鏈接特性，讓使用者的行進(jìn)經(jīng)驗(yàn)更順暢，具體的說(shuō)，就是進(jìn)入直接、進(jìn)行容易。43行進(jìn)經(jīng)驗(yàn)使用者的感觀經(jīng)驗(yàn)側(cè)重于觀察、審視、形成印象、決定44活動(dòng)經(jīng)驗(yàn)使用者在網(wǎng)站上的活動(dòng)類型相當(dāng)多樣，活動(dòng)經(jīng)驗(yàn)與行進(jìn)經(jīng)驗(yàn)的差別在于停留的時(shí)間。以旁觀者的角度看來(lái)，行進(jìn)與活動(dòng)都是使用者的動(dòng)作，但行進(jìn)經(jīng)驗(yàn)是經(jīng)由快速的判斷與決策抵達(dá)目的地，而活動(dòng)經(jīng)驗(yàn)則以完成一項(xiàng)目的或任務(wù)，由于完成一項(xiàng)目的或任務(wù)必須經(jīng)過(guò)多次的決策、行動(dòng)、響應(yīng)、決策的過(guò)程，后者所花費(fèi)的時(shí)間通常較前者長(zhǎng)?；顒?dòng)經(jīng)驗(yàn)所側(cè)重的元素為文字、動(dòng)線、技術(shù)，為了節(jié)省活動(dòng)所花費(fèi)的時(shí)間，因此在視覺(jué)影像上的元素在此時(shí)會(huì)盡可能簡(jiǎn)化以求速度品質(zhì)的提升。44活動(dòng)經(jīng)驗(yàn)使用者在網(wǎng)站上的活動(dòng)類型相當(dāng)多樣，活動(dòng)經(jīng)驗(yàn)與行進(jìn)45心靈經(jīng)驗(yàn)行進(jìn)經(jīng)驗(yàn)與活動(dòng)經(jīng)驗(yàn)因?yàn)榭梢酝高^(guò)觀察使用者在使用網(wǎng)站所設(shè)計(jì)的動(dòng)線或功能時(shí)，是否成功完成，過(guò)程是否順暢無(wú)礙而了解，感觀經(jīng)驗(yàn)也還可以詢問(wèn)使用者對(duì)于文字、內(nèi)容、視覺(jué)的辨識(shí)與了解程度做出評(píng)斷，心靈經(jīng)驗(yàn)相較于其它經(jīng)驗(yàn)是最不容易被觀察與描述的。使用者在歷經(jīng)感觀的審視、行進(jìn)的判斷、活動(dòng)的執(zhí)行種種經(jīng)驗(yàn)后，到離線或離開網(wǎng)頁(yè)的時(shí)刻，會(huì)產(chǎn)生一個(gè)整體網(wǎng)絡(luò)經(jīng)驗(yàn)的評(píng)斷，我們稱之為心靈經(jīng)驗(yàn)，而這項(xiàng)經(jīng)驗(yàn)是必須被發(fā)掘的，因?yàn)樗赡苌畈卦谑褂谜叩男睦?、短暫地閃過(guò)使用者的腦海，如果不加以發(fā)掘，除非使用者愿意主動(dòng)分享，否則不容易留下實(shí)際的結(jié)果。因此許多網(wǎng)站在設(shè)計(jì)工作流程中，都會(huì)加入一項(xiàng)重要的流程：可用度測(cè)試（usabilitytest），這項(xiàng)測(cè)試的目觀察使用者的使用情形，讓他們能夠快速正確地完成他們上網(wǎng)的目的。45心靈經(jīng)驗(yàn)行進(jìn)經(jīng)驗(yàn)與活動(dòng)經(jīng)驗(yàn)因?yàn)榭梢酝高^(guò)觀察使用者在使用網(wǎng)46網(wǎng)絡(luò)可用性根據(jù)網(wǎng)頁(yè)設(shè)計(jì)大師JakobNielsen（2001）的定義，可用性（usability）是衡量使用者和網(wǎng)站、應(yīng)用軟件等設(shè)備互動(dòng)經(jīng)驗(yàn)的指針。若以水龍頭為例，一個(gè)水龍頭的可用性包括使用者是否能立刻找出水龍頭的使用方式、是否能輕易開啟它？46網(wǎng)絡(luò)可用性根據(jù)網(wǎng)頁(yè)設(shè)計(jì)大師JakobNielsen（47系統(tǒng)的優(yōu)劣兩大要素實(shí)用性（utility）：該系統(tǒng)是否能提供消費(fèi)者需要的功能？若提供的功能和消費(fèi)者的需求無(wú)關(guān)或者無(wú)法解決主要的問(wèn)題，那么不管它好不好用，都是一個(gè)差勁的系統(tǒng)?？捎眯裕╱sability）：使用者是否會(huì)用該系統(tǒng)，能否有效地操作該系統(tǒng)？即便該系統(tǒng)所言不虛，提供令人滿意的功能，但若使用者想不出怎么操作，依舊是差勁的系統(tǒng)。47系統(tǒng)的優(yōu)劣兩大要素實(shí)用性（utility）：48可用性五大特色易學(xué)習(xí)–使用者面對(duì)一個(gè)完全陌生的系統(tǒng)時(shí)，可以在多短的時(shí)間內(nèi)學(xué)會(huì)基本操作？

記憶力–使用者以前碰過(guò)這類系統(tǒng)，日后再接觸時(shí)，是否對(duì)系統(tǒng)有足夠的記憶力，幫助他有效完成任務(wù)？還是每次都得從頭學(xué)習(xí)一次？

48可用性五大特色易學(xué)習(xí)49可用性五大特色出錯(cuò)頻率與嚴(yán)重性使用者操作錯(cuò)誤的頻率？以及出錯(cuò)的嚴(yán)重性？使用的效率一旦使用者學(xué)會(huì)操作后，可在多短時(shí)間內(nèi)完成任務(wù)？主觀滿意度使用者對(duì)系統(tǒng)用后的滿意度？49可用性五大特色出錯(cuò)頻率與嚴(yán)重性50注意事項(xiàng)所有系統(tǒng)的使用性都具備上述五項(xiàng)特質(zhì)，因此在設(shè)計(jì)產(chǎn)品時(shí)必須將上述五項(xiàng)特質(zhì)納入考慮。有時(shí)候，一些特質(zhì)會(huì)重于其它特質(zhì)，以網(wǎng)絡(luò)為例，易學(xué)習(xí)是最重要的一項(xiàng)，因?yàn)橛脩艉苌僭谝粋€(gè)網(wǎng)站停留太久。此外，主觀滿意度也相當(dāng)重要，因?yàn)橛脩羧粲X(jué)得某個(gè)網(wǎng)站不夠好，只要輕松在鼠標(biāo)點(diǎn)一下，就可進(jìn)入其它網(wǎng)站。相較之下，出錯(cuò)頻率就比較輕微，但商務(wù)網(wǎng)站仍得小心，確?？蛻羲嗁?gòu)的產(chǎn)品、付款的信用卡號(hào)碼、郵寄地址正確無(wú)誤。企業(yè)內(nèi)部網(wǎng)絡(luò)的設(shè)計(jì)必須專注于系統(tǒng)的使用效率，因?yàn)橥粋€(gè)使用者免不了會(huì)重復(fù)使用它。企業(yè)對(duì)外網(wǎng)絡(luò)的設(shè)計(jì)必須重視降低出錯(cuò)率，因?yàn)槌Ｓ写蠊P金額的交易，出錯(cuò)不得。50注意事項(xiàng)所有系統(tǒng)的使用性都具備上述五項(xiàng)特質(zhì)，因此在設(shè)計(jì)產(chǎn)51網(wǎng)站可用性問(wèn)題點(diǎn)選鏈接很簡(jiǎn)單，但要知道哪些鏈接值得點(diǎn)可不容易。網(wǎng)頁(yè)上的說(shuō)明常常不清楚，讓網(wǎng)友猶如墜入五里霧中，不知道應(yīng)該點(diǎn)哪里才對(duì)?，F(xiàn)在網(wǎng)絡(luò)上互動(dòng)的技術(shù)五花八門，除了傳統(tǒng)藍(lán)色的超鏈接之外，還有Java以及動(dòng)態(tài)HTML，往往讓使用者頭暈。網(wǎng)絡(luò)上的導(dǎo)航做得很糟糕，使用者結(jié)果會(huì)迷失在浩瀚的網(wǎng)絡(luò)世界里，找不到自己想要的資源。51網(wǎng)站可用性問(wèn)題點(diǎn)選鏈接很簡(jiǎn)單，但要知道哪些鏈接值得點(diǎn)可不52網(wǎng)站可用性問(wèn)題不論是平面或是舊的媒體格式，網(wǎng)頁(yè)內(nèi)容都可以針對(duì)這些需求進(jìn)行最佳化的安排，不過(guò)幾乎沒(méi)有什么網(wǎng)頁(yè)內(nèi)容能夠滿足上網(wǎng)者在線上閱讀最適化的需求。電子商務(wù)交易流程不容易讓人了解，而且也不容易完成。許多網(wǎng)頁(yè)雖然做得相當(dāng)亮麗，但是金玉其外敗絮其內(nèi)，使用者反而找不到需要的內(nèi)容，也沒(méi)有想要的交易項(xiàng)目。網(wǎng)友的整體使用體驗(yàn)相當(dāng)不理想，盡管某些個(gè)別項(xiàng)目還算過(guò)得去，但是緩慢的下載過(guò)程往往令人退避三舍。52網(wǎng)站可用性問(wèn)題不論是平面或是舊的媒體格式，網(wǎng)頁(yè)內(nèi)容都可以53使用者測(cè)試測(cè)試的對(duì)象必須具有代表性，能夠反映出你目標(biāo)觀眾的看法。除非是企業(yè)內(nèi)部網(wǎng)絡(luò)，你才可以同儕作為測(cè)試對(duì)象，否則不要用你的同事或是任何了解這項(xiàng)項(xiàng)目的人。不過(guò)就算是企業(yè)內(nèi)部網(wǎng)絡(luò)，也應(yīng)該避免以項(xiàng)目團(tuán)隊(duì)的成員作為測(cè)試對(duì)象。53使用者測(cè)試測(cè)試的對(duì)象必須具有代表性，能夠反映出你目標(biāo)觀眾54使用者測(cè)試測(cè)試的時(shí)候，不要只是玩一玩網(wǎng)站接口而已，使用者應(yīng)該實(shí)際執(zhí)行某些工作：網(wǎng)站上到處點(diǎn)一點(diǎn)當(dāng)然很簡(jiǎn)單，真正的考驗(yàn)在于網(wǎng)站是否能夠協(xié)助使用者解決某些特定的問(wèn)題。所測(cè)試的工作也必須具有代表性。54使用者測(cè)試測(cè)試的時(shí)候，不要只是玩一玩網(wǎng)站接口而已，使用者55使用者測(cè)試避免出面干涉，讓測(cè)試者自行感受，并且暢所欲言。測(cè)試的目的并非展現(xiàn)你有多聰明，也不是要協(xié)助使用者加速達(dá)成任務(wù)，而是希望從使用者解決問(wèn)題的實(shí)際體驗(yàn)當(dāng)中獲得寶貴的意見(jiàn)。使用者從家里或是辦公室造訪你的網(wǎng)站時(shí)，可沒(méi)有專家坐在旁邊。測(cè)試者必須自行體驗(yàn)才行。55使用者測(cè)試避免出面干涉，讓測(cè)試者自行感受，并且暢所欲言。56提升可用性的原則不管你覺(jué)得舊的網(wǎng)站有多爛，在重新設(shè)計(jì)之前，可以針對(duì)舊版使用者做個(gè)小型的意見(jiàn)調(diào)查，說(shuō)不定舊版網(wǎng)站里還是有些值得保留的特色。調(diào)查當(dāng)中也能夠看出來(lái)以前讓使用者感到使用困難的問(wèn)題所在，以及使用者對(duì)于網(wǎng)站錯(cuò)誤的看法，對(duì)此有通盤了解之后，再重新設(shè)計(jì)也會(huì)比較容易。針對(duì)競(jìng)爭(zhēng)對(duì)手的網(wǎng)站進(jìn)行比較性的使用者意見(jiàn)調(diào)查。別的公司為了打造網(wǎng)站耗費(fèi)巨資，通過(guò)使用者意見(jiàn)調(diào)查，可以效仿他們的長(zhǎng)處，避免犯和他們同樣的錯(cuò)誤。56提升可用性的原則不管你覺(jué)得舊的網(wǎng)站有多爛，在重新設(shè)計(jì)之前57提升可用性的原則針對(duì)使用者進(jìn)行實(shí)際的調(diào)查fieldstudy，徹底了解他們工作環(huán)境的狀況。這個(gè)步驟對(duì)于專門支持員工或是企業(yè)伙伴的企業(yè)內(nèi)部網(wǎng)站或是企業(yè)間網(wǎng)站而言尤其重要。你會(huì)發(fā)現(xiàn)到調(diào)查結(jié)果和經(jīng)理人片面告訴你的往往總是會(huì)有些出入。建立幾個(gè)不同的設(shè)計(jì)模型，為了在最短的時(shí)間之內(nèi)測(cè)試各種可能性，這些設(shè)計(jì)應(yīng)該交由不同的團(tuán)隊(duì)來(lái)同步進(jìn)行。并且針對(duì)幾位使用者進(jìn)行調(diào)查，從中找出最適合你的新設(shè)計(jì)。57提升可用性的原則針對(duì)使用者進(jìn)行實(shí)際的調(diào)查fieldst58提升可用性的原則挑出最適合的設(shè)計(jì)之后，即可進(jìn)一步開發(fā)，先以HTML做出幾個(gè)雛型頁(yè)面，即可邀請(qǐng)更多的使用者來(lái)進(jìn)行測(cè)試，找出這個(gè)設(shè)計(jì)的美中不足之處。?如果預(yù)算許可的話，反復(fù)多試幾次：修補(bǔ)從測(cè)試當(dāng)中發(fā)現(xiàn)的問(wèn)題，進(jìn)一步開發(fā)原型之后再進(jìn)行測(cè)試。你每作一次，網(wǎng)站平均的可用性就可以增加38％。追求盡善盡美的過(guò)程是永無(wú)止盡的：通常在達(dá)到完美的使用者接口之前，就已燒光了所有的預(yù)算。58提升可用性的原則挑出最適合的設(shè)計(jì)之后，即可進(jìn)一步開發(fā)，先59提升可用性的原則當(dāng)網(wǎng)站建構(gòu)得差不多，已經(jīng)具備關(guān)鍵頁(yè)面以及導(dǎo)航組件時(shí)，可以再做一次最后的測(cè)試，以調(diào)整商標(biāo)、找出錯(cuò)誤的信息、以及調(diào)整互動(dòng)功能的細(xì)項(xiàng)問(wèn)題。雖然在最后的測(cè)試階段已經(jīng)無(wú)法針對(duì)最基本的問(wèn)題進(jìn)行改變，但是依然可以大幅提升網(wǎng)站的可用性。推出你剛設(shè)計(jì)好的網(wǎng)站?；ㄐ乃奸_始規(guī)劃下一次改造的設(shè)計(jì)。搜集使用者意見(jiàn)，分析記錄文件，并且搜集其它新設(shè)計(jì)可用性有關(guān)的資料。請(qǐng)記住，網(wǎng)站永遠(yuǎn)有改善的空間，就算是新的設(shè)計(jì)也不過(guò)是下個(gè)設(shè)計(jì)的原型罷了。59提升可用性的原則當(dāng)網(wǎng)站建構(gòu)得差不多，已經(jīng)具備關(guān)鍵頁(yè)面以及網(wǎng)站策劃與評(píng)估

—從工程學(xué)角度看待Web設(shè)計(jì)網(wǎng)站策劃與評(píng)估

—從工程學(xué)角度看待Web設(shè)61PlanningDesignDevelopmentPublishingMaintenance網(wǎng)站策劃的環(huán)節(jié)

——生存期2PlanningDesignDevelopmentPubl62網(wǎng)站策劃與制作流程策劃須知網(wǎng)頁(yè)構(gòu)架圖形制作程序編制建立文字內(nèi)容建立多媒體資料網(wǎng)站管理網(wǎng)站行銷3網(wǎng)站策劃與制作流程策劃須知63策劃須知網(wǎng)站的構(gòu)架等同于行銷活動(dòng)、人力、經(jīng)費(fèi)、消費(fèi)群市場(chǎng)與商品消費(fèi)：網(wǎng)站分析推動(dòng)策劃4策劃須知網(wǎng)站的構(gòu)架等同于行銷64網(wǎng)頁(yè)架構(gòu)?網(wǎng)站構(gòu)架圖?符合策劃面的事務(wù)?考慮程序網(wǎng)頁(yè)的操作過(guò)程?考慮使用者操作習(xí)慣?與美編、程序討論可行性?修正策劃案并訂出時(shí)程表5網(wǎng)頁(yè)架構(gòu)?網(wǎng)站構(gòu)架圖65圖形制作參考相似網(wǎng)站收集必要素材統(tǒng)一網(wǎng)頁(yè)風(fēng)格配合程序調(diào)整6圖形制作參考相似網(wǎng)站66程序制作可依據(jù)策劃獨(dú)立制作與美編部分同時(shí)進(jìn)行配合美編修正網(wǎng)頁(yè)隨時(shí)協(xié)調(diào)更改網(wǎng)頁(yè)7程序制作可依據(jù)策劃獨(dú)立制作67其他建立文字資料建立多媒體資料網(wǎng)站管理網(wǎng)站行銷8其他建立文字資料68網(wǎng)站策劃環(huán)節(jié)（2）執(zhí)行（implementation）設(shè)計(jì)（design）建構(gòu)（architecture）定義（definition）9網(wǎng)站策劃環(huán)節(jié)（2）執(zhí)行（implementation）69網(wǎng)站策劃與制作流程（2）燴辦だ猂定義建構(gòu)設(shè)計(jì)執(zhí)行格式化的評(píng)估FormativeEvaluation界面設(shè)計(jì)InterfaceDesign轉(zhuǎn)換協(xié)議ConversionProtocol原型產(chǎn)品Prototyping故事板Storyboard運(yùn)行行為RuntimeBehavior表示設(shè)計(jì)PresentationDesign關(guān)聯(lián)性設(shè)計(jì)InteractivityDesign身份（特性）與信息設(shè)計(jì)Identity&InformationDesign主題分析SubjectAnalysis硬件選擇Hardware領(lǐng)域分析DomainAnalysis軟件選擇Software10網(wǎng)站策劃與制作流程（2）燴辦だ猂定義建構(gòu)設(shè)計(jì)執(zhí)行格式化70主題分析使用者分析策略內(nèi)容開發(fā)工具與科技日程安排11主題分析使用者分析71使用者分析確立目標(biāo)確定受眾12使用者分析確立目標(biāo)72策略定義要在網(wǎng)站中傳達(dá)的信息;策劃如何讓網(wǎng)站的使用者接受所要傳達(dá)的信息基調(diào)的選擇;選擇一種能夠有效地表達(dá)目的的視覺(jué)或者語(yǔ)言方式.13策略定義要在網(wǎng)站中傳達(dá)的信息;73內(nèi)容確定信息內(nèi)容利用獨(dú)特的方式、恰當(dāng)?shù)腤eb技術(shù)規(guī)劃信息網(wǎng)站的設(shè)計(jì)一定要適合多數(shù)用戶的欣賞能力14內(nèi)容確定信息內(nèi)容74開發(fā)工具與技術(shù)審視下列工具（技術(shù)）的優(yōu)缺點(diǎn)(舉例)HTMLCSSFramesScriptingLanguages(CGI,VB,etc.)JavaAppletsPHP/ASP．．．15開發(fā)工具與技術(shù)審視下列工具（技術(shù)）的優(yōu)缺點(diǎn)(舉例)75日程安排進(jìn)度時(shí)間軸16日程安排進(jìn)度時(shí)間軸76領(lǐng)域分析根據(jù)不同的網(wǎng)站要求，搜集信息。對(duì)不同素材與信息加以分類整理。針對(duì)各細(xì)項(xiàng)，擬定呈現(xiàn)內(nèi)容與策略。詳列制作上所需的技巧。17領(lǐng)域分析根據(jù)不同的網(wǎng)站要求，搜集信息。77選擇硬件與軟件以下提供一軟硬件環(huán)境的范例，策劃目標(biāo)為開發(fā)影像數(shù)據(jù)庫(kù)系統(tǒng)。系統(tǒng)開發(fā)工具操作系統(tǒng)--Windows2003ServerWebServer–IIS6.0JavaServlet&JSP--Resin-2.0.1&JDK1.3.1數(shù)據(jù)庫(kù)MicrosoftAccess2000SQLServer200018選擇硬件與軟件以下提供一軟硬件環(huán)境的范例，策劃目標(biāo)為開發(fā)78選擇硬件與軟件影音處理Premiere6.0RealProducer8.0系統(tǒng)使用環(huán)境WebBrowser--IE,FirefoxCPU–2.0GHz或以上RAM–1GMB或以上19選擇硬件與軟件影音處理79設(shè)計(jì)流程20設(shè)計(jì)流程80故事底板稿范例

（設(shè)計(jì)）大概描述頁(yè)面的長(zhǎng)相21故事底板稿范例

（設(shè)計(jì)）大概描述頁(yè)面的長(zhǎng)相81原型原型是正式產(chǎn)品推出前，大致完成的作品，很多應(yīng)用程序有所謂的Beta版，意義和原型很像。就網(wǎng)站而言，如果你幫某系設(shè)計(jì)網(wǎng)站，當(dāng)初步設(shè)計(jì)完成后，就要進(jìn)入一連串的測(cè)試與評(píng)估，此時(shí)便是原型，在確認(rèn)所有問(wèn)題都修正后才正式上線。22原型原型是正式產(chǎn)品推出前，大致完成的作品，很多應(yīng)用程序有82評(píng)估發(fā)展中評(píng)估格式化評(píng)估通常是專家評(píng)估或是小范圍調(diào)查測(cè)試推出后評(píng)估綜合評(píng)價(jià)線上回饋或大規(guī)模調(diào)查等23評(píng)估發(fā)展中評(píng)估83網(wǎng)站設(shè)計(jì)的宗派AndrewChak–整體哲學(xué)觀點(diǎn)驅(qū)使設(shè)計(jì)者尋找超出Web之外的解決方案并根據(jù)顧客的需求進(jìn)行設(shè)計(jì)。?AlanCooper–倡導(dǎo)人性化和個(gè)性化的設(shè)計(jì)。?Davis和Laroche–提倡包容性，鼓勵(lì)將藝術(shù)、結(jié)構(gòu)和內(nèi)容融合進(jìn)Web的設(shè)計(jì)中。?JakobNielsen–這位Web設(shè)計(jì)傳教士藉以參加神圣的設(shè)計(jì)巡回布道大會(huì)分享他的設(shè)計(jì)理念。?JaredSpool–與一直在尋找但始終未找到誠(chéng)實(shí)人的希臘哲人Diogenes類似，JaredSpool從來(lái)沒(méi)有發(fā)現(xiàn)面面俱到的好網(wǎng)站。24網(wǎng)站設(shè)計(jì)的宗派AndrewChak84AndrewChak一個(gè)設(shè)計(jì)者需要看到一個(gè)網(wǎng)站的所有競(jìng)爭(zhēng)對(duì)手。競(jìng)爭(zhēng)不只是來(lái)自另一個(gè)網(wǎng)站，也來(lái)自現(xiàn)實(shí)生活。因此，如果網(wǎng)站不優(yōu)于現(xiàn)實(shí)生活的話，人們就不會(huì)使用它。Chak的三大設(shè)計(jì)原則是：快速的頁(yè)面下載直覺(jué)的導(dǎo)覽精致簡(jiǎn)約的設(shè)計(jì)。25AndrewChak一個(gè)設(shè)計(jì)者需要看到一個(gè)網(wǎng)站的所有競(jìng)85AlanCooper一個(gè)所謂優(yōu)良的設(shè)計(jì)是建立在對(duì)廣泛的人類共通性和特殊群體的個(gè)別意向的深刻理解之上，因此它可以對(duì)適當(dāng)?shù)男畔ⅰ⑦^(guò)程和技術(shù)進(jìn)行排序，從而可以使那些特殊群體達(dá)到他們的專業(yè)和個(gè)人的目的。Cooper的三大設(shè)計(jì)原則是：精簡(jiǎn)的設(shè)計(jì)健全、快速的頁(yè)面下載無(wú)誤的除錯(cuò)管理26AlanCooper一個(gè)所謂優(yōu)良的設(shè)計(jì)是建立在對(duì)廣泛的86RobertDavis&PaulLaroche真正成功的使用者接口設(shè)計(jì)是經(jīng)過(guò)深思熟慮并以使用者為中心的系統(tǒng)或經(jīng)驗(yàn)設(shè)計(jì)的自然擴(kuò)展。Davis、Laroche設(shè)計(jì)原則是：有效（effective）和迷人（sexy）并不互相排斥。要有勇氣去重新定義所謂「酷」的含義，將成功（successful）和直覺(jué)（intuitive）這兩大因素包含進(jìn)來(lái)。27RobertDavis&PaulLaroche真87JakobNielsen它在您需要考慮的幾乎所有因素方面一直都表現(xiàn)得很好。當(dāng)您在不同的頁(yè)面上時(shí)，您知道您要做什么。一直在改進(jìn)設(shè)計(jì)，但是卻一直以使用者經(jīng)驗(yàn)為出發(fā)點(diǎn)。Jakob的三大設(shè)計(jì)原則是：精致簡(jiǎn)約，越少越好支持使用者任務(wù)不要阻礙使用者28JakobNielsen它在您需要考慮的幾乎所有因素方88JaredSpool在設(shè)計(jì)得最好的網(wǎng)站上瀏覽時(shí)，網(wǎng)友究竟有多少時(shí)間能夠成功達(dá)到他們的目標(biāo)呢？」根據(jù)Spool的觀察，答案是42％。根據(jù)Spool簡(jiǎn)單而保守的推算，「所有的網(wǎng)站都是失敗的?！筍pool的四項(xiàng)設(shè)計(jì)原則是：–了解網(wǎng)站的目的–了解使用者的目的–確保所刊登的內(nèi)容能達(dá)到目的–確保所刊登的內(nèi)容能達(dá)到目的29JaredSpool在設(shè)計(jì)得最好的網(wǎng)站上瀏覽時(shí)，網(wǎng)友究89經(jīng)驗(yàn)設(shè)計(jì)先軀為NathanShedroof。經(jīng)驗(yàn)設(shè)計(jì)涵蓋從美學(xué)、互動(dòng)、價(jià)值與意義、品牌、時(shí)間、動(dòng)機(jī)、架構(gòu)、控制、語(yǔ)言、回饋、資料、個(gè)人化、商務(wù)等不下數(shù)十種元素，這些元素都可能影響到設(shè)計(jì)的結(jié)果，是否能真正符合使用者的需求。因此，我們談網(wǎng)站或網(wǎng)頁(yè)的設(shè)計(jì)，從表象上看來(lái)似乎是一種藝術(shù)、視覺(jué)的設(shè)計(jì)，但如果只著眼藝術(shù)與視覺(jué)設(shè)計(jì)的表現(xiàn)，絕對(duì)不會(huì)是評(píng)估一個(gè)專業(yè)網(wǎng)站規(guī)劃及設(shè)計(jì)公司最好的角度。雖然好的網(wǎng)站設(shè)計(jì)需要經(jīng)驗(yàn)豐富的設(shè)計(jì)者，然而經(jīng)驗(yàn)設(shè)計(jì)中所謂的「經(jīng)驗(yàn)」，是指「使用者」的經(jīng)驗(yàn)，而非網(wǎng)站「設(shè)計(jì)者」、「擁有者」的經(jīng)驗(yàn)。也就是說(shuō)，經(jīng)驗(yàn)設(shè)計(jì)的精神就是，站在使用者的角度、觀點(diǎn)、心態(tài)來(lái)設(shè)計(jì)網(wǎng)站或網(wǎng)頁(yè)。30經(jīng)驗(yàn)設(shè)計(jì)先軀為NathanShedroof。90設(shè)計(jì)前的研究課題使用者是誰(shuí)？他們?cè)诰W(wǎng)站上可能發(fā)生的經(jīng)驗(yàn)是什么？這些經(jīng)驗(yàn)會(huì)在何處發(fā)生？在何時(shí)發(fā)生？為什么會(huì)發(fā)生這些經(jīng)驗(yàn)？當(dāng)這些經(jīng)驗(yàn)發(fā)生時(shí)，他們會(huì)有哪些問(wèn)題或想法？31設(shè)計(jì)前的研究課題使用者是誰(shuí)？91經(jīng)驗(yàn)設(shè)計(jì)的特色網(wǎng)站或網(wǎng)頁(yè)的經(jīng)驗(yàn)設(shè)計(jì)有一項(xiàng)特色，就是使用者的一切活動(dòng)，包含感觀、動(dòng)作、心靈都發(fā)生在虛擬的空間中。在虛擬的空間中，建立經(jīng)驗(yàn)最快的方法就是仿真實(shí)體的世界，因此如何整合實(shí)體與虛擬世界中的空間與活動(dòng)，彌補(bǔ)虛擬世界相較實(shí)體世界的不足之處，并利用虛擬世界優(yōu)于實(shí)體世界之處，則是經(jīng)驗(yàn)設(shè)計(jì)時(shí)的最大挑戰(zhàn)。32經(jīng)驗(yàn)設(shè)計(jì)的特色網(wǎng)站或網(wǎng)頁(yè)的經(jīng)驗(yàn)設(shè)計(jì)有一項(xiàng)特色，就是使用者92經(jīng)驗(yàn)設(shè)計(jì)七大元素品牌資產(chǎn)（brandasset）信息架構(gòu)（informationarchitecture）視覺(jué)影像（visual）文字風(fēng)格（editorial）聽(tīng)覺(jué)聲音（sound）動(dòng)線規(guī)劃（structural）網(wǎng)頁(yè)技術(shù)（technology）33經(jīng)驗(yàn)設(shè)計(jì)七大元素品牌資產(chǎn)（brandasset）93品牌資產(chǎn)企業(yè)識(shí)別(CI、VI)、企業(yè)文化、企業(yè)精神、廣告行銷等資產(chǎn)，是決定網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)，例如網(wǎng)頁(yè)所采用的顏色、基調(diào)、技術(shù)、圖片、圖標(biāo)、文字風(fēng)格、信息內(nèi)容等等，都應(yīng)視企業(yè)的品牌為設(shè)計(jì)的依歸。尤其擁有豐富品牌資產(chǎn)的企業(yè)，在塑造數(shù)字世界的品牌形象時(shí)，往往比實(shí)體世界更需要斟酌考慮。34品牌資產(chǎn)企業(yè)識(shí)別(CI、VI)、企業(yè)文化、企業(yè)精神、廣告94信息架構(gòu)內(nèi)容架構(gòu)是最接近網(wǎng)站源頭的元素，所謂源頭是指網(wǎng)站規(guī)劃階段包含網(wǎng)站設(shè)立的目的與必須達(dá)成目標(biāo)，網(wǎng)站的內(nèi)容其實(shí)是根據(jù)這些條件而產(chǎn)生的，產(chǎn)生之后如何以最適合的方式分類、群組，深深地影響后來(lái)的瀏覽接口設(shè)計(jì)與視覺(jué)的呈現(xiàn)。因此每家公司都會(huì)有一套Approach，運(yùn)用有系統(tǒng)性思考與檢驗(yàn)方式來(lái)建立網(wǎng)站的骨架，之后的文字影像內(nèi)容就像網(wǎng)站的皮肉一樣，能以最美觀的姿態(tài)出現(xiàn)在它們應(yīng)該出現(xiàn)的地方，并且被使用者以最快速度找到。35信息架構(gòu)內(nèi)容架構(gòu)是最接近網(wǎng)站源頭的元素，所謂源頭是指網(wǎng)站95視覺(jué)影象圖片、影像、圖標(biāo)、動(dòng)畫、底圖背景、版面規(guī)劃等是網(wǎng)頁(yè)設(shè)計(jì)的靈魂，尤其在強(qiáng)調(diào)眼球數(shù)(Eyeballs)的網(wǎng)絡(luò)媒體上，視覺(jué)的展現(xiàn)一直是企業(yè)、網(wǎng)絡(luò)使用者與媒體評(píng)斷網(wǎng)頁(yè)設(shè)計(jì)優(yōu)劣與否的第一道關(guān)卡。然而受到網(wǎng)絡(luò)傳輸速度的限制，設(shè)計(jì)網(wǎng)頁(yè)不像平面那樣擁有要求超高解析品質(zhì)的權(quán)利，但也能看出一個(gè)設(shè)計(jì)者的功力。視覺(jué)影像的元素通常被主觀影響，在經(jīng)驗(yàn)設(shè)計(jì)的精神里，一切都應(yīng)該回歸到使用者的立場(chǎng)，最大的判斷依據(jù)是他們聯(lián)機(jī)的速度與上網(wǎng)的目的。36視覺(jué)影象圖片、影像、圖標(biāo)、動(dòng)畫、底圖背景、版面規(guī)劃等是網(wǎng)96文字風(fēng)格設(shè)計(jì)一篇網(wǎng)頁(yè)或構(gòu)思一則網(wǎng)絡(luò)廣告時(shí)，小從一個(gè)按鈕的命名，大到一整篇公司簡(jiǎn)介，都必須靠專業(yè)的文案人員來(lái)處理，我們稱之為WebWriter。雖然圖片可以抓住網(wǎng)友的眼，文字卻能抓住他們的心。最基本的要求，WebWriter應(yīng)該懂得善于命名網(wǎng)頁(yè)的Title，懂得善于命名圖形名稱，懂得利用動(dòng)畫在Loading時(shí)的空隙傳達(dá)一

些有用的信息。Webwriter要懂得掌握網(wǎng)站的精神，以符合網(wǎng)站精神的語(yǔ)體與文字風(fēng)格與使用者溝通網(wǎng)站的品牌與個(gè)性。37文字風(fēng)格設(shè)計(jì)一篇網(wǎng)頁(yè)或構(gòu)思一則網(wǎng)絡(luò)廣告時(shí)，小從一個(gè)按鈕的97聽(tīng)覺(jué)聲音?網(wǎng)頁(yè)與平面設(shè)計(jì)的最大不同，在于網(wǎng)頁(yè)是一個(gè)展現(xiàn)文字、圖像、影片與聲音等多媒體特色的表現(xiàn)空間，寬頻時(shí)代的來(lái)臨，越來(lái)越多網(wǎng)站都加入了聲音的元素作為提升與使用者溝通的媒介。然而聲音元素的應(yīng)用牽涉到文件格式、長(zhǎng)度、品質(zhì)、合法性與必要性，好的聲音效果能為精采的網(wǎng)頁(yè)設(shè)計(jì)加分，當(dāng)然在使用時(shí)必須考量使用者的帶寬及計(jì)算機(jī)設(shè)備，是否造成不必要的傳輸負(fù)擔(dān)，是否因?yàn)槭褂谜哂?jì)算機(jī)設(shè)備的不足而反而變成失之交臂的創(chuàng)意。

38聽(tīng)覺(jué)聲音?網(wǎng)頁(yè)與平面設(shè)計(jì)的最大不同，在于網(wǎng)頁(yè)是一個(gè)98動(dòng)態(tài)規(guī)劃網(wǎng)站的動(dòng)線規(guī)劃不如視覺(jué)、文字、品牌、內(nèi)容，是顯性的元素，他通常不被看見(jiàn)，卻能夠被使用者清楚的感受。動(dòng)線規(guī)劃可從使用者在網(wǎng)站上從事互動(dòng)性的活動(dòng)時(shí)被檢視。如果你希望網(wǎng)友加入會(huì)員或訂閱電子報(bào)，動(dòng)線的規(guī)劃明顯的影響他們的結(jié)果是否成功，所謂的成功不只完成與否，同時(shí)也包括順暢與否，換言之，他們花費(fèi)多久的時(shí)間完成一項(xiàng)活動(dòng)。此外，動(dòng)線的設(shè)計(jì)也包括不同使用者在網(wǎng)站中進(jìn)入的途徑是否被清楚的標(biāo)示、友善的引導(dǎo)以及體貼的協(xié)助。39動(dòng)態(tài)規(guī)劃網(wǎng)站的動(dòng)線規(guī)劃不如視覺(jué)、文字、品牌、內(nèi)容，是顯性99網(wǎng)頁(yè)技術(shù)前面說(shuō)過(guò)網(wǎng)頁(yè)是一種多媒體的表現(xiàn)空間，因此在網(wǎng)站或網(wǎng)頁(yè)設(shè)計(jì)中如何以多媒體制作技術(shù)來(lái)呈現(xiàn)需要的效果或目的，例如動(dòng)態(tài)DHTML、Flash、JavaScript、RichMedia、3D、StreamingMedia、VirtualReality….等等，廣泛的被運(yùn)用在瀏覽系統(tǒng)、接口設(shè)計(jì)、前導(dǎo)頁(yè)面、網(wǎng)絡(luò)廣告、網(wǎng)絡(luò)行銷活動(dòng)、商品展示介紹、下載等目的。這個(gè)部分經(jīng)常會(huì)牽涉到兩部分的專業(yè)，一部份是與前端的頁(yè)面設(shè)計(jì)者，一部份是后端的數(shù)據(jù)庫(kù)設(shè)計(jì)者。而這正是經(jīng)驗(yàn)設(shè)計(jì)中最困難的部分，因?yàn)閮煞綄I(yè)人員在設(shè)計(jì)時(shí)側(cè)重的層面、所使用的設(shè)計(jì)工具、以及溝通的語(yǔ)言有相當(dāng)大的差異，因此在分頭進(jìn)行到需要整合的階段，就會(huì)產(chǎn)生許多問(wèn)題與困難，例如進(jìn)度落后與效果不良。因此，了解經(jīng)驗(yàn)設(shè)計(jì)精髓的公司懂得如何整合這兩部分專業(yè)的人，以最有效率的方式溝通。當(dāng)然，更重要的是，他們也會(huì)懂得如何運(yùn)用、控制這些技術(shù)，以最優(yōu)異的速度表現(xiàn)，呈現(xiàn)最精采的頁(yè)面，帶給網(wǎng)友最佳使用經(jīng)驗(yàn)

。40網(wǎng)頁(yè)技術(shù)前面說(shuō)過(guò)網(wǎng)頁(yè)是一種多媒體的表現(xiàn)空間，因此在網(wǎng)站或100四大經(jīng)驗(yàn)感官經(jīng)驗(yàn)（lookandfeel）行進(jìn)經(jīng)驗(yàn)（entryandmove）活動(dòng)經(jīng)驗(yàn)（actionandinteraction）心靈經(jīng)驗(yàn)（mindandspirit）

41四大經(jīng)驗(yàn)感官經(jīng)驗(yàn)（lookandfeel）101感官經(jīng)驗(yàn)使用者在接觸到網(wǎng)頁(yè)的瞬間，以他的眼睛、耳朵、手指感受一切。感觀經(jīng)驗(yàn)著重于七項(xiàng)元素中的品牌、視覺(jué)、聽(tīng)覺(jué)、文字、內(nèi)容，因?yàn)檫@時(shí)候使用者對(duì)于網(wǎng)站還停留在觀察階段，以所見(jiàn)到網(wǎng)頁(yè)來(lái)決定下一步行進(jìn)的目標(biāo)，或?qū)徱暸c自己上網(wǎng)目的相符的標(biāo)的物。有些使用者會(huì)因?yàn)橐曈X(jué)設(shè)計(jì)決定想不想留下來(lái)繼續(xù)瀏覽，也會(huì)看網(wǎng)站提供的內(nèi)容而選擇繼續(xù)參觀或離開。42感官經(jīng)驗(yàn)使用者在接觸到網(wǎng)頁(yè)的瞬間，以他的眼睛、耳朵、手指102行進(jìn)經(jīng)驗(yàn)使用者的感觀經(jīng)驗(yàn)側(cè)重于觀察、審視、形成印象、決定最高行動(dòng)原則，而行進(jìn)經(jīng)驗(yàn)側(cè)重于決策行動(dòng)的目的與方向，例如決定觀看進(jìn)一步信息、參與何種活動(dòng)、由何處進(jìn)入，而這樣的行進(jìn)過(guò)程可能會(huì)經(jīng)過(guò)兩個(gè)或兩個(gè)以上的鏈接，才能抵達(dá)目的地，因此行進(jìn)經(jīng)驗(yàn)側(cè)重視覺(jué)、文字、動(dòng)線與技術(shù)等元素。在行進(jìn)經(jīng)驗(yàn)的設(shè)計(jì)上必須利用網(wǎng)絡(luò)互聯(lián)的鏈接特性，讓使用者的行進(jìn)經(jīng)驗(yàn)更順暢，具體的說(shuō)，就是進(jìn)入直接、進(jìn)行容易。43行進(jìn)經(jīng)驗(yàn)使用者的感觀經(jīng)驗(yàn)側(cè)重于觀察、審視、形成印象、決定103活動(dòng)經(jīng)驗(yàn)使用者在網(wǎng)站上的活動(dòng)類型相當(dāng)多樣，活動(dòng)經(jīng)驗(yàn)與行進(jìn)經(jīng)驗(yàn)的差別在于停留的時(shí)間。以旁觀者的角度看來(lái)，行進(jìn)與活動(dòng)都是使用者的動(dòng)作，但行進(jìn)經(jīng)驗(yàn)是經(jīng)由快速的判斷與決策抵達(dá)目的地，而活動(dòng)經(jīng)驗(yàn)則以完成一項(xiàng)目的或任務(wù)，由于完成一項(xiàng)目的或任務(wù)必須經(jīng)過(guò)多次的決策、行動(dòng)、響應(yīng)、決策的過(guò)程，后者所花費(fèi)的時(shí)間通常較前者長(zhǎng)?；顒?dòng)經(jīng)驗(yàn)所側(cè)重的元素為文字、動(dòng)線、技術(shù)，為了節(jié)省活動(dòng)所花費(fèi)的時(shí)間，因此在視覺(jué)影像上的元素在此時(shí)會(huì)盡可能簡(jiǎn)化以求速度品質(zhì)的提升。44活動(dòng)經(jīng)驗(yàn)使用者在網(wǎng)站上的活動(dòng)類型相當(dāng)多樣，活動(dòng)經(jīng)驗(yàn)與行進(jìn)104心靈經(jīng)驗(yàn)行進(jìn)經(jīng)驗(yàn)與活動(dòng)經(jīng)驗(yàn)因?yàn)榭梢酝高^(guò)觀察使用者在使用網(wǎng)站所設(shè)計(jì)的動(dòng)線或功能時(shí)，是否成功完成，過(guò)程是否順暢無(wú)礙而了解，感觀經(jīng)驗(yàn)也還可以詢問(wèn)使用者對(duì)于文字、內(nèi)容、視覺(jué)的辨識(shí)與了解程度做出評(píng)斷，心靈經(jīng)驗(yàn)相較于其它經(jīng)驗(yàn)是最不容易被觀察與描述的。使用者在歷經(jīng)感觀的審視、行進(jìn)的判斷、活動(dòng)的執(zhí)行種種經(jīng)驗(yàn)后，到離線或離開網(wǎng)頁(yè)的時(shí)刻，會(huì)產(chǎn)生一個(gè)整體網(wǎng)絡(luò)經(jīng)驗(yàn)的評(píng)斷，我們稱之為心靈經(jīng)驗(yàn)，而這項(xiàng)經(jīng)驗(yàn)是必須被發(fā)掘的，因?yàn)樗赡苌畈卦谑褂谜叩男睦?、短暫地閃過(guò)使用者的腦海，如果不加以發(fā)掘，除非使用者愿意主動(dòng)分享，否則不容易留下實(shí)際的結(jié)果。因此許多網(wǎng)站在設(shè)計(jì)工作流程中，都會(huì)加入一項(xiàng)重要的流程：可用度測(cè)試（usabilitytest），這項(xiàng)測(cè)試的目觀察使用者的使用情形，讓他們能夠快速正確地完成他們上網(wǎng)的目的。45心靈經(jīng)驗(yàn)行進(jìn)經(jīng)驗(yàn)與活動(dòng)經(jīng)驗(yàn)因?yàn)榭梢酝高^(guò)觀察使用者在使用網(wǎng)105網(wǎng)絡(luò)可用性根據(jù)網(wǎng)頁(yè)設(shè)計(jì)大師JakobNielsen（2001）的定義，可用性（usability）是衡量使用者和網(wǎng)站、應(yīng)用軟件等設(shè)備互動(dòng)經(jīng)驗(yàn)的指針。若以水龍頭為例，一個(gè)水龍頭的可用性包括使用者是否能立刻找出水龍頭的使用方式、是否能輕易開啟它？46網(wǎng)絡(luò)可用性根據(jù)網(wǎng)頁(yè)設(shè)計(jì)大師JakobNielsen（106系統(tǒng)的優(yōu)劣兩大要素實(shí)用性（utility）：該系統(tǒng)是否能提供消費(fèi)者需要的功能？若提供的功能和消費(fèi)者的需求無(wú)關(guān)或者無(wú)法解決主要的問(wèn)題，那么不管它好不好用，都是一個(gè)差勁的系統(tǒng)?？捎眯裕╱sability）：使用者是否會(huì)用該系統(tǒng)，能否有效地操作該系統(tǒng)？即便該系統(tǒng)所言不虛，提供令人滿意的功能，但若使用者想不出怎么操作，依舊是差勁的系統(tǒng)。47系統(tǒng)的優(yōu)劣兩大要素實(shí)用性（utility）：107可用性五大特色易學(xué)習(xí)–使用者面對(duì)一個(gè)完全陌生的系統(tǒng)時(shí)，可以在多短的時(shí)間內(nèi)學(xué)會(huì)基本操作？

記憶力–使用者以前碰過(guò)這類系統(tǒng)，日后再接觸時(shí)，是否對(duì)系統(tǒng)有足夠的記憶力，幫助他有效完成任務(wù)？還是每次都得從頭學(xué)習(xí)一次？

48可用性五大特色易學(xué)習(xí)108可用性五大特色出錯(cuò)頻率與嚴(yán)重性使用者操作錯(cuò)誤的頻率？以及出錯(cuò)的嚴(yán)重性？使用的效率一旦使用者學(xué)會(huì)操作后，可在多短時(shí)間內(nèi)完成任務(wù)？主觀滿意度使用者對(duì)系統(tǒng)用后的滿意度？49可用性五大特色出錯(cuò)頻率與嚴(yán)重性109注意事項(xiàng)所有系統(tǒng)的使用性都具備上述五項(xiàng)特質(zhì)，因此在設(shè)計(jì)產(chǎn)品時(shí)必須將上述五項(xiàng)特質(zhì)納入考慮。有時(shí)候，一些特質(zhì)會(huì)重于其它特質(zhì)，以網(wǎng)絡(luò)為例，易學(xué)習(xí)是最重要的一項(xiàng)，因?yàn)橛脩艉苌僭谝粋€(gè)網(wǎng)站停留太久。此外，主觀滿意度也相當(dāng)重要，因?yàn)橛脩羧粲X(jué)得某個(gè)網(wǎng)站不夠好，只要輕松在鼠標(biāo)點(diǎn)一下，就可進(jìn)入其它網(wǎng)站。相較之下，出錯(cuò)