當前位置: 首頁 > 設計資訊 > 理論文摘 > 正文

Tinder的啟示:卡片式應用UI開始流行

2014-03-24 19006 0

  向右劃表示對對方感興趣,向左劃表示不感興趣。如果對方在看了你的簡介之后,也向右劃動,那你們就配對成功了。

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

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

  如今Tinder的用戶每天劃動8億次,并且自上線以來,他們已經為10億人次提供了約會。

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

  除了Tinder之外,還有一些應用也采用了這種卡片式劃動UI設計,例如Jelly、Swell和Weotta。

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

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

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

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

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

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

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

  Rad和Sarver等關注應用設計的人士堅信,將卡片和劃動操控兩者整合在一起,將會讓應用的使用體驗提升到另一個高度。這種結合不僅讓用戶能夠看清楚應用中的內容,還能夠為用戶提供更好、更簡單的操作體驗,讓用戶喜歡上使用這個應用。Rad認為,用左右劃動的方式操控應用,就像是在玩游戲一樣,用戶會覺得自己身處一個不斷發(fā)現(xiàn)的探險之旅。

   這種卡片式劃動操作方式對于用戶來說,不但簡單易用,而且能夠非常生動的展示內容。但是這種設計對于開放商來說,其實是有一定難度的,因為用戶的每一次劃動,都要求應用從服務器上獲取新數(shù)據(jù)。

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

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

  也許再過一段時間,這種卡片劃動操作將會成為我們使用移動設備時最常用的操作方式。


215
評論區(qū)(0)
正在加載評論...