本文关键词：网站架构图的制作
我干了七年建站，见过太多老板拿着手机里的草图就敢让我报价，结果做出来的东西惨不忍睹。最让我头疼的，就是那些连自己网站到底要放什么内容、分几层都说不清楚的客户。你让一个设计师去猜你的心思？那是在赌博，不是在干活。今天我就把压箱底的经验掏出来，讲讲怎么通过科学的网站架构图的制作，把这种扯皮的事彻底终结。
很多人觉得画个框框连连线就是架构图，大错特错。这玩意儿要是画不好，后面开发全是坑。我见过一个客户，非要搞扁平化，所有页面都在根目录下，结果SEO权重分散，流量跌得亲妈都不认识。这就是不懂信息架构设计的后果。
第一步，别急着动笔，先拿纸笔或者白板，把你的核心业务列出来。别管什么美观，先理清逻辑。比如你是做电商的，核心肯定是商品分类、购物车、订单中心。你是做B2B的，核心可能是产品展示、案例展示、联系我们。这一步叫“头脑风暴”，把你脑子里所有的想法都倒出来，哪怕是很烂的想法也没关系，先求量，再求质。
第二步，确定层级结构。这是网站架构图的制作中最关键的一环。一般建议控制在3到4层以内。第一层是首页，第二层是核心栏目，比如“产品中心”、“关于我们”，第三层是具体页面，比如“某款产品详情”。为什么不能太深？因为用户耐心有限，超过4次点击找不到的东西，他们就直接关掉了。这也是用户体验优化的基础。我有个朋友之前做过一个测试，层级每增加一层，跳出率就上升15%左右，这数据虽然有点老，但道理没错。
第三步，开始画图。这时候你可以用Visio、XMind，甚至就是PPT。用矩形代表页面，用箭头代表跳转关系。注意，一定要标出导航栏的结构。很多开发者会忽略这一点，导致做出来的菜单和你想的不一样。你要明确告诉开发，哪些页面是并列的，哪些是包含关系。这里有个小细节，很多人容易搞混“面包屑导航”的逻辑，记得在架构图里标注清楚，比如：首页 > 产品 > 电子产品 > 手机。
第四步，找开发和产品经理对齐。这一步千万别省。拿着你的架构图，一个个页面过。问他们：“这个页面需要哪些数据字段？”“这个跳转逻辑在代码里好实现吗？”有时候你会发现，你设计的一个看似酷炫的交互，开发说做不了，或者成本极高。这时候就要学会妥协，或者寻找替代方案。这也是为什么我说网站结构规划必须前期介入，后期改架构，那是推倒重来，费钱又费时。
第五步，迭代更新。架构图不是一成不变的。随着业务发展，你可能会增加新功能，比如加了个“社区板块”，那架构图就得跟着变。每次大改版前，先更新架构图，再动手写代码。
我真心觉得，做好网站架构图的制作，能省下至少30%的开发时间。别嫌麻烦，前期多花一小时画图，后期能少加三天班。那些觉得“差不多就行”的老板，最后往往都要为“差不多”付出巨大的代价。
当然，我也不是神，我也踩过坑。有一次我为了追求极致的简洁，把某个重要入口藏得太深，结果转化率掉了两个点。所以，别迷信理论，要结合你的用户习惯。多看看竞品，多看看数据，别闭门造车。
最后说一句，别指望一张图能解决所有问题，但它绝对是避坑指南。如果你现在正对着空白文档发呆，不妨试试这几步。虽然过程有点枯燥，但结果绝对让你爽。毕竟，谁也不想辛辛苦苦做的网站，因为结构混乱被用户骂吧？
记住，清晰的结构就是好的开始。别偷懒，画出来，改出来，这才是正经事。
