交互设计:用 3 个「实战案例」详解选择器的用法(十)
前面给大家分享了2个选择器的实战案例,接下来继续看看第三个案例。
案例三:三级级联选择器-仅可选末级
终于到了最后一个案例了,每个案例我想都讲得尽量详细,所以字数多了些~
先介绍下案例:
这是一个垂直领域的教育和招聘APP,我负责里面的招聘版块,下面的选择器就围绕着求职意向的选择来说明。
用户场景:
小明是能源行业从业人士,最近打算换工作,下载了上述APP,进入求职版块选择求职意向,求职意向一共三级,仅支持末级筛选。
遇到的问题:
问题一:选择哪种筛选器?
数据层:就目前的求职意向数据来看,求职意向每一级的数量大概在十几二十个之间,就移动端来说不算少,而每个分类的数字长度大概在2到10个之间;
业务层:用户必须选择到最后一级后才能进行精确筛选。
从以上两点分析,以及对市面竞品的调研,我决定使用新页面来承载数据。
一来这种方式在招聘APP使用较多,用户上手快。
二来这种方式对数据的容纳性很好,字段稍长一些也能较好的呈现。
确定筛选弹窗:
第一个问题解决了,接下来就是第二个问题:字段太长如何处理?下篇文章继续给大家分享解决方法,赶紧去看看吧!
以上就是“交互设计:用 3 个「实战案例」详解选择器的用法(十)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
案例三:三级级联选择器-仅可选末级
终于到了最后一个案例了,每个案例我想都讲得尽量详细,所以字数多了些~
先介绍下案例:
这是一个垂直领域的教育和招聘APP,我负责里面的招聘版块,下面的选择器就围绕着求职意向的选择来说明。
用户场景:
小明是能源行业从业人士,最近打算换工作,下载了上述APP,进入求职版块选择求职意向,求职意向一共三级,仅支持末级筛选。
遇到的问题:
问题一:选择哪种筛选器?
数据层:就目前的求职意向数据来看,求职意向每一级的数量大概在十几二十个之间,就移动端来说不算少,而每个分类的数字长度大概在2到10个之间;
业务层:用户必须选择到最后一级后才能进行精确筛选。
从以上两点分析,以及对市面竞品的调研,我决定使用新页面来承载数据。
一来这种方式在招聘APP使用较多,用户上手快。
二来这种方式对数据的容纳性很好,字段稍长一些也能较好的呈现。
确定筛选弹窗:
第一个问题解决了,接下来就是第二个问题:字段太长如何处理?下篇文章继续给大家分享解决方法,赶紧去看看吧!
以上就是“交互设计:用 3 个「实战案例」详解选择器的用法(十)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。