Android UI 设计模式——排序和筛选 (3)

        这个问题,我没有做过用户调查,但是应该说国外的观念和国内观念可能是不一样的,目前国内的很多应用还是将排序功能单独分出来,

        并且直接放在结果页面中,可以看看上面有关淘宝、美团、去哪网等截图都是这样,像亚马逊和eBay这样的外国应用都是将排序嵌入到

        了筛选页面中了

  筛选标识

    所谓的筛选标识就是,当我们选了一些筛选选项之后,回到搜索结果页面之后,对于选择的筛选选项有相应的提示。相应的方式有如下几种

    1、专门提供一条筛选带

    

Android UI 设计模式——排序和筛选

    在IOS的应用中一般将筛选带做成透明的

    

Android UI 设计模式——排序和筛选

    2、不专门的提供筛选带,而是在筛选按钮上显示当前的筛选选项。在国内的主流app上基本上都是采用这种方式

    淘宝

    

Android UI 设计模式——排序和筛选

 

Android UI 设计模式——排序和筛选

 

Android UI 设计模式——排序和筛选

    去哪也是这样

    

Android UI 设计模式——排序和筛选

    但是,在上面的淘宝中,除了在页面中直接显示像“鞋码”、"功能"这样的少数的筛选选项之外,其余的筛选选项都在“筛选”下拉菜单中,但是这里面的

  筛选选项并不会在回到搜索结果页面中有任何的提示信息,究其原因是屏幕尺寸的限制,不能将所有勾选的筛选选项全部显示出来。但是亚马逊和美团的做

  法,可以值得我们借鉴一下,那就是:虽然不允许显示所有的已勾选的筛选选项,但是可以通过显示用户勾选的选项的数目,通过这个数目的提示,告知

  用户当前已经选择了几项筛选选项

    

Android UI 设计模式——排序和筛选

 

Android UI 设计模式——排序和筛选

 

Android UI 设计模式——排序和筛选

    如果大家有兴趣的话,可以看看亚马逊河淘宝PC端网站上面是通过怎样的方式使用筛选标识的,那也是非常值得借鉴的!

  并行架构

    一般来说,应用可以提供两套用于搜索的途径,通过简单的方式完成搜索,和通过专门的高级搜索完成搜索;称之为并行架构

  简单的搜索方式,一般通过为用户划分好的分类列表实现,高级的搜索通过提供上一篇博文讨论的Android UI 设计模式——搜索的设计提供

  看看Yelp就会非常清楚

  <>简单的类目搜索

  

Android UI 设计模式——排序和筛选

    

Android UI 设计模式——排序和筛选

  <>高级的专用搜索

Android UI 设计模式——排序和筛选

    

Android UI 设计模式——排序和筛选

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzsgjj.html