策划阶段
明确制作网站的目的
- 宣传网站
- 电子商务网站
- 企业网站
- 品牌网站
- 店铺网站
确定目标用户
明确网站定位——此网站是为谁设计的，提供什么，然后才有可能成为抓住来访人的好网站
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（分享） 赋予刺激用户分享的功能或机制