优先级与排序的结构怎么设计?通用版设计概要总结!

原创 admin  2019-11-11 12:02  阅读 2,148 views 次

总的来说,设计方式有三种,各有优缺点。

1.上下移动的设计

以支付宝支付方式优先级的选择界面为例,如下图手机端姐界面。手机点击上下的按钮,整个数据条对应上下移动。WEB端结构布局类似

优点:标配,最常用

缺点:开发稍难

支付宝支付方式选择界面

2.选项框选择设计

优先级选项框

优点:居中

缺点:居中

单传的设计选项框,很快,但是此选项框还要考虑和其它设置或模块的关系,根据关系在确定最终的表现,秒处理

比如,优先级和优先级数据的递进关系,那么优先级要在优先级数据条的后面,而不是独立开来。

 

 

3.数字输入设计

参见dedecms后台文章管理与排序的数字输入设计,输入数字后刷新或确认,可以支持多层级目录的排序

优点:支持多层级目录的排序

缺点:界面不是那么工整,缺少简约之美。手机端几乎不用输入数字的设计排序方式

 

本文地址:https://www.moonpm.com/820.html
关注我们:请关注一下我们的微信:扫描二维码产品设计研究与产品经理交流中心 (鼠标移入红色字)
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

发表评论


表情