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

残缺的细化(反模式)

细化页面

筛选标识

并行架构

  残缺的细化(反模式)

    正如Greg Nudelman所说的,移动应用并不是削减对搜索结果列表进行细化和筛选选项的原因。在手机或平板上对搜索结果进行

  筛选和排序时,设计人员会因为移动端的屏幕限制,而使其中包含一两个细化选项,而不是像在PC端那样,提供风丰富的细化选项。

  如果说,你的应用现在正是这样的话,那么你应该警觉起来。Facebook早期版本等简化应用的经验表明,用户希望使用移动应用时能够

  做得更多,而不是更少。亚马逊的早期版本中,只提供了一种细化选项——类别

    

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

    但是,经过了几轮的更改,当前版本的亚马逊将PC网站中的几乎全部的筛选细化选项都加入到饿了移动应用端,包括:类别、配送

  客户评分、价格区间、折扣、新旧程度、在库状况、卖家等,一应俱全。

                                    

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

    下面在来看看淘宝、美团移动应用中提供的细化粒度,你会发现,这些应用中提供的提供的细化选项非常的全,而不是因为屏幕小的

  问题而又任何的削减,所以,在不具备充足的用户调查前,不要想当然的认为,移动端的用户不想被大量的细化选项所烦扰。

    淘宝

    

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

    

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

    在搜索结果的第一屏的顶部除了有一个“筛选”的下拉按钮之外,还有专门针对商品的常用筛选功能:品类、鞋码、功能,如果是T恤的话

  会是:圆领、V领、紧身等;当点击了“筛选”下拉按钮的时候,就进入了右边的一屏,提供了几乎PC网站上几乎所有的筛选选项。

    美团

    

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

  

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

    一方面,当我们在搜索框中输入“苹果”的时候,建议列表中提供了相当丰富的表项,所以如果这能够引导你在搜索的阶段就进行相当程度

  的细化。而在搜索结果屏中,在顶部同样提供了相当丰富的筛选选项。

    所以,记住残缺的细化是一种危险的做法,除非你有足够的把握。

    但是,这并不是说:强迫自己为应用想出更多的筛选方式。这样做是不对的,所有的筛选选项都应该是合理的,而不是为了筛选而筛选,

  一般来说,越是细分的应用,可提供的筛选选项就会越少,这是必然的,上面的亚马逊、淘宝、美团是目标市场很广的应用,对于一个关键字,

  搜索结果中对于这个关键字的列表项中很有有非常多的种类。但是那些细分的应用,如餐饮应用,输入“苹果”之后,结果项肯定都是关于苹果

  的吃的东西,而不会是什么旅馆或者衣服。就那去哪网来说,提供的服务就是有关出行的,非常的明确,搜索结果无非就是:酒店、车票、机票

  景点,没有什么更多的筛选选项了,因此,移动应用的去哪网搜索结果中的筛选功能直接内嵌到内容中了(但这并不是说,去哪网这样做很好)

    

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

  

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

  细化页面

    这一部分,我们讨论的问题是:细化页面应该如何展现?以及其中应该注意一些什么问题?

    细化页面应该如何展现呢?

      一般来说有三种类型:

      1、不发生跳转,在当前页面直接进行筛选

          (1)可以是在结果页面中的顶部或者侧栏位置放置一些用户筛选的复选或者单选类型的按钮

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

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