很多改版是这样的:先定配色和版式,做到一半发现栏目放不下,于是临时加一层。最后出来的结构既不好看也不好用。
正确的顺序是先定结构,再做设计。结构决定了用户能不能找到东西,这件事和配色无关。
从用户任务倒推
不要从"我们有什么内容"出发,从"用户来干什么"出发。常见的企业站任务有这几类:
- 了解你能做什么:产品或服务范围
- 确认你能解决他的问题:方案、案例、行业经验
- 判断你靠不靠谱:资质、客户、规模、年限
- 比较和选型:参数、价格区间、对比
- 联系你:电话、表单、地址
这五类任务对应五类内容,网站结构就应该围绕它们组织,而不是围绕公司的部门划分。
层级的经验值
从首页到任何内容页,点击不超过三次。超过三次,深层页面的访问量会断崖式下降,收录也会变差。
常见的健康结构:
首页└─ 产品中心(列表)└─ 产品分类(列表)└─ 产品详情└─ 解决方案└─ 行业方案(列表)└─ 方案详情└─ 客户案例(列表 + 详情)└─ 关于我们 / 联系我们分类维度要统一
这是最常犯的错误。比如产品既按品类分又按行业分,用户点进去发现两个维度混在一起,不知道该从哪找。
处理办法:选一个主维度做导航,另一个维度做成筛选条件。比如导航按产品品类,页面上提供"按行业筛选"的功能。
导航与面包屑
架构落到界面上,主要靠这两样:
- 主导航:五到七项,覆盖主要任务入口
- 面包屑:
首页 > 产品中心 > 除尘器 > 某型号,让用户知道自己在哪,也能一键回到上层 - 页脚导航:放次级入口,比如常见问题、下载中心、招聘
- 相关推荐:在页面底部放同类或相关内容,给人继续看下去的路
交叉内容怎么处理
有些内容天然属于多个分类,比如一个案例既涉及某产品也属于某行业。两种做法:
- 设一个主分类,其余用标签:物理上只在一个位置,通过标签聚合出其他入口
- 做聚合页:比如"钢铁行业解决方案"页,把相关案例和产品链接过来
不要真的复制多份,重复内容会让搜索引擎难以判断该推哪一页,也会让维护变复杂。
怎么验证架构好不好
做完之后,用这个方法测一下:
- 找三到五个不了解网站的人:最好是真实客户或者新同事
- 给他们具体任务:"找一下某型号的技术参数""看看你们做过哪些汽车行业的案例"
- 不提示,让他自己找,记录用时和点击路径
- 三次以内找到算合格,找不到的地方就是架构问题
这个测试花不了半天,但能提前发现大量问题。等到上线后再改,成本是现在的十倍。
留一份架构图
把最终的结构画成图,标注每个页面的作用和内容来源。这份图在设计、开发、内容录入三个阶段都会被反复用到,也是以后新增栏目时的判断依据。
信息架构是网站的骨架。骨架歪了,皮肤再漂亮也站不正。
—— 一位做过大量架构重组的策划总监