恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
制作时间:重新设计安卓日历控件
0.0°
2015-09-21 自译外文 经验/观点 原作者: 原作者 举报 34314 48 13 10

在用户体验设计,很少有东西比时间和个人时间管理更复杂 - 手机的设计模式和信息体系结构的原则只有一个好的库可以为您节省。这是重新设计的用户体验在安卓上流行的日历工具的故事:业务日历。我们将讨论设计系统,交互设计问题,跨屏幕和平台,研究和大企业的决策及其结果进行缩放。

业务日历开始了作为一个辅助项目,一个人的表演,现在在柏林一组八个运行。该应用程序是从Android的进入了主流市场的时候就非常成功,而且它现在有200万的活跃用户。但是相反的设计和可用性有规律的现代化,开发重点放在执行用户的请求和定制选项。过时的设计和填充新特性做了应用程序沉重和复杂 - 完整的功能,难以维持为球队,为新用户很难访问。

商务日历重新设计前:它仍然看起来和作品像安卓2.X的样子

了解他们需要重新设计,但有一些资源本身,团队接洽Opoloo获得设计和交互在同一水平的发展。对于任务,我们圈定的目标,以吸引新用户和保留现有的用户群满意:

改善用户体验

剥离下来和重新组织的用户界面,以重振简单,快捷,高效的工作效率工具的过程。

提高可访问

保留老用户高兴,降低了新的障碍。

纳入任务管理

整合用户每天都需要创造更多的价值的工具。

应用现代设计标准

解决的主要批评:“可能是更漂亮。”

丰富的平板电脑支持

改善片剂经历作为第一步来普及。

纸原型中测试的概念,并快速迭代。

界面设计:演示

任何移动日历的界面中最难的部分是信息的密度,每小块争抢注意力:网格,事件,时间指标,文字标签,色彩等元素进行交互,操纵和定制。找到正确的平衡是什么使一个访问日历的用户界面。下面是一些技巧,我们拉着数据的呈现(即信息部分是如何被消耗,搜索和比较)。

收藏条

虽然业务日历的一个标志性的和频繁使用的功能,最喜欢的酒吧是勉强可以访问:它变得太小,太拥挤如日历的数量增长来使用。我们的解决方案是使用安卓的黑色系条为光招:最喜欢的酒吧现在感觉高得多,更容易挖掘,由于黑的黑色外观设计。此外,我们改进了触摸的目标,可见和不可见状态更清晰,并实现了滚动模式,以容纳更多的日历。


其中一个业务日历的鲜明特色是喜欢去的收藏条。

视图选择

大多数日历使用一个微调在左上角改变的观点,但是这可能是困难的一块4英寸+屏幕上,尤其是当你在运行。与从左侧边缘轻扫打开一个抽屉式导航制作切换更容易的观点,不管屏幕多大。

该视图选择从微调到导航栏打开,根据安卓的标准的可访问性和一致性。

当日视图界面

“我在哪里今天是?需要得到什么呢?哦,我需要带雨伞?“

这就是大多数人都希望他们的日历告诉他们第一件事就是在早上,和旧的应用程序并没有回答这些问题。这个小细节让任何用户更有价值日视图。

专注于你所需要获得通过一天的最基础,使日景独特的和可访问的。这是一天观点重新想象:事件,任务和天气。

评估与学习

如果你对空间和清晰度,采用黑色为一般交互压制效果很好,因为它集成在系统中的酒吧,让您专注于内容,特别是当颜色由用户自定义。同时,注重对用户的体能和心态是最重要的一个很好的经验。

我们低估了,尽管激烈的研究和演示方面取得了可喜的进展一件事,是骨灰级用户的需要定制自己的日历体验到最微小的细节(例如,更改字体的透明度)。只有在这之后UI初始探索我们才意识到有多少工作将需要 - 不仅实现设计建议,但也可以自定义的一切。

在移动设备上的应用程序的压延。

界面设计:对话框

不同的是表现力,数据的交互处理所有对话框,自定义设置和偏好以及他们在界面上的影响力。虽然我们通常会看到我们的日历的一个月或一周的观点,真正的魔力总是发生在对话框中。能够快速找到合适的时间段,创建一个事件,设置其所有参数(如与会者或位置),最后得到提醒,非常适合你 - 所有这些是什么使一个日历是有用的。

研究和制约因素

商务日历塞满了对话,他们中的一些本质上做同样的工作,但没有一致性。每一个对话框导致了另一个,也是最有多个版本,每一个细微变化和高级选项。尽管如此,他们几个也正是你所期望的东西。

种类繁多的对话框中的旧版本:日期选择器,时间选择器,拾色器,数字选择器;与单项选择,多项选择列表;与选项列表;附加功能列表;和任何其他类型的列表,你可以想像。

设计与实现

为了保持对话框的可管理和一致的数量,同时保持对大部分的功能,我们将其分为四组:

日历和颜色,时间和日期,历史和模板,特殊的对话。

日历和颜色担任我们的实验装置。虽然重新审视与用例,草图和线框图的每一个动作,我们打了不同的颜色,字体和样式。

对于每个单独的对话,我们就问,我们的用户期待什么吗?我们可以做的更好?我们可以覆盖其功能有一个基本的系统对话框?还是我们需要一个定制的解决方案,因为我们与下面的任务没有?

选择一天或范围

采摘一天或数天的范围(例如,休假期间)通常通过选择月完成,然后用旋涂器的数值。但实际上,用户希望选择不是一个抽象的数字,而是一个具体的时间框架。结果是一个月的视图,与刷卡选择多天。

采摘一天或几天的范围内发现了过多的使用和边缘的情况下,所有这些我们必须绘制出一个流畅的体验。

跳转到年份和月份

当远在选择每天进去以后,你不得不不厌其烦地刷卡每个月。我们需要为用户轻松导航到一个月,一年的选项,而无需单独选择每个。什么可能揭开一个复杂的一系列的对话框变成了一个简单的列表 - 年和月在视觉上分离,导航与快速轻扫。

月和年快速设置和编辑事件之间切换。从左至右:老视图选择器,速写,以及重新设计的版本。

其结果是:采用模块化设计系统

我们不仅减少对话框的数量,但确信,每个对话是一致的系统,通过该用户要完成的动作定义的一部分。我们形成在对话框中工作时的模块化设计系统的想法是,开发者能够创建基于定义的构建块固体相互作用模式,而不需要恒定设计反馈。这加速发展极大并保持通信开销降至最低。

在现实中,这适用于大多数情况下。但是,这取决于你如何构建复杂的导向系统,最终的边缘情况或上下文设置可能会碰坏,尤其是一个高度可定制的应用程序,你会在这种情况下,必须建立一个专门的解决方案。

对话框是很难的,尤其是一组可自定义的复杂的数据,但他们在那里的大部分份额的时间都花在。你的努力获得最大的每一个选项的最终什么设置一个巨大的生产力应用程序分开,每毫秒将有助于采取一些压力了每个用户的一天。

设置

设置是一个巨大的交易经常日历用户。约60都在手边,以便为用户提供全面统治他们的日历。他们中的大多数打开新的对话框和子集的屏幕,像振动时间和振动间隔。数量之多,可能是令人不安的。冲突出现了:快速访问与详细的定制。

研究和制约因素

最初,所有的设置都是一样的屏幕,保证无障碍的。但作为创建新的功能和自定义的设置变得不那么有用的:有机增长使他们困惑,矛盾和麻烦。

安卓的设置似乎是一个完美的蓝图,一致性和可访问性,是相当广泛的,复杂的和足够深。通过坚持由本机设置建议的准则,我们也将保持紧密联系,以什么样的用户已经暴露。

设计与实现

不过,有硬要做的工作:我们必须把所有的东西分开。在三个巨大的白板,我们列出了所有的设置,以及它们的具体功能,在那里发生了什么动作跟着他们。


剖析设置架构是在白板上手工完成,然后详细审查,讨论和解决问题是在电子表格中完成的。

具有许多环境问题,一般是从调整所产生的变化表明,只有当你真正尝试。这可能会奏效,但它使可怕的交互设计。标签充分,准确是最重要的为好设置,所以我们重新集结,重新标记大部分的设置,为用户提供更相关方面对自己的行为。好标签给你你要什么,然后再设置它设置了一个想法。

评估与学习

因为我们不能减少设置的数量,我们把它们分成“常规设置”和“意见”,这与应用程序的体系结构相关。分层的方法如下来自:用户首先选择的设置组,然后设置,然后输入。因此,而不是呈现一切都在一个大混乱的面板,在这里你不得不流浪和跳跃,你有一个入口点下降到一个设定,调整,然后跳再度回升。怎么听起来像是不必要的水龙头实际上使用户的操作更加故意的:他们花更少的时间搜索和可以调整设置不受干扰。

巨大的设置面板,在旧历的视图,与新近重新思考设置。

品牌与人物形象通过系统设计

品牌主要用于定向的人,理想情况下,支持一个人的决定,它的产品适合他们不断如此拥挤的市场。一个品牌要告诉一个快速的,愉快的故事,否则将需要更长的时间。我们面临的挑战是要拿出品牌,不得到生产效率的方式,但依然讲述了一个独特的产品的故事。

研究和制约因素

商务日历的魔力是从外面几乎看不到。是什么让应用程序的特殊和它的数百万用户的喜爱是丰富的功能集,注重互动的细节。我们希望在这个过程中要早得多传达这一点。

有一些限制。随着界面,信息密集,人们关心他们的内容 - 不是应用程序本身。我们必须允许一个高度可定制的界面;元素通常携带的品牌很容易被用户谁是容易出现完全改变颜色,字体和大小被劫持。而不是把品牌线索的接口,这样,我们巧妙地变成了接口转换,将与业务日历明确相关的品牌。

设计与实现

因为我们不能碰的颜色,这是为表彰和定制用户重要的是,我们留下了黑色和白色的工作。所以,我们做了这个约束我们的主要品牌元素。

从那里,白纸在黑色背景上的概念出现了。我们奠定了在白色区域内的用户的内容,同时限制导航和互动应用程序本身的黑盒子。同样地,所有的事件将在白色一个月格显示在它们各自的颜色。

内容白色,黑色的互动和导航。

这种黑色和白色纸的概念缩小到对话,扩大到了网站,并应用到业务日历的几乎所有领域。这感觉就像正确的剂量的性格,没有个人色彩和亮点干扰。

但所有这一切改变了,当我们到了入职。在安装应用程序之前,用户的体验感到沉闷和感情。

因此,我们带回了更多的品牌和颜色混进去。可是,我仍然下落不明。论整体品牌,我们谈了很多关于哲学和影响。业务日历小组设在柏林,我们都非常关心我们的家乡。这成为最后一块拼图品牌的,我们有足够的空间和小文字工作领域。

柏林的大背景照片是缺少的环节,在品牌推广的经验。


LOGO重新设计,从概念和想法勘探到最终的设计。

评估与学习

带来品牌知名度已经使用数以百万计的人的一个应用程序是什么,但通常,这是我们的一个真正的挑战。

为了避免疏远现有的用户,我们首先看每个元素在用户的控制范围之外(如谷歌Play商店的推广和入职体验)。从那里,我们仔细地推开小品牌的细节到核心体验。它似乎并不像很多的探索和努力,以确保每一个决定,每一个覆盖用户自定义的边缘情况是比较昂贵的,在完成的应用程序,但所有。我们了解到,每一个应用程序开发人员应该投资在一个坚实的,灵活的品牌体系早期。

最后一个音符。当我们开始重新设计,谷歌的材料设计准则,甚至没有介绍呢。我们采取了他们沉重的重点在纸上比喻为一个迹象,表明我们是在正确的轨道与我们的设计决策。

分配,发射,收入

只是有两种方法来开发软件:发布新产品或更新现有之一。新的领域带来的激动和悬念:谁是我们应对?有多少人会使用产品?会有什么普遍的看法是什么?

当重新推出一个产品,不同的问题开始发挥作用。我们将有多少新用户到达,有多少现有的将我们输了?如何将用户感知的变化?他们一定会喜欢或讨厌的更新?这种压力是特别高,如果你已经大幅更新了整个应用程序,而不仅仅是修正了几个错误。那么,你如何启动重新设计,最大限度地减少风险,并产生足够的收入?

双APP模式

在过去的四年中,企业日历已经通过谷歌的支付商店分布为两个应用程序:一个免费版和专业版提供了更加丰富的功能集。这是一个既定的模式,但它成为更新两个应用程序的所有时间的负担。

那么,是什么达到新的用户足够多的重新开张的模型是什么样子?我们能不能​​转换免费用户可以通过支付Pro的功能来支持我们的发展?问题是,在应用程序发布坚实的数字是很难得的,所以我们几乎没有任何的基础上,除了我们自己的判断和经验。

策略和实施

我们考虑了三种方案。

首先是出版业务日历2.0作为一个经典的更新免费和专业版。

临:我们将保持目前的发布计划,用户和现有用户将熟悉的过程。该应用程序将保持它的高排名在支付商店。

缺点:我们仍然需要定期更新两个应用程序。用户谁不喜欢的重新设计将被排除在外。

第二种情况是,以取代自由和专业版商务日历2.0,而是通过应用内购买补充升级。

临:我们将简化版本,并支持流程极大,提供了更多的选择,以货币化发展的长远之计。

缺点:现有用户可能不喜欢新版本,并留下商务日历的选择。

第三种情况是保持在Play商店两个版本了一会儿,并分别发布业务日历2.0,在应用内购买。

优点:与新老用户将能够选择哪些应用程序使用,而没有人会被抛在后面。

缺点:我们必须更新所有三个应用程序一段时间,用户将可能会不知所措,不理解的差异。此外,这种策略可能导致在排名和搜索结果失去了一个高点。

辩论的所有这些和其他战略几个星期,我们最终选择了第三个选项,即使这意味着额外的工作。因为我们的应用程序的几乎每一个方面的工作,疏远现有用户的可能性实在太高。

通过作出这一决定,我们创建了一个框架,支持应用内购买和支持网站。我们创建了四个包,为用户从选择:

黑暗的主题和扩展定制,高级事件管理,任务,上述所有和一些额外的。


在应用程序内购买允许,而不是一个自由和专业版我们集中精力,保持只有一个应用程序。

我们冻结功能,让四周测试产品,通过Google+的广泛的公开测试版。反馈是整个正面,但更多的我们得到的更多的错误出现。尽管如此,我们希望保持在截止日期在圣诞节前。因此,企业日历2.0在12月24日在Play商店世界范围内推出。

评估与学习

我们认识到,发动十二月下旬不是完美的决定,但我们肯定低估小人物如何关心新的应用程序,尤其是挂历,在圣诞节前后。在发射后的下载和更新的数字本来可以更好,因为可以在Play商店的各种排名。

此外,强制发行日期带来了很多错误,这惹恼了新用户,谁的回报使他们的声音在各种评论和评级平台 - 可以理解的。我们清楚地认识到,一个稍长的开发周期将是更明智的决策 - 开发团队和用户的一致好评。

幸运的是,糟糕的数字在2015年初迅速攀升,为球队不断完善的应用程序和压扁的错误。商务日历2达到了Play商店更好的位置,从而获得更高的下载和转换次数。

一些数字

没有人通常赞同这些,但是我们会做吧:

一个月的新版本之前,德国有17万下载量。一个月发布后,下载量增加至超过25万。

截至2015年6月,近46000 Pro用户安装升级包,以支持发展,虽然他们提供免费升级。

在过去的六个月(相对于发行前半年)的销售额增长了59%。如果不考虑升级到账户中,销售是显著降低。

在支付商店排名的影响是一些使用不同的模型推出一个新的应用程序时要考虑的。一天前重新开张,老的应用程序在搜索排名第6“日历”。在重新开张一个月后,新的应用程序排在71(这是尽管25万下载量32000上仅仅在第一天)。

结论

我们常常忘记,应用程序是由真实的人建有意见,理想和恐惧。当整个公司围绕单一产品,是即将获得重新启动形成,有一个非常紧张 - 毕竟,这些人依赖于产品的成功为自己的金融安全。

截至目前,我们不会说,商业日历2的重新开张的战略是明确的成功。半年中,该数字是实心的新版本,但未来十二个月将显示是否所有的工作证明了这个特殊的产品价值。

重新设计是复杂的,长期的,我们把艰难的东西慢慢完成。

这种重新设计是复杂的,长期的,部分是因为我们刻意做的事情了漫长而艰难的,笨的方法,以获得最好的效果。然后,还有重新设计和开发,我们离开了这篇文章的所有部分:任务管理的重新设计,更精细的交互细节,入职过程中,网站的发展,以及复杂的多部分支撑系统,命名 一些。我们分享这个故事,因为每个人都站在巨人的肩膀上,这是我们要更好的信息设计思维小的贡献。我们希望,我们已经了解了足够的这个项目让你有点小聪明,这样就可以使我们更聪明反过来。 谢谢。

原文作者: Günther Beyer & Nino Rapin

原文链接:http://www.smashingmagazine.com/2015/07/redesigning-a-calendar-experience-for-android/

更新:2015-09-21

收藏

48人已收藏

李煜佳UX

阿里体验设计专家、《千里之行:启程用户体验设计》作者

  • 62

    作品

  • 1540

    粉丝

  • 1

    关注

  • 第二节:结构化思考力
  • 第一节:思考你的思考
  • 设计思维课|多元思维模型导读
  • 设计的批判性思维
相关标签

    猜你喜欢

      2015-09-21 自译外文 经验/观点 原作者: 原作者 举报 34314 48 13 10

      制作时间:重新设计安卓日历控件

      0.0°

      你确定要举报制作时间:重新设计安卓日历控件

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年09月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      13
      48
      10

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录