顶部条目区:第一屏的取舍逻辑
顶部一般只放点击最集中的几个方向,条目数量少、名称短,方便拇指一次够到。判断是否合理,可以看它是否覆盖了你常用的两三个方向,而不是看数量多少。
这次不做内容简介,只盯入口本身:一份导航型页面通常由顶部条目区、若干分栏、快讯条和问答区拼成,打开后先看到什么、往下翻会遇到什么、同一批入口在不同分栏里是否重复出现,决定了你找东西是三步还是十步。下面按打开顺序拆开讲,并给出几条不依赖记忆的核验办法。
把关键词当成一个整体来看,它描述的是一份以导航为核心的入口集合,而不是某一部作品。首页通常先给一排顶部条目,再按方向切成若干栏,每一栏再列若干条目。真正影响使用的是一个方向下挂了几类东西、相邻两栏有没有重叠。翻的时候先记栏名,再记条目,比逐条背下来省力得多。
顶部一般只放点击最集中的几个方向,条目数量少、名称短,方便拇指一次够到。判断是否合理,可以看它是否覆盖了你常用的两三个方向,而不是看数量多少。
相邻两栏留一点重叠,好处是同一个入口在两条路径里都能被找到;代价是看起来重复。多数首页会保留这种重叠,尤其在方向边界本身就不清晰的时候。
名称长短、是否带方向词,会影响一眼扫读的速度;排序则决定了靠下的条目要多翻半屏才看到。两者共同决定同一批入口的到手快慢。
翻到中段后能否快速回到顶部条目区,是移动端体验的隐藏分项。有些页面用固定块、有些用回顶,路径不同,返工成本也不同。
很多人把不顺归咎于加载慢,实际在窄屏上更常见的是排序造成的反复。首屏出来得很快,但你要找的条目在第三栏,于是先下滑、再展开、再回跳,时间就耗在往复上。评估体验可以固定一个动作:以首页为起点找同一个方向,记录滑动次数和回跳次数。
首屏出现条目骨架即算可用,不必等全部完成。若骨架迟迟不来,才属于加载问题;骨架来了但点不动,多半是脚本顺序的问题。
每展开一次都要多一次点击,栏数越多累积越明显。把常看方向置于前两栏,能显著减少展开次数。
从条目返回后能否停在原位,直接决定第二次查找是否重新开始。停在原位是加分项,跳回顶部则需要重新定位。
条目摘要过长会把单条撑高,一屏容纳数下降。短摘要加短标签的组合,通常在手机上更好扫。
导航类页面最容易出现的是同一名称指向略有差别的集合。想要确认是否一致,可以用三个不依赖记忆的动作交叉检查:同一方向在两个栏目下是否列出同样的条目、条目名称是否完全一致、返回后是否回到同一屏。三处都对得上,基本可判断属于同一批。
在相邻两栏里找同一个方向,比对条目数量与名称。名称写法有细微差别的,通常说明归类口径不同。
同一栏内条目的先后顺序若在两处不同,说明排序规则不是统一的,查找时要按当次看到的顺序记。
展开条目后返回,看是否停在原位。停住说明状态被保留,跳回则每次都要重新定位。
只记方向名、栏位置、大致行数三项即可复现路径,比整页截图更省空间也更耐用。
同样是入口集合,排布方式不同,适合的场景也不同。列表式信息密度最高、扫读最快;卡片式单条更醒目、适合名称本身较长的情况;时间线式强调先后顺序,适合按更新节奏来翻的用法。选择哪种并非好坏之分,而是看你更常做哪种动作。
行高小、密度高,适合已经知道方向名称、只想快速定位的人。缺点是单条缺少视觉区隔,扫读时容易串行。
每张卡片自带边界,长名称和多词方向更易读,展开动作也更明确。代价是一屏容纳条数变少。
把条目沿纵向按新旧排列,适合习惯从最新处往下看的用法,也便于观察同一方向的连续变化。
同一页面混用两种排布时,最容易出现高度不一致导致的对齐问题,翻页时要留意行距跳变。
资讯门户式首页一般把节奏分成几段:先是一条滚动快讯,把当天变化最快的几条压成一句话;再是若干分区,每条给一段摘要;最后才是问答与页脚说明。顺着这个顺序读,能先拿到变化,再补细节,最后解决具体疑问,不容易在中途迷路。
快讯的价值在于短和及时,通常每条一句话,读完就知道今天有没有值得往下看的变化。
分区里的摘要不是标题的重复,而是补上背景与适用场景,读完摘要基本能判断要不要展开。
问答区一般收拢入口、加载、归类三类问题,按顺序读下来,多数疑惑不用再去找别处。
页脚用来说明本页覆盖的范围与整理口径,是判断这份入口集合边界在哪的最后一块。
继续了解与本页主题有关的介绍
正在为您寻找最佳连接路径,页面正在加载...