都是為了打動你——QQ電影票之iPad版
都是為了打動你——QQ電影票之iPad版-移動閱讀二維碼

1

去年上半年,隨著QQ電影票iPhone版一直以來的成功,奠定了我們在查看電影資訊定電影票移動端領域的地位而隨著人們生活質量的提高和對各類型電子產品的依賴感,面對iPad市場目前上參差不齊的同類型產品,我們將深入其領域,加深用戶對QQ電影票的品牌印象和延續良好口碑。

 

2

iPhone版確定地位,iPad版則是需要更多關注品牌感,建立能打動人的目標。

區分iPhone和iPad使用場景的不同,并充分利用iPad設備本身的特性,確定此項目的設計基準規則:

滑動是第一體驗;娛樂高于購票需求;

由此兩條準則的前提下,我們在頁面做出了大量滑動性和娛樂性優先的創新。

 

3

將信息扁平化的交互稿

我們的交互花姐出了交互稿,從首頁到內頁都是采取平鋪信息層級的方式。

扁平化的意義并非只是在視覺上去掉質感和純色塊,而是信息結構上完全的扁平。

 

4

 

在ipad領域并沒有特別好的國內同類型產品,而在iPhone版上目前最火的電影APP除了我們QQ電影票之外應該是豆瓣電影和格瓦拉電影還有時光網。排版則均是一行三列的列表形式。那么還有別的方法可以做出差異化嗎?如何又簡潔又顧全全部的信息?

 

 

最終

在設計中融入情感

看電影是一件很投入的事,我們將導航收起是為了不打擾你沉浸在迷人的光影世界。

將一部電影的海報,劇照,演職員表和預告片,全部放在首頁,也是為了讓影片介紹更豐富讓你更容易一見傾心。

每部影片介紹的背景都是這部電影的劇照,這也和如今的IOS7中毛玻璃效果的目的不謀而合,渲染烘托出前者的氣質。

 

最終設計

demo 730 5

 

推廣官網設計

隨著安卓版的上線,將三個移動端打包推廣。

下載頁1

 

 

5

 

 

 

6

流暢物理:

對ipad用戶的使用場景分析,充分利用iPad設備本身的特性,讓我們能更好的給到用戶順暢,符合情景的交互方式,使界面更容易被理解。

內容之上:

扁平并不光指UI扁平,更重要的是信息內容的扁平。以內容為核心,就像ios7系統官方設計指導中說的“依從”,用戶界面應該是一種圍繞著內容而存在的支持性結構,不要喧賓奪主。就像在QQ電影票APP當中,最重要的是每部影片的信息,而電影海報乃至電影劇照本來就是經過了設計的個體,我們需要做的就是將他們的藝術化再放大,讓人們沉浸且享受這個過程。

?情景化:

Donald A. Norman的《情感化設計》一書中說道“我們常常認為,產品關注的是技術和他們提供的功能,不是,成功的產品關注的是情感?!倍鳴Q電影票ipad版APP是在讓你預覽每部電影,每部電影都有自己想表達的主題,我們也許并不需要建立一種新的情感,我們需要的是讓用戶沉浸在每一部電影自身想映射在你腦海中的情感, 我們需要營造一種讓你更專注的氛圍,這也是前面我們的目標之一“娛樂高于購票需求”。

Donald A. Norman?說本能水平的設計關注的是外形,行為水平的設計關注的是操作,反思水平關注的是形象和印象。?“反思水平的設計與物品的意義有關,受到環境、文化、身份、認同等的影響,會比較復雜,變化也較快。這一層次,事實上與顧客長期感受有關,需要建立品牌或者產品長期的價值。只有在產品/服務和用戶之間建立起情感的紐帶,通過互動影響了自我形象、滿意度、記憶等,才能形成對品牌的認知,培養對品牌的忠誠度,品牌成了情感的代表或者載體?!蔽覀円舱谂?,以用戶心目中的長久價值為目標,使QQ電影票的用戶獲得最大的滿足感,與APP建立互相依賴的情感關系。

當然我們也會在當你想要跳出來進行購票時,將你從電影環境中暫時抽離,QQ電影票有多種兌換券,有很多注意事項,用戶不看的話會造成一些誤解和困擾。兌換券的顏色區分也是為了交互體驗的目的存在的,而白色的買票彈出層也是為了讓你更易于閱讀大量文字。

 

我們還會盡力去提升更好的體驗,提高用戶的愉悅度。我想,沒有一種設計風格可以說是完美的,為你的項目氣質量身定制,身臨其境去體會,才能讓外觀和所要傳達的感覺風格吻合~謝謝大家~

 

最后祝大家馬年行大運?。?!恭喜發財?。?!新年快樂?。?!≧▽≦

p2160317768 500

 

 

本文鏈接:http://www.casaleticia.com/qq-movie-tickets-ipad-version.html
本文標簽: , , ,