功能日记

V9.0.0:UI 升级


v9.0.0:Worktile 全新视觉升级@2x.png

Worktile V9.0.0 以 UI 升级为主,本次 UI 升级的背景和目的:

  1. 整体 UI 风格较为陈旧,且缺乏一致性。本次升级后更加简洁、统一,带来更好的视觉效果。
  2. 某些产品功能的交互逻辑较为复杂。本次升级对交互逻辑做了优化,提升使用体验。
  3. 整体的产品风格和 PingCode 保持一致,给未来可能的整合做准备。

本次 UI 升级涉及到的功能模块(功能点)包括:

  1. 导航栏
  2. 工作台
  3. 项目应用:
    1)页面:项目、项目集、工时、统计分析、报表、项目设置页、配置中心等
    2)项目组件:看板、迭代、列表、表格、日历、概览等
  4. 目标应用
  5. 通知从消息中独立
  6. 其他

详细升级内容如下。

如果您在使用过程中有任何建议和意见,欢迎您通过点击下方链接给我们反馈,谢谢!
反馈链接:https://www.wjx.cn/vm/YDgRxVA.aspx

导航栏 UI 升级

左侧导航栏

  1. 工作台、项目、目标等应用的 icon 采用全新的 UI 设计,视觉效果更加简洁。
  2. 提供展开、折叠两种展示形式,用户可根据使用偏好自行选择适合的展示形式
    1)展开状态可展示全部应用,便于在不同的应用中切换。
    2)折叠状态能够给页面右侧留出更多的展示工作内容的空间。
iShot_2022-11-08_18.26.38.gif

3. 应用在左侧导航栏的排列顺序支持自定义调整,用户可根据个人偏好自行设置

注意:需要在企业管理后台中开启此功能,位置:管理后台 - 应用管理 - 应用设置
iShot_2022-11-08_18.30.35.gif

上方导航栏

个人设置、帮助中心、新建、全局搜索等功能转移到顶部导航栏右侧。

image.png

工作台 UI 升级

  1. 我的任务表格增加展示任务类型的图标、任务编号,调整了任务任务状态和截止时间的样式。
  2. 日程、目标等卡片的 UI 细节微调。
image.png

项目应用 UI 升级

全部项目

  1. 左侧菜单 UI 调整,视觉效果更加简洁、清晰。
image.png

2. 原来位于上方导航栏中的已归档项目、项目回收站、项目日志,转移到配置中心,具体路径见下图。

iShot_2022-11-08_20.24.59.gif

3. 调整了新建、搜索、筛选、排序功能的 UI 设计,使功能在页面中的布局更加聚焦,操作更方便。

image.png

4. 三种项目视图(卡片、列表、表格)的 UI 调整。

iShot_2022-11-08_20.31.16.gif

项目集

UI 微调,包括新建项目集的按钮位置,增加展示了项目集的描述信息。

image.png

统计分析

  1. 展示形式由卡片修改为表格,并展示了报表的类型和更新时间。
  2. 增加搜索和筛选功能。
image.png

报表

  1. 展示形式由列表升级为表格,显示了报表的描述信息。
  2. 增加搜索功能。
image.png

项目设置

  1. 编辑项目基本信息、项目设置页的入口进行了调整,新版本的入口如下图所示:
image.png
image.png

2. 项目设置页中的项目成员、角色管理、归档任务、任务类型等子页面 UI 调整,优化了视觉效果。

iShot_2022-11-08_21.51.23.gif

配置中心

  1. 配置中心的菜单栏重新布局,从页面上方调整到页面左侧。
iShot_2022-11-08_21.53.06.gif

2. 调整菜单栏的结构排布:项目管理、工作组件、工时设置、角色管理、安全管理调整为一级菜单。

3. 调整了部分菜单的名称:高级设置改为提醒和通知;项目的应用管理改为工作组件。

image.png

项目内组件 UI 升级

看板

  1. 筛选、排序、分组等功能的位置,调整到看板的上方。
  2. 看板的 UI 调整,优化视觉效果。
image.png

迭代

表格样式和筛选条件的位置调整

image.png

表格

  1. 全部任务的筛选条件的位置调整到表格的上方。
  2. 表格的样式更加简洁,优化视觉效果。
image.png

目标应用 UI 升级

  1. 目标、成员相关的菜单选项统一为一级菜单,展示在左侧菜单栏。
  2. 报告相关的内容从目标拆分出来,成为独立的 tab 页面。
iShot_2022-11-08_22.38.11.gif
  1. 增加目标设置页面,入口在左侧菜单栏下方。可以设置周期、目标类型,并可以管理回收站。
iShot_2022-11-08_22.40.02.gif
  1. 目标表格优化:
    1)可以同时展开、收起全部目标的结果。
    2)可以自定义表格中展示的字段。
    3)目标的搜索、筛选等功能,统一调整到表格的上方。
iShot_2022-11-08_22.42.30.gif

通知

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

iShot_2022-11-08_22.51.55.gif

其他优化

  1. 点击企业 logo 的弹窗优化,展示企业当前使用的付费版本、账号数量、剩余天数。
  2. 点击个人头像的弹窗 UI 优化。
智齿客服