入口导航与页面分区
顶部导航固定在上方,向下滚动时始终可点。首屏会列出当前开放的分区,点一下就到位,不必再回首页重新找路。分区按用途划分,同一类内容只在一个位置出现,避免来回翻找。
- 顶部导航与移动端抽屉使用同一套分区名称,切换设备不会认错入口
- 分区之间跳转保留滚动位置,返回上一屏不用重新定位
- 尚未加载完的分区显示占位样式,不会出现整块跳空
分区导航结构示意
从入口分区到提醒追踪,把每个功能放在它出现的位置上说明白:在哪里打开、能完成什么、什么情况下会用到,以及容易忽略的操作细节。
下面按日常使用顺序排列。左侧目录可以随时跳转,每一条都配了截图位与要点清单,方便对照自己的页面逐项核对。
顶部导航固定在上方,向下滚动时始终可点。首屏会列出当前开放的分区,点一下就到位,不必再回首页重新找路。分区按用途划分,同一类内容只在一个位置出现,避免来回翻找。
分区导航结构示意
登录入口位于页面右上角,点击后展开输入框,不跳转到单独页面。登录状态保存在本机浏览器,关闭页面再次打开无需重复输入;长时间未操作会自动退出,重新进入只需一次确认。
登录状态与设备同步示意
检索框同时匹配标题与正文,输入两个字以上开始返回结果。筛选条件可以叠加使用,结果数量随勾选实时变化,不需要反复提交。没有匹配项时,页面给出可执行的调整建议,而不是一片空白。
检索与筛选条件叠加示意
关注的分类有新条目时,页面右上角出现提示,点开即可查看新增内容。提醒频率可以按天或按周调整,也可以临时关闭某一条,不影响其他分类。已读状态在同一账号下保持一致,换设备不会重复提醒。
更新提醒与频率设置示意
手机浏览时,主导航收起为抽屉,功能项一个不少。正文宽度随屏幕收缩,图片按比例缩放,长标题自动换行,不会出现横向滚动。平板与桌面端共用同一套分区结构,只是在栏数上做调整。
移动端抽屉导航示意
浏览记录保留近期打开的条目,可以逐条删除,也可以一次性清空。偏好设置包含默认打开的分区、正文字号与主题明暗,改动后立即生效,不需要刷新页面,也不会影响其他设备的设置。
记录管理与偏好项示意
同一个入口在桌面、手机和未登录状态下表现略有差异,下面按三种常见情形分别列出,方便提前确认手上这台设备能用到哪些部分。
多栏布局同时展示目录与正文,检索、筛选、提醒设置都能在同一屏内完成。
导航收进抽屉,正文单列展开,阅读区上方保留一个返回入口。
不登录也能浏览公开分区与检索结果,涉及个人数据的部分会有明确提示。
下面几条是核对功能时提到最多的问题,逐条展开可以看到具体处理顺序。