策划階段
明確制作網站的目的
- 宣傳網站
- 電子商務網站
- 企業網站
- 品牌網站
- 店鋪網站
確定目標用戶
明確網站定位——此網站是為誰設計的，提供什么，然后才有可能成為抓住來訪人的好網站
6W1H思考框架
- who 網站是為誰做的
- when 他什么時候使用這個網站
- where 在哪用這個網站
- what 這個網站提供什么
- whom 誰來提供
- why 為什么要用這個網站
- how 怎么使用這個網站
在設定目標目標時，經常容易有“20多歲的女性”這樣模糊的描述，所有20多歲的女性，真的會有相同的思考方式，生活方式嗎？雖然都是20多歲，但有各種群體，如本科生，專科生，公司職員等。全國20多歲的女性不可能有共同的興趣。
目標用戶不能太泛化，不然會使“怎么推銷，推銷什么”這件事變得很不聚焦。 所以需要了解自己目標用戶的思考方式和生活方式。“興趣是什么”，“周末如何度過”，“會分享的開心事是什么”等更具體的行為模式。
書中例子
who 網站是為誰做的 想給互聯網行業人員送禮物，但不知道送什么的人
when 他什么時候使用這個網站 考慮送什么的時候
where 在哪用這個網站 電腦或手機
what 這個網站提供什么 印有獨特Web相關團的T恤，馬克杯
whom 誰來提供 將要成為互聯網產品經理的Wakaba醬
why 為什么要用這個網站 想知道互聯網產品經理喜歡什么樣的東西，遇到適合的想買下來作為禮物送給他
how 怎么使用這個網站 送什么好啊->他是互聯網產品經理啊->搜索“互聯網產品經理禮物”->找到Wakaba Shop->購買
制造架構圖
為了不讓目標用戶迷惑，快速找到想要的東西，准備好最合適的切入點。
為什么要有架構圖
架構圖是根據用戶需求而建立的。當用戶進入網站后，便於迅速找到所要尋求的某種信息或體驗，提升網站的訪問性能。
通過畫出網站整體的架構圖，可以清楚網站的內容及其必要程度。
例子
目標用戶的需求 對應切入點
電影講了什么？ 故事
演員都有誰？ 演員陣容
導演是誰？ staff
哪些電影院有上映？ 上映電影院
目標用戶的需求 對應切入點
有什么樣的物品？ 商品列表
是誰？用什么樣的理念做的？ 網站介紹
咨詢方式有哪些？ 咨詢入口
設定優先級
通過思考網站的目的和目標用戶想要看到的東西，給剛剛想出來的切入點設定好先后順序。通過設定順序，就可以確定這些切入點在網頁中的位置和所占的面積。
先后順序 切入點
1 商品列表
2 網站介紹
3 咨詢入口
制作網站架構圖
可以用樹狀圖來制作，如此便明確了具體需要哪些頁面。
制定計划（排期）
WBS
WBS是什么
WBS（工作分解結構）是“Work Breakdown Structure”的首字母簡稱，每個單詞的含義如下：
- 項目中的所有工作（Work）
- 被拆解后的（Breakdown）
- 結構圖（Structure）
網站制作流程大致分為：架構——設計——開發——測試——發布
制作計划的工具——Gantter
設計階段
先畫線框圖
線框圖要盡可能簡單
線框圖 就是把網站的頁面布局畫下來的圖。不考慮配色，裝飾等UI設計問題，只是確定把什么元素放在什么位置上。
為什么不把UI考慮在內？
如果一開始就考慮視覺化設計，真正想讓用戶看到的功能就可能受到干擾，甚至可能會造成對網站的操作建議性考慮不足。
因此一開始應當專注於網站目的的達成而進行線框圖制作。
線框圖在線制作工具——Cacoo
設計要簡單易用+風格恰當
簡單易用
-
分組
明確標簽之間對應關系
-
明確父子關系
邏輯結構清晰，才能使用戶便於使用
-
遵從已有習慣
適用一些社會上已廣泛接收，我們已經非常習慣的設計。比如返回鍵在左，前進鍵在右。
-
設置導航欄
並不是所有的用戶都從首頁一步步訪問進來。此時，需要向用戶展示“我在哪，周圍有什么”的信息。
實現這一功能的就是被稱作 “面包屑” 的導航欄。有了面包屑，一個來找馬克杯的用戶就能進行這樣的行動——“有沒有其他類似的商品呢？去餐具類目里康康吧。”
展現風格
基調和風格可以通過下面兩步來明確。
- 提煉商品的特征
- 列出想讓用戶擁有的印象
在第一個階段，要細致地提煉出商品具有的特征。例如，對Wakaba Shop 而言，可以提煉出以下特征。
- T恤或馬克杯這樣的日常用品
- 面向Web相關從業者
- 男女通用
在第二個階段，思考每個特征所展現出來的格調。
- T恤或馬克杯這樣的日常用品 ——> 朴實無華
- 面向Web相關從業者 ——> 扁平化設計
- 男女通用 ——> 中性色
以此為基礎來思考配色和設計細節
運營
用戶行為分析
導入加分析工具Google Analytics
SEO優化
搜索引擎是一種信息搜集程序，放出“爬蟲”，命令其收集全世界網站的數據。
SEO，Search Engine Optimization 的簡稱，意思是搜索引擎優化。
AISCEAS模型
互聯網上的消費行為模型
認知階段
- Attention（關注） 想辦法讓用戶早知道這個東西
找尋，挑揀階段
- Interest（興趣） 下功夫讓用戶產生興趣
- Search（搜索） 優化從搜索引擎到網站的路徑
- Comparison（比較） 賦予可被選入候選列表的優勢
- Examination（檢驗） 打磨可戰勝對手的優勢
行動階段
- Action（行動） 找到最后沒有購買的原因
- Share（分享） 賦予刺激用戶分享的功能或機制