zoukankan      html  css  js  c++  java
  • 搜索界面设计

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

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

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

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

    imageimageimageimage

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

    image

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

    imageimage


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

  • 相关阅读:
    数组
    课堂验证性实验总结
    《大道至简》第二章读后感
    大道至简第一章伪代码
    大道至简
    python学习笔记1
    19maven依赖冲突
    18SSM资源整合2
    18SSM资源整合
    17mybatis注解开发
  • 原文地址:https://www.cnblogs.com/smobiler/p/14499856.html
Copyright © 2011-2022 走看看