本文仅用户个人学习记录使用,意在提高自己的交互设计感觉,仅此而已,欢迎指正.
今日截图
参考点
- 在白板页面【所有白板】包含了【最近、我的白板、已与我分享、已加星标、垃圾桶】的所有白板,目的是让用户快速从【所有白板】内看到所有相关的白板信息,作为一个统筹全局白板的作用
- 对于白板的操作,放到 more icon 中,点击 icon 出现 popover 来展示相关的 操作,当执行了相关的操作成功之后,会使用全局提示用户操作成功,让用户清楚操作的成功性
- 【最近】选项是站在用户的角度设计的,目的是方便用户快速精准的定位到目前最近操作的白板有哪些,可以看到【最近】的列表有表头为 【上次访问时间】能够让用户更清楚对应的数据多久之前访问的
- 【已加星标】 就是对应的我的收藏,目的和【最近、我的白板、垃圾桶】一样,都是为了快速的帮助用户检出对应类的数据,让用户直达想要的类别数据
- 为了帮助用快速将白板进行分类存储,白板页面还提供了新增项目功能,点击 Projects 右边的 add icon 将会弹出一个 modal减少页面之间的跳转, 让用户快速新建模块(其中添加成员是一个 autocomplete, 可以多选)
- 选中了 Projects 的具体 Project 之后,布局依旧和当前模块布局一致,subheader 展示了项目的名字以及当前的成员,还有成员旁边有【添加成员】的功能,能够快速的邀请成员,邀请成员依旧是一个 modal(减少页面跳转),快速完成用户操作,提升用户体验感
个人感悟
弹框可以增强交互性,也可以节省页面空间,能够简洁明了的完成交互,减少页面之间的跳转,尽可能快的完成需要用户填写的数据