仅只有未实名的,新媒易不收取任何费用,公益非盈利机构
24小时服务热线: 4000-163-302
请扫码咨询

新闻动态

NEWS CENTER

关于单层级的排序,就很清晰,直接拖拽调整方位就好。但关于多层级,且层级之间不能够替代交流次序,就需考虑不同的情况

2023-08-28

关于单层级的排序,就很清晰,直接拖拽调整方位就好。但关于多层级,且层级之间不能够替代交流次序,就需考虑不同的情况。

拖起A章节(A 章节包括多个单元)时,A 章节就需要主动收起,其他章节也需主动收起,因为章节只能调整章节之间的前后次序,不能调整章节之间的父子层级次序。主动收起无关内容,在界面减少信息打扰,在交互上缩短拖拽间隔,让操作行为变得更简略一些。

拖动 A 单元。单元只能放在章节下,不能与章节同层级,所以需考虑章节打开收起的不同状况下,A 单元怎么交互和呈现。

当章节收起时,拖动 A 单元到章节上时,表明A 单元被放置在章节的最终一个方位。当章节打开时,放在章节上和收起规则共同,也能够在单元之间选择具体方位。

2. 视觉反应

1)用户拖动的方针物体


2)即将放置的方位

预先占位。当用户将内容拖起后,并移动方位时,提前显示即将放在的方位,告知用户方针内容将会被放到哪里。

3. 听觉触觉反应

比方淘宝,飞书,微信当方针物体被拖动时,会有产生轰动作用,从听觉和触觉层面让用户更加真实的感知到拖动物体的进程。飞书,微信关于物体能够被放置在某一方位时,也会有一次轰动,这次的轰动作用会更小一些。这种规划真的太交心了,我甚至自己拖了良久。

四、特殊状况

1)划分可拖拽区域,且对在区域内无法放置的方位给出提示。

整体的可拖拽区域最高是多少,最低是多少,当用户拖拽到最高最低放下时,物体应该被放置在什么方位上。

例如飞书,会在最终一个方位之后还给了一段可拖拽间隔,为了让用户能够看见物体即将被放置的方位。淘宝关于不行放置的方位给出文字提示。



2)当内容过多超出 1 屏时,需确定拖动在什么方位时,页面可上下滑动。

我们设置当拖拽方针抵达界面底部没有放下时,页面开始往下滚动。往上滚动类似,当拖拽方针超出 navbar 时,页面开始往上滚动。


相关推荐