當(dāng)前位置: 首頁 > 設(shè)計(jì)資訊 > 理論文摘 > 正文

Tinder的啟示:卡片式應(yīng)用UI開始流行

2014-03-24 19030 0

  向右劃表示對(duì)對(duì)方感興趣,向左劃表示不感興趣。如果對(duì)方在看了你的簡(jiǎn)介之后,也向右劃動(dòng),那你們就配對(duì)成功了。

  這就是在線約會(huì)應(yīng)用Tinder簡(jiǎn)單的操作方式。這個(gè)應(yīng)用以卡片的形式向用戶展示其他用戶的照片和資料。用戶需要做的,只是在看過資料之后選擇向左劃動(dòng)手指,還是向右劃動(dòng)手指。應(yīng)用每次只會(huì)出現(xiàn)一個(gè)用戶的資料。

  Tinder聯(lián)合創(chuàng)始人兼CEO Sean Rad表示:“劃動(dòng)操控最大的好處就是,讓用戶用最小的動(dòng)作獲取信息??傮w來說,在我們使用手機(jī)的時(shí)候,通常會(huì)通過上下滾動(dòng)來獲取信息。而Tinder使用了左右劃動(dòng)的方式來展示信息?!?/P>

  如今Tinder的用戶每天劃動(dòng)8億次,并且自上線以來,他們已經(jīng)為10億人次提供了約會(huì)。

  劃動(dòng)操控,非常適合屏幕較小的智能手機(jī)設(shè)備,而Tinder則是劃動(dòng)操控應(yīng)用的領(lǐng)導(dǎo)者之一。Rad表示,這種操控方式完全是他們自創(chuàng)的,并沒有借鑒任何其他應(yīng)用的設(shè)計(jì)。

  除了Tinder之外,還有一些應(yīng)用也采用了這種卡片式劃動(dòng)UI設(shè)計(jì),例如Jelly、Swell和Weotta。

  與傳統(tǒng)的滾動(dòng)信息不同,這種卡片式的信息呈現(xiàn)方式,其最大的好處就是一次只展示一條信息,讓用戶能夠更好的看清楚這條信息。

  越來越多的應(yīng)用開始使用這種設(shè)計(jì)。上周三,一個(gè)名為Steller的應(yīng)用上線了。這是一個(gè)讓人們通過這種信息卡片來講述某個(gè)事件或是故事的應(yīng)用。

  需要說明的是,這些應(yīng)用并不是抄襲或是借鑒了Tinder的設(shè)計(jì),他們只是擁有一些相似的理念而已。Swell聯(lián)合創(chuàng)始人兼CEO RamRamkumar表示:“我們獨(dú)立設(shè)計(jì)了Swell的UI,然后發(fā)現(xiàn)這種設(shè)計(jì)方式居然成為了一種潮流?!?/P>

  其實(shí)在過去的8年中,一些應(yīng)用開發(fā)商一直在不斷嘗試用卡片的方式來展示內(nèi)容。例如在2006年,F(xiàn)acebook推出了News Feed應(yīng)用。之后Twitter也推出了類似的服務(wù)。但是這些服務(wù)都有一個(gè)問題,那就是只是采用了內(nèi)容卡片的設(shè)計(jì),而沒有引入左右劃動(dòng)的操作方式。它們還是使用了傳統(tǒng)的上下滾動(dòng)操作,而信息則以時(shí)間方式倒序排列。這樣的操作方式讓這些應(yīng)用出現(xiàn)了一個(gè)非常嚴(yán)重的問題:在本就窄小的手機(jī)屏幕上,一次出現(xiàn)了大量的內(nèi)容,讓用戶很難仔細(xì)的閱讀這些信息。

  Twitter以前的投資人,Redpoint Ventures的合伙人Ryan Saver表示:“當(dāng)Facebook和Twitter將各自的網(wǎng)頁服務(wù)帶到移動(dòng)設(shè)備上之后,我們發(fā)現(xiàn)他們?cè)谝苿?dòng)設(shè)備上的使用體驗(yàn),很難和他們優(yōu)秀的網(wǎng)頁服務(wù)使用體驗(yàn)相比?!?/P>

  之后,市場(chǎng)上出現(xiàn)了Instagram。這個(gè)應(yīng)用的操作方式優(yōu)于Facebook News Feed的地方在于,它不但用卡片的方式來展示內(nèi)容,而且一次只向用戶展示一張圖片,讓用戶能夠更好的閱讀內(nèi)容。

  后來應(yīng)用市場(chǎng)上先后出現(xiàn)了其他一些用卡片來展示內(nèi)容的應(yīng)用,例如谷歌的Google Now虛擬個(gè)人助理、Facebook Paper以及移動(dòng)消息應(yīng)用Kik等。但是這些應(yīng)用都有一個(gè)共同點(diǎn),那就是只采取了用卡片展示內(nèi)容的形式,而沒有引入劃動(dòng)操控。

  Rad和Sarver等關(guān)注應(yīng)用設(shè)計(jì)的人士堅(jiān)信,將卡片和劃動(dòng)操控兩者整合在一起,將會(huì)讓應(yīng)用的使用體驗(yàn)提升到另一個(gè)高度。這種結(jié)合不僅讓用戶能夠看清楚應(yīng)用中的內(nèi)容,還能夠?yàn)橛脩籼峁└?、更?jiǎn)單的操作體驗(yàn),讓用戶喜歡上使用這個(gè)應(yīng)用。Rad認(rèn)為,用左右劃動(dòng)的方式操控應(yīng)用,就像是在玩游戲一樣,用戶會(huì)覺得自己身處一個(gè)不斷發(fā)現(xiàn)的探險(xiǎn)之旅。

   這種卡片式劃動(dòng)操作方式對(duì)于用戶來說,不但簡(jiǎn)單易用,而且能夠非常生動(dòng)的展示內(nèi)容。但是這種設(shè)計(jì)對(duì)于開放商來說,其實(shí)是有一定難度的,因?yàn)橛脩舻拿恳淮蝿潉?dòng),都要求應(yīng)用從服務(wù)器上獲取新數(shù)據(jù)。

  對(duì)于Tinder來說,這意味著用戶每劃動(dòng)一次屏幕,他們就需要向用戶推送另一個(gè)約會(huì)對(duì)象,直到用戶找到自己心儀的對(duì)象。播客發(fā)現(xiàn)應(yīng)用Swell也面臨著同樣的挑戰(zhàn),在用戶挑選博客的過程中,他們每劃動(dòng)一次屏幕,Swell就要從服務(wù)器上獲取一次新的信息。但是只要用戶喜歡這種操作方式,開發(fā)商就必須克服這些困難。

  Rad表示,那些用戶卡片來呈現(xiàn)內(nèi)容,但是并未引入劃動(dòng)操作的應(yīng)用,例如Facebook Paper,實(shí)際上UI做的并不完整。對(duì)于卡片劃動(dòng)操作,Rad顯得非常自信。他認(rèn)為,每一個(gè)移動(dòng)應(yīng)用,都應(yīng)該采用這種操作方式。

  也許再過一段時(shí)間,這種卡片劃動(dòng)操作將會(huì)成為我們使用移動(dòng)設(shè)備時(shí)最常用的操作方式。


215
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦