都是為了打動(dòng)你——QQ電影票之iPad版
將信息扁平化的交互稿 我們的交互花姐出了交互稿,從首頁(yè)到內(nèi)頁(yè)都是采取平鋪信息層級(jí)的方式。 扁平化的意義并非只是在視覺(jué)上去掉質(zhì)感和純色塊,而是信息結(jié)構(gòu)上完全的扁平。 ? ? 在ipad領(lǐng)域并沒(méi)有特別好的國(guó)內(nèi)同類型產(chǎn)品,而在iPhone版上目前最火的電影APP除了我們QQ電影票之外應(yīng)該是豆瓣電影和格瓦拉電影還有時(shí)光網(wǎng)。排版則均是一行三列的列表形式。那么還有別的方法可以做出差異化嗎?如何又簡(jiǎn)潔又顧全全部的信息? ? ? 最終 在設(shè)計(jì)中融入情感 看電影是一件很投入的事,我們將導(dǎo)航收起是為了不打擾你沉浸在迷人的光影世界。 將一部電影的海報(bào),劇照,演職員表和預(yù)告片,全部放在首頁(yè),也是為了讓影片介紹更豐富讓你更容易一見(jiàn)傾心。 每部影片介紹的背景都是這部電影的劇照,這也和如今的IOS7中毛玻璃效果的目的不謀而合,渲染烘托出前者的氣質(zhì)。 ? 最終設(shè)計(jì) ? 推廣官網(wǎng)設(shè)計(jì) 隨著安卓版的上線,將三個(gè)移動(dòng)端打包推廣。 ? ? ? ? ? 流暢物理: 對(duì)ipad用戶的使用場(chǎng)景分析,充分利用iPad設(shè)備本身的特性,讓我們能更好的給到用戶順暢,符合情景的交互方式,使界面更容易被理解。 內(nèi)容之上: 扁平并不光指UI扁平,更重要的是信息內(nèi)容的扁平。以內(nèi)容為核心,就像ios7系統(tǒng)官方設(shè)計(jì)指導(dǎo)中說(shuō)的“依從”,用戶界面應(yīng)該是一種圍繞著內(nèi)容而存 在的支持性結(jié)構(gòu),不要喧賓奪主。就像在QQ電影票APP當(dāng)中,最重要的是每部影片的信息,而電影海報(bào)乃至電影劇照本來(lái)就是經(jīng)過(guò)了設(shè)計(jì)的個(gè)體,我們需要做的 就是將他們的藝術(shù)化再放大,讓人們沉浸且享受這個(gè)過(guò)程。 ?情景化: Donald A. Norman的《情感化設(shè)計(jì)》一書(shū)中說(shuō)道“我們常常認(rèn)為,產(chǎn)品關(guān)注的是技術(shù)和他們提供的功能,不是,成功的產(chǎn)品關(guān)注的是情感?!倍鳴Q電影票ipad版 APP是在讓你預(yù)覽每部電影,每部電影都有自己想表達(dá)的主題,我們也許并不需要建立一種新的情感,我們需要的是讓用戶沉浸在每一部電影自身想映射在你腦海 中的情感, 我們需要營(yíng)造一種讓你更專注的氛圍,這也是前面我們的目標(biāo)之一“娛樂(lè)高于購(gòu)票需求”。 Donald A. Norman 說(shuō)本能水平的設(shè)計(jì)關(guān)注的是外形,行為水平的設(shè)計(jì)關(guān)注的是操作,反思水平關(guān)注的是形象和印象。?“反 思水平的設(shè)計(jì)與物品的意義有關(guān),受到環(huán)境、文化、身份、認(rèn)同等的影響,會(huì)比較復(fù)雜,變化也較快。這一層次,事實(shí)上與顧客長(zhǎng)期感受有關(guān),需要建立品牌或者產(chǎn) 品長(zhǎng)期的價(jià)值。只有在產(chǎn)品/服務(wù)和用戶之間建立起情感的紐帶,通過(guò)互動(dòng)影響了自我形象、滿意度、記憶等,才能形成對(duì)品牌的認(rèn)知,培養(yǎng)對(duì)品牌的忠誠(chéng)度,品牌 成了情感的代表或者載體?!蔽覀円舱谂Γ杂脩粜哪恐械拈L(zhǎng)久價(jià)值為目標(biāo),使QQ電影票的用戶獲得最大的滿足感,與APP建立互相依賴的情感關(guān)系。 當(dāng)然我們也會(huì)在當(dāng)你想要跳出來(lái)進(jìn)行購(gòu)票時(shí),將你從電影環(huán)境中暫時(shí)抽離,QQ電影票有多種兌換券,有很多注意事項(xiàng),用戶不看的話會(huì)造成一些誤解和困擾。兌換券的顏色區(qū)分也是為了交互體驗(yàn)的目的存在的,而白色的買票彈出層也是為了讓你更易于閱讀大量文字。 ? ? 我們還會(huì)盡力去提升更好的體驗(yàn),提高用戶的愉悅度。我想,沒(méi)有一種設(shè)計(jì)風(fēng)格可以說(shuō)是完美的,為你的項(xiàng)目氣質(zhì)量身定制,身臨其境去體會(huì),才能讓外觀和所要傳達(dá)的感覺(jué)風(fēng)格吻合~謝謝大家~ ? 最后祝大家馬年行大運(yùn)?。?!恭喜發(fā)財(cái)?。。⌒履昕鞓?lè)?。?!≧▽≦ ? ? 原文來(lái)自:騰訊ECD
- 目前還沒(méi)評(píng)論,等你發(fā)揮!