搜索界面设计

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

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

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

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

imageimageimageimage

历史记录列表展现搜索页面表明:获得blog

image

tab和列表方式展现搜索页面表明:知乎和美柚get

imageimage


以后咱们会持续更新文章,来教你们如何在Smobiler中实现这些常见app的搜索界面。it