栏目导航
页面顶部的横向栏目,负责在首页、入口说明、功能说明等页面之间切换,滚动时保持固定。
打开网页版之后,页面顺序基本固定:先看到栏目导航,再看到主要入口,接着是内容区和帮助说明。这样的排布让第一次访问的人不必到处找按钮,按从上到下的顺序浏览就能覆盖大部分需求。
网页版对屏幕宽度做了适配处理。宽屏时栏目横向排列、内容分栏展示;窄屏时栏目收进菜单按钮,卡片改为上下堆叠,按钮普遍下移,方便单手点按。
如果你在手机上发现某个按钮找不到,多半是被收进了折叠菜单里。展开菜单后,栏目顺序与电脑端保持一致,从上往下依次排列,不需要重新熟悉一遍位置。
下面这些模块是访问网页版时最常接触的部分,每一项都标注了大致位置和用途,方便按需查找。
页面顶部的横向栏目,负责在首页、入口说明、功能说明等页面之间切换,滚动时保持固定。
集中放置的主要入口按钮,点击后进入对应页面,按钮样式与普通链接有明显区分。
用于显示当前登录状态的位置,未登录时呈现登录入口,已登录时显示账号相关操作。
卡片和列表组成的信息区域,用于展示最新说明、常见问题与栏目内容,支持逐条查看。
靠近页面底部的说明区域,收录了访问异常、页面显示不全、内容加载缓慢等常见情况的处理思路。遇到问题时可以先在这里按关键词比对,多数情况能找到对应的排查方向,不必反复刷新页面。
同一套功能,在不同设备上体验略有差别,下面从信息密度、操作方式和适配情况三个角度做对照。
| 对照项 | 电脑浏览器 | 手机浏览器 | 平板设备 |
|---|---|---|---|
| 栏目展示 | 横向完整展示 | 收进菜单按钮 | 横向展示,间距收窄 |
| 单屏信息量 | 较多,可分栏阅读 | 较少,需要滑动 | 适中,接近电脑端 |
| 按钮尺寸 | 标准 | 加大,便于点按 | 加大 |
| 页面排版 | 左右分栏 | 上下单列 | 两列为主 |
| 功能覆盖 | 完整 | 完整 | 完整 |
顺着这个顺序浏览,基本可以覆盖从打开页面到确认状态的全部环节,不需要来回跳转。
先确认地址栏中的入口地址与页面标题一致,再继续往下查看内容。
看导航、按钮、图片是否完整呈现,若出现空白区域先刷新一次。
根据需求选择对应栏目,功能说明一般都写在该栏目页面的前两屏。
无法正常操作时,到问题排查栏目按现象逐条比对处理方式。
整理访问过程中出现频率较高的几个问题,按现象给出对应的处理方式。