重新思考日历APP 用户体验设计

用户头像
上海/UX设计师/3年前/1477浏览
重新思考日历APP 用户体验设计
用户头像
三分设

就像文中作者说的简单的东西往往需要精心设计而变得简单。

绝大数人应该和我一样,每天都会使用日历,而且每天不止一次的使用。

使用日历安排日常行程,跟踪“待办事项”。除此之外,还是我绝佳的时间管理工具。

日历或许表面上很容易被误认为是一个简单功能,但当我开始深入研究时,就发现并非如此。我使用双钻模型来改善在使用日历时的用户体验。我准备花费了一周的时间去研究,一周的时间去制作最终的原型。课题开始:

**双钻模型(The Double Diamond): **是英国设计委员会于2005年开发的设计过程模型的名称。它表明设计过程应分为四个阶段:发现、定义、开发、交付

发现

首先从 **桌面研究 (Desk-Research) ** 开始。通过 **标杆分析法(Benchmarking) ** 研究整个市场,发现潜在竞品并分析他们正在做什么。于是,我在Google play下载各种日历应用程序,反复使用他们,并将使用后的性能、功能和UI界面等方面一一进行记录。为了解日历在不同平台时如何整合信息,我还研究了移动端和网页端之间的差异。除了专注于研究日历相关应用之外,我还找了一些别的工具,这些工具的某些功能点是可以被借鉴的。我找了一些自律类应用,比如:BeWet, Drink Water Reminder 和 Water Drink Reminder;还有Runastic 和 Sportstracker 等体育类应用以及Ovuview等项目追踪类应用。

桌面研究 (Desk-Research): 为市场调研术语,对已经存在并已为某种目的而收集起来的信息进行的调研活动,也就是对二手资料进行搜集、筛选,并据以判断他们的问题是否已局部或全部地解决。

标杆分析法 (Benchmarking): 基准测试,就是将本企业各项活动与从事该项活动最佳者进行比较,从而提出行动方法,以弥补自身的不足。

我通过浏览用户评论,直接从用户反馈那里收集有价值的发现。并做了一个网络志 (Netnography) 。

网络志 (Netnography) : 从词的组合上来讲有两部分,即“网络”(net)和“志”(-nography)。网络(net)是指互联网(Internet),而志(- nography)是ethnography的缩写。是一种源于人类学的在线研究方法,被用于当代数字通信环境中的社交互动。适合网路口碑研究的质性研究方法。

“网络志“示例图

在所有的意见当中,我发现用户最关注的点是:

  • 选择他们可选的假期( 例如:你来自德国,居住在意大利;你也想了解意大利的节日活动)
  • 便捷的同步和分享活动和事件
  • 能够(针对某天)添加任务

我选取了一些受到用户重视且具备一系列有趣功能的应用程序:小米 OS系统日历、谷歌日历、Ovuview、Sportstracker和iOS系统日历。

用户喜欢日历应用程序

我通过 闪电演示(Lightning Demos)的调研方法将这几款应用中独一无二的且可以深入研究的功能记录下来,例如:谷歌日历的用户喜欢本月概览功能视图设计,能够清晰区分不同任务。小米日历具有独特的简约风格。iOS日历的用户认为根据他们设置的活动地点时间来获取通知是非常有用的。有一些设计在闪电演示中并未展示,但在之后的设计中希望可以添加进去的,像应用程序Ovuview一样对过去和未来的日期有着明显区分的功能。这也是其中一个为数不多的有差异的地方。

闪电演示Lightning Demos: 是一种快速的设计调研方法,通过快速调研相关产品(半小时左右),列出三个启发灵感的产品或者服务功能, 通过文字或者图形的方式记录下来。

闪电演示

在这初次的产品接触之后,我整理了一系列的研究问题,帮助我们挖掘有价值的内容,也为了便于之后访问用户:

  1. 用户能够跟踪他/她的行为足迹吗?
  2. 用户能够跟踪她的生理日期吗?
  3. 用户能够访问日/月历吗?
  4. 用户能够同步不同的日历吗?
  5. 用户能够同步电子邮件账户吗?
  6. 用户是否能够同步不同地区的假期 (本国、马德里、卡斯蒂亚莱昂...)?
  7. 用户能够共享日程事件吗?
  8. 用户能够设置不同类型的通知吗?
  9. 用户能够批量编辑日程事件吗?
  10. 用户是否可以自定义日历的风格?
  11. 用户是否可以通过分类来划分日程事件?
  12. 用户是否可以快速的更改日历吗?
  13. 用户是否能够无需无限地滚动就能在日历上搜索到特定的日期?
  14. 用户是否需要所有日历的汇总概览?
  15. 用户能够向位置处添加地图吗?
  16. 用户能够添加待办选项吗?
  17. 用户能够划掉已经完成的活动/日程事件吗?
  18. 用户能够清晰区分过去、现在和未来的日期吗?
  19. 用户能够设置预设日历吗?
  20. 用户能够自定义添加日历呢?
  21. 用户是否能够看到他/她的目标事件进度条?

我进行了一系列的用户访谈并且制作了一份数据表,看看其他人在他们使用日历过程中的看法和意见。我希望从一个局外人的角度来看待用户对当前市场上产品的看法,以及他们觉得自己缺少了什么。

为了让这个课题能够获取更多有价值的发现,我整理了一份表格发给大家。

有78.6%的受访者几乎每天都使用日历,这是相当高的比例了!因此,我认为给予这种工具应有的关注度是十分必要的。

该数据显示,大多数用户喜欢用日历去管理工作和个人日程事件。我从这些表格中得到一个有趣的发现,50%的用户使用桌面操作系统日历,92%的用户使用手机操作系统日历。在这些用户当中,35.7%的人使用电子邮件提供的日历。这意味着,有相当多的用户没有找到更好的日历应用程序。

调研数据

当被问及是否觉得缺少一个更完整的日历应用程序时,有35.7%的人回答:是的,28.6%的人回答:可能吧。

当被问及功能时,100%的用户赞同他们都想要划掉已经过去的事件或完成的任务。同时大家都希望有一个更好的事件总览页面,并且可以分享事件给其他用户。

在完成这些工作之后,我创建了用户画像 (User Personas) ,来帮助我把所有的信息进行梳理,以便更好地理解用户需求。尽管采访的用户中没有一个使用日历来追踪运动或饮食,但我还是决定在我的用户角色当中加入这项功能,因为我的目标是改变普通日历不包含此功能的现象,并在之后的设计提案当中加入这一功能。

用户画像 (User Personas): 基于研究中实际用户的典型使用行为、动机和目标而建立起的一种合成人物模型。

从目前的研究中,我得到了以下的发现:

用户想要:

  • 自定义活动
  • 添加任务和事件
  • 同步日历
  • 共享事件

我收集了以下意见:

  • 加强过去和未来日期的区分
  • 划掉任务和事件
  • 将事件与目标分开
  • 添加进度条
  • 目标跟踪的指标

定义

为了定义未来功能的解决方案,我开始比较之前选择的日历应用里事件概览页的不同之处。从整体深入研究用户喜欢的功能。

事件概览页面

我进行了启发式评估分析 (Heuristic Analysis) ,以便确定哪些功能是最突出的,哪些是可以被改进或简化的。需要指出最重要的一点就是谷歌日历的 “目标选择”,这是一个非常棒的功能,允许用户去追踪他们的目标。谷歌日历目前区分了活动、目标和提醒。这也是我之后打算要实现的功能。通过试图简化过程、减少步骤的数量,来避免对用户的认知造成负担。这也是我想在这方面去保持一致和标准。

启发式评估 (Heuristic Analysis) : 对计算机软件进行易用性检验的一种方法,旨在用户界面设计的过程中找到易用性方面的问题。

启发式评估

我记录了应用程序的反馈消息,看看我需要为我的设计需要添加什么。对我来说,真正重要的事情是探索UI界面的美观性和从极简主义中获得启发。因为有些日历看起来是非常的粗糙和拥挤的。当新增功能时,保持干净的设计是非常困难的。

简洁的界面

在研究这个的时候,我进行了一次MoSCoW的调研,帮助我在应用程序中更加清晰地确定重要的功能。我根据用户需求,选择放在应用中的主要功能有:

  • 导入
  • 共享
  • 同步
  • 划除
  • 分类
  • 自定义通知

同时,我认为如果可以定制化自己的日历去记录和挑战更高目标。这可能对用户来说,是非常有吸引力的 (例如多喝水),或者生理记录 (例如女生的生理期)。

开发

我通过一些草图来整理之后的设计解决方案,并且选择最佳的视觉形式去呈现。在这个过程中,最困难的事情是不超出负荷的设计下去添加功能。我根据草图绘制出了第一个线框图 (Wireframes),从视觉上进行优先级排序,哪些界面是需要被设计的、哪些是不需要被设计的。

我更加深入地研究了月日历下如何明确区分过去、现在和未来的日期。为此,我还创建了中等保真原型图 (Medium Fidelity Prototype) ,并进行了一些树测试 (Tree Testing) 去了解哪种解决方案会更符合用户的视觉感受。

中等保真原型图 (Medium Fidelity Prototype) : 功能有限但可单击区域的原型,可显示应用程序的交互作用和导航可能性。

树测试 (Tree Testing) : 一种用于评估网站主题可查找性的可用性技术。它也被称为反向卡片分类或基于卡片的分类。

日历视觉设计

我不得不考虑很多种方法来实现”划除“功能。我围绕这个特定的功能画了很多草图,以便从所有可用选项里选出最佳的方案。

划掉功能

到最后我还为新的日历应用程序快速建立一套品牌系统 (Branding System)。创建的色板是为了找到柔和、中性的颜色,在选择颜色范围时要考虑的一件事就是远离经典的蓝色色板,这在数字化设计中是非常典型。

品牌系统 (Branding System): 是元素的集合,这些元素共同创建统一,一致且灵活的品牌资产,从而将品牌价值有效地传达给目标受众。

品牌系统

该商标以一只山羊作为毅力的象征来传达品牌含义。“Chivo"这个名字在西班牙语中是“Cabra“,同为“山羊”的意思。因此,通过风格、组合的图像和字体构成了这样一个年轻、动态的商标。该应用程序的字体选择的是Roboto字体的 Medium和Regular字形,主要是因为它在数字化格式上具有更好的拓展性,并且它很符合品牌的整体外观形象和感觉。

交付

Chivo是一款全新的日历应用程序,你可以以一种简单的方式去记录/跟踪你所关心的事情。

Chivo应用程序

你是否曾经发现自己的日程表安排得满满的,以至于很难跟踪你所需要做的事情呢?

Chivo可以根据你的喜好去创建单独的日历。你仍然可以看到所有事件与目标的典型概览。但现在如果你想,你可以专注于其中的一个分类上。这意味着,如果你只想关注你的健身日历上,那么你就可以选择查看健身日历这分类。同样你也可以选择查看工作日历或者其他的日历,如下图所示:

Chivo应用程序

你可以在左上方的汉堡菜单上找到你所创建的日历。在与真实用户进行了一些交互上的实验之后,我创建了一个加速器,来鼓励用户通过向左或向右滑动来更改日历。在大多数日历中,当你向左或向右滑动时,其实你是在改变月份。而在Chivo你是在进行日历的滚动切换。而通过垂直划动,用户可以进行月份切换。如下图所示:

Chivo滚动效果

当创建新事件时,我在ios日历中添加了一个已经存在的选项,可以根据你的旅行时间来得到对应的通知。如下图所示:

创建新事件界面

我注意到启发式和创建反馈信息可以让用户了解在应用里将会发生什么。例如:如果你在健身日历上创建一个事件,但是它和工作日历上的一个事件是同一天或者是同一时间点,那么会出现一个弹窗来告知你。在这弹窗里,你可以选择以任何方式创建它或者取消和修改日期/时间。如下图所示:

弹窗内容

Chivo还能区分事件和目标。事件是典型日历输入方式,而目标是一种可以推迟的灵活输入方式。Chivo从你的目标中收集信息,并向你展示数据图形,以便你继续追踪正在做的事情。

添加事件/目标

如上所述,我简化了创建目标的过程。我通过创建遮罩来减少创建目标过程中步骤/界面的数量。这让用户回到他/她通用的目标或编辑界面,并且可以让他/她很清楚的了解到正在做的事情。如下图所示:

创建新目标的界面

结合用户希望能够划掉事件和目标的需求,我在Chivo中实现了一个允许用户去标记逐渐完成事情的功能。该功能通过在日历中添加一个进度条,来帮助用户清楚参看日常任务完成的状态。如下图所示:

标记逐渐完成事件的功能

未来规划

由于时间的限制,我不得不省略了两个将来可能会非常有趣的功能:能够添加挑战之类的功能以及能够追踪女性生理期。

我从没有想过,创建一个日历应用程序会如此具有挑战性。但是我想,简单的东西之所以操作简单,真是因为他们经过精心设计的。


编译作者:不喜处 | 杭州 | UI设计师

15
阅读原文
|
举报
|
22
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】会员icon
户外旅行飞机情侣假日出行
盲盒APP UI设计
UI界面 组件
钱包ui模板
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】30个图标
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】钱包icon
拟物风质感写实UI卡片合集源文件
矢量立体简约UI蓝白图标
新拟态风格 UI设计组件库
UI_3D图标“一本秘籍”(源文件
智能家居中心 简约 UI设计组件库
3D渐变流体抽象矢量UI背景图
高级感金属拟物 UI设计组件库
【新年UI图标】珠宝icon
科技医疗透明柜UI界面设计
UI 登录界面设计模板包
【新年UI图标】影音icon
【新年UI图标】汽车icon
【新年UI图标】秒杀icon
UI通用设计素材1
你可能喜欢
相关收藏夹
大家都在看
登录注册