Ticker – 个人时间管理应用概念原型

取了个有点装逼的名字,其实只是忽然想到博客里除了各种前端和各种折腾之外也该扔点交互相关的内容了,于是除了稀薄到可以忽略不计的两篇交互研讨文之外决定陆续把闲时无聊构思的进行中抑或是被毙的项目线稿什么的搬上来了。嘛但是相比交互更多设计稿反而仅仅草草的做了个做信息架构这方面也请不要吐槽。

Ticker

Ticker 线稿 (字球不吐槽,建议戳开大图)

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 风格界面。

Ticker Index-Floder Pencil 原型

Ticker Index-Floder Pencil 原型

后来使用 Evolus Pencil 的 Holo 元件简单制作了一个 Todo 列表的原型。中间的 Tab 可以切换时间和文件夹两种视图,其下是点击标题可以被折叠的层叠卡片。任务右侧的数值可能代表子任务数、时间或者价格等和任务最相关的信息,在任务上自左向右轻扫标记完成,再次右滑删除,向左滑动展开操作,点击展开子任务和详情。

现在回顾设计还存在几个问题,都集中在对任务的操作上。其一是左右滑动的手势被任务操作占用之后,违反了 Andriod Design 中对于 Tab 应该可以被滑动切换的要求。其二是操作的隐喻,虽然可以通过新手教学等告诉用户两个滑动手势的意义,但是明显应该在最常规的心里模型即点击后展开详情同时提供操作按钮,否则很可能出现摸不着头脑的情况。

随后值得注意的是新建事件的界面。这个页面借鉴的是 Google 日历的新建日程风格,除了必要的选项还表达了简要注释或关联记录、将日程分享给其他参与者、增加自定义的元数据和子任务等构思。至于查看单个事件的界面就非常简单,只是标题、元数据和子任务展示以及分享编辑等操作了。

最后还有一个没有来得及呈现在纸上但却是至关重要的构思,就是名为「时间」的一个页面,展示了当前时间日期、正在进行的任务和其操作、接下来进行的一项任务的界面,是使用我要当学霸时看到记时界面灵机一动想到的。这同样是一个场景出发的设计,思路大致如下:之所以想到把这几个方面的功能整合为一个应用,都是因为他们关于「我要做什么」。那么正好应该有一个页面告诉我现在和马上应该干什么,这胜过让我看一串长长的 Todo 列表。可惜当时的原型和聊天记录都不知道死哪里去了,现在也没有心情重画。

当时与螺丝、E姐交流过关于这个构思的事情,包括考虑有没有 Java 开发的人手、要不要做开源项目之类的。螺丝也提出了记录等其实不是痛点的功能可以拆开做成可选插件,还有和 Google Calendar 的同步之类的想法。但是最后没有考虑去实现原因还是真的对时间管理有如此复杂需求的用户实在不多,庞杂的设计显得过于累赘(虽然我保证我都会用)开发的成本过高。不过如果谁无聊想把这个设计实现了,记得署我一个名就好了 ……

更新:附一张更详细的 Pencil 原型设计图。

Ticker Pencil 原型

Ticker Pencil 原型

37 thoughts on “Ticker – 个人时间管理应用概念原型

  1. 汪汪~
    1. Clearision 很赞;
    2. 个人页看完真费时,可恶的是读了你的介绍才感觉自己是文字渣;
    3. 手稿缺个萝莉;
    4. 万能的下划线_________________________________________ *END*

  2. 其实这个需求的复杂度一点也不高就是了….
    对时间管理有高强度依赖的人,都是有自己的一套管理模式的…
    我等弱渣,其实往往,有个提醒就足够了 2333
    我还记得我刚开始玩开源的时候,用的trello做项目计划管理
    后来有段时间,加载速度超级慢, 于是自己照着他做了一个,但是因为感觉使用起来真没那个流畅
    再后来,我因为还没买VPS加上后来trello又恢复了速度,于是接着用了ww
    其实这种应用,用java做感觉还是浪费时间 233333
    PS:人生苦短,我用Python wwwww

  3. O.O看到钉子菊苣的强大设计! 暑假有空的话,好想做出来的说!
    设计什么的都已经做好了OvO这不是[万事俱备,只差程序员的节奏!】

  4. 可以说是个不错的设计,有些地方就看不懂了。对于Holo风格界面点赞!

    不过这类时间管理应用用得不多,顶多就是用keep保存点素材而已。个人习惯于把事情列在纸上,一件一件完成,留有点历史,有点纪念意义呢。在母上大人的影响下,这种习惯就形成了。。。

  5. 把设计稿给我吧,最后是PSD的,设计思路啊,需求啊 写成文档吧。我抽空尝试一下能不能做成。
    不要介意要的东西多,也算是你对自己的idea的负责,完备点总是好的。

    • 现在已经有人愿意做,在做了,是两位学生。如果你愿意的话可以和他们合作(不知道技术实力适不适合配合),也可以选择自己做一份,也可以放弃,这样?
      之前没考虑到,我过段时间会把初期设计图纸和原型图找个合适的协议开源。今后我会公布更多其他产品的设计图纸。
      当然,进入实际开发后,联系我,对设计图做的改进那些,是不会被开源的。如果只是以此为基础,想修改成完全不同的产品之类的,有时间我也乐意奉陪。

  6. 前来挖坟hhh
    最近正需要一个时间管理工具~网上找了半天…突然想起来貌似钉子酱搞过类似的个东西,于是挖过来看看hhh
    现在这个项目怎么样啦~开花结果了嘛~

发表评论

邮箱地址不会被公开。 必填项已用*标注