钉钉app用户体验设计分析

钉钉作为一个系统办公app一直饱受争议，它一方面确实提高了中小企业移动办公效率，另一方面也因为其为老板定制的功能和用户体验问题而遭受诟病。这里我们从用户体验的角度来看看“DING”这个钉钉核心功能之一的设计存在哪些问题。

在DING标签导航下，顶部tab分为日程、DING、任务，从业务和用户角度来说，是为了方便用户查看待办日程和事项，为了一目了然，不错过。tab分为日程、DING、任务，层级关系为日程tab（依托日历）下展示的内容包含日程、ding和任务。对当前标签下的日程、DING、任务都存在一些全局操作：1.右上角的“提醒”，点击进入查看维度消息和动态通知；2.右上角的“设置”，点击展开其他功能入口（如图，这里看似是全局的“设置”按钮，在三个tab下的曾在内容却不相同，值得商榷）；3.右下角的悬浮“+”快捷按钮，点击快速新建日程、DING、任务。

首先来看日程tab：

在日程tab下，点击右上角的“设置”可以切换日程的视图（列表视图、日视图、月视图）。“列表视图”展示的是以周为单位的纵向列表，列表上下滑动查看；上方日历部分交互手势为横向滑动，滑动结果与下方列表部分联动，一个上下滑动一个左右滑动，内容统一但是交互手势不统一。说到内容统一，上方日历展示的内容，实际上是下方周列表展示的内容的日期详情，展示了这个周以内的七天日期，可以点击选择精确日期，点击日期快速定位。这里矛盾的点来了，既然上方的日期是为了精确选择和快速定位，为什么不做到上下的交互和视觉统一，把滑动手势统一并强调主从关系。一旦做到了滑动手势的统一，即上方日历改为上下滑动，那么也就不需要区分日历部分和列表部分了，因为二者完全可以合并。这就从正反两面论证了这一页交互的不必要性。列表视图下不能通过与日历或者周列表交互来新建日程（除非点击右下角的悬浮“+”快捷按钮）；不能点击查看周内日程详情，对于有设置日程的日期来说，则脱离周列表，单独展开当天日程时间线，并且可以点击查看单个日程详情。这里矛盾的点在于，大多数情况下，用户的这个列表可能每天都会有日程安排，那么这里的周列表将会是全部按照单个日期展开，也就失去了以周为单位展示的意义。

日程-列表示图-联动效果 日程-列表视图

再看“日视图”，日视图模式下，上半部分同样展示日历，选中任意日期，则下半部分以24小时时间线的方式平铺展开该日期下的所有日程，上下滑动查看。单击任意整数小时区间，则选中该时间，提示“在此点击可创建日程”，这时再次点击，则进入“新建日程”页面（可修改精确时间），这里对于具体新建的内容不做过多分析。在这个页面进见日程有两个入口（双击时间线和悬浮“+”快捷按钮）。这里的问题在于，把当天时间线全部铺开，其中夜里的时间甚至是白天的一些时间大概率没有日程安排，这些空的时间线不必要地占用了空间，也形成了视觉干扰，反而不能让用户一目了然地看到当天需要做的事情和顺序。虽然google calendar也是这么做的，甚至是把当前一周的时间线铺开，以表格的形式展示给用户。这里我们需要区分的是，google calendar是在网页端，有足有的页面空间显示完全信息；并且当点击时间线时，以pop up的形式弹出新建日程的详情，这样用户心理很清楚当前处于哪个页面、在做什么，不会因为本身庞大的时间线而让用户迷失。但是在钉钉的手机端情况就大为不同了，首先屏幕的尺寸限决定了平铺时间线的设计是存在空间和内容的浪费。其次，当该时间线（以整数小时为单位）已经显示了一个日程，则无法通过双击来新建日程，虽然在一个小时内建立一个以上日程的情境较少，但我们还是需要考虑交互的一致性。

日程-日视图

再看“月视图”，月视图模式下，将日历部分全屏展开，与前面“列表视图”和“日视图”下的日历不同点在于1.视觉样式不同，这里以网格展示；2.网格内显示该日期下的日程概览；3.点击已有日程的网格，则会弹出pop up显示当天的日程列表，点击没有日程的网格，则没有任何反馈；4.长按任意网格，则触发“新建日程”功能。大家可能发现了，同样是触发“新建日程”，在日视图下是【双击】，在月视图下是【长按】，交互方式没有统一。并且这里也没有任何交互手势的冲突导致必须要设计成一个双击，另一个长按，笔者暂时也想不到背后还会有什么别的因素考量。

日程-月视图

说完日程，我们来看另外两个与日程并列的tab “DING”和“任务”。

“DING”作为钉钉的核心功能之一，有的小伙伴可能回觉得这里的信息层级有一点混乱，因为“DING”作为钉钉的核心功能之一，单独开一个底部标签来承载无可厚非，但在底部标签导航内容页，展示的又是“日程”、“DING”和“任务”这三个别列tab。且不说这三者与底部标签导航的关系，也不说这三者需要被突出的到底是“日程”（看起来是基于日历的日程表）还是“DING”（核心功能），这里要探讨的是这三个tab之间的层级关系。实际上“日程”tab里还包含了“任务”列表的展示，也就是说这三者时间的关系并不像并列tab展示的那样独立和平等，而是存在包含关系，笔者理解DING和任务其实是日程的两个更为具体和重要的两个类别。这首先不符合tab交互控件的语意，对信息的层级的梳理也稍欠考虑。

DING

再看“任务”，“任务”tab下其实是把任务事项从日程的时间容器中剥离出来，更聚焦在内容上，按照时间顺序展示任务列表。这里与日程中展示任务的区别在于场景的不同，在“日程”中，用户关注的更多是，我这一天有哪些事情要处理（不管是日程还是任务）；在“任务”中用户更关注，我还有哪些任务需要完成（不局限在特定时间里）。但是问题在于，任务列表中针对每个任务都设置了一个checkbox，功能是打勾表示完成该任务，并将该任务从任务聊表中移除。这里的用户体验问题有两个：1.checkbox表达的交互是多选，这让任务列表看起来是一个可以多选批量操作的列表，实际上应该是单个点击改变状态的操作。2.在“任务”tab下没有设置新建任务功能，虽然通过右下角的悬浮“+”快捷按钮，也可以新建任务，但很明显多了一步点击操作。而且对于悬浮“+”来说，它存在的意义是提供用户在当前标签导航下的全局快速操作入口，不表示有了悬浮“+”就可以舍弃原本存在的“新建任务”入口。

任务

最后，关于对钉钉的改版设计将会后续发出。