导航、搜索与当前位置

先理解这个概念

导航用于探索已组织的内容，搜索用于表达特定意图。面包屑表达层级，返回按钮表达访问历史，两者不能互相代替。导航的选中态、页面标题与 URL 应保持一致。

导航包含空间位置和时间历史。面包屑回答内容属于哪里，返回回答用户从哪里来，选中态回答当前属于哪个栏目。搜索与筛选还会形成临时上下文。若所有入口都机械地回首页，用户虽然没有迷失路由，却丢失了刚建立的工作进度。

记住这三个原则

1. 01

   主要导航位置稳定，当前项不只靠颜色区分。

2. 02

   详情页保留返回列表的路径与必要上下文。

3. 03

   搜索要处理无结果、拼写变化与筛选条件。

实际设计时，分三步做

1. STEP 01

   为主要内容定义稳定 URL，区分可分享的查询条件与临时界面状态。筛选条件适合放入 URL 时，应支持刷新后恢复。

2. STEP 02

   分别定义浏览器返回、页面返回与面包屑的目的地。直接打开详情链接时，也要有明确的上级列表入口。

3. STEP 03

   走一遍搜索、筛选、详情、返回和新标签打开，核对标题、选中态、条件与滚动位置是否一致。

一个容易理解的例子

用户在探索过程中不需要重复构建上下文。

适用边界与取舍

不是所有状态都适合进入 URL。密码、敏感表单值和一次性提示不应作为分享参数；菜单是否展开等短暂状态通常也不需要永久编码。