搜索界面设计

生活中我们经常要在无数的选项中进行选择,而筛选器可以帮助用户在大量的选项中,按照用户的预定条件达到精选的目的,大大提高了用户的决策效率。比如我们可以根据发货地、价位来筛选商品,或是通过价位、地点来筛选租房等等。

目前常见的搜索界面都会包含三个部分:搜索框,历史搜索和推荐搜索。在大多数应用中,搜索栏都位于页面顶部,搜索框样式大同小异,一般都是一个输入框加搜索图标,通过点击按钮或者点击虚拟键盘回车键实现搜索,像购物软件还会有个相机按钮,用于识别图中商品;历史和推荐部分样式有使用标签按钮,也有使用列表展示的,像京东、饿了么、网易云课堂、考拉海购等都是使用标签按钮。

 

这篇文章主要分享了 APP 中筛选器的常见展现形式。

常见搜索页面代表:京东,饿了么,网易云,考拉海购

 

历史记录列表展示搜索页面代表:得到

tab和列表方式展示搜索页面代表:知乎和美柚

之后我们会持续更新文章,来教大家如何在Smobiler中实现这些常见app的搜索界面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值