Click up 中常见功能设计1学习

80 阅读1分钟

本文仅用户个人学习记录使用,意在提高自己的交互设计,仅此而已,欢迎指正.

学习设计截图

image.png

优点

  • 当鼠标 hover 到面包屑 header 部分,将会出现一些对当前项目的一些常见 icons 出现
  • hover 到 icon 的时候会使用 tooltip 来展示出该 icon 的作用及解释
  • hover 的时候才展示出 对应的操作,保证了页面的简洁性,避免了到处都是操作,到处都是操作将会让用户很懵

image.png

image.png

  • hover 到 add description icon, 会使用 tooltip 来展示 icon 的文字,点击之后会弹出添加 description 的弹框,让用户没有离开当前的页面即可完成行为动作,设计友好

image.png

image.png

  • 点击 Change Folder color 会出现 Popover, 用于给用户提供针对当前 Folder 颜色的管理

image.png

  • 可以对当前 的 project Folder 快速统一进行 priority 设置

缺点

  • Add descrioption 的 icon 感觉不是很合理,因为 add 的操作给人的直观是 + 号, 后者 edit 的 icon
  • Change Folder color 应该对当前选中的 color 进行 active 显示,这样更友好