本書特色
- 101項網頁設計必知法則-
規劃網站時,一定要先確認過!
- 可參考的案例與使用工具-
除了看範例,也知道可用的相關工具。
- 可做為檢視網站缺失的指南-
網站訪客少、不好用?看看哪幾項沒辦到吧!
想要一個吸引網友目光與駐足的網頁,該從何處著手?
- 你的網站需要什麼?
- 該如何架構它?
- 網站看上去該是什麼樣子?
- 別人該如何找到它?
不管是走極簡風格的公司網站、版面繽紛的設計網站,或是充滿影音訊息的新聞網站,動手設計前的完整規劃必不可少!
本書的寫法不同於將許多網頁分門別類的「型錄式」做法,而是針對──技術、內容、導覽、版面、觀感、使用者經驗、用戶流程、無障礙、網站上線、網站行銷──這十大項缺一不可的必要元素,告訴讀者該留意哪些地方、還有哪些地方可再優化。
主旨不在告訴讀者該怎麼做,而是告訴讀者該怎麼想,才能確保網頁的設計符合使用者的需求。
作者簡介:
史考特.派克(Scott Parker)
在網路世界誕生不久後,史考特.派克就已投入其中,並以各種角度審視網路:不管是一位顧客、供應者還是評論家。多年來,他在各個截然不同的領域中與多位專家合作,讓他具備準確的洞察力,知道哪些可行、哪些不可行。
1994年,他協助建立英國政府第一個網站,接著管理英國首度獲利的線上新聞服務網站。史考特同時也是英國雜誌Internet Magazine的副主編,該雜誌在大起大落的網路世界中扮演著領導地位。史考特為該雜誌撰寫大量如何建立和管理一個好網站的文章。
直至2009年以前,史考特是一家先進醫療資訊公司的產品設計領導者。此份工作必須為客戶如Department of Health、NHS和各種消費層面的健康資訊網站,建立複雜且以網路為基礎的應用程式,並經常要與許多主流線上出版商如Telegraph.co.uk、Saga、netdoctor.co.uk、channel4.com和Times Online等,進行合作。
現在,他自己經營一間顧問公司,從事各種網路項目,不管是替小公司設計簡單的網站,還是發展複雜的資料驅動(database-driven)應用程式等。
他總是樂於貢獻自己的意見,所以如果你有任何疑問,不妨寫信到scott@scottparker.co.uk。
作者序
任何一份網路事業的開端,都可能是相當艱巨的,想知道該從何處著手,也很不容易。你的網站需要什麼?你該如何架構它?網站看上去該是什麼樣子?別人該如何找到它?
本書將帶領讀者縱觀架設網站必須注意的事項,給予建議,協助讀者達成目標。書裡將整理出許多優良實例,並介紹各實用網站與服務,提供讀者一路上所需資訊,更重要的,是突顯架構網站時即將面臨的關鍵抉擇。本書主旨不在告訴讀者該怎麼做,而是告訴讀者該怎麼想,才能確保成功。
儘管此書目的在於指導初出茅廬的網頁設計師架構人生第一個網站,但對於不想搞得自己灰頭土臉的人來說,本書也有相當大的實質助益。如果你欲委託他人為你架構網站,對於所用技術和網頁設計原則有基礎的了解,將有助於理解自己網站的需求,並提升開會效率。即使是專家,也有需要幫助的時刻。本書提供最有用的檢查清單,確保對方手上會有最全方位的資訊。
此外,本書將證明給讀者看:即便你不是編寫程式的專家,依然可以擁有超棒的網站。不管是哪方面的苦差事,幾乎都可以找到又快又簡單的應對方法,同時滿足你的需求。這不是一種逃避的行為,因為不管你有多傑出,如果想為自己省下時間、金錢和理智,有時候走捷徑絕對是必要的。
書中許多段落可輕易地被擴寫成一整個章節、甚至是一本書,但此書選擇蜻蜓點水般地概寫關於網頁設計與發展,目的是想囊括所有讀者可能面臨的問題。網路上不乏各式各樣的好建議,但有時你需要的是讓別人輕推一把,告訴你哪個方向才是正確的,而這本書正可給予讀者一個好的探索起點。
當然,每本關於網頁設計的書籍,都只能代表片段時間的浮光掠影。網路世界中的演變是如此迅速,在你習得當今最棒的實踐技巧前,此技巧或許早已走入歷史。但不管網路變化多麼劇烈,傑出的網頁設計原理總是不變。由於趨勢、意見與技術的發展,多數在本書中被提出的問題,在很大程度上將總是存在。如果你的計劃周全,致力於提供人們想看的內容,且竭盡所能地提高網站可看性與易用性,那麼毫無疑問地,你的網站絕對會是成功之作。
任何一份網路事業的開端,都可能是相當艱巨的,想知道該從何處著手,也很不容易。你的網站需要什麼?你該如何架構它?網站看上去該是什麼樣子?別人該如何找到它?
本書將帶領讀者縱觀架設網站必須注意的事項,給予建議,協助讀者達成目標。書裡將整理出許多優良實例,並介紹各實用網站與服務,提供讀者一路上所需資訊,更重要的,是突顯架構網站時即將面臨的關鍵抉擇。本書主旨不在告訴讀者該怎麼做,而是告訴讀者該怎麼想,才能確保成功。
儘管此書目的在於指導初出茅廬的網頁設計師架構人生第一個網站,但對於不想搞得自己灰頭土臉的...
目錄
Chapter 1:在開始之前
001 為何需要網站/002 親自出馬/003 研究和反饋/004 計劃成功
Chapter 2:技術
005 網頁設計的挑戰/006 編碼/007 運用樣式表/008 符合標準/009 保持整潔/010 跨瀏覽器的相容性/011 HTML5與未來/012 使用JavaScript/013 使用Flash/014 使用內容管理系統/015 不要做白工/016 找一個家/017 工欲善其事,必先利其器
Chapter 3:內容
018 內容才是王道/019 為網路社群而寫/020 互動內容/021 聲音和音樂/022 提供影片內容/023 增加相片藝廊/024 使用PDF和其他檔案/025 成立部落格/026 建立討論區/027 提供訂閱者專屬內容
Chapter 4:導覽
028 導覽原則/029 良好的網站結構/030 垂直與水平/031 導覽列延伸/032 依據使用者區分內容/033 你在這裡/034 動態效果/035 使用圖示/036 有效的首頁/037 增加搜尋工具/038 網站地圖
Chapter 5:版面
039 組織頁面/040 擺脫對折/041 固定版面VS.彈性版面/042 正確比例/043 移動捲軸/044 使用表格/045 善用置底區域/046 處理廣告/047 為手機用戶設計網頁/048 漂亮地列印
Chapter 6:外觀與感受
049 選擇設計主題/050 選擇色調/051 文字編排挑戰/052 圖片的運用/053 背景的運用/054 動畫/055 設計表單/056 用戶客製化選項
Chapter 7:改善使用者經驗
057 讓使用者不用思考/058 有效的超連結/059 建立有意義的錯誤訊息/060 速度最佳化/061 使用者控制/062 使用快顯視窗/063 提供協助/064 使用cookie/065 安全性與可用性的平衡/066 用戶測試
Chapter 8:用戶流程
067 註冊/068 建立網路商店/069 完整的路徑標示/070 稍後完成/071 提供聯絡資訊/072 付款選項/073 訂單追蹤/074 保護顧客隱私/075 提供良好的顧客服務/076 用戶調查與評鑑/077 清楚的定價、協議和運送方式
Chapter 9:無障礙
078 無障礙為什麼很重要/079 熟悉輔助工具/080 提供替代內容/081 確保無障礙導覽/082 鍵盤控制/083 Flash可用性
Chapter 10:上線
084 測試/085 啟動網站/086 內容更新/087 管理使用者/088 流量監測
Chapter 11:網站行銷
089 為何推銷是必要的?/090 成為搜尋引擎友善的網站/091元資料:已入土為安?/092讓網頁更容易被檢索/093 建立網站的超連結/094 加入線上工商名錄/095 利用Google AdWords打廣告/096 建立臉書專頁/097 善用推特/098 建立動態消息/099 運用Youtube/100 製作電子報/101 在現實中推銷網站
Appendix A 術語詞典
Chapter 1:在開始之前
001 為何需要網站/002 親自出馬/003 研究和反饋/004 計劃成功
Chapter 2:技術
005 網頁設計的挑戰/006 編碼/007 運用樣式表/008 符合標準/009 保持整潔/010 跨瀏覽器的相容性/011 HTML5與未來/012 使用JavaScript/013 使用Flash/014 使用內容管理系統/015 不要做白工/016 找一個家/017 工欲善其事,必先利其器
Chapter 3:內容
018 內容才是王道/019 為網路社群而寫/020 互動內容/021 聲音和音樂/022 提供影片內容/023 增加相片藝廊/024 使用PDF和其他檔案/025 成立部落格/026 建...