移动端小功能——置顶、主动排序
2016-12-31 本文已影响693人
王公子宣
置顶,百度给的解释是:顾名思义,就是放在顶处。
目前多用在类似列表的页面,比如微信首页聊天消息置顶(即时通讯),微博中的置顶(社交),自己定制的股票行情列表(金融行情)。微博的置顶更多的是一种社交属性上的功能,和另两者差别较大,就不在这里分析。
起名“主动排序”是想区别于很多通过筛选条件让应用自动排序的功能,这里的主动排序只表示用户可以对所有展示项进行排序的情况。
置顶,是改变原有的顺序,将一些项固定在顶部位置,可以说是另一种主动排序(有有些情况下,置顶是排序这个大功能下的子功能)。哪些地方有可能会有置顶的需求呢?
在列表中,需将某一项或者某几项放在列表最上面,置顶后也可取消置顶。比如在微信里,聊天记录不适合用排序的方式,采用置顶,可将某些对话置于页面顶部。细致描述为:微信聊天对话的默认顺序是最新的对话在最上面,A项置顶后,A在页面顶部,最新的对话加在A下方,若再将B置顶,则B在A上方,两项都为置顶项;若将某项取消置顶,则该项移动到置顶项下方,当有新对话时,会在此项的上方。
即时通讯类的置顶和场常见金融列表(比如自选股票)的置顶,区别在于即时通讯会不断有最新的项。下面是几个APP的置顶功能:




取消置顶的预设场景:用户想保留此项的自选,但是不想把此项放在顶部
不出现取消置顶的预设:不会出现取消置顶的需求,不想把这一项置顶时可能更需要的是直接删除
两种做法对应两种场景假设,但是哪一种更合乎情理,我还不能很好地理清楚,此处需要数据统计和行为分析(复杂的是,这类列表常常都还有列表编辑功能,可以在排序功能里取消置顶)。
列表编辑功能如图:




编辑功能里的设计和置顶功能的设计是对应的,iOS系统的拖动也是这种按住拖动的方式,系统层的交互需要多多学习。