取了个有点装逼的名字,其实只是忽然想到博客里除了各种前端和各种折腾之外也该扔点交互相关的内容了,于是除了稀薄到可以忽略不计的两篇交互研讨文之外决定陆续把闲时无聊构思的进行中抑或是被毙的项目线稿什么的搬上来了。嘛但是相比交互更多设计稿反而仅仅草草的做了个做信息架构这方面也请不要吐槽。
Ticker 是去年设计的一个用于管理时间的应用,简而言之就是增强版的 Todo 。
构思来源于健忘的某人正极其依赖 Google Keep 和 Google Calendar 的时期,经常会为一项任务是添加到 Todo 还是日历而感到纠结。更别说 Google Keep 将备忘便签和 Todo 融合已经让我少开了一个应用, Aviate Launcher 对于日历事项的展示方式更是硬生生变成了 Todo ,因此我就想到——以待办事项为共同核心,能否将 Todo 、日历和便签融合到一起?
当然马上不可避免的就是可观的复杂度增长,因此定位是重度依赖时间管理类应用的人群。
毫无疑问首先依次测试了类似的竞品,其中在模式的融合方面几种最有参考价值的是 Todo + 便签的 Google Keep 和 Todo + 便签 + 日历的 ColorNote 。当时还针对每种产品的竞争力和优秀特性列了一个表单,已几乎回想不起来所以不在此赘述。
在此之中确定了任务分类和进度系统、 Todo 日历和笔记三个系统之间可以互相绑定的思路。举个栗子,我为明天的会议创建一个日历日程,在标注了具体时间之后就会被显示在日历上,同时我可以把备忘的信息写在关联的便签上。
从整个产品的维度来考虑,「任务」应该是沟通三个组件的概念,最后选用了类似 Any.Do 的任务列表作为设计出发点。画线稿的过程中自然而然的发现原生 Holo 风格非常适合这类结构清晰的应用于是就上手了,最后的成品是一个以侧边栏(现在看来应该改用原生 Drawer )区分 Todo 、记录和日历,以 Tab 切换视图的 Holo 风格界面。
后来使用 Evolus Pencil 的 Holo 元件简单制作了一个 Todo 列表的原型。中间的 Tab 可以切换时间和文件夹两种视图,其下是点击标题可以被折叠的层叠卡片。任务右侧的数值可能代表子任务数、时间或者价格等和任务最相关的信息,在任务上自左向右轻扫标记完成,再次右滑删除,向左滑动展开操作,点击展开子任务和详情。
现在回顾设计还存在几个问题,都集中在对任务的操作上。其一是左右滑动的手势被任务操作占用之后,违反了 Andriod Design 中对于 Tab 应该可以被滑动切换的要求。其二是操作的隐喻,虽然可以通过新手教学等告诉用户两个滑动手势的意义,但是明显应该在最常规的心里模型即点击后展开详情同时提供操作按钮,否则很可能出现摸不着头脑的情况。
随后值得注意的是新建事件的界面。这个页面借鉴的是 Google 日历的新建日程风格,除了必要的选项还表达了简要注释或关联记录、将日程分享给其他参与者、增加自定义的元数据和子任务等构思。至于查看单个事件的界面就非常简单,只是标题、元数据和子任务展示以及分享编辑等操作了。
最后还有一个没有来得及呈现在纸上但却是至关重要的构思,就是名为「时间」的一个页面,展示了当前时间日期、正在进行的任务和其操作、接下来进行的一项任务的界面,是使用我要当学霸时看到记时界面灵机一动想到的。这同样是一个场景出发的设计,思路大致如下:之所以想到把这几个方面的功能整合为一个应用,都是因为他们关于「我要做什么」。那么正好应该有一个页面告诉我现在和马上应该干什么,这胜过让我看一串长长的 Todo 列表。可惜当时的原型和聊天记录都不知道死哪里去了,现在也没有心情重画。
当时与螺丝、E姐交流过关于这个构思的事情,包括考虑有没有 Java 开发的人手、要不要做开源项目之类的。螺丝也提出了记录等其实不是痛点的功能可以拆开做成可选插件,还有和 Google Calendar 的同步之类的想法。但是最后没有考虑去实现原因还是真的对时间管理有如此复杂需求的用户实在不多,庞杂的设计显得过于累赘(虽然我保证我都会用)开发的成本过高。不过如果谁无聊想把这个设计实现了,记得署我一个名就好了 ……
更新:附一张更详细的 Pencil 原型设计图。
本文来自 钉子の次元 - Dimpurr - an artist, designer and developer from China. ,原文地址 Ticker – 个人时间管理应用概念原型