Bedtime

让你的伙伴来监督你早睡早起

项目类型

个人期末项目

项目时长

3周

我的任务

构想产品功能

设计软件界面

进行用户测试

总览

现如今,熬夜已经成为了年轻人的常态。但是不规律的睡眠往往会影响身体健康,导致工作学习时精力不足注意力下降。为了解决这个问题,近些年睡眠管理分析软件层出不穷,但是它们留存低,往往一个周内用户就会失去兴趣并不再使用。

 

结果

我设计了一款睡眠管理软件Bedtime,通过引入“伙伴”的概念提供了一个在线睡眠监督平台,让用户在了解自己的睡眠情况的同时与另一用户互相提醒入睡与叫醒,激励用户使用软件,达到增加用户粘性的目的。

 

了解问题

为了了解人们对于睡眠管理软件的认识和体验,我进行了用户访谈,询问他们使用软件的频率、时长,软件优势和不足点,以及他们对于睡眠管理软件的看法。

根据访谈结果我发现,用户提及最多的是,他们使用过多个睡眠分析软件,但是一个周内就会对软件失去兴趣并不再使用。这说明,睡眠管理软件最大的问题是用户粘性很低,往往只能通过新鲜感吸引用户。

 

概念探索

基于用户调查,我开始迅速构思概念,寻找一种可以提升用户体验的方法,以来达到增加用户粘性的目的。我想出了三种概念: 

  1. 设定积分榜,通过将用户进行排名激励用户使用软件

  2. 提供更全面的服务,包括睡前/起床后习惯打卡等,使软件更丰富

  3. 引入”伙伴“模式,让用户之间互相督促提醒

然后,我将三个概念向之前的用户进行介绍。用户反馈明显倾向于第三个概念。他们认为第一个概念太过老套,第二个概念用处不大,而伙伴概念非常新鲜,能够很好地调动用户积极性,而且因为是与他人互动,所以并不会像使用单机软件一样轻易放弃使用和删除软件。在班级的线上反馈中,与伙伴互相提醒睡觉和叫醒的功能也成功吸引了班里同学。

所以,在现阶段的设计中,我将以第三个”伙伴概念“为主进行设计,第一第二两个概念可作为日后拓展目标。

 

概念发展

根据”伙伴“概念的构思,我将伙伴确定为两种人群:

  1. 用户身边认识的朋友亲人

  2. 与用户睡眠时间相仿的在线用户

这两种人群可以互相补充,确保用户可以寻找的合适的伙伴。

用户与伙伴的互相提醒功能会根据用户设置的睡眠/起床时间自动开启,用户也可手动将其关闭,确保获得无打扰的安静睡眠。功能开启后,用户可以点击按钮发送睡眠/叫醒提醒,按一下提醒一次。这样的提醒可以与系统内置的闹钟很好区分,增加趣味性。

用户与伙伴可随时取消伙伴关系,然后寻找新伙伴。

 

功能设计

根据之前的访谈和我的概念探索,我列举了Bedtime的大致功能并绘制了用户流程图。

UI设计

 

手绘草稿

在草稿阶段,我绘制了大部分的界面,提出了多种伙伴界面与主界面的交互设想并邀请用户提出建议。

IMG_4126.jpg
IMG_4127.jpg
IMG_4128.jpg
 

低保真模型

根据用户提出的反馈,我在低保真模型中确定了全新的主界面-伙伴交互方式并设计了软件的整体导航。

low-fi all.png
 

视觉风格设计

考虑到Bedtime作为社交型睡眠管理软件需要兼具互动性和精确性,所以我将整体风格定在活泼与严肃之间,使软件能够更好地吸引用户,同时让用户产生信任感。主色调使用深紫色能够更好地保护眼睛并且提供一种睡眠的氛围,而其余的紫粉黄三色给软件带来许多活力。Lato的字体介于正式与卡通之间,能够让用户产生亲近感。

高保真模型 Ver1

第一轮用户测试

我邀请了5位大学生朋友参加这一轮的用户测试。在测试开始前,我向他们介绍了Bedtime并提供了背景设定:你的名字是Jessica,有一个伙伴叫Richard。

用户需要依次完成四个任务并分享他们的体验:

1. 从设定睡眠时间到起床查看分析,完成整个睡眠流程 

2. 使用助眠功能播放音乐

3. 向Richard发送入睡提醒

4. 解除与Richard的伙伴关系,寻找一个新伙伴

第一个任务所有人都完成的很好,复杂的睡眠分析页也都可以看懂。第二个任务中,有一个用户说感觉不到助眠功能是需要上滑才能看到。我认为或许是因为横线的设计是出现在iPhone X以后,不是所有人都用过无home键的手机,所以并不能理解这个上滑提示。第三个任务所有人都完成了,但是他们大部分(3/5)经历了几秒的思考才确定点击头像进行跳转。第四个任务所有人都完成了,但是他们有认为解除伙伴关系不应该这么简单,应该需要双方同意才可。并且,解除关系键很容易被误触,所以应该跳出一个二次确定界面。

在了解用户完成任务的体验的同时,我还得到了非常多的建议,比如将设置页的个人资料和设置分开等。根据这一轮收集到的信息,Bedtime进行了一次产品迭代。

 

高保真模型 Ver2

第二版设计在第一版的基础上丰富了每一阶段的内容,去除了个人资料页上不重要的数据,增加了解除好友时对方需要对方回应的界面。根据用户反馈,我在界面导航中多添加了在睡眠时间设置页可向左滑到达数据分析页这一交互,使用户可随时查看过往的睡眠分析。

Frame 7.png
 

第二轮用户测试

这一轮的用户测试在Usertesting.com上进行,三位参与者来自美国,年龄在30-60岁之间。他们在表扬Bedtime的创意想法及视觉设计的同时,指出了一些问题并提出了非常有建设性的建议。

显著问题:

  1. 没有关于导航系统的提示

  2. 个人资料页的图标并不像个人资料页

  3. 解除伙伴关系不需要伙伴的同意,单方面解除即可

主要建议:

  1. 添加一个伙伴已收到消息/已阅消息的提示

  2. 将个人资料页更改为设置页

根据反馈,我的修改内容如下:

  1. 在新用户注册时提供软件导航的指导

  2. 将个人资料页改为设置页,在设置页中添加个人资料的修改方式

  3. 取消用户与伙伴双方同意才可解除关系的机制

 

最终设计

Desktop - 1-min.jpg
watch-min.jpg
all-min (2).jpg

反思与收获

  • UX设计师与产品经理往往只有一线之隔。优秀的UX设计师不仅需要会设计产品的界面外观,也需要根据市场和竞品设计产品本身的功能,发挥产品优势。

  • 简单的导航因为与传统导航方式不同反而会让用户感到困惑,反而复杂了用户的使用流程。但用户往往会在学会简单导航之后立刻掌握使用方法。

  • 手机端,网页端,手表端的界面设计的主要局限因素是屏幕尺寸,因此在不同的设备完成同样的任务需要设计不同的流程。

  • 用户测试反馈有时是冲突的,这时候如何找到一个平衡点便成为了关键目标。

  • 很多设想的功能并不需要在一开始设计时就全部加入,这会让一个可以简单完成的任务变得过于复杂。