按键的位置是如何强化用户习惯的?

当设计师需要向用户展示大量的数据时,总是不可避免要利用到筛选和排序。筛选和排序可以帮助用户缩小他们正在寻找的数据范围。

当设计师需要向用户展示大量的数据时,总是不可避免要利用到筛选和排序。筛选和排序可以帮助用户缩小他们正在寻找的数据范围。

目前我正致力于提升一家大型电子商务的移动端用户体验。一个好的导航结构以及深思熟虑后的筛选和排序,是让用户轻松找到目标数据的关键。

筛选和排序的设计当然绝不是一件复杂的事情,但仍有很多不同的方案去实现。

弹出式筛选页

有很多APP使用这种方式。筛选页在搜索结果屏幕上展示给用户。筛选页覆盖在搜索结果页之上是为与已经展示的结果数据进行上下文的关联。

按键的位置是如何强化用户习惯的?

Foursquare

按键的位置是如何强化用户习惯的?

Amazon

按键的位置是如何强化用户习惯的?

Etsy

  • 应用场景:当筛选项不是很多,并且你希望能够对搜索结果数据维持关联时可以应用。在展示搜索结果时应用通常能收到好的效果。
  • 案例学习: Foursquare and Etsy 都使用了标准模式,而Amazon则使用更为个性化的解决方案。

满屏式筛选页

这种方式同上文的弹出式很相似,但是它需要更多的专注力和更多的筛选条目,因此牺牲了对上下文的联系。

按键的位置是如何强化用户习惯的?

Airbnb

按键的位置是如何强化用户习惯的?

Kayak

按键的位置是如何强化用户习惯的?

Hostelworld

  • 应用场景:当需要筛选的数据很多时,这种方式能够给你更多的可利用空间,并且用户在翻看筛选项时不会觉得有干扰。
  • 案例学习:上面的屏幕截图中,Hostelworld更适用与上下文联系的弹出式筛选页方式,因为只有两个筛选项要求用户选择;我会使用同上面的Foursquare相似的方式。Hostelworld还可以通过“重置”动作来简化筛选。

搜索结果再筛选

搜索结果是难以预料的,因为数据的返回很大程度上是基于用户的输入。哪种方式是好的解决方案取决于垂直线上的数量和数据的总量。

按键的位置是如何强化用户习惯的?

Apple

按键的位置是如何强化用户习惯的?

Etsy

按键的位置是如何强化用户习惯的?

  • 案例学习:苹果平等对待每一个搜索请求。在之前页面选中的分类现在放在满屏式的筛选页中。另一方面Etsy利用了更为灵活的方式:基于用户搜索请求的特殊性,提供给用户一个完全不同的方式。
  • 如果用户搜索一个一般性商品,例如“anchor(锚)”,Etsy就会提供分类让你缩小搜索结果范围。若果你是搜索更精确的商品,例如“anchor necklace(锚项链)”,Etsy就会马上返回商品列表。

排序

与筛选不同,排序不限制展示给用户的数据,但改变了结果的展现方式。通用的排序功能是按价格、品质或字母顺序。为了节省空间,可以学习上面的Etsy和Foursquare将筛选和排序合并在一个页面中。

按键的位置是如何强化用户习惯的?

TripAdvisor

按键的位置是如何强化用户习惯的?

Kayak

按键的位置是如何强化用户习惯的?

Hostelworld

  • 应用场景:当用户很难自己找出极限值(如最低价格)时,排序便会发挥作用。在手机上,这种场景很早就存在,因为设计师需要在很有限的视图尺寸上做设计。这是设计师必须做出的主观决定。
  • 案例学习:TripAdvisor和kayak都选择了弹出式,而Hostelworld却仍用满屏式。再一次地,我建议他们不要用满屏式,因为这样会将用户带离查询结果。

筛选项上:分开展示重要的选择项

并非所有项目都值得被筛选。展示顶层决定项是个聪明的选择,列如分别位于不同屏幕的产品类别。这些几乎是所有用户都会做出的决定,无论他们在寻找什么。

用户会知道在哪个类别下他最能找到他要找的产品,但他可能无法确定价格范围或颜色。

按键的位置是如何强化用户习惯的?

Postmates

按键的位置是如何强化用户习惯的?

Etsy

按键的位置是如何强化用户习惯的?

Apple

  • 应用场景:不是所有项都应该填塞在筛选中。会被几乎所有用户选择的重要的顶层选择项最好放在最前。这也助于理清和简化用户体验。
  • 案例学习:Postmates让你在进入APP上的一个商铺前先选定产品类别,进入商铺后即展示商品,并将产品类别藏于筛选页上。

结论:思索再三

筛选和排序是帮助用户更便捷地找到目标的有力工具。多花些时间去考虑你的可能选择——这会让你获益的。

记住,最好方法的是不需要筛选和排序——这是可能实现的。在这方面,Postmates是个很好的列子。

找出哪个筛选项被用得最多也是很有受益的。你可以基于这些结果为筛选项安排位置。airbnb知道房屋类型和价格是用户用得最多的,因此他们把这两项放在最上面。

就是这些了,正如我所说的,并不复杂~

来源: medium – Thierry Meier   译文出处:Tuesday_Woo

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/30883/

(0)
CatherineCatherine
上一篇 2017-05-30 13:09
下一篇 2017-05-30 15:09

相关推荐

  • APPLE WATCH 中文手册:WatchKit使用iOS语言

    WatchKit应用扩展可以使用绝大多数iOS技术。由于应用扩展和应用还是有一些不同,因此某些技术的使用可能会受到限制,或者不受到推荐。下面是决定是否使用特定技术的准则: · 避免使用需要用户权限的技术,比如Core …

    2015-06-15
  • 【用户体验.春节特辑】理清儿时的记忆 找回逝去的情感(总第270期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第270期生活在这样一个时代,人们追求物质、追求理想、追求个性……而不去回望来路,不去寻求亲情和血缘所带来的归属感。“游子的情怀”和“漂泊的现境”总是让我们不由自主的追问自己:是否我们必须要失去我们最宝贵的东西才能实现自己的人生目标,我们实现自己的人生目标到底又是为了什么?我出生在安徽的一个小城里,由于父母工作繁忙,我...

    2018-02-21
  • 【汇总】2015年阿里巴巴交互设计师笔试题目

    经验分享之交互设计面试 从网上各种渠道扒下来有关2015年阿里巴巴交互设计师的笔试题目 按照各方面的信息初步确定一共是四题,基本上都是要码字 要交作品,要交简历(应该是第一题的公共问题) ps:出题应该是一套…

    交互设计 2015-08-19
  • 设计思考模式:“删除、组织、隐藏、附加”

    Giles Colborne简约四策略是“删除、组织、隐藏、转移”,由于“转移”在实际设计过程中比较少运用到,所以我根据elya的知乎回答把四策略定义为“删除、组织、隐藏、附加”,elya没有解释她的理解,所以我根据自己理解重新定义。“删除每个页面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)“点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。”(《Don’t make me think》中Krug可用性第二定律》)

    2017-06-04
  • 用微妙动效改善用户体验的简单方法

    译者:zyl0127     应用程序中的动效具有新的改良性的意义。跟过去的华丽、混乱的网站动画不同,新的动画干净、流畅,并且易于导航。忘掉你所知的GIF、令人不愉快的广告和Flash网站吧, 这些都是过去的事情了。 当…

    交互专题 2017-08-07
  • 给小白看的交互设计启蒙帖(一)

    通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

    2018-03-14
  • 什么是用户体验文案设计?【UXRen译#164】

    作者: Kristina Bjoran  |  翻译:陈馥丹,校审:小四   有一种新的职业出现了,嗯,也许不是“新”的,但可以肯定的是这种职业出现次数会逐渐增加,像谷歌、亚马逊、Dropbox、Paypal……许多大型科技公司正在寻找UX文…

    交互专题 2017-08-07
  • 从一次活动设计聊聊交互设计师的3个阶段

    我习惯把一次设计中的阶段性方案保存下来,这便于我回忆设计是怎么一点一点被优化的,也便于我整理设计过程中一些具有共性的问题。今年初我们联手中国电信做了一次送听歌流量的活动。把这个需求交由一个新来的小朋友锻炼锻炼,在这过程中产出的阶段性方案具有问题的典型性,不妨把它们看成一个交互设计师 对交互设计 理解的不同阶段。

    2017-05-22
  • 2018年用户体验设计趋势

    作者| Anthony Miller译者| 耳洞审校| 郑几块编辑| Ella全文共 5963 字 31 图,阅读需要 14 分钟———— / BEGIN / ————2017年就要过去了,让我们预测一下2018年的用户体验演变趋势。本文将回顾2017年数字世界中的显著变化,并将展望2018年在设计和开发领域让我们继续保持领先的那些趋势。一、更简单的导航导航体验是2017年设计师中的热门话题。设计师殚精竭虑,拿出熬秃少年头的精神,就是为...

    2018-02-02
  • 聊聊UI界面中搜索入口的设计

    搜索几乎是现在所有网站,APP甚至操作系统的标配,不论是电商还是论坛等等。它是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站上搜索呈现的方式都有所不同。

    2017-05-16