当前位置: 首页 > 设计资讯 > 理论文摘 > 正文

Tinder的启示:卡片式应用UI开始流行

2014-03-24 18928 0

  向右划表示对对方感兴趣,向左划表示不感兴趣。如果对方在看了你的简介之后,也向右划动,那你们就配对成功了。

  这就是在线约会应用Tinder简单的操作方式。这个应用以卡片的形式向用户展示其他用户的照片和资料。用户需要做的,只是在看过资料之后选择向左划动手指,还是向右划动手指。应用每次只会出现一个用户的资料。

  Tinder联合创始人兼CEO Sean Rad表示:“划动操控最大的好处就是,让用户用最小的动作获取信息。总体来说,在我们使用手机的时候,通常会通过上下滚动来获取信息。而Tinder使用了左右划动的方式来展示信息。”

  如今Tinder的用户每天划动8亿次,并且自上线以来,他们已经为10亿人次提供了约会。

  划动操控,非常适合屏幕较小的智能手机设备,而Tinder则是划动操控应用的领导者之一。Rad表示,这种操控方式完全是他们自创的,并没有借鉴任何其他应用的设计。

  除了Tinder之外,还有一些应用也采用了这种卡片式划动UI设计,例如Jelly、Swell和Weotta。

  与传统的滚动信息不同,这种卡片式的信息呈现方式,其最大的好处就是一次只展示一条信息,让用户能够更好的看清楚这条信息。

  越来越多的应用开始使用这种设计。上周三,一个名为Steller的应用上线了。这是一个让人们通过这种信息卡片来讲述某个事件或是故事的应用。

  需要说明的是,这些应用并不是抄袭或是借鉴了Tinder的设计,他们只是拥有一些相似的理念而已。Swell联合创始人兼CEO RamRamkumar表示:“我们独立设计了Swell的UI,然后发现这种设计方式居然成为了一种潮流。”

  其实在过去的8年中,一些应用开发商一直在不断尝试用卡片的方式来展示内容。例如在2006年,Facebook推出了News Feed应用。之后Twitter也推出了类似的服务。但是这些服务都有一个问题,那就是只是采用了内容卡片的设计,而没有引入左右划动的操作方式。它们还是使用了传统的上下滚动操作,而信息则以时间方式倒序排列。这样的操作方式让这些应用出现了一个非常严重的问题:在本就窄小的手机屏幕上,一次出现了大量的内容,让用户很难仔细的阅读这些信息。

  Twitter以前的投资人,Redpoint Ventures的合伙人Ryan Saver表示:“当Facebook和Twitter将各自的网页服务带到移动设备上之后,我们发现他们在移动设备上的使用体验,很难和他们优秀的网页服务使用体验相比。”

  之后,市场上出现了Instagram。这个应用的操作方式优于Facebook News Feed的地方在于,它不但用卡片的方式来展示内容,而且一次只向用户展示一张图片,让用户能够更好的阅读内容。

  后来应用市场上先后出现了其他一些用卡片来展示内容的应用,例如谷歌的Google Now虚拟个人助理、Facebook Paper以及移动消息应用Kik等。但是这些应用都有一个共同点,那就是只采取了用卡片展示内容的形式,而没有引入划动操控。

  Rad和Sarver等关注应用设计的人士坚信,将卡片和划动操控两者整合在一起,将会让应用的使用体验提升到另一个高度。这种结合不仅让用户能够看清楚应用中的内容,还能够为用户提供更好、更简单的操作体验,让用户喜欢上使用这个应用。Rad认为,用左右划动的方式操控应用,就像是在玩游戏一样,用户会觉得自己身处一个不断发现的探险之旅。

   这种卡片式划动操作方式对于用户来说,不但简单易用,而且能够非常生动的展示内容。但是这种设计对于开放商来说,其实是有一定难度的,因为用户的每一次划动,都要求应用从服务器上获取新数据。

  对于Tinder来说,这意味着用户每划动一次屏幕,他们就需要向用户推送另一个约会对象,直到用户找到自己心仪的对象。播客发现应用Swell也面临着同样的挑战,在用户挑选博客的过程中,他们每划动一次屏幕,Swell就要从服务器上获取一次新的信息。但是只要用户喜欢这种操作方式,开发商就必须克服这些困难。

  Rad表示,那些用户卡片来呈现内容,但是并未引入划动操作的应用,例如Facebook Paper,实际上UI做的并不完整。对于卡片划动操作,Rad显得非常自信。他认为,每一个移动应用,都应该采用这种操作方式。

  也许再过一段时间,这种卡片划动操作将会成为我们使用移动设备时最常用的操作方式。


215
评论区(0)
正在加载评论...
相关推荐