从Twitter的新专利,看看移动App上那些风靡的交互方式

昨天,Twitter经过了五年的争取,终于拿下了一个在现在看来相当坑爹的专利:一种信息服务,用户可相互关注,可发送一些没特定收件人的信息,这些信息会由系统展示给那些关注你的人。其实这专利就是Twitter本身,专利发明人包括Twitter的创始成员Jack Dorsey和Biz Stone。

虽然这专利听起来比苹果的滑动解锁和圆角矩形还滑稽,但这在当时确实还是比较新鲜的玩意儿,而且谁也没想到现在信息流会发展的这么普及。而除了这种信息流形式,移动互联网上还有一些应用更加广泛的交互方式,他们有的被申请了专利,有的则没被申请。

下拉刷新

tweetie-pull-refresh-580x476

这项专利同样将属于Twitter,但最初它却是Twitter的第三方客户端——Tweetie的开发者Loren Brichter 提交的,并且运用在Tweetie 2.0版本中。2010年,Tweetie被Twitter收购,这项专利也便成了Twitter的财产。值得一提的是,这项专利是防御性专利,即便现在所有App都使用这种方式,Twitter也不会追究,据称前面提到的Twitter信息流也是防御性的。

抽屉式菜单

feedly_rss_reader_app

这种交互方式很巧妙,和下拉刷新一样都非常适合手机这种便于手指操作的小屏幕。但对于抽屉式菜单的首创者,争论的比较多,大部分人认为是Feedly(就是两天拿下 GR50万用户的那个)首先使用的(也有人说是Google)。后来Facebook开始使用,进一步被人所熟悉,在后来Path使用了左右双抽屉式菜单,大家被这种自然流畅的方式惊到了,便纷纷效仿。

现在抽屉式菜单应用的也非常广泛。但有趣的是,像下拉刷新的下拉黏性与长度一样,交互设计师对“左右抽屉”的宽度也有着非常不同的理解,有的占到4/5,有的则只占到1/2。

滚动时菜单停留、隐藏和显现

scroll-bar

可能很多人没注意到,在一些有长长信息流的App中,你在向下滚动浏览信息流的时候,顶部、底部的菜单栏会自动隐藏。而要想显示菜单栏,只需向上滑一下即可。另外还有一种形式是:当一个用户发布的信息超过一屏时,向上滑动会把发布人信息自动停靠在顶部(Instagram即是如此)。

这种设计也非常用心,手机屏幕小,在用户浏览主要内容时,可以自动隐藏不必要的元素,以最大化的把信息展示给用户。在很多App使用这项设计时,有的上滑只隐藏顶部菜单栏,比如Vida;有的上下都隐藏,比如Fab、在路上等;但很少有只隐藏底部菜单栏的。

顶部快速返回

这个交互方式很简单,也主要是在信息流类的App中出现的比较多(但似乎很多人都不知道),就是点击手机顶部状态栏附近,信息流会自动返回最上面。这也基本上被绝大部分App借鉴了(iOS特性),很多网站会在用户浏览到下面时,有一个返回按钮,但显然前面那种方式更适合触屏手机。

卡包式设计(或叫书签式设计)

card case

这种可能大部分人第一次知道的时候是Evernote 5.0上线的时候,但之前苹果自家的Passbook发布时也是这种设计,现在这种设计方式经常被用在会员卡上面(比如大众点评的会员卡)。但基本上用的不多,我个人也不太喜欢这种设计。

扇形动态菜单

Pathplus

如果没意外的话,显然这种扇形的动态菜单是Path 2.0上开始出现的,后来国内各种山寨App 便开始模仿。但或许是这种点击按钮然后滚动跳出几个下级菜单按钮的方式太过花哨,目前并没有太多App在使用这种方式。(也不知道Path申请专利了没……)

除了上面这些,还有一些更不为人所知的交互方式就不介绍了(比如Flipboard的翻折式设计)。前面我们也说过,由于手机屏幕空间的局限,导致开发者很难“施展拳脚”,这就让那也创意十足同时非常巧妙的设计大受欢迎,甚至能成为众多App设计的常态。但这里也要注意,虽然Twitter说他们拿专利是防御型的,但万一人家认真了,就不是闹着玩的了。

订阅更多文章