【每日一练4】滴答清单交互设计分析

今天做的是滴答清单的分析,思路还是差不多,先走一遍所有页面和所有的功能流程,可惜有一些功能要会员,也就没有包括进来。然后就整理流程,归纳功能模块,最后在axure上把交互稿大致画出来,画的时候就会考虑,如果是我会怎么做,现在这样设计的原因是什么。下面开始吧。
首先放出我整理的流程图。

画流程图的时候,有两个点比较纠结,一是流程要细化到什么程度,比如设置时间,不能说开始-设置时间-完成,也可能说开始-选择日期-是否更改日期-是否取消设置-选择时间-是否更改时间-是否保存----。二是流程的广度,一些流程中,会包括很多可选的操作,比如新建任务的时候,可以选择是否添加提醒,是否移动到别的清单等,这些需不需要包括进来。
纠结的时候,最需要的就是明确流程图的用途,如果你只是自己整理为了画交互稿方便的,那就你自己能懂就好,如果是为了分享讨论的,是线上的还是线下的,有没有其他辅助的材料等,都是判断的标准。

第一点我还是想说说浮动按钮的问题,从点击效率上来说,目前是直接点击下方的输入框,然后弹出键盘开始输入,点击左边可以设置任务的时间,点击右边可以转到语音模式,然后按住说话。



如果采用浮动按钮,点击之后进入编辑窗口,同样可以执行以上的操作。但是浮动按钮除了在视觉上比较突出,其他方面并没有什么太大的好处。比如提示文字,现在输入框可以提示用户一些相关的信息,比起浮动图标的icon来说明确得多。

常常说一图抵千字,就是说一张好的图片可以将复杂的内容简明地表示出来,但往往准确性不高,一张图片可以有很多的解读,要不怎么会有看图写作文这种东西呢,虽然结合特定的环境背景,图片可以明确其意义,但我们并不能保证每个用户的感觉都是一样的。

所以这里我觉得文字线索来得更有用,加上这里的操作不多,三个,时间设置,文字输入,语音输入,直接放置在底部栏不会显得太复杂。这也是和google keep的区别,keep的功能较多。

第二个讲讲时间设置方面。
时间可以在任务创建之间就先设置好,也可以等任务创建完成再增加。两种情况下又分别有几种不同的触发方式或者设置类型,好在最后都会到达一个相似的时间设置界面。与时间设置相关联的还有一个提醒功能,一般默认是“准时”,也就是你设置好任务的时间后,到了那个时间点会提醒你,可以自己修改为提前5分钟,1小时,1天等。最后还有一个循环提醒功能,可以设置比如每周一提醒我上班之类的任务。

整体的感觉就是,时间设置方面非常灵活,允许用户深度定制,我的第一反应是这样会不会太过复杂了,不过仔细分析下来,其实每个地方的时间设置都有特定的语境,每个流程也足够简洁。新建,编辑,查看,不同的模式下时间设置入口都是唯一的。这里确实做得不错,学习了。

这里提一点弹窗方面的,我发现滴答里面有几处地方是两重弹窗的,就比如时间,点击icon弹出设置界面,然后点击自定义则又弹出另外一个,而且还是直接叠着的。记得material design中讲到最好不要多重弹出,会增加z轴上的复杂度。不过这里确实不好做,首先第一层弹窗是没问题的,但是第二层,新打开一个页面,或者直接替换掉第一层的弹窗都不是很合适,如果在第一层就直接打开新页面,也显得不是很有必要。好在,滴答在弹窗出现的时候压暗了其他区域,不是刻意去关注的话不容易看到。

最后讲一讲手势操作。
滴答清单中的手势操作很丰富,对一个任务,可以有左短拉,左长拉,右短拉,右长拉,最新版还增加了针对时间显示区域,长按之后可以左右滑动设置进度,一开始有相应的引导,相应的反馈也有。其中右滑的两个操作是“完成”“优先级”,左滑的两个操作是“设置时间”“移动”。
对于新用户来说,要一次性记住四个手势对应的功能,以及把握好滑动的距离,这样才能利用好手势操作,不然每次使用都要摸索一下,还不如直接点击,因为这四个功能,三个是可以通过点击两次就打开的,“完成”功能则只需要点击一次,所以除非用户能掌握好手势操作,不然意义不是很大。

然后再看分析一下四个操作的排列,左边是什么,右边是什么,哪一个是长拉,哪一个是短拉,好像和操作本身没有什么必然的联系。除了右滑完成,这个是比较常用的,用户也应该可以很容易的上手。但是右滑同时有可能触发优先级设置的操作,是针对还没完成的任务而言的,两者就不太一致了。左滑的也是一样,两者并没有可以联系的地方,或者说,直接联系的地方。这样一来,用户学习的成本就更高了。

手势在这里只是一种触发操作的替代方式,可以提高资深用户的操作效率,普通用户大可以直接点击执行操作,只是如果可以优化一下,让用户更容易学会就更好了。

以上。
欢迎评论交流。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,905评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,140评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,791评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,483评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,476评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,516评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,905评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,560评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,778评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,557评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,635评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,338评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,925评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,898评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,142评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,818评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,347评论 2 342

推荐阅读更多精彩内容