Piotti

explore safely, move freely

03-06 / 2025无障碍城市导航体验设计
Piotti Group 1597881511 Piotti Frame 1686563195 Piotti Group 1597881513

让独立探索成为可能,让出行不再孤单

Piotti 是一款由 AI 驱动的应用,旨在帮助盲人及视障用户在陌生城市或环境中实现更高程度的自主出行与探索。

伙伴支持系统

社会参与式探索

AI个性化路径规划

设计流程

设计流程:探索、定义、开发、交付

5 WHY 问题根源追溯:为什么视障群体在一个陌生地方导航真的非常困难?

一个懂技术,也懂人的智能旅行伙伴

万

4300

全球全盲人口

亿

2.95

中度至重度视力损伤人口

数据/人群规模 WHO / IAPB

01

文献综述

技术增强导航能力, 但仍难以建立持续的信任

帮助不是问题, 失去主动权才是

真人协作是技术 无法完全替代的支持

核心发现 结论

真正的需求不是“完全独立”,而是在陌生环境中仍能理解环境、做出判断,并自主决定何时寻求帮助。

02

数字民族志

03

实地调研

01

进入陌生环境

缺少熟悉的地点与环境信息

01

AI个性化路径规划

通过 AI 帮助用户提前理解路线、环境与目的地,在陌生城市中建立更清晰的空间认知。

02

伙伴支持系统

在需要时连接志愿者或真人支持,由用户自主决定何时发起、接受或结束协作。

03

社会参与式探索

让城市探索不仅完成从 A 到 B 的移动,也成为接触环境、文化与他人的过程。

02

熟悉的空间参照失效

原有经验难以发挥作用

03

难以建立新环境心理地图

无法快速理解当前位置与周围环境的关系

04

方向感与可预测性下降

难以判断接下来发展以及如何行动

05

需要额外的外部支持

通过技术或真人支持重新获得对环境的理解与行动力

前期调研

问题溯源

核心洞察

产品概念建立

HMW (How might we)

AI 可提升导航与识别效率,但反馈延迟、信息过载和单一交互仍会放大不确定感;技术无法替代信任与情感支持。

通过 4 位专家访谈与 Dialogo nel Buio 沉浸体验,我们进一步确认:无障碍应从系统设计之初被纳入,人与人之间的协作体验,比技术手段更为稳固可靠。

视障用户并不排斥帮助,他们更在意是否拥有决定何时、如何接受帮助的主动权。真正的包容不是替用户做决定,而是尊重其能力与选择。 “我们什么都可以做,只是用的方式不一样而已。”

自主,不等于独自 ACT ALONE, BE NOT ALONE

如何在保留人与人协作的同时,帮助视障者在陌生环境中建立空间参照,并自主做出行动判断?

学习成本和无障碍功能常被忽视,限制了视障人士的独立性。

1

无障碍仍被忽视

AI 在安全性、移动导航以及障碍物识别方面仍存在不足。

安全导航仍有缺口

2

现有的世界是为视力健全者设计的,但信息的传递应当调动多种感官。

多感官信息需求

3

真人协助对视障人士至关重要,但过度的帮助反而会削弱其独立感。

协助需保留自主性

4

辅助技术应致力于提升生活质量,尤其是在陌生或全新的环境中。

陌生环境更需支持

5

在旅途中,视障用户同样对目的地的历史底蕴与文化内涵深感兴趣。

兴趣与探索同样重要

6

调研发现总结

用户旅程

志愿者用户旅程图

Piotti 在自主性与人际支持之间建立连接

Piotti 帮助盲人及视障用户在陌生城市中实现独立探索,同时在需要时获得来自他人的支持。通过将盲人旅行者与本地志愿者连接起来,该服务构建了一个灵活的城市探索支持网络。用户旅程图展示了这两类角色在整个体验中的交互与协作关系。

视障用户旅程图

视障用户群体

志愿者群体

Piotti 支持3种核心使用场景: 有明确目的地的视障用户 / 无明确目的地的视障用户 / 本地志愿者

Piotti Group 14151

志愿者用户端

Piotti 通过灵活的参与机制支持志愿者参与协作 志愿者可以自主设置可用时间、响应陪同行走邀请,并在用户出行过程中提供支持,从而实现灵活参与。

视障用户端

Piotti 支持有目的或无目的的城市探索 无论是否设定明确目的地,视障用户都可以进行独立探索。系统提供 AI 生成路线、兴趣点语音讲解,并在需要时连接本地志愿者提供协助。

志愿者端行程与日历流程 视障用户端导航、路径规划与志愿者匹配流程

设计方案迭代

方案从流程梳理逐步推进至无障碍交互与视觉呈现。基于影响–投入矩阵,我们优先验证3条核心流程, 1. 有目的地出行 2. 无目的地探索 3. 志愿者协助

低保真线框图|验证核心流程

围绕三条优先流程,明确出行设置、路线生成、志愿者预约与邀请接收等关键步骤。课堂评审主要提出无障碍性与用户安全问题,因此: • 增加志愿者语音自我介绍 • 增加志愿者身份验证

中高保真|完善交互规则

围绕 VoiceOver 优化逐步式操作流程;删除必要步骤中的“跳过”,统一按钮尺寸与状态,并通过黄色和粉色区分两类用户。

高保真|根据测试完成迭代

建立了统一的无障碍设计系统:视障用户端采用简单、线性的逐步引导,志愿者端承载更丰富的信息,同时保持两端视觉与交互的一致性以及VoiceOver 适配。 结合3位视障用户与5位志愿者的测试反馈,优化登录、日历和行程信息,并补充双方照片、联系方式及沿途音频提醒,形成最终方案。

Piotti 设计方案迭代流程总览

调研发现

设计方案测试验证

志愿者群体用户测试现场

测试任务包括:

用户部分反馈:

界面迭代示例

界面迭代示例

用户部分反馈:

测试任务包括:

视障群体用户测试现场

视障群体用户测试

志愿者群体用户测试

参与者:3

参与者:5

01

注册成为视障用户

02

安排一次独自前往米兰大教堂的旅行

03

安排下周探索城市新区域,有一位志愿者同伴陪同结交新朋友

01

注册成为志愿者

02

接受视障用户的邀请

03

确定空闲时间

视障群体用户反馈 志愿者群体用户反馈 用户界面迭代示例 界面迭代前 界面迭代后
Piotti 最终原型手机界面

最终原型界面

Piotti Frame 1686563240

AI生成个性化路径

结合道路可达性与个人兴趣生成路线,支持目的地导航与无目的探索,并可选择沿途希望经过的兴趣点类型。

沿途音频导览

到达兴趣点时自动触发音频介绍,用户可自主选择是否播放;离开区域时,系统会提示仍在播放的内容。两类用户均可使用该功能。

双向信任与安全

双方注册时均需上传照片;志愿者还需完成身份验证与语音介绍,帮助视障用户在见面前了解并辨认同行者。

按需志愿者协助

视障用户可即时或提前预约志愿者,并查看匹配与响应状态;志愿者可根据行程信息自主接受邀请。

Piotti Frame 1686563241 Piotti Frame 1686563248 Piotti Frame 1686563247

PP Radio Grotesk

WCAG 无障碍规范(高对比度与字体大小)

视觉识别系统

组件系统

Yellow #FFDB12

12.22:1

Dark grey #1E1E1E

16.67:1

Light grey #D7D7D7

11.58:1

White #FFFFFF

16.67:1

Pink #FF97EB

8.63:1

Large bold - 48px

Large - 48px

Medium bold- 32px

Medium - 32px

Small bold - 24px

Small - 24px

Mini - 19px

Most used

Piotti 标志与视觉识别系统 Piotti 组件系统

设计系统

调研发现

无障碍性 (Accessibility)

无障碍设计通过遵循 WCAG 指南实现包容性体验,结合高对比度、清晰易读的字体、明确的文本标签,并支持辅助技术,从而为所有用户构建直观且可用的界面。

面向辅助技术的设计

通过 WAI-ARIA 语义结构支持屏幕阅读器等辅助工具,确保系统不仅在视觉层面可用,也能在多种交互方式下保持兼容性。

无障碍不是附加功能,而是体验的基础。

WCAG 标准 —— 高对比度与字号规范

文本优先于图标

状态反馈与日期选择器设计

Hick’s Law

选择性注意力优化

Piotti BP_Home Piotti BP_Step2A_F Piotti BP_Step1A_F6 Piotti BP_Step1B_NF

调研发现

模拟视障用户如何通过读屏反馈在应用中进行导航。

屏幕阅读器交互体验

点击右侧界面即可播放或暂停视频 >>

Piotti

Piotti 让独立出行成为可能,同时保留人与人之间的连接,以“独立行动” 与“不再孤单”为核心原则,构建更具包容性的出行体验。