旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 行業(yè)資訊 > 幾個增加UI設(shè)計趣味性的方式

幾個增加UI設(shè)計趣味性的方式

時間:2018-03-01來源:lb577.com點擊量:作者:馬晨皓
時間:2018-03-01點擊量:作者:馬晨皓

一. 就是不能好好講話

通過夸獎、傲嬌的語氣滿足用戶虛榮心及好奇心

文案的趣味化,簡單有力,看似不經(jīng)意,但卻是最直白的幽默。像下圖小紅書的隨機(jī)點贊設(shè)計,每次點贊的提示不同,有的是夸獎、有的是暖心告白、有的是引導(dǎo)用戶繼續(xù)點贊…這樣的設(shè)計,因為有驚喜感,所以激發(fā)了用戶的好奇心,并不斷點贊嘗試。

而網(wǎng)易云音樂的Mac安裝包提示文案:「你的Mac終于擁有最佳音樂App了!」不討論產(chǎn)品好壞,這句文案就一語雙關(guān),既夸獎了自己產(chǎn)品好,也夸獎了用戶有品。

用「機(jī)智」的話有情感的引導(dǎo)用戶

下面的兩個場景是我們最熟悉不過的聊天頁及注冊頁。左邊是主打微社交的Nice,在沒有消息的時候它不是生硬的提示0條消息,而是很好的結(jié)合了自己產(chǎn)品的微社交調(diào)性,委婉的告訴用戶你是不是應(yīng)該主動些?而不是被動的等待。從情感上用戶會覺得更放松也更容易接受這樣的建議。

右邊是same的注冊頁,通常注冊頁都枯燥而冗長,為了避免用戶產(chǎn)生負(fù)面情緒,Same這里的性別選擇文案是:女生果然總是對的!男生有時候也是對的!在填表產(chǎn)生抗拒心理的時候出現(xiàn)這樣討好的文案,誰還會有什么負(fù)能量呢?

文案說他想領(lǐng)便當(dāng)了

對于開玩笑要有一個度,像作到飛起的手機(jī)端網(wǎng)易云音樂的推送文案:「你這么愛聽歌,一定活的很難過吧」。雖然可能說的是實話,但是沒人愿意聽這樣的大實話,所以對于一些相對玻璃心的用戶來說會覺得受到了嘲諷,這樣的文案就容易起到反向作用。

△ 微博評論截圖

 

二. 扁平里的寫實派

模擬真實場景,讓用戶感受細(xì)節(jié)的用心

這里更像是擬物化行為的設(shè)計,模擬真實的使用場景。將我們在日常生活中習(xí)以為常的小細(xì)節(jié),融入到頁面細(xì)節(jié)的設(shè)計中去,被用戶發(fā)覺時應(yīng)該會會心一笑吧。這也最能體現(xiàn)設(shè)計師的觀察力及對細(xì)節(jié)的把控力。像iOS的手電筒開關(guān)設(shè)計和飛行模式的設(shè)置就是這樣的,手電筒開關(guān)的時候,上面的小按鈕也會跟著開和關(guān),飛行模式的開關(guān)則有一個向右的飛行路徑,并不是生硬的出現(xiàn)然后消失。

對模式化的元素注入性格,增加新鮮感

這里還是拿Same舉例,通常我們用的p圖軟件的濾鏡,一般是以色彩給人的直觀感受來命名的。而Same的每個濾鏡有自己的名字、性別、出生年月甚至獨一無二的表情、性格(據(jù)說每個原型是來自他們團(tuán)隊的設(shè)計師),這樣的設(shè)計確實會讓人覺得:「誒!有點意思,跟外頭那些妖艷濾鏡果然不一樣呢!」



 

三. 玩不膩的小彩蛋

打破常規(guī),吸引用戶注意

對于熟悉的行為我們會產(chǎn)生枯燥的情緒,然后隨之會忽略。當(dāng)在熟悉的情境下,出現(xiàn)了意想不到的小彩蛋,必然會增加用戶印象,提高用戶注意力,并產(chǎn)生積極愉快的情感。像Facebook的聊天表情,在輸入時長按,就會變成超大的表情,好比在說給你一個大大的贊、給你一個大大的愛心……這樣的設(shè)計,真的是會玩到停不下來 。

情理之中意料之外,增加用戶印象

我們都知道的格瓦拉,在線選座時遇到一些院線熱映,選座狀態(tài)會變成電影的主角頭像 ,這對用戶來說是一種加深印象的預(yù)熱,要比默認(rèn)選座狀態(tài)更有代入感。

最美有物,是一款銷售設(shè)計師產(chǎn)品的平臺,印象最深刻的是喜歡與不喜歡的表態(tài)設(shè)計,他的主張是找到同樣品味的人,所以這里的小動畫就做的細(xì)膩又有趣,將不屑和喜歡表達(dá)的淋漓盡致,比起正常的點擊即高亮,更能表現(xiàn)用戶的情緒、產(chǎn)生共鳴。

貼心設(shè)計,讓用戶產(chǎn)生好感

使用金融類軟件時,最怕的是沒錢,更怕的是有點錢剛點開App旁邊有人過來了, 這時候匆忙關(guān)閉顯得很不自然。微眾銀行的滑動隱藏資產(chǎn)的設(shè)計很好的解決了這個問題,保護(hù)了私密性的同時操作起來也不會顯得那么尷尬,這樣真正的替用戶考慮的設(shè)計怎么會不讓人產(chǎn)生好感?



 

四. 不如一起玩游戲

用激勵的方式滿足用戶虛榮心與攀比心

通過設(shè)計一些有挑戰(zhàn)性的小游戲,讓用戶參與進(jìn)來,可以激發(fā)用戶的好奇心以及攀比心,在完成任務(wù)的過程中滿足用戶的存在感、歸屬感及參與感,游戲的設(shè)計也是這里面互動性最強(qiáng)的一種設(shè)計,也是最有趣味的。Nice就使用了收集徽章的方式來鼓勵用戶發(fā)圖片、使用功能等,對用戶是激勵的同時,并可滿足用戶在其好友跟前的攀比心。

獎勵化,讓用戶有存在感與歸屬感

Same平臺的早安、晚安打卡功能,會隨機(jī)贈送給用戶一首歌,打卡這件事一方面對于平臺來說提高了用戶留存,另一方面對喜歡音樂的用戶來說則找到了歸屬感與存在感,會覺得有這么一個平臺是懂他們的。

下面兩個利用獎勵化機(jī)制提升參與感的例子來自騰訊先游。

  • 第一個是貼熱。用趣味選擇題的方式讓枯燥的簽到變得有趣起來了。
  • 第二個是游戲體驗建議收集。其實通俗點就是產(chǎn)品體驗反饋、幫助產(chǎn)品優(yōu)化流程等,但是這里變成了領(lǐng)取任務(wù),并且有相應(yīng)的獎勵,提升了用戶參與感的同時滿足了用戶的歸屬感,因為獎勵機(jī)制會讓用戶覺得自己的建議會有可能被采用,而不是反饋了就沒有然后了。



 

五. 制造點聲響

不同感官的刺激來增加產(chǎn)品印象及代入感

聲音的提示可以起到未見其人先聞其聲的效果。聲音作為操作行為的一種反饋,提示用戶的同時,增強(qiáng)代入感。比如微博國際版客戶端,在發(fā)送狀態(tài)時,小飛機(jī)飛出去的時候會伴隨著:「嗖」的一聲,讓用戶有一種發(fā)送成功的確定感。而Mac系統(tǒng)截圖行為,則伴隨著像裁切紙張一樣的「咔嚓」聲來提示截圖成功,就非常的具有代入感。

最后,我會以我比較熟悉的游戲平臺項目,簡單總結(jié)一下各種置入趣味設(shè)計的方法:

  • 可以嘗試從文案的方向進(jìn)行優(yōu)化,比如將搜索游戲提示語:「未搜索到某某游戲」變成:「誒,你剛才可能輸入了假游戲,不如再來一遍?」。
  • 融入一些激勵化的小游戲來增強(qiáng)玩家互動,提升用戶品牌感知等。
  • 設(shè)計與品牌風(fēng)格統(tǒng)一的有趣反饋動畫,或在適時置入聲音作為彩蛋,增加整體的趣味氛圍。

而不論是以上哪種手段,在使用之前都要認(rèn)清,趣味設(shè)計都是設(shè)計上的一種錦上添花,增加趣味需要在滿足產(chǎn)品功能的前提下進(jìn)行,不必為了有趣而強(qiáng)行有趣。在設(shè)計的過程中也要多思考下是否可以做更多深入的細(xì)節(jié)優(yōu)化,反復(fù)推敲,最適當(dāng)?shù)膱鼍爸腥谌爰?xì)膩的情感化設(shè)計,讓趣味成為我們設(shè)計的點睛之筆。


 

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖