B端拖动排序的多种场景及交互.docx
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
B 端拖动排序的多种场景及交互 本文将深入探讨 B 端拖动排序的多种场景及交互,旨在帮助读者更好地理解和掌握拖动排序的设计和实现。 一、拖动排序的多种组件和交互 在 B 端产品中,拖动排序的组件可以分为两大类:一级目录常规排序(非树结构)和树组件多层级排序。其中,树组件多层级排序又可以细分为同层级排序和跨层级排序两个小类。 1. 一级目录常规排序(非树结构) 一级目录常规排序是指在非树结构中对数据的排序,用户可以通过长按鼠标右键并拖动数据上下移动来实现排序。在拖动过程中,被拖动的数据原位置置灰,鼠标移动到需要排序的数据行时,出现蓝色高亮分割线,以便用户更好地了解数据的位置变化。 2. 树组件多层级排序 树组件多层级排序是指在树结构中对数据的排序,用户可以通过拖动数据来实现排序。树组件多层级排序可以细分为同层级排序和跨层级排序两个小类。 同层级排序是指在同一层级中对数据的排序,用户可以通过拖动数据来实现排序。在拖动过程中,出现蓝色高亮分割线,以便用户更好地了解数据的位置变化。 跨层级排序是指在不同层级中对数据的排序,用户可以通过拖动数据来实现排序。在拖动过程中,父级未展开时,拖动到父级、父级整行高亮;父级未展开时,拖动长按停留在父级时,父级自动展开子级;父级已展开时,拖动到子级时,父级整行高亮,拖动到的位置出现高亮横线。 二、拖动排序场景和交互实操 在实际项目设计中,我们可以根据实际业务需求来设计拖动排序的交互。例如,在产品业务中有很多的表单,表单中的字段顺序在不同企业中不同,如何设计?在设计时,可以将表单所有的字段罗列出来,然后用户通过自定义排序字段即可。这里的交互可以直接采用上下拖动排序。 在飞书中,有多个应用,对于每个用户而言,自己所关注的应用不同,优先级不同,该如何设计?同理,飞书也是对用户个人的应该设计了拖动排序功能,可以根据自己关注的应用排序应该的位置,从而更快的找到自己常用的应用,提高工作效率。 无论是对于列表数据还是卡片数据的排序都可以采用这种拖动排序的交互。 B 端拖动排序的多种场景及交互可以满足不同业务需求的设计和实现,旨在提高用户体验和工作效率。
剩余13页未读,继续阅读
- 粉丝: 231
- 资源: 7710
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助