项目 PROJECTS 画廊 GALLERY
关于我  ABOUT ME

概述 Overview

Ranger是一个致力于改善骑行爱好者骑行体验的服务设计项目。在进行了大量的人机工程学及用户研究后,从软件和硬件的两端同时入手,通过软硬结合的方式优化骑行运动现有的诸多痛点和安全隐患。力求给骑行爱好者带来更加安全、舒适和智能的骑行体验。
此小结重点为产品体验设计过程,视觉版项目小结请访问https://www.zcool.com.cn/work/ZNDExMjY1MzI=.html

我的角色

服务设计,用户体验,交互设计,视觉设计,产品设计,(硬件)原型开发

项目成果

APP原型,硬件产品样机,品牌VI

项目流程

需求挖掘 Demand Mining

当我骑行时我得带些什么

我是一个骑行爱好者,曾经在大学的一个暑假和我的好友们一起从杭州骑到北京。这是我的第一次长途(1500公里)且长时间(15天)的骑行。除了对身体极限的挑战,骑行设备的不合理同样给我带来了相当的困扰。这是一个长途骑行者的典型装备:

这些设备满满的占据了自行车的前横把,但他们各不相同的交互方式,割裂的界面以及手机糟糕的续航都限制了骑行爱好者的体验,甚至还会在骑行中造成危险。

为什么说这些设备可能会带来危险

为了研究这些交互方式各不相同的设备共存在自行车把上可能会带来的危险,我对一辆Giant ATX750山地车和他身高170cm的骑行者进行了相应的人机工程学研究:

从上图中可以发现,当骑行者想要使用其车把上的设备时,都需要一只手脱离车把进行交互。除了一些长时间复杂的手机交互,绝大多数骑行者都选择会在骑行过程中完成这些操作,在路况复杂的户外,这样的单把骑行就带来了相当的安全隐患

除了交互方式的隐患之外,如上图所示,骑行者在阅读数据或导航时会对前方有一定的视觉盲区,这同样为户外骑行者埋下了相当的隐患。

综合以上,这个项目需要解决的核心问题是:

用户研究 User Research

我们的用户是谁

美骑网给出的[2018 中国运动自行车行业调查报告]帮助我对Ranger项目的目标用户和骑行运动的市场状况拥有更量化的认知。根据数据不难发现,骑行爱好者以青年男性为主,并且绝大多数有每周一次以上的骑行习惯。这一人群对新奇事物的更加好奇,接受能力也更强。了解用户是谁,为后续的用户研究及视觉风格的确立提供了指导。

他们需要什么

骑行者需要什么?以上人机工程学研究得到的结果是不是共性?为了寻找这些问题的答案,我对107位目标用户进行了问卷调查,并对其中10位进行了访谈。

  • 针对骑行场景优化导航方式。64%的受访者对手机地图导航方式不满意,因为续航限制导致他们无法连续导航,进场需要中断行程来确认路线。
  • 骑行设备整合。47%的受访者希望有一款价格合适的整合设备,当前能完成码表+导航功能的设备售价普遍在2.5k以上。
  • 更合理的数据管理方式。 38%的受访者表示他们有数据管理的需求但是没有满意的产品可用。部分中高端码表提供这样的功能但很基础,一些手机App也可以完成数据管理但数据录入体验不佳。
  • 更灵活的骑行结伴形式。24%的受访者希望能有更丰富和灵活的骑行组织形式。车队是目前最常的结伴组织,但车队的人员和路线都相对固定,使得骑行者的选择不多。
  • 遇险求救。有两位用户在受访时提到了对单独骑行时的安全性担忧,帮助用户在遇险时求救是很有必要且有意义的功能。

服务蓝图 Service Blueprint

市面上现有的解决方案都是孤立的硬件端或软件端,硬件端受制于成本场景能做的有限,软件端受制于续航也无法满足骑行者的需求。所以我准备从软硬件两端入手来解决这个问题,得益于我本科所学的工业设计,也让我有能力完成这个项目。

硬件端:更适合骑行场景的数据呈现方式,更舒适安全的人机交互方式,更长的设备续航。(主要针对长途骑行场景)

软件端:更完善的数据整合,更丰富的骑行社区活动。

硬件服务 Hardware Service

怎样高效的呈现信息

我调研了三款市面上主流,也是骑行者们选择最多的三款导航软件—高德地图、百度地图和苹果地图。其中高德地图和百度地图有相应的骑行模式,苹果地图只有步行模式。三个界面的核心框架都是图形化地图导航信息加顶端的文字导航信息,其中百度地图还有部分骑行数据(但在骑行者45-60cm左右的视距范围下很难被看清)。

长途骑行者真的需要这么完整的导航信息吗?当我需要将骑行数据和导航整合到一块屏幕上,怎样安排这些信息的层级呢?对此我设计了三种信息呈现的方式,并请我的受访者对他们进行投票:

方案三虽然与骑行者现在熟悉的界面交互方式有一定的差异,但也获得了一定的支持者。对于路口状况相对没有那么复杂的长途骑行来说,详细的图形导航没有那么必要。其与更长的设备续航之间的取舍,长续航显得更有意义。所以我将方案三选择为继续深化的方向,并在后续研究中尝试解决复杂路口导航等细节问题。

什么样的交互方式最适合骑行者

前面提到过手机、码表和骑行手电三种设备的交互方式不同,且都需要单手脱把操作,这会给户外骑行者埋下相当的安全隐患。所以我决定在简化现有交互的同时,设计一种统一的,能够在把操作的交互方式,保障骑行者的安全。

硬件界面设计

最终我选择了一块8*32的LED点状矩阵屏作为硬件产品的屏幕,LED点状屏能够平衡设备续航和显示方式的平衡,他的高对比度同样能保障在动态的骑行环境中能够很容易的看清屏幕。

+点击查看更多硬件服务相关

硬件交互设计

我将各个设备原本迥异的交互方式简化成两个固定于握把旁的两个按钮——页码键和照明键。页码键用于切换不同的数据页码,照明键用于控制设备上的照明装置。两个按钮放置在握把拇指可及的位置,使得骑行者能够在正常骑行状态轻松操控。

险情检测

Ranger One中内置陀螺仪等传感器,当陀螺仪检测到自行车突然侧翻、坠落等异常情况会联动手机通知紧急联系人。夜间行驶时照明模组还会打出求救信号。

产品模型图

产品的造型设计上考虑主要受众人群的喜好采用了简洁,科技感强的元素。因为篇幅原因只介绍硬件服务设计的核心过程,更多关于硬件服务的细节请访问(需科学上网):https://www.behance.net/zhouwangpeng

软件服务 Software Service

软件服务所涉及的模块众多,此处仅详细介绍骑行导航、数据管理约骑三个部分功能点,对应Ranger骑行前,骑行时和骑行后服务用户的三个剖面。

骑行前 —— 约骑

约骑是Ranger App帮助用户发现同城骑友和骑行路线的平台,也是Ranger App的重要功能,其不仅丰富了骑行的玩法,还能保证Ranger骑行社区的活跃度和用户粘性。

用户测试及反馈总结

在完成中保真线框及低功能原型后,我共邀请8位用户进行两轮用户测试,其中3位为一年以下骑行经验的新手骑行爱好者,其余为一年以上的骑行爱好者。用户测试的重点放在观察用户的对App的学习速度,使用方式以及挖掘其他需求。

  • 模糊搜索的设计没能被用户理解。大多数用户会在填写完所有的搜索选项后再点击搜索按钮,而忽略搜索按钮本生变化的表意。
  • 组员频繁变动影响用户的参与意愿。部分用户提出现有的加入约骑流程对参与者的退出没有任何约束或惩罚,这可能会造成组员的频繁变动,让用户失去信任感。
  • 对线下活动安全性的担忧。部分用户提出了他们对与陌生人一起参与中短途骑行活动安全性的担忧,对一起参加活动的成员有更多的了解可能会减轻这一担忧。
  • 对新建约骑功能的引导。小部分用户他们并没有发现新建约骑的功能,需要在用户第一次使用时进行相应的引导。

迭代与优化

在完成基于低功能原型的用户测试后,我根据用户的行为和决策过程开始调整设计元素和信息层级结构。用户测试和产品迭代共进行了三轮,下呈现最终的优化结果。

优化点1 — 模糊搜索的设计没能被用户理解

优化2 — 组员频繁变动影响用户的参与意愿

优化3 — 对线下活动安全性的担忧

交付版本

骑行时——骑行导航

Ranger One硬件主要是针对需要长续航的长途骑行场景,针对手机续航可以应对的短途骑行场景Ranger App同样提供了软件端导航功能。

竞品怎么做的

可能是考虑到手机续航的限制,市面上有针对性的骑行导航产品并不多。完全定位于骑行运动的产品如 [行者]、[黑鸟单车]、[骑记]等也只有[行者]有骑行导航功能。因此我选取了专业定位对 [行者] 和非专业定位的 [百度地图] 进行了竞品分析。

Ranger App怎么做

竞品在骑行导航中的诸多问题为我提供了参考,数据和地图两个部分的平衡是我在设计产品时考虑的核心问题,最终采取了两个方案来同时解决这个问题。其一是对硬件端「方向导航信息+文字数据信息」导航模式的移植的沉浸模式,以数据为主,能保证骑行者在大多数情况下的数据需求。其二是针对城市环境中路口细密,路况多变的特点添加的地图模式,保证骑行者在路口时的导航需求。

骑行后——数据管理

数据管理在原本以码表为主的骑行辅助系统中几乎是空白的,绝大多数码表仅能提供总里程、总时间这类基础数据,且查看这些数据的操作繁复。但数据又是一项运动中非常重要的部分,清晰详尽的数据管理能够在帮助骑行者提高运动效率的同时更加清晰自己的运动轨迹和运动水平。所以Ranger App想要帮助骑行者弥补上这片空白。

哪些数据值得被管理

为了回答这个问题我调研了现在三大骑行码表品牌商Garmin、Sigma、Bryton的各三款旗舰产品并统计出他们所呈现的数据。速度、时间、里程、爬升是不同售价产品线都提供的核心数据,踏频、心率等是需要额外设备监测的进阶数据。核心数据是Ranger App提供数据管理的重点。

这些数据应该怎样被管理

核心数据类别之下同样因不同的时间区间有不同的数据,我将这些数据的用在两个分类逻辑下进行管理,即[总量-单次],[区间-之最]。这也是产品界面设计所遵循的逻辑。

在明确了哪些数据需要被管理以及信息的分类逻辑后,怎样安排这些信息在页面中的层级成了最后一个问题。在初版原型我将所有的信息呈现在同一页面上,但这样页面承载的信息过多导致页面的混乱。同样在两轮用户测试和在用户交流不同数据的使用频率后迭代出最终版本。

交付版本

视觉与品牌设计 Visual Identity Design

品牌设计

Ranger的品牌LOGO采用标准制图规范进行绘制。LOGO以首字母R为原型,以Ranger One的LED Matrix点阵显示屏为灵感提炼出品牌核心图形,并融入到App的UI设计之中。

+点击查看视觉规范

视觉规范

其他产品页面(部分)

项目收获 Key Learnings

  • 从调研,构思到设计,用户测试,优化迭代,产品交付的完整产品设计流程。
  • 强化以用户为中心的设计思维。通过用户访谈对修正与增益初期的项目想法,通过可用性测试了解用户使用产品的目标和操作方式,并据此做相应的优化。
  • 硬件交互和软件交互设计两个领域同时进行的制衡与互补,以及人机工程学知识在两个领域的交叉运用。