談到如何設計出以使用者為中心的網站,你不能錯過在Web Usability領域享譽盛名Jakob Nielsen的作品,在這位大師的眾多著作中,針對Web設計及可用度研究領域的《Prioritizing Web Usability》,是設計網站時不可或缺的參考工具書。 Web已是大眾廣泛接受的操作方式

應用程式Web化已經是系統設計演進發展的趨勢,不論是開放式或企業內部的應用系統,為求異質系統間的高度整合性,Web-based已經是系統設計的首選。加上大多數的使用者已經熟悉Web平臺的特性,點選超連結的行為及網頁呈現方式,對於現今使用者是十分直覺的動作。

目前硬體、寬頻、軟體技術等條件以及資訊環境,已經跟上內容複雜的需求,網路人口大幅成長,這些使用者不只是單純的資訊接收者,同時也是資訊提供 者(透過文字/影音部落格,C2C拍賣交易平臺等數位媒介發布訊息),全球網站的數量及資訊內容已呈現爆炸性的成長。如果網站設計得不夠人性化,便無法加 強對使用者的黏度。

本書根據近年來網路在使用及技術上的發展趨勢,彙整作者所在公司過去所完成的研究調查報告,建立紮實的實務統計數據,並強調如何從可用性 (Usability)的角度提升網站設計的層次,讓使用者能更快速且有效地使網站達到他造訪的目的,包括資訊提供、商業交易及服務取得等。

Web設計老問題依舊存在

Web發展至今已經十餘個年頭,雖然技術演進上已經有大幅度的成長,但一些積存已久的問題並未因此而減少:

● 彈跳視窗(Pop-Up Windows)的不當使用,造成使用者反感。
● 套用CSS效果使得超連結點選後未改變顏色,浪費使用者時間。
● 點選連結後未在原視窗呈現,而是開啟新的瀏覽視窗,破壞瀏覽動線。
● 破壞了「回上一頁」按鈕的原本功能,使用者需重新輸入資料。
● 提供密密麻麻的資訊內容,使用者無法在最短時間內找到所需資訊。
● 內容設計讓使用者覺得像是廣告,而忽略不去留意。

資訊基礎建設的興起,常會讓一些設計問題被隱蔽而未突顯,例如Flash動畫、Table版面配置等設計如果濫用過度,便成為網站效能的殺手。

透過設計問題模式,為網站體檢

針對網站設計常見的問題,書中將其優先順序一一列出,供讀者依序審視及處理:

● 搜尋功能:避免該查的資訊查不到,不該查的,跑一堆出來。
● 網站的資訊及導覽架構:使用者是否能在最短路徑找到他要的東西。
● 內容的簡潔及易讀性(包括文字、圖片、其他多媒體內容):不會有訪客願意多停個幾秒,去猜內容是否有隱含寓意。
● 網站上產品元素的完整性,是否能有效促成交易的實現。
● 是否有足夠的網頁寫手,能幫網站豐富內容。
● 在使用者需求及技術層面上取得雙贏的局面。

也許會有讀者表示:「網站架構(SiteMap)及頁面流程通常都是由行銷人員規畫後,請視覺設計人員將頁面框好,再交給我們套程式,所以IT人 員在整個設計規畫的過程中並沒有主導的地位。」不過話說回來,同事在未考量使用及技術層面的可行性之前,所提出的天馬行空式網頁需求,身為IT人員的你, 必定常常會遇到。本書能讓行銷同仁們在需求與技術之間取得平衡,提出符合Web Usability的網站企畫書。

要求所有訪客都依照你的設計方式使用網站,是本末倒置的想法,在網站功能日益複雜的同時,你無法預測使用者的行為,任何的網頁流程都有可能被點選或使用。當你規畫、設計的網站,不需要透過大量的頁面說明文字或手冊協助使用者操作,網站就算是成功了。

若你也像筆者一樣,以逛大賣場為假日主要消磨時間的方式,應該會有自己偏好的去處(像是大X發、家X福、X買……等)。這些賣場吸引你持續消費的原因,可能是商品的價格,可能是現場商品陳列的方式以及實際逛的感覺,也有可能是停車的方便性,或是紅利點數的誘因。

最近中元普渡造成賣場人潮洶湧,因此,賣場購物動線是否順暢、人手一輛購物車會不會造成通道壅塞、特價商品的標示是否明顯到能被顧客快速找到、結帳櫃臺是否夠多,或者是結帳流程是否夠快速,不讓顧客大排長龍等因素,突顯出賣場的整體規畫設計是否適當的問題。

賣場規畫與網站設計概念如出一轍

同樣地,賣場規畫的觀念也可以套用在網站設計上。例如訪客在瀏覽網站的過程中,網站是否提供良好的導覽說明及連結,能迅速地指引使用者快速找到需要的資 訊;資訊內容是否以組織化方式呈現,並依相關性串連整合資訊;在流量尖峰時刻能否保持良好的效能表現。這些考量在在顯示出網站的規畫是否能夠符合使用者需 求。

以往網站設計的書籍,絕大多數著重在談論視覺版面構成、網頁技術或是程式端的開發細節。《The Design of Sites》作者歸納整理全球許多知名網站的設計方式及原則,涵蓋跨產業不同功能型態的實例說明,分析每個案例網站設計上所面臨的問題,並擬定可行的改善 方案供讀者參考。

本書目前發行至第二版,距離前一個版本已經間隔4個年頭,這段期間網路世界已有大幅變化,新技術的問世對於網頁設計方式亦有所衝擊。因此,新版內 容增加17個設計樣式,包括目前盛行的部落格(blog);另外,針對影響網路使用行為甚鉅的Ajax技術,以及行動通訊的應用.也在本書探討範圍之內, 目的都在設法讓網站設計能結合最新網路相關技術而發揮綜效。

利用網站設計樣式,解決設計問題

談到設計的課題,就免不了會討論到架構上的網站設計樣式,這裡談的是Web Design Patterns。設計樣式是針對過去一些成功經驗所歸納出來的設計理念及最佳實踐方案,讓後人可以依循參考並降低失敗的機率。

設計樣式可以視為設計端與使用端的共同語言,使網站設計者與實際的使用者彼此的想法趨於一致,如此一來,網站不需要多餘的文字說明,造訪者就能夠直覺地了解到網站所要傳遞的訊息及重點。

本書在設計樣式上依功能需求分為幾大類:如何建立網站導覽框架讓瀏覽更簡易、內容管理機制完整的設計方式、提高網站可信度的作法、電子商務型態網 站的建議方案、協助使用者完成特定工作的功能網站、提供快準狠的搜尋機制、設計高效能的網頁版面等。這些大類之下都再細分出數個實作時的設計細節,方便讀 者針對需求查詢、閱讀。

在網站設計的過程中,如果能試著找出真正的客群,甚至讓他們也能參與網站設計,才能使網站的設計方向真正符合使用者的想法。本書也有專章討論這些提高可用度的方法,讓網站企畫設計人員更能規畫出符合使用者的內容。

設計使用者導向的網站,為本書中心思想

設計一個網站不難,但要設計出一個好的網站,讓你的目標訪客可以樂在其中,並認同網站提供的價值則是另一門課題。目標訪客可能會因為你的主業及營 運內容而有所不同,但是,提供良好互動介面,同時提供有形價值給你的訪客,這樣的終極目標是不變的。針對不同特性的使用族群,所使用的設計樣式也會不同, 本書提供了近百種的設計樣式,教你提供對的資訊給對的對象。

本書主要針對行銷人員及網站企畫人員所寫,內容並非在鑽研網站開發所需的技術細節,而是著重在如何透過標準的設計開發流程,利用由眾多知名網站驗 證出的良好設計原則,設計出以客戶導向(Customer-Centered)為核心概念的成功網站。你可以透過本書,回頭審視已經設計的網站是否有本書 提到的問題,或在未來規畫新網站時奉為圭臬。

筆者曾於數年前參與大型社群網站的規劃及維運,當時將近兩百萬個網站會員,整個網站的經營及內容管理頗具挑戰性,除了透過分析工具所得到的數據可以了解整 體網站使用狀況外,對每個不同訪客的瀏覽行為也是衡量的要點。由於當時網路廣告(Banner)是重要的收益來源,故針對個別的訪客推播不同的廣告內容, 提高點閱率也相當重要。若沒有搭配有效的分析工具,管理者無法有效掌握訪客的動向,也無法得知網站內容的合適與否。

凡走過必留下痕跡
電子商務網站的商業模式以亞馬遜書店(其實現在不只賣書)最為經典,它將商業行為透過網站的方式發揮得淋漓盡致,若您是個細心的使用者,您會發覺 像是進入首頁時,頁面列出與您上一次造訪時瀏覽商品相關的清單,或是在查詢某單一商品時同時會列出建議購買商品,您甚至可以發現,它已經將您在網站上的一 舉一動都記錄下來了。

只要您逛過的網站,就技術而言可以知道您從那裡來,造訪的網頁有那些,停留的時間有多久。這些行為記錄在累積一段時間之後,是很好的行銷分析資料來源。

經營網站不光只是將網站設計架完就了事,還有很多後續的功課要做。關鍵績效指標(KPI)的觀念也逐漸被運用在網站管理上,除了效能管理,資安考量之外,對於電子商務上的運用更是普遍,讓網站服務可以透過這些指標發展得更完美。

《Web Measurement Hacks》作者Eric T. Peterson本身曾是知名網站分析工具WebTrend公司的研發成員,先前類似的著作《Web Analytics Demystified》引起熱列迴響。而本書則以使用技巧(Hacks)的角度撰寫,針對網站營運所需的測量及分析方式有十分完整性的介紹。

將網站記錄抽絲剝繭,找出有意義的資訊
本書包括100個技巧,分七個章節,說明在進行網站分析時應該注意的事項,教你如何利用網站分析出來的結果,優化線上網站服務內容。第一章介紹網站分析的必要性及基本概念,了解網站分析資料來源的種類及使用時機,網站流量分析工具的評估及選用等。

第二章介紹網站分析工具的建置。在這裡介紹了不少技術細節,例如運用Cookie、JavaScript等機制來辨別訪客,網站記錄檔(Logfile)格式的整理分析,並與其他的資料整合運用。除此之外,對於訪客隱私權的保護亦得被重視。

第三章介紹線上行銷活動分析的方式,這裡包括了線上廣告,電子廣告郵件,搜尋引擎連結,加盟連結等。每個網站都有它特定的營運方針及行銷策略,要怎麼從這麼多的來源去分析出訪客的特性,推出合適的行銷策略,提高客戶的忠誠度,在本章有詳盡的介紹。

第四章則針對網站的可用度進行討論,這關係到網站本身的設計是否符合訪客的使用行為,瀏覽動線是否流暢,以及訪客能否在最短的時間內找到他要的內容。第五章探討以技術統計及人口統計的角度來分析訪客行為。

第六章介紹電子商務與網站測量之間的關係,討論如何改良電子商務網站的設計以增加營收。這裡分析了訪客的購買行為,像是購物車的使用、付款流程的進行、辨別常客與潛在客戶的消費方式,搭配交叉銷售(Cross-Selling)等手法提高銷售量。

利用KPI有效監控網站營運狀況
第七章則強調報表及KPI的重要性。而且針對每項指標都必須定義改善的方案,數值的比例及趨勢則是觀察的重點。本章亦對不同性質的網站提出建議性指標供讀者參考,當然你也可以發展出一套適合自身企業的KPI。

一個專業的網站經理人必須同時對技術及管理都能兼顧,本書的內容可以充實網站技術及行銷管理面等知識。透過本書建議的方法,你可以衡量訪客在網站中不同類型的活動。這些資訊可以提供網站管理者來分析內容的特性,甚至提供行銷人員,做為未來改善營銷活動的重要依據。

Follow

Get every new post delivered to your Inbox.