内容型网站首页分析

一、页面结构

1. logo
2. 导航栏
   • 主要导航
   • 次要导航
   • 标签导航
3. 搜索
4. 我的
5. 卡片式内容展示
   • 作者
   • 标题
   • 题图
   • 时间
6. 更多内容
7. 置顶
8. 关键功能一键到达：如简书的“write”，知乎的“提问”
9. 其他
   • 公司相关信息（关于我们，合作等等）
   • 互联网许许可证

二、展现形式

1. 固定顶部导航栏

   • 顶部导航栏包含内容：logo、搜索、导航项目、我的
   • 顶部导航栏一般不会随页面下滑而滚动消失，因为需要让用户可以随时知道自己处于什么位置，并且能快速跳转到其他想去的页面

2. 鼠标悬浮到导航项，显示更多内容

   • 显示二级菜单

     
     Paste_Image.png

   • 当导航标签显示过于简洁时（如只用了图标），悬浮后显示文字注释

     
     Paste_Image.png

     优点：把更多内容藏在里面，节省页面空间，保持页面简洁
     缺点：用户对于图标理解能力弱；用户单凭一级导航项无法快速找到内容
     

3. 把其他重要的内容固定在右侧
   优点：增加其他内容模块的点击率
   缺点：分散用户的注意力

4. 查看更多内容

   • 自动加载（如知乎）
   • 手动点击加载
   • 翻页
     -内容更新频繁程度：自动加载>手动加载>翻页
     -打断用户程度：自动加载<手动加载<翻页
     -自动加载需要与“在首页展开卡片内容”联系起来使用，不然用户点击卡片内容跳转，已经打断了用户的浏览过程，再实行自动加载，就没有意义了
     -自动加载会让用户产生无法结束，不知道何时是底的失控感

5. 内容展现

   • 统一以卡片的方式展示
   • 展示内容包括：相关人员、标题、时间、图片

6. 置顶button需要时再出现

   • 置顶button等用户下滑了几轮后，再显示出来
   • 一方面是因为在第一轮页面，用户不需要置顶，另一方面是显示动画会间接提醒用户置顶button的存在

三、设计层面
1. 导航栏要跟正文内容有明显的色块区分