功能日记

更好 UI,更好 Worktile


转眼 Worktile 9 岁了,打造简单、专业以及可依赖的协同产品,一直是我们的初心和使命。过往几年,Worktile 在 UI 和交互体验上保持了克制,也不断收到来自用户的声音,希望我们做得更好。于是,有了更好 UI,更好 Worktile 的新起点。本次大的 UI 迭代,我们主要从以下方面进行改善和优化:

  • 更好看
  • 一致性
  • 更清晰的导航和信息架构
  • 所见即所得的配置
  • 更大的详情展示,承载更直接的内容
  • 后台前置

下面,我们来一一了解,Worktile 新 UI 的核心优化。

更好看

秉持着“简单、认真”的设计理念,在质感、色彩、布局上探索更多的可能。以简洁明快、更具识别度的形式呈现页面。

image.png

统一交互,任何地方一致体验

一致性是 Worktile 产品设计最为基础且重要的原则之一,一般主要指产品的设计理念、逻辑结构、操作交互以及视觉形象等设计“基因”能够在设计中较好的保持一致和统一。对于用户,能够在产品不同模块中有一致性的体验,同时降低用户对功能的理解和使用成本。统一关联、统一评论。

image.png

统一表格、筛选、排序。

iShot_2022-11-15_下午4.43.51.gif

统一搜索搜索置于顶部全局位置,随时通过全局操作,触达你想触达的任务和其他信息。

iShot_2022-11-15_下午4.42.41.gif

统一导航无论全局导航,或者项目内导航,方便切换应用、项目和项目组件。

image.png

统一最小化支持所有要素的最小化,方便将临时的任务、文件、审批、目标最小化到底部快捷栏,随时唤起。

iShot_2022-11-15_下午4.39.11.gif

统一组件和视图现在添加组件和视图,点击添加即可将所需组件加入项目,简单方便。

iShot_2022-11-15_下午4.41.11.gif

统一时间选择器。

image.png

统一用户选择器选择成员时,无论直接选择、从部门添加或从用户组添加,系统所有选择用户面板都是一致且统一的。

image.png

统一提醒和通知提醒和通知通过全局顶部打开,随时获取你需要知道的新消息,支持同一任务消息的合并。

image.png

统一点赞。

image.png

统一设置无论项目设置、目标设置或者日历设置,从统一的位置和入口进入。

image.png

更清晰的导航,支持展开、折叠两种模式切换

展开状态可展示全部应用,便于在不同的应用中切换。折叠状态能够给页面右侧留出更多的展示工作内容的空间。

iShot_2022-11-15_下午4.59.20.gif

全局搜索、全局新建和全局帮助

顶部使用全局导航,支持搜索、快速新建、查看帮助,以及获取最新通知。

iShot_2022-11-15_下午4.59.45.gif

所见即所得的配置

Worktile 在设计产品的时候,尽量减少页面的跳转,能在当前页面完成就在当前页面完成,直观的让用户操作,一步到位。项目内可直接添加应用。

iShot_2022-11-15_下午4.41.11.gif

分离通知和消息

通知从消息中独立,新版本的通知入口在页面右上方。点击通知 icon 展示通知列表,可查看通知详情,并且可点击跳转到具体的工作项中。

iShot_2022-11-15_下午4.54.32.gif

还有各种细节优化

  • 最小化支持
  • 更大的详情展示
  • 支持 Emoji(即将上线)
  • 任务状态可视化(即将上线)
  • 属性字段导入(即将上线)

更好的 UI 和交互,是持续迭代的过程,Worktile 新 UI 优化也会继续对细节进行不断的调整和丰富,让效率革命不断跃迁新高度。也衷心的欢迎广大用户的建议和反馈,我们继续努力。

智齿客服