編者按:在上一期里,@ME網(wǎng)易移動設(shè)計 分享了成為創(chuàng)意高產(chǎn)達(dá)人的4個方法,有了好的創(chuàng)意,我們還需要有好的方法去表現(xiàn)它,今天就來介紹一下娛樂化設(shè)計的方法 >>> 一、目標(biāo)的激勵 在游戲中,保持有目標(biāo),是玩家不停去玩一個游戲的核心驅(qū)動力。目標(biāo)對用戶的吸引力很大,達(dá)成目標(biāo)會很開心,激發(fā)成就感,失敗了則會不甘心,想要再次嘗試。最后玩厭了、不玩了,往往是因為目標(biāo)達(dá)成了,找不到新目標(biāo)了,也就找不到再玩下去的理由了。從各種游戲中我們都可以發(fā)現(xiàn),目標(biāo)往往是漸進(jìn)的。首先有一個用戶可以輕易達(dá)到的目標(biāo),讓用戶產(chǎn)生一些成就感,是激發(fā)起繼續(xù)玩下去的動力,然后會有一個有點難度,多次嘗試才能達(dá)到的目標(biāo),最后有一個終極的大目標(biāo),往往是通關(guān)打boss什么的,達(dá)成目標(biāo)后會非常有成就感。這些漸進(jìn)的目標(biāo),就是黏住用戶的吸引力。 超級瑪麗這個游戲很多人都玩過,它最簡單的目標(biāo)就是打怪物,不要被怪物碰到,然后是過關(guān)、達(dá)到每一關(guān)的城堡、打過每一關(guān)的火龍,最后一個終極的目標(biāo),就是通關(guān)以后救公主。這個目標(biāo)是單線程的,非常簡單明確,但一旦通關(guān)就會失去動力。很多很多游戲,我們剛開始玩得時候非常有興趣,但是一旦通關(guān),就再也不會玩了。 植物大戰(zhàn)僵尸也是大家非常熟悉的游戲,它也有一個很明確的主要目標(biāo),打僵尸—過關(guān)—打boss通關(guān),但它在中間還引入了其他一些次級目標(biāo)。比如你要過關(guān),就要收集金幣,買更多的植物和道具,這樣才能增強戰(zhàn)斗力,應(yīng)對不同類型的僵尸。在植物大戰(zhàn)僵尸2中,不同的關(guān)卡是有星級的,要收集到足夠的星星,才能解鎖新的模式,更出色的完成任務(wù),收集星星,也成了一個次級目標(biāo)。
引入次級目標(biāo)。 如果說主要目標(biāo)是一個核心的驅(qū)動力,那么引入次級目標(biāo)就可以更好的吸引玩家,增強游戲的趣味性。
二、靈動的動效 如今動效設(shè)計越來越被重視,尤其是在ios 7發(fā)布之后,一個優(yōu)雅、靈動的動效,成為很多優(yōu)秀app的標(biāo)配。 首先讓我們來一起思考一下,為什么要設(shè)計動效?是為了好看、酷炫、還是流行?這些當(dāng)然都是,但是最重要的是,有意義的動效,可以解釋應(yīng)用的邏輯、層次和交互機制。動效是可以幫助用戶理解應(yīng)用的。恰當(dāng)?shù)膽?yīng)用動效,可以替代大段的文字,闡述應(yīng)用的含義。比如ios 6中刪除圖片的那個動效,照片飛入垃圾桶,然后垃圾桶蓋上蓋子抖一抖,非常生動的傳達(dá)了刪除照片的含義。 最典型的利用動效表現(xiàn)產(chǎn)品邏輯的地方,就是轉(zhuǎn)場動畫,大家對于這樣的動畫再熟悉不過了,下一層級的頁面,一般會從右側(cè)覆蓋進(jìn)入,返回上一層級頁面,會向右側(cè)滑動退出,這種轉(zhuǎn)場動畫很好的營造出一種空間感和邏輯感。 Yep是一個基于地理位置的交友app,用戶可以發(fā)起一個聚會,吃飯、喝茶、運動或者其他什么。比如用戶選擇了“就餐”,其他選項收縮淡出,“就餐”圖標(biāo)移位并變成地圖上的一個圖釘。“就餐”圖標(biāo)的變化過程可以將前后兩個界面無縫的銜接起來,闡明了基于地理位置的篩選機制,表達(dá)出“在這個位置就餐”的明確概念。在地圖界面中點擊“OK”按鈕,界面元素淡出,地圖整體向后退去,融入到雷達(dá)一樣的動效當(dāng)中,圓形掃描區(qū)域所代表的就是以用戶當(dāng)前位置為中心的50 公里半徑范圍。這一連串的動效,實現(xiàn)了界面之間的平滑過渡,也闡明了應(yīng)用所要表達(dá)的邏輯。 Yep用動效表達(dá)邏輯。 視覺設(shè)計可以還原物理世界的真實感,動效也可以。比如Flipboard的翻頁動效,給人一種硬紙板的感覺,ibook的翻頁動效,給人一種柔軟紙張的感覺,這種不同的材質(zhì)感,都是通過動效來表現(xiàn)的。 用動效表現(xiàn)材質(zhì),不會增加用戶的視覺負(fù)擔(dān),在操控上更有真實感,所以就算擬物化的視覺設(shè)計已經(jīng)慢慢在衰退,具有真實意義的動效卻得以保留。 細(xì)節(jié)處的小動效可以為產(chǎn)品增加亮點,帶來驚喜的體驗。就像tumblr點贊的動畫,紅心飄起來時,就像飛了一個吻,讓人感覺心花怒放,取消點贊時,心都碎了。這種小細(xì)節(jié)讓人愛不釋手。 利用動效速度的微妙變化,可以表現(xiàn)出應(yīng)用的風(fēng)格??焖倏梢泽w現(xiàn)靈活輕盈,慢速可以體現(xiàn)優(yōu)雅委婉。如卯榫體現(xiàn)傳統(tǒng)文化,動效緩慢優(yōu)雅,slingshot是一款閱后即焚的即時通app,快速的動效體現(xiàn)了它敏捷迅速的風(fēng)格。 無論是快是慢,兩款app的動效都有慢入慢出的效果,體現(xiàn)出真實世界物體的慣性規(guī)律。不同的動效節(jié)奏會給用戶帶來不同的感受,但運動規(guī)律應(yīng)該遵循現(xiàn)實的運動規(guī)律和節(jié)奏。符合基本運動規(guī)律,先快后慢、先慢后快、勻速、自由落體等,基本都有現(xiàn)實的運動事件做參照。
三、情緒的調(diào)動 在游戲中,如果你通過關(guān)卡或挑戰(zhàn)成功,熱烈的氣氛烘托會讓用戶有一種勢不可擋的感覺,這種適當(dāng)夸張的效果,會讓用戶更有成就感。熱烈的氣氛,也可以更加調(diào)動用戶的情感,產(chǎn)生一種沉浸感。 我們在app設(shè)計中,也可以借鑒這種氛圍。比如網(wǎng)易彩票app中,如果用戶中了獎,以打開客戶端,就有一個巨大的閃閃發(fā)光的獎杯撲面而來,熱烈的氣氛烘托讓用戶更有中獎的喜悅。
網(wǎng)易彩票中獎提示。 人們在表達(dá)之后,總是希望得到反饋和認(rèn)可,積極的反饋可以增強用戶的信心,提升用戶體驗的愉悅感,我們可以適當(dāng)夸大這種積極的反饋。 Lumosity是一款訓(xùn)練用戶記憶力、注意力、應(yīng)變力等大腦核心能力的移動應(yīng)用。通過鼓勵用戶堅持每天完成一系列益智訓(xùn)練的小游戲,幫助用戶提升大腦的能力。為了使用戶可以增強信心,堅持每天鍛煉,Lumosity在每一個環(huán)節(jié)都給予用戶積極的反饋。在完成游戲的每一個小關(guān)卡時,閃動出的綠色對勾告訴你離成功又近了一步;完成一個游戲時,會有對話框彈出“你太棒了”或是“繼續(xù)加油”等鼓勵的話語;當(dāng)用戶完成一天的任務(wù)時,Lumosity用一個大大的對勾符號祝賀用戶完成了訓(xùn)練。這一系列的積極反饋,都讓用戶感到信心倍增,加快了他們完成任務(wù)的速度。 積極的反饋。 NoomWeigth是一款幫助用戶節(jié)食瘦身的app,它在界面下拉的地方巧妙的設(shè)置了一個小彩蛋。用戶每次下拉界面,都會看到一句鼓勵你繼續(xù)堅持減肥的話,“繼續(xù)堅持下去,這一切都是值得的”“相信你自己!”“保持積極”,這些鼓勵的話語可以調(diào)動起用戶堅持下去的積極性,在節(jié)食瘦身期間保持動力。
貼心的提醒。