一、页面结构
- logo
- 导航栏
- 主要导航
- 次要导航
- 标签导航
- 搜索
- 我的
- 卡片式内容展示
- 作者
- 标题
- 题图
- 时间
- 更多内容
- 置顶
- 关键功能一键到达:如简书的“write”,知乎的“提问”
- 其他
- 公司相关信息(关于我们,合作等等)
- 互联网许许可证
二、展现形式
-
固定顶部导航栏
- 顶部导航栏包含内容:logo、搜索、导航项目、我的
- 顶部导航栏一般不会随页面下滑而滚动消失,因为需要让用户可以随时知道自己处于什么位置,并且能快速跳转到其他想去的页面
-
鼠标悬浮到导航项,显示更多内容
-
显示二级菜单
-
当导航标签显示过于简洁时(如只用了图标),悬浮后显示文字注释
优点:把更多内容藏在里面,节省页面空间,保持页面简洁 缺点:用户对于图标理解能力弱;用户单凭一级导航项无法快速找到内容
-
把其他重要的内容固定在右侧
优点:增加其他内容模块的点击率
缺点:分散用户的注意力-
查看更多内容
- 自动加载(如知乎)
- 手动点击加载
- 翻页
-内容更新频繁程度:自动加载>手动加载>翻页
-打断用户程度:自动加载<手动加载<翻页
-自动加载需要与“在首页展开卡片内容”联系起来使用,不然用户点击卡片内容跳转,已经打断了用户的浏览过程,再实行自动加载,就没有意义了
-自动加载会让用户产生无法结束,不知道何时是底的失控感
-
内容展现
- 统一以卡片的方式展示
- 展示内容包括:相关人员、标题、时间、图片
-
置顶button需要时再出现
- 置顶button等用户下滑了几轮后,再显示出来
- 一方面是因为在第一轮页面,用户不需要置顶,另一方面是显示动画会间接提醒用户置顶button的存在
三、设计层面
1. 导航栏要跟正文内容有明显的色块区分