2018-12-4 用心設(shè)計(jì)
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
這是一個(gè)創(chuàng)新的年代，如果你的設(shè)計(jì)千篇一律，哪對(duì)用戶來說，這是很乏味的作品。所以在滿足設(shè)計(jì)需求的同時(shí)，我們可以加入一些趣味性的東西，比如方案、聲音、交互細(xì)節(jié)、圖像等等，讓頁面更加有趣。
這里有5個(gè)提高設(shè)計(jì)更有趣味性Tips，歡迎大家在設(shè)計(jì)項(xiàng)目中嘗試。
通過夸獎(jiǎng)、傲嬌的語氣滿足用戶虛榮心及好奇心
文案的趣味化，簡單有力，看似不經(jīng)意，但卻是最直白的幽默。像下圖小紅書的隨機(jī)點(diǎn)贊設(shè)計(jì)，每次點(diǎn)贊的提示不同，有的是夸獎(jiǎng)、有的是暖心告白、有的是引導(dǎo)用戶繼續(xù)點(diǎn)贊…這樣的設(shè)計(jì)，因?yàn)橛畜@喜感，所以激發(fā)了用戶的好奇心，并不斷點(diǎn)贊嘗試。
而網(wǎng)易云音樂的Mac安裝包提示文案：「你的Mac終于擁有最佳音樂App了！」不討論產(chǎn)品好壞，這句文案就一語雙關(guān)，既夸獎(jiǎng)了自己產(chǎn)品好，也夸獎(jiǎng)了用戶有品。
用「機(jī)智」的話有情感的引導(dǎo)用戶
下面的兩個(gè)場景是我們最熟悉不過的聊天頁及注冊頁。左邊是主打微社交的Nice，在沒有消息的時(shí)候它不是生硬的提示0條消息，而是很好的結(jié)合了自己產(chǎn)品的微社交調(diào)性，委婉的告訴用戶你是不是應(yīng)該主動(dòng)些？而不是被動(dòng)的等待。從情感上用戶會(huì)覺得更放松也更容易接受這樣的建議。
右邊是same的注冊頁，通常注冊頁都枯燥而冗長，為了避免用戶產(chǎn)生負(fù)面情緒，Same這里的性別選擇文案是：女生果然總是對(duì)的！男生有時(shí)候也是對(duì)的！在填表產(chǎn)生抗拒心理的時(shí)候出現(xiàn)這樣討好的文案，誰還會(huì)有什么負(fù)能量呢？
文案說他想領(lǐng)便當(dāng)了
對(duì)于開玩笑要有一個(gè)度，像作到飛起的手機(jī)端網(wǎng)易云音樂的推送文案：「你這么愛聽歌，一定活的很難過吧」。雖然可能說的是實(shí)話，但是沒人愿意聽這樣的大實(shí)話，所以對(duì)于一些相對(duì)玻璃心的用戶來說會(huì)覺得受到了嘲諷，這樣的文案就容易起到反向作用。
△ 微博評(píng)論截圖
模擬真實(shí)場景，讓用戶感受細(xì)節(jié)的用心
這里更像是擬物化行為的設(shè)計(jì)，模擬真實(shí)的使用場景。將我們在日常生活中習(xí)以為常的小細(xì)節(jié)，融入到頁面細(xì)節(jié)的設(shè)計(jì)中去，被用戶發(fā)覺時(shí)應(yīng)該會(huì)會(huì)心一笑吧。這也最能體現(xiàn)設(shè)計(jì)師的觀察力及對(duì)細(xì)節(jié)的把控力。像iOS的手電筒開關(guān)設(shè)計(jì)和飛行模式的設(shè)置就是這樣的，手電筒開關(guān)的時(shí)候，上面的小按鈕也會(huì)跟著開和關(guān)，飛行模式的開關(guān)則有一個(gè)向右的飛行路徑，并不是生硬的出現(xiàn)然后消失。
對(duì)模式化的元素注入性格，增加新鮮感
這里還是拿Same舉例，通常我們用的p圖軟件的濾鏡，一般是以色彩給人的直觀感受來命名的。而Same的每個(gè)濾鏡有自己的名字、性別、出生年月甚至的表情、性格（據(jù)說每個(gè)原型是來自他們團(tuán)隊(duì)的設(shè)計(jì)師），這樣的設(shè)計(jì)確實(shí)會(huì)讓人覺得：「誒！有點(diǎn)意思，跟外頭那些妖艷濾鏡果然不一樣呢！」
打破常規(guī)，吸引用戶注意
對(duì)于熟悉的行為我們會(huì)產(chǎn)生枯燥的情緒，然后隨之會(huì)忽略。當(dāng)在熟悉的情境下，出現(xiàn)了意想不到的小彩蛋，必然會(huì)增加用戶印象，提高用戶注意力，并產(chǎn)生積極愉快的情感。像Facebook的聊天表情，在輸入時(shí)長按，就會(huì)變成超大的表情，好比在說給你一個(gè)大大的贊、給你一個(gè)大大的愛心……這樣的設(shè)計(jì)，真的是會(huì)玩到停不下來 。
情理之中意料之外，增加用戶印象
我們都知道的格瓦拉，在線選座時(shí)遇到一些院線熱映，選座狀態(tài)會(huì)變成電影的主角頭像 ，這對(duì)用戶來說是一種加深印象的預(yù)熱，要比默認(rèn)選座狀態(tài)更有代入感。
最美有物，是一款銷售設(shè)計(jì)師產(chǎn)品的平臺(tái)，印象最深刻的是喜歡與不喜歡的表態(tài)設(shè)計(jì)，他的主張是找到同樣品味的人，所以這里的小動(dòng)畫就做的細(xì)膩又有趣，將不屑和喜歡表達(dá)的淋漓盡致，比起正常的點(diǎn)擊即高亮，更能表現(xiàn)用戶的情緒、產(chǎn)生共鳴。
貼心設(shè)計(jì)，讓用戶產(chǎn)生好感
使用金融類軟件時(shí)，最怕的是沒錢，更怕的是有點(diǎn)錢剛點(diǎn)開App旁邊有人過來了， 這時(shí)候匆忙關(guān)閉顯得很不自然。微眾銀行的滑動(dòng)隱藏資產(chǎn)的設(shè)計(jì)很好的解決了這個(gè)問題，保護(hù)了私密性的同時(shí)操作起來也不會(huì)顯得那么尷尬，這樣真正的替用戶考慮的設(shè)計(jì)怎么會(huì)不讓人產(chǎn)生好感？
用激勵(lì)的方式滿足用戶虛榮心與攀比心
通過設(shè)計(jì)一些有挑戰(zhàn)性的小游戲，讓用戶參與進(jìn)來，可以激發(fā)用戶的好奇心以及攀比心，在完成任務(wù)的過程中滿足用戶的存在感、歸屬感及參與感，游戲的設(shè)計(jì)也是這里面互動(dòng)性最強(qiáng)的一種設(shè)計(jì)，也是最有趣味的。Nice就使用了收集徽章的方式來鼓勵(lì)用戶發(fā)圖片、使用功能等，對(duì)用戶是激勵(lì)的同時(shí)，并可滿足用戶在其好友跟前的攀比心。
獎(jiǎng)勵(lì)化，讓用戶有存在感與歸屬感
Same平臺(tái)的早安、晚安打卡功能，會(huì)隨機(jī)贈(zèng)送給用戶一首歌，打卡這件事一方面對(duì)于平臺(tái)來說提高了用戶留存，另一方面對(duì)喜歡音樂的用戶來說則找到了歸屬感與存在感，會(huì)覺得有這么一個(gè)平臺(tái)是懂他們的。
下面兩個(gè)利用獎(jiǎng)勵(lì)化機(jī)制提升參與感的例子來自騰訊先游。
第一個(gè)是貼熱。用趣味選擇題的方式讓枯燥的簽到變得有趣起來了。
第二個(gè)是游戲體驗(yàn)建議收集。其實(shí)通俗點(diǎn)就是產(chǎn)品體驗(yàn)反饋、幫助產(chǎn)品優(yōu)化流程等，但是這里變成了領(lǐng)取任務(wù)，并且有相應(yīng)的獎(jiǎng)勵(lì)，提升了用戶參與感的同時(shí)滿足了用戶的歸屬感，因?yàn)楠?jiǎng)勵(lì)機(jī)制會(huì)讓用戶覺得自己的建議會(huì)有可能被采用，而不是反饋了就沒有然后了。
不同感官的刺激來增加產(chǎn)品印象及代入感
聲音的提示可以起到未見其人先聞其聲的效果。聲音作為操作行為的一種反饋，提示用戶的同時(shí)，增強(qiáng)代入感。比如微博國際版客戶端，在發(fā)送狀態(tài)時(shí)，小飛機(jī)飛出去的時(shí)候會(huì)伴隨著：「嗖」的一聲，讓用戶有一種發(fā)送成功的確定感。而Mac系統(tǒng)截圖行為，則伴隨著像裁切紙張一樣的「咔嚓」聲來提示截圖成功，就非常的具有代入感。
最后，我會(huì)以我比較熟悉的游戲平臺(tái)項(xiàng)目，簡單總結(jié)一下各種置入趣味設(shè)計(jì)的方法：
可以嘗試從文案的方向進(jìn)行優(yōu)化，比如將搜索游戲提示語：「未搜索到某某游戲」變成：「誒，你剛才可能輸入了假游戲，不如再來一遍？」。
融入一些激勵(lì)化的小游戲來增強(qiáng)玩家互動(dòng)，提升用戶品牌感知等。
設(shè)計(jì)與品牌風(fēng)格統(tǒng)一的有趣反饋動(dòng)畫，或在適時(shí)置入聲音作為彩蛋，增加整體的趣味氛圍。
而不論是以上哪種手段，在使用之前都要認(rèn)清，趣味設(shè)計(jì)都是設(shè)計(jì)上的一種錦上添花，增加趣味需要在滿足產(chǎn)品功能的前提下進(jìn)行，不必為了有趣而強(qiáng)行有趣。在設(shè)計(jì)的過程中也要多思考下是否可以做更多深入的細(xì)節(jié)優(yōu)化，反復(fù)推敲，最適當(dāng)?shù)膱鼍爸腥谌爰?xì)膩的情感化設(shè)計(jì)，讓趣味成為我們設(shè)計(jì)的點(diǎn)睛之筆。
藍(lán)藍(lán)設(shè)計(jì)( www.gyxygd.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gyxygd.cn