← 返回博客

界面设计

SkillHub 的信息架构:如何让资源目录更容易浏览

把大量链接从普通卡片墙整理成可搜索、可比较、有主次关系的内容目录。

目录页首先要降低选择成本

当条目数量增加时,单纯增加卡片只会让页面更长。分类、搜索和精选区域的作用,是帮助访问者更快建立范围,再进入具体详情。

页面中的三层信息

SkillHub 把内容分为浏览、推荐和外部资源三层。

  • 主列表承担完整浏览和筛选。
  • 精选侧栏提供快速入口。
  • 底部资源表集中放置 GitHub 与规范链接。

保持卡片之间可比较

标题、分类、简介、兼容平台和详情入口始终放在固定位置。统一的信息顺序比增加装饰更能提升浏览效率。