網(wǎng)頁策劃與評估課件

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

—從工程學角度看待Web設計網(wǎng)站策劃與評估

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

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

（設計）大概描述頁面的長相21故事底板稿范例

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

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

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

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

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

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

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

—從工程學角度看待Web設計網(wǎng)站策劃與評估

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

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

（設計）大概描述頁面的長相21故事底板稿范例

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

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

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

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

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

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

48可用性五大特色易學習108可用性五大特色出錯頻率與嚴重性使用者操作錯誤的頻率？以及出錯的嚴重性？使用的效率一旦使用者學會操作后，可在多短時間內(nèi)完成任務？主觀滿意度使用者對系統(tǒng)用后的滿意度？49可用性五大特色出錯頻率與嚴重性109注意事項所有系統(tǒng)的使用性都具備上述五項特質(zhì)，因此在設計產(chǎn)品時必須將上述五項特質(zhì)納入考慮。有時候，一些特質(zhì)會重于其它特質(zhì)，以網(wǎng)絡為例，易學習是最重要的一項，因為用戶很少在一個網(wǎng)站停留太久。此外，主觀滿意度也相當重要，因為用戶若覺得某個網(wǎng)站不夠好，只要輕松在鼠標點一下，就可進入其它網(wǎng)站。相較之下，出錯