淺談網站企劃

一般人都以為只要會Dreamweaver、Flash、Photoshop、Illustrator或Fireworks之類的軟體,再加上一些HTML、CSS、JS前端語法及PHP或ASP等之類的後端語言即可製作網頁;其實這樣的觀念說錯也沒有錯,因為畢竟這些東西加在一起確實可以作出一個網站;但人們往往忘了其實一個網站的成功與否除了經營者的用心與否外,最重要的就是網站製作初期時的『網站企劃』,一個好的企劃可以使得整個網站的製作流程事半功倍外,也能提高網站在茫茫網海的生存率。

以下是幾本YOGO個人覺得不錯的網站企劃的書籍,推薦給有興趣往網站製作的朋友參考看看。

 

深入淺出網站設計

  • 作者: Ethan Watrall & Jeff Siarto
  • 譯者:莊惠淳
  • 出版社:歐萊禮
  • 出版日期:2009/04/01
  • 語言:繁體中文

歐萊禮的書向來有口皆碑,所以這本『深入淺出網站設計』是YOGO首選推薦的書籍。

 

內容簡介

我們提供了哪些學習內容?

你曾經希望看看書就能學到真正的網站設計嗎?曾經想過該如何同時達成讓網站看起來美觀、又能有效率地溝通訊息、還要通過易接觸性與可用性的政策嗎?

《深入淺出網站設計》正是精通上述主題的密笈。我們將學到如何設計一個絕佳、使用者友善的網站,內容上從客戶需求,下到手繪分鏡表,乃至完成上線所需的HTML與CSS主文件......而且會有一個真正可以運作的網站!

使用卡片分類法,建立IA圖。

使用色相環,聰明地建立色相。

以可用的選單組織網站。

學習黃金比例為何能建立眼睛看了舒服的網站。

繪製分鏡表,檢視網站呈現在螢幕上的樣子。

本書特色

沿續Head First系列深入淺出的傳統,以豐富且能刺激大腦記憶的圖片、練習題,協助讀者掌握「網站設計」涵蓋的廣大主題。本書重點在於網站的架構;如何用最適當的架構,呈現我們要放在網站上的內容。另外也闡述網站配色與網站寫作等經常使用、但卻不見得知其所以然的架構特色。

目錄

序章
第一章 美醜都來自使用者的觀感:建立美觀網頁
第二章 布包石頭~紙上策略:前置作業
第三章 「在綠色水塔那邊左轉......」:組織網站
第四章 遵循黃金比例:版面佈局與設計
第五章 走出單色調的世界:運用色彩的設計
第六章 再兩秒,按下“首頁”:智慧導覽
第七章 是的,你在掃讀!:網站寫作
第八章 難接近性搞死人:易接近性
第九章 和諧設計之道:傾聽使用者
第十章 保持網站的新鮮:演化性設計
第十一章 管好自己的事:網站設計相關事務
附錄 1 十大遺珠
索引

相關網址:
http://www.books.com.tw/exep/assp.php/yogoman/products/0010432289?utm_source=yogoman&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201403

Information Architecture 100:100個網站規劃必備的知識

  • 作者: 長谷川敦士
  • 譯者:林欣蔚
  • 出版社:悅知文化

悅知文化出版的書向來也很有參考價值,所以是 YOGO 第二本推薦的書。

內容簡介

無論是商業網站、企業網站、服務網站、社群網站…
架構的擬定與藍圖的規劃都是必經過程。

包括──
網站定位、商業模式、目標使用者等,
才能在擬定大方向時也顧及小細節。

獲獎無數且身為日本資訊架構協會主席、人本中心設計推廣組織理事的作者,以多年豐富的網站規劃經驗出發,擬出100個實務及理論兼具的架站守則,一一剖析簡潔且有效率的解決方案。幫助你規劃出極有效率、完善、且豐富的網站架構。

本書涵蓋了資訊架構必備的100個方法,更是在資訊架構範疇中,提及率非常高的100個實踐準則。並依作者經驗,將難易度區分為三大單元──Introduction/基礎、Analysis/分析、Synthesis/整合。以循序漸進的方式,了解在規劃各種類型的網站前,事前需要哪些作業分工以及流程、完成後又該如果何追蹤以及檢討等對策,讓從事網站設計的工作者,能夠具備完善且鉅細靡遺的專業知識,讓你所經手的每個網站,得以彈性十足、無痛擴充、永續經營。

■基礎/Introduction

介紹資訊架構在網站規劃階段的重要性,以及在網站建置專案上如何引進資訊架構的思考觀點。

何謂資訊架構──包括:網站組成元素、階層、企業的資訊架構及形象展現、樣式語言、步調分層以及使用者體驗等。

如何進行資訊架構設計──包括:流程、所需知識與分析整合能力以及適合的主導者。


■分析/Analysis
針對資訊架構所需的前提要素做詳細說明。主要分為「使用者」、「內容」、「背景」等三部分來深入探討。

使用者──包括:使用者調查、情境設計及分析等。

內容──包括:內容的分類、展開方式、增加、更新及再利用等等。

背景──包括:商業需求定義、價值定義、現況分析等。


■整合/Synthesis

在架設網站的過程中如何進行資訊架構設計為本單元之重點。主要由「網站架構」、「導覽」、「標籤」、「畫面設計」等元素構成。

網站架構──包括:類型、構造等,其中包括分層類型、文章類型、軸輻類型、清單&細項類型、直線型等。

導覽──包括:全域區(Global)、內容區(Content)、區域區(Local)三大導覽區的說明,以及階層型、功能、相關、直接、麵包屑、步驟式、動態等七大類型。

標籤──包括:如何定義標籤、選單標籤及導覽標籤等。

畫面設計──包括:從網路生態系統來考量,以及各種不同類型的網站所應考量的重點等,最後將重點放在UI設計上。

作者簡介

長谷川敦士

東京大學綜合文化研究所博士。
曾任職於Netyear Group公司,2000年成立Concent並開始擔任資訊架構師。

以資訊架構的觀點廣泛參與網站及通訊設備設計等活動。

獲頒文化廳媒體藝術祭、優良設計獎(Good design award)等多數獎項。

曾編譯《Designing Web Navigation》(Oʼreilly Japan),並為許多雜誌執筆過。目前為日本資訊架構協會(IAAJ)主席、人本中心設計推進機構(HCD Net)理事、美國資訊架構協會(Information Architecture Institute)、ACM SIGCHI,以及日本設計學會會員。


譯者簡介

林欣蔚

東吳大學日文研究所碩士。興趣是空間設計、環境佈置,以能有自己設計的住宅為夢想。目前專職翻譯及寫作。

目錄

PART 1 簡介/Introduction

1.什麼是資訊架構|What is IA ?

01 資訊架構
02 為什麼需要有資訊架構
03 網站資訊架構的誕生
04 網站的組成元素
05 網站資訊架構的階層
06企業資訊架構(EIA)
07 EIA與企業品牌形象
08樣式語言
09步調分層
10人性化設計
11行動通訊裝置的資訊架構
12從IA到UXD

2.如何建立資訊架構|How to build IA?
13資訊架構設計流程
14資訊架構設計所需的知識及能力
15分析階段
16整合階段
17設計資訊架構的角色
18進行專案討論
19將專案內容成果文件化


PART 2 分析/Analysis

1.使用者分析

20使用者分析的意義與概況
21各種使用者調查
22情境設計
23線上調查
24可用性測試
25使用者模型化
26人物角色法
27心智模型分析
28情況與需求分析
29資訊搜尋行為模式
2.內容分析
30內容分析的意義與概況
31內容的分類與資訊展開
32五帽架法則
33內容的增加與更新
34現有內容的再利用
35卡片分類
36內容模型化
37內容清單(目錄)
3.背景分析
38背景分析的意義與概況
39網站專案的整體概況
40商業需求定義
41提供給使用者的價值定義
42藍圖
43現況分析
44啟發式評估法
45記錄分析
46標竿學習法
47其他網站的網站架構分析
48創意簡報
49計劃執行的優先順序


PART 3 整合/Synthesis

1.使用者體驗設計
50網站概念的定義
51使用者體驗的定義
52概念圖
53使用者體驗流程
54分鏡腳本
55使用者瀏覽網站的情境
2.網站架構設計
56網站架構的定義
57網站架構的類型樣式
58階層式分類結構
59層面式分類結構
60超連結式結構
61軸幅式結構
62清單與內容式結構
63直線式結構
64企業網站的架構
65服務網站的架構
66網站主要架構
67網站細節架構
68網站架構與導覽
69 活用Site-it!
70視覺詞彙
71網站架構的文件化
3.網站導覽設計
72網站導覽的定義
73三大導覽區
74全域區
75內容區
76區域區
77七種導覽模式
78階層式導覽
79功能導覽
80相關導覽
81直接導覽
82麵包屑導覽
83步驟導覽
84動態導覽
85先進導覽系統
4.標籤設計
86標籤的定義
87選單標籤
88導覽標籤
89標題與文章的一致
90標籤定義流程
5.畫面設計
91網頁設計
92從網路生態系統來考量的網頁設計
93使用者體驗流程與網頁設計
94網頁類型
95入口型網頁
96選單型網頁
97內容型網頁
98各網頁的資訊架構
99使用者介面設計
100框架圖


相關網址:
http://www.books.com.tw/exep/assp.php/yogoman/products/0010618801?utm_source=yogoman&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201403

 

網站使用者中心策略:從觀念到實務最完整的操作聖經+企業實例

  • 作者: beBit顧問公司、武井由紀子、遠藤直紀、中島克彥
  • 譯者:謝育容
  • 出版社:商業周刊

商業周刊出版的書具有一定以上的參考價值,所以 YOGO 第三本推薦的即為這本。


內容簡介

本書從網站的目標定位談起,透過策略擬定∕假設∕驗證等程序,找到有效的使用客群,並做出真正符合目標客群需求的網站。

電子商務成功的關鍵就在於了解使用者的行動特性。因此應該要從使用者的角度出發,建構電子商務平台。

網路世界呈爆炸性的成長,企業網站不應該只限於媒體廣告功能。企業應該將網站視為重要的經營通路。例如,把潛在顧客變成顧客,以及與既有顧客鞏固關係。企業網站應該跳脫「簡介」的角色,轉化成「營業單位」甚至於「總公司」的地位。很可惜的是有許多企業砸大錢投資設立網站,卻很快的就草草收兵。其問題的關鍵就在於是否理解使用者,以及是否站在使用者的觀點來建構電子商務。

本書的前半部先介紹電子商務成功的方法理論。後半部再說明如何以使用者為中心來設計網站及電子商務架構。更引用作者實際參與過的成功案例,來說明如何透過假設與驗證,讓網站更人性化、更容易使用。

■第一部 理論篇

介紹使用者中心設計法的源起背景及其必要性,以及使用者的網路行為特質,及實踐時必要的工具。使用者中心設計的必要性會從歷史背景、市場的變化,以及網路這個媒體的特性等面向來進行驗證,以呈現網站在企劃及經營時的理念。

本書具體說明了擁有使用者中心的體制、方法論及網站,對事業具有何種效益,相信對於網站經營的方向也能有所釐清。

因為這部分內容會涉及相關行銷理論,因此對行銷自認理解度還不夠的網站系統開發人員、設計者及經營者來說,也是非常有幫助的。

■第二部 實踐篇

則是以在第一部中獲得的理念及思考方法,在實務上「如何付諸實踐?」的角度來編寫。以作業流程及所需訣竅,以及具體事例為主要內容。龐大的使用者中心設計手法當中最重要的部分,如「網站策略的擬定」及「網站策略的驗證」,以絕大部分的篇幅來敘述。

日本亞馬遜網路書店.商務.電腦類:第17名(2006年10月至今動態排行)

本書特色

題材特殊:有別於台灣市場以網站架設技術、網路拍賣為大宗的出版品,目前是唯一討論網站最根本的「網站策略」的書。

兼具觀念與實務:本書有不只有宏觀的市場思維,也有微觀的實做步驟,從邏輯化的策略思考,到step by step的製作實務,一步步引導讀者將網站策略付諸實現,概念務實、步驟完整。

案例豐富:本書大量引用具體實例,皆為作者實際輔導的網站個案,從金融業、房仲業、製造業、網路商店、一般企業官網等,貼近實務現況,極具參考價值。

大量圖解:透過照片、示意圖、tips、比較表等,加深理解效果及學習印象。。

作者簡介

beBit顧問公司

2000年3月成立於東京。利用假設驗證型的獨創數位行銷方法論,運用科學性方式解析使用者行為分析及心理,提供企業數位行銷之諮詢及軟體方面的支援服務。

以累計超過9,000次的使用者行為觀察測試結果為基礎,進行從網站策略擬定到網站設計、實施效果驗證,實際提升網站營業額及服務申請數等量化成效,這是該公司的專長。

主要實績包括三井住友銀行、日本經濟新聞社、本田技研工業、Yamaha、富士通、Yahoo!JAPAN等日本具代表性大企業。

2012年7月於台北設分公司,提供台灣及中國方面的數位行銷支援服務。

武井由紀子

株式會社bebit董事。早稻田大學政治經濟學部畢業後,進入Andersen Consulting(現Accenture)。負責金融機構的組織策略擬定及政府機構的系統開發,隨後參與設立bebit。

在bebit共同提供對金融機構及製造業的企業網站諮詢,提升高成長的實際績效。著有《網站易用性規則指導書》(Impress出版)。

遠藤直紀

株式會社bebit執行董事。橫濱國立大學經營學部畢業後,有過系統開發公司經歷,而後進入Andersen Consulting(現Accenture)。負責通訊公司的網站運用策略擬定及開發支援後,設立株式會社bebit。從網際網路及網路使用者的特性中,察覺到用以往的系統開發方法論,要成就網際網路事業是有困難的,於是擬定使用者中心的網站開發方法論「bebit UCD」。作為經營者,積極從事於結合行為科學、網際網路、商業,以及介面設計的新世界創造。

中島克彥

株式會社beBit董事。橫濱國立大學經營學部畢業後進入富士銀行株式會社,從事法人融資等工作後,參與beBit的設立。共同致力於金融機構、EC網站、搜尋網站等多家企業的網站諮詢工作,成果表現顯著。

譯者簡介

謝育容

日本名古屋商科大學資訊管理學碩士。譯有《弘兼憲史教你有效開會做簡報》《培養商業腦的七種組織力》《企業回收最佳實務》《賽局理論圖解》《99%水蜜桃族沒發覺的工作規則》等(商周出版),現為專職翻譯。


目錄

序章

第1部 將電子商務導向成功的方法論

第1章 以使用者為中心的觀念背景以及網路使用者的行動特性
徹底理解使用者才是成功的祕訣,網站是使用者自助式服務的媒體,要從目前的時代背景來思考以使用者為中心的必要性。網路和目前既有運作體系、通路是不同的,所以必須要了解網路使用者的行動特性。

第2章 何謂以使用者為中心的設計手法
選定顧客目標,假設顧客的行為,以實際顧客進行驗證,提高每單位成本的效果。儘早將結果數據化,才能提升品質。注意下列重點:掌握與使用者的接觸點,以及使用者的整體行為趨勢。要從使用者的角度來定義網站的價值。還要誠實的應對並確實公開資訊。讓使用者擁有主導權。提高組織、業務過程和系統的合理化與效率,才能實現最迅速的反應。最後就是要從使用者的角度來設計畫面。

第3章 有哪些工具可以促進以使用者為中心的設計
驗證假設的工具與重要性。使用者實際的行動比意見重要,因為真正的需求有語言表達上的極限。分析文字意見與實際行動的差距,回顧過去的行動與現在的行動。反覆多次的驗證假設。透過實例介紹使用者優適性測試(usability test)。

第2部  以使用者為中心的推動方法

第1章 建立網站策略
從網站目的設定目標值,選擇可以測量的指標,透過驗證修正目標。想像使用者的心裡,針對使用者找出誘因。想像使用者的行動劇本,透過每次的驗證讓使用者的行動劇本更加精細。

第2章 驗證網站策略
要聆聽企業內部的聲音,設計網頁型態。第一次使用者優適性測試的重點,目的、驗證重點、測試人數、結果分析、修正網站策略與使用者行動劇本。

第3章 網站基本要件設計與驗證
要件的定義,列出應該揭露的內容或應該提供的功能。根據每一項的重要度,做為建構網站時的參考。重要畫面設計完成後,進行第二次的使用者優適性測試。根據測試結果進行分析並修正行動劇本與重要畫面。

第4章 網站詳細畫面設計與驗證
網站的詳細畫面設計要考量到如何吸引使用者,如何透過文案誘發使用者閱覽的動機。參考其他同類型網站或工具書。多多使用連結,觀察使用者的心情變化。要特別小心運用閱覽率最高的頁面。少文章、多圖表,注意專有名詞的使用,業者認為是常識的內容,在使用者看來不見得是常識。尤其在出現字母縮寫時,要附加註釋,否則會讓使用者覺得「這是個不知所云的網站」。

第5章 驗證網站的效果
要有明確的驗證目的,然後將驗證項目將以定義,定期留意使用者的閱覽統計與趨勢,反覆驗證與修正,以提高驗證的精細度。其他還可以利用問券調查、訪問調查以及閱聽率統計等工具。


相關網址:
http://www.books.com.tw/exep/assp.php/yogoman/products/0010560094?utm_source=yogoman&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201403

當然相關的書籍並不止 YOGO 推薦的這幾本,不過因為這幾本書是 YOGO 有實際讀過,且覺得內容對網站企劃的見解有所助益,所以推薦給有需要的朋友參考。

留言

這個網誌中的熱門文章

用PHP寄MAIL的方法

ImageMagick應用大全(一)

php安裝openssl的方法