网页企划与评估教学讲义.pptVIP

Jakob Nielsen 它在您需要考慮的幾乎所有因素方面一直都表現得很好。當您在不同的頁面上時，您知道您要做什麼。一直在改進設計，但是卻一直以使用者經驗為出發點。 Jakob的三大設計原則是： 精緻簡約，越少越好 支援使用者任務 不要阻礙使用者 Jared Spool 在設計得最好的網站上瀏覽時，網友究竟有多少時間能夠成功達到他們的目標呢？」根據 Spool 的觀察，答案是42％。根據Spool簡單而保守的推算，「所有的網站都是失敗的。」 Spool的四項設計原則是： 瞭解網站的目的 瞭解使用者的目的 確保所刊登的內容能達到目的 確保所刊登的內容能達到目的 經驗設計（ Experience Design ） 先軀為Nathan Shedroof。 經驗設計涵蓋從美學、互動、價值與意義、品牌、時間、動機、架構、控制、語言、回饋、資料、個人化、商務等不下數十種元素，這些元素都可能影響到設計的結果，是否能真正符合使用者的需求。因此，我們談網站或網頁的設計，從表象上看來似乎是一種藝術、視覺的設計，但如果只著眼藝術與視覺設計的表現，絕對不會是評估一個專業網站規劃及設計公司最好的角度。 雖然好的網站設計需要經驗豐富的設計者，然而經驗設計中所謂的「經驗」，是指「使用者」的經驗，而非網站「設計者」、「擁有者」的經驗。也就是說，經驗設計的精神就是，站在使用者的角度、觀點、心態來設計網站或網頁。 設計前之研究課題 使用者是誰？ 他們在網站上可能發生的經驗是什麼？ 這些經驗會在何處發生？ 在何時發生？ 為什麼會發生這些經驗？ 當這些經驗發生時，他們會有哪些問題或想法？ 經驗設計之特色 網站或網頁的經驗設計有一項特色，就是使用者的一切活動，包含感觀、動作、心靈都發生在虛擬的空間中。 在虛擬的空間中，建立經驗最快的方法就是模擬實體的世界，因此如何整合實體與虛擬世界中的空間與活動，彌補虛擬世界相較實體世界的不足之處，並利用虛擬世界優於實體世界之處，則是經驗設計時的最大挑戰。 經驗設計七大元素 品牌資產（brand asset） 資訊架構（information architecture） 視覺影像（visual） 文字風格（editorial） 聽覺聲音（sound） 動線規劃（structural） 網頁技術（technology） 品牌資產 企業識別(CI、VI)、企業文化、企業精神、廣告行銷等資產，是決定網頁設計的基礎，例如網頁所採用的顏色、基調、技術、圖片、圖示、文字風格、資訊內容等等，都應視企業的品牌為設計的依歸。尤其擁有豐富品牌資產的企業，在塑造數位世界的品牌形象時，往往比實體世界更需要斟酌考量。 資訊架構 內容架構是最接近網站源頭的元素，所謂源頭是指網站規劃階段包含網站設立的目的與必須達成目標，網站的內容其實是根據這些條件而產生的，產生之後如何以最適合的方式分類、群組，深深地影響後來的瀏覽介面設計與視覺的呈現。因此每家公司都會有一套Approach，運用有系統性思考與檢驗方式來建立網站的骨架，之後的文字影像內容就像網站的皮肉一樣，能以最美觀的姿態出現在它們應該出現的地方，並且被使用者以最快速度找到。 視覺影像 圖片、影像、圖示、動畫、底圖背景、版面規劃等是網頁設計的靈魂，尤其在強調眼球數(Eyeballs) 的網路媒體上，視覺的展現一直是企業、網路使用者與媒體評斷網頁設計優劣與否的第一道關卡。然而受到網路傳輸速度的限制，設計網頁不像平面那樣擁有要求超高解析品質的權利，但也能看出一個設計者的功力。視覺影像的元素通常被主觀影響，在經驗設計的精神裡，一切都應該回歸到使用者的立場，最大的判斷依據是他們連線的速度與上網的目的。 文字風格 設計一篇網頁或構思一則網路廣告時，小從一個按鈕的命名，大到一整篇公司簡介，都必須靠專業的文案人員來處理，我們稱之為Web Writer。雖然圖片可以抓住網友的眼，文字卻能抓住他們的心。最基本的要求，Web Writer應該懂得善加命名網頁的Title，懂得善加命名圖檔名稱，懂得利用動畫在Loading時的空檔傳達一些有用的訊息。Web writer要懂得掌握網站的精神，以符合網站精神的語體與文字風格與使用者溝通網站的品牌與個性。 聽覺聲音 網頁與平面設計的最大不同，在於網頁是一個展現文字、圖像、影片與聲音等多媒體特色的表現空間，寬頻時代的來臨，越來越多網站都加入了聲音的元素作為提昇與使用者溝通的媒介。然而聲音元素的應用牽涉到檔案格式、長度、品質、合法性與必要性，好的聲音效果能為精采的網頁設計加分，當然在使用時必須考量使用者的頻寬及電腦設備，是否造成不必要的傳輸負擔，是否因為使用者電腦設備的不足而反而變成失之交臂的創意。 動線規劃 網站的動線規劃不如視覺、文字、品牌、內容，是顯性的元素，