介绍


设计过程


挑战


用户分析


角色扮演


构思


设计目标


低保真草图


高保真模型


未来迭代


经验教训






交互原型

下一个项目

Moody

下一个项目

Moody

经验教训

这是我第一次参与完整UX项目的经历。在设计过程中，我提升了设计思维能力，获得了与团队有效沟通的能力，并积极倾听他人的想法。一些关键的见解包括：

  • 三思而行：在登陆过程中与其他女性用户共享位置时，可能存在恶意使用的风险。

  • 时间至关重要：某些功能，例如多伦多不同社区的安全评级，在线框图中无法包含。

  • 同理心：该项目还涉及向男性团队成员解释女性通勤所遇到的困难，比如在步行时拿着钥匙或在Uber中给家人发短信。这突显了同理心对我们用户的重要性。

  • 女性力量：缺乏针对女性的有效安全应用程序显示了业内缺乏女性设计师的思考。

Lessons Learned

未来设想

迭代

将参与者在评估测试中的反馈纳入原型设计中


重新测试

进行另一轮可用性测试，以验证所做的更改具有积极影响


可访问性

进行应用程序可访问性测试，并符合可访问性标准，如有需要进行迭代


文件

记录所做的更改以及这些更改背后的基本原理

3

典型用户

2

方法

  • 可用性测试观察

  • 采访

3

任务

  • 导航旅行

  • 在收到警报后更新路线

  • 找到最近的开放设施

  • 图标

图标显然需要改进才能更好地传达它们的含义。

  • 特色


  • 定位

一些按钮或功能的定位受到用户的不喜欢。

重要功能仍然丢失，例如捏合缩放，与同伴一起行走和在公共交通出行时进行更新。一位用户期望看到“步行同伴”功能。
  • Icons

The icons clearly need to be improved in order to carry better their meaning.

  • Features


  • Positioning
Important features are still missing, such as pinch-to-zoom, walking with companions and updates function on public transport trips. One user is expecting to see 'walking companions' function.

The positioning of some buttons or features are disliked by users.

可用性测试

低保真sketch

新员工培训及选择安全标准

安全出行

接收警报

重新路由

我们决定设计一个基于地图的移动应用程序'WanderSafe' ，可以帮助女性在多伦多通勤时感到安全。


通过使用WanderSafe，可以：


  • 根据她的安全标准及时找到旅行路线，免除她自己选择路线的负担

  • 在不用花时间搜索地图的情况下，到达最近的开放设施

  • 实时了解路线状况，无需不断担心不可预测的情况

我们决定设计一个基于地图的移动应用程序'WanderSafe' ，可以帮助女性在多伦多通勤时感到安全。


通过使用WanderSafe，可以：


  • 根据她的安全标准及时找到旅行路线，免除她自己选择路线的负担

  • 在不用花时间搜索地图的情况下，到达最近的开放设施

  • 实时了解路线状况，无需不断担心不可预测的情况

设计目标

构想

  1. 头脑风暴

我们提出了不同的想法，以满足安娜贝拉的需求

  1. 投票

  1. 前三个想法

我们的最终前三个想法是：

  • 安全路线查找器：根据日常路况和偏好生成安全路线。

  • 安娜贝拉警报：从TTC和警方获得实时警报。

  • 假电话：接到"假装打来的电话"以迷惑带有恶意人群。

  1. 最终决定

在重新考虑了前三名得票最多的想法之后，

我们将我们的想法缩小到3个解决方案

1. 根据她的标准制定的旅行路线

2. 最近的开放设施

3. 实时路况

我们基于什么能够在安娜贝拉的旅行中产生最大影响(3个蓝点/成员)

以及哪些想法是最快实施的(3个紫点/成员)

来投票出我们最喜欢的想法

‘焦虑的家伙’

安娜贝拉

22岁

住在多伦多的市场营职员

来自一个小镇



需求与目标

她想要发现多伦多的更多特别之处

她希望在长途旅行中得到一些休息

她希望在旅行时感到安全和舒适


她需要一种方式在通勤时放松，以便她可以有一个宁静的旅程

她需要一种方式查看实时路况，以便她可以带着信心出行

她需要一种立即获取出行替代方案的方式，以便她可以在紧急情况下采取行动


个人形象

'The Anxious Fella'

49 份来自在线调查的有效回答

12 位多伦多女性接受采访


  • 女性感觉在晚上6点后感到不安和恐慌

  • 女性在乘坐地铁时感到特别担忧，会四处观察以

  • 女性采取各种方法增加她们的安全感，比如四处张望和在通勤时调低音乐音量

  • 女性对TTC提供的安全服务持怀疑态度


用户分析

用户分析

挑战

我们如何可以提升多伦多女性的通勤体验，确保她们拥有安全感？


WanderSafe 是一个基于地图的手机应用程序，旨在增强多伦多女性的步行通勤体验。它解决了女性面临的挑战，例如在地图上确定最安全的路线，危险时迅速找到安全点，以及接收实时警报。设计灵感来自我们女性组员在多伦多的负面通勤经历。

我的角色

用户研究小组领导

低保真/中保真线框图

高保真模型

可用性测试

团队

Alexis Michaud，Ashfaaq II Mohammed，胡蓓蓓，Fan Fei，Jeanelle Suarez, Xinlu Chen

工具

Figma，Miro

开发的技能

UX 研究，线框，原型，可用性测试


一个虚拟的通勤伴侣，

帮助多伦多女性感到安全

Design Process

分析与研究

分析与研究

构思

构思

迭代

迭代

线框设计

& 测试

线框设计

& 测试

Wandersafe


2023，UX设计学术项目


感谢您的阅读！

视觉设计

高保真模型

入职

＃F5F5F5

#EEE4CB

#FFC65

#C15938

#252525

Aa

相互

在“输入目的地”字段中输入地址

在“输入您的起点”字段中选择当前位置

向上滑动底部窗格，查看满足的条件，并查看所有选项的完整列表

点击“开始”按钮和右上角的筛选图标，取消显示地图上的警察局

关键屏幕

选择安全标准

“红色、橙色和黄色都是温暖的颜色，通常被认为能唤起幸福、乐观、活力和激情的感觉...温暖的颜色也能让你兴奋！它们可以发出危险信号或促使你采取行动。”

-颜色和情绪：颜色如何影响你的感觉


导航旅行：根据她的安全标准及时找到路线

以减轻她独自选择路线的负担

接收警报：实时了解路况

无需不断担心不可预测的情况

接收警报并更新路线

点击“开始”按钮并开始新生成的路线

安全屋：前往最近的开放设施，

而无需花时间在地图上搜索

点击浮动操作按钮以开始导航到“安全点”，即最近的开放设施

点击“分享”，

位置共享给紧急联系人

退出消息，抵达安全屋

主屏幕布局

安全屋FAB

引导用户前往最近的开放公共设施

安全条件过滤

用户可以重新选择安全条件

保存路线

用户可以保存他们喜爱的路线

目录

用户可以保存他们的紧急联系人



用户可以拖动安全标准来确定每个标准的重要性顺序

Visual Design

Hi-fi Mockups

#F5F5F5

#EEE4CB

#FFC65

#C15938

#252525

Aa

Inter

“ Red, orange and yellow are all warm colours and are generally thought to evoke feelings of happiness, optimism, energy and passion...Warm colours also rev you up! They can signal danger or make you take action.”

-Colors and emotions: how colors make you feel

交互原型

3

typical users

3

tasks

  • Navigate a trip

  • Update the route upon receiving the alert

  • Find the nearest open facility

2

methods

  • Observation of Usability Test

  • Interview

Chinese (Simplified Han, China)