聊聊軟件產(chǎn)品中的情趣化設(shè)計
最近看了不少有關(guān)軟件產(chǎn)品中關(guān)于情感設(shè)計、情趣化設(shè)計的相關(guān)文章,今天也想從個人的角度結(jié)合一些具體的例子來和大家分享一下關(guān)于軟件產(chǎn)品中的情趣化設(shè)計內(nèi)涵、原則以及方法和技巧。
在開篇前,一如既往給大家一個小測試,請猜猜下面的這個圖片,是什么?
答案恐怕讓大部分人目瞪口呆,是——棺材,魚形棺材。
這是2004年在柏林舉辦的一個棺材展覽中的展品,夠可愛吧?但如何把可愛和悲傷的殉葬用品聯(lián)系到一起?
怎么這樣不嚴肅?
當然,不同時代,不同民族的人對死亡的看法和態(tài)度都不一樣,比如來自加納加族的葬禮文化傳統(tǒng),什么在死者的一生中扮演的角色最重要,他的棺材就應(yīng)該打造什么的形狀,比如魚、煙盒或運動鞋,這就是這個棺材設(shè)計者凱恩·克維的設(shè)計靈感。
但不管怎樣,凱恩·克維的情趣化設(shè)計在這個作品中應(yīng)用的很好,至少會讓人有種接受和釋懷的感覺。
那么首先不得不面對一個問題,何謂情趣化設(shè)計?
要回答這個問題,需要了解“情感化設(shè)計”,關(guān)于這個名詞,很多人都給出了定義,這里不去贅述,只是表達其目的。
實際上情感設(shè)計向更廣的定義來講,屬于心理學(xué)的一個范疇——設(shè)計心理學(xué)。情感化設(shè)計的作用就是從產(chǎn)品的角度,讓使用者產(chǎn)生感情的共鳴,這里的手段就是讓產(chǎn)品“人性化”,使其具有情感、個性、情趣乃至生命。我們在使用一個產(chǎn)品時,就會因為這個“人”的性格產(chǎn)生不同的情感反饋:高興、生氣、喜悅、悲傷、喜愛、厭惡……
情趣化設(shè)計從屬于情感化設(shè)計,是情感化設(shè)計中積極、正向的一面,但是又不完全相同。
情趣化設(shè)計更突出在“趣”字上:趣,興味,使人感到愉快;情趣,性情志趣,亦指意境、情致;解釋那么多,大白話來講,情趣就是要讓人感覺有意思。
情趣化設(shè)計并不是軟件產(chǎn)品設(shè)計的專享,實際上軟件中的情趣化設(shè)計來源于面向?qū)嵨锂a(chǎn)品的工業(yè)設(shè)計中,我們可以把它當做是一種技巧,而非一種風(fēng)格,只是工業(yè)設(shè)計師在表達設(shè)計思想時與用戶采用的一種溝通工具。設(shè)計師或不同作品的藝術(shù)特點不盡相同,但都可采用情趣化設(shè)計這個手法,最常見的就是運用含蓄和幽默,因為如此極易為人所接受。
下面給大家舉幾個小例子來說明情趣化設(shè)計在工業(yè)設(shè)計中的應(yīng)用,以此引出后面軟件產(chǎn)品中的情趣化設(shè)計。
1、血糖儀的外觀設(shè)計,采用卡通形象設(shè)計增加器材情趣性,減少病人對器械的抵觸感;
2、大肚子紙架和攪拌棒,意外的幽默情節(jié)令人捧腹不已;
3、蘋果公司的ibook筆記本電腦(1999年)造型呈現(xiàn)兒童產(chǎn)品的風(fēng)格,色彩鮮艷,造型夸張;
以上只是幾個少數(shù)例子,讓大家對實物產(chǎn)品的情趣化設(shè)計有個直觀的印象。
那么軟件產(chǎn)品呢?有何不同?
最大的區(qū)別應(yīng)該是產(chǎn)品設(shè)計的重點已經(jīng)不再是傳統(tǒng)意義的可觸摸的實物,另外從產(chǎn)品的材質(zhì)特征(軟件界面可以擬物化設(shè)計)和交互效果(軟件的交互及動畫效果)來看兩者也有所不同,但是基本的概念和設(shè)計的思路兩者是完全一致的。
軟件產(chǎn)品的情趣化設(shè)計,實際上是通過產(chǎn)品的設(shè)計(產(chǎn)品功能、交互、視覺效果、動畫效果、音效、視頻)來表現(xiàn)某種特定的情感目的,使產(chǎn)品富有情趣特征(如天真浪漫、幼稚調(diào)皮、溫柔體貼、、活潑可愛、善解人意、風(fēng)趣幽默……),進而能撥動用戶內(nèi)心的一根“琴弦”,讓他/她與產(chǎn)品產(chǎn)生心理共鳴;
以下介紹軟件產(chǎn)品經(jīng)理在產(chǎn)品設(shè)計設(shè)計過程中經(jīng)常采用的情趣化設(shè)計方法。
1、可愛賣萌法
我們看一下win8的藍屏界面,只是加了一個表情圖標,不至于那么讓用戶因為電腦崩潰而崩潰;
再回顧傳統(tǒng)的windows藍屏界面做法:
不得不說,誰都不希望看到藍屏界面,但是相對那些密密麻麻的絕不會讓人看懂的英文,我們發(fā)現(xiàn)一個產(chǎn)品的人性關(guān)懷是多么的重要!
我們再來看看專為MM設(shè)計的賣萌神器美圖貼貼APP,作為幫助別人賣萌的軟件,其本身設(shè)計也很賣萌
啟動歡迎界面
系統(tǒng)主界面
使用中界面(N多賣萌模板)
評分提示都萌的讓人無法拒絕
作為主打面向年輕女性的軟件產(chǎn)品,美圖貼貼對用戶心理拿捏得非常到位,設(shè)計的所有要素,包括色彩(粉色系、淺藍)、素材模板(各種賣萌材料)、界面(蕾絲、按鈕風(fēng)格)都圍繞這個主題展開,連我這個“大老爺們”都要蠢蠢欲動了。
2、楚楚可憐法
在用戶面前扮演成一個楚楚可憐的小弱者,喚起使用者的憐憫之心,這點在用戶即將放棄使用該軟件,尤其是在卸載時使用最有效;
首先是百度日語輸入法的卸載界面示例,請看:
首先是楚楚可憐的眼神攻擊
突然就嚶嚶嚶地哭起來了,求別卸載
如果沒舍得卸載,會很感謝你
再來欣賞一下美圖秀秀卸載之后的問題反饋界面設(shè)計:
一個楚楚可憐的小頭像,拿著手絹,眼淚汪汪的樣子,還“承認錯誤”,一下?lián)糁心阈闹凶畲嗳醯哪菈K神經(jīng)。
3、變錯為趣法
這里的例子講的是網(wǎng)站發(fā)生不存在或者鏈接錯誤時的指引界面——404錯誤,傳統(tǒng)的404錯誤頁面是這樣的:
但是經(jīng)過多年的思考,人們已經(jīng)在這方面進行了很多成熟、正向的設(shè)計,通過自定義404錯誤頁面,增強了用戶體驗;這方面成功的例子很多,下面僅分享其中的幾個:
頁游社區(qū),簡單的抱歉,簡單的設(shè)計
小清新,眼前一亮
人生之旅充滿了太多的失望,這是其中之一,名言?。?/p>
唉呀媽呀,俺們腳著你找到404挺有意思
404界面只是太多系統(tǒng)發(fā)生錯誤的轉(zhuǎn)向之一,任何一個系統(tǒng)都不能確保沒有任何錯誤的運行,那么在錯誤發(fā)生時,對使用者的影響就需要有預(yù)見性的考慮。從人性心理來講,人們不希望發(fā)生意外,因為意外意味著未知和風(fēng)險。所以在各種錯誤發(fā)生時,對用戶的安撫是一種非常有效的方法。通過自定義消息界面,在增強趣味性的同時,使得用戶對整體產(chǎn)品的“意外”有所接納。
注:第一個方法中的win8藍屏界面,實際行也可以規(guī)類到這里,所以很多時候本文的方法是可以同時運用的。
注:強調(diào)一下,404只是錯誤轉(zhuǎn)向之一,所有有錯誤提醒之處都需要考慮該方法;
4、詼諧幽默法
詼諧幽默法是從另一維度來闡述情趣化設(shè)計的一種方法。幽默是樂觀、積極和正向的心理狀態(tài)表現(xiàn),幽默使生活充滿了樂趣,也使得運用得當?shù)能浖a(chǎn)品充滿了人情味,當用戶會心一笑時候,要知道他和產(chǎn)品的心理距離又拉近了一步。
有一種詼諧幽默法純屬搞笑發(fā)泄,比如向谷歌地圖提問,問問怎么從中國到日本,它給出的如何橫渡太平洋的建議是這樣的,如下圖。
有點無厘頭,雖然這樣也會對用戶的產(chǎn)品使用有一些意義,但是我們更需要的是一種基于最終應(yīng)用,有系統(tǒng)的性的幽默設(shè)計。
還是google,這次是Gmail,當服務(wù)器異常時,它會請你:“交叉你的雙手祈禱吧!過幾分鐘再試試看?!?/p>
還真別說,估計真會有哥們姐們這么做了,不過下面的要是有人照做了,可能會被人說有點犯二……
發(fā)生了一些意料之外的事情,請用你的頭砸向你的鍵盤。完成后請起身跑跑圈,揮揮手臂,并且大聲尖叫。
天氣通軟件在2012年推出了一個周星馳版的報時語音,早上起床叫醒的時候可以播放天氣。這個語音雖然是山寨的,但是相似度在90%以上,而且臺詞語調(diào)及其搞笑,由于特別喜歡,所以這個語音報時我用了很久。這就是一個典型的基于幽默方法做產(chǎn)品的案例,只是幽默的表現(xiàn)方式由文字變成了語音。
另外,在有些產(chǎn)品中還會運用一些視頻,但視頻一般會在營銷的廣告中用的更多些。題外話,今天早上看到一個很有意思的視頻廣告,有興趣可以欣賞一下:http://www.newrelic.com/application-monitoring
幽默在產(chǎn)品設(shè)計中無處不在,在正確的時刻、運用正確的手段和形式,往往會得到意想不到的效(笑)果。
5、引導(dǎo)設(shè)計法
設(shè)計引導(dǎo)是當前移動端和很多web端設(shè)計面向新手的一種輔導(dǎo)手段,也可以理解為有程序性、目的性、形象化的幫助手冊。分析設(shè)計引導(dǎo),還是需要從人性心理角度出發(fā),人在骨子里或多或少都具有一些冒險精神,這種冒險如果弱化到?jīng)]有什么風(fēng)險,那么就變成了學(xué)習(xí)探索。產(chǎn)品為了讓用戶在短時間掌握產(chǎn)品的使用流程及主要功能,就需要有設(shè)計引導(dǎo)(名詞)來匹配用戶的學(xué)習(xí)探索。對產(chǎn)品經(jīng)理一個巨大考驗是,如何能基于引導(dǎo)設(shè)計的方法來增加用戶進一步探索的興趣,這里介紹一個比較經(jīng)典的案例,千百匯線上一站式購物平臺:
在17素材網(wǎng)上有具體的前端演示界面效果,地址是:http://www.17sucai.com/pins/demoshow/3960
怎么樣,不是是在用戶思考、學(xué)習(xí)和探索之間找到了一個比較好的平衡?
只需要點擊鼠標,就可以通過一屏屏的演示效果達到學(xué)習(xí)的目的,在這個過程中用戶能夠非常有興趣地繼續(xù)點擊下去。當然關(guān)于引導(dǎo)設(shè)計有很多方式和具體的技巧,具體可以參考兩篇文章:
1、淺析產(chǎn)品新手引導(dǎo)設(shè)計:http://cdc.tencent.com/?p=5265
2、做到引人入勝!App應(yīng)用引導(dǎo)頁設(shè)計教程:http://pcedu.pconline.com.cn/325/3256791.html
以上是關(guān)于軟件產(chǎn)品情趣化設(shè)計中常見的一些方法和技巧,和大家一起分享和討論,不過這其中還有一些原則或者注意事項:
1、情趣化設(shè)計的目的是為了增進用戶正向心理情緒,達成與使用者的應(yīng)用共鳴,如果違背了這一原則,寧可不用——在一般的軟件設(shè)計中,情趣化設(shè)計是加分的可選項,而非必須;
2、情趣化設(shè)計要點到為止,滿則損。如果一個產(chǎn)品有太多的情趣化設(shè)計,除非像“美圖貼貼”這類本身就需要“情趣滿屋”的產(chǎn)品,否則會造成“擾民”甚至用戶反感;
3、比較“正式”的產(chǎn)品,如面向政府、企業(yè)等單位用戶的軟件,情趣化設(shè)計需要謹慎采用,可以事先與用戶溝通是否妥當。當然時代在進步,情趣化設(shè)計在企業(yè)軟件如果運用得當,也會有比較正向的效果。
本文系作者:朝陽陸(微信號:yak198)投稿發(fā)布,轉(zhuǎn)載請注明來源于人人都是產(chǎn)品經(jīng)理并保留本文鏈接
喜歡這個:唉呀媽呀,俺們腳著你找到404挺有意思
文中列舉的例子都挺好的~