← 全部作品 / C06
PUDONG / NAVIGATION

浦东图书馆室内导航

从查找地点到跨楼层抵达,覆盖室内导航的主要路径与异常提示。

PLATFORM / 平台

微信小程序 / 室内导航

MY ROLE / 职责

UI / 交互与页面组织

PROJECT / 项目性质

项目设计资料与界面展示

C06 / PUDONG / NAVIGATION
浦东图书馆室内导航 / 关键页面 1浦东图书馆室内导航 / 关键页面 2浦东图书馆室内导航 / 关键页面 3
微信小程序 / 室内导航UI / INTERACTION
THE DESIGN QUESTION

怎样让读者在多楼层场馆内完成查找、路线选择和连续导航?

我在项目中负责什么

  • 设计地图浏览、地点搜索、起终点选择与路线规划。
  • 细化导航中、重新规划、到达及异常提示。
01
DISCOVER

先找到地点,再确认目的地

首页支持地图浏览和分类入口,搜索结果以楼层与距离辅助识别地点,点击后进入点位详情。

根据项目资料整理的阅读路径

  1. 01选择楼层 / 搜索
  2. 02选择目的地
  3. 03确认起终点
  4. 04规划路线
  5. 05导航与抵达
02
ROUTE

同层与跨层使用不同的路线表达

明确起点、终点和楼层变化;用户可以手动修正位置,再选择适合的路线。

03
GUIDANCE

导航过程需要持续反馈

前进提示、重新规划、到达和退出构成导航过程,用户应随时知道当前位置和操作结果。

04
EXCEPTIONS

把馆外、蓝牙与规划失败纳入设计

服务入口可能从其他页面跳转,也可能遇到定位条件不足。为馆外进入、蓝牙提示和路线异常准备清楚的说明。

DELIVERY & NOTES

让设计,接上交付。

形成地图、搜索、路线与异常状态的 UI 和交互设计。

内容与素材说明

本案例展示浦东图书馆室内导航。画面来自导航 Sketch,部分图层名称沿用早期模板;不据此宣称定位算法或精度成果。

查看设计资料依据(3)
  • 浦东图书馆导航.sketch
  • 室内导航项目演示.pptx
  • 浦东图书馆导航会议纪要.docx
在完整作品集中查看 · 第 38–42 页
C端 / NEXT PROJECT / C07

水井坊品牌小程序

返回 C 端作品
项目画面

点击 + 查看细节 · 按 Esc 关闭