交互設(shè)計(jì)中如何增加趣味性、提升愉悅度?

2014-3-18    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

「好的產(chǎn)品關(guān)注功能,優(yōu)秀的產(chǎn)品關(guān)注情感」

趣味性、愉悅度,這些都是針對(duì)用戶(hù)情感化設(shè)計(jì)的領(lǐng)域。

功能、實(shí)用性,這些需要很強(qiáng)邏輯性的事物很難和情感產(chǎn)生關(guān)聯(lián),并不是指這些不重要,它們很重要,它們是基礎(chǔ),但缺少了情感的作用,很難產(chǎn)生一些東西,像:快樂(lè)、愉悅、悲傷、美…

花、大海、春天、小屋… 這些都是很普通的名詞,但將它們富有詩(shī)意的組合在一起:我有一所房子,面朝大海,春暖花開(kāi)。接受者會(huì)投入不同的情緒去理解這樣一個(gè)組合。

上面這些名詞就像我們?cè)?strong>界面設(shè)計(jì)過(guò)程當(dāng)中所遇到的各種元素,按鍵、菜單、icon、動(dòng)態(tài)效果… 將它以詩(shī)意的方式組合在一起,由此用戶(hù)產(chǎn)生了情緒上的波動(dòng)。

交互設(shè)計(jì)的本質(zhì)是對(duì)用戶(hù)行為的一種界面設(shè)計(jì),直達(dá)內(nèi)心的UI設(shè)計(jì)能夠影響用戶(hù)自身的情感,從而導(dǎo)致用戶(hù)的行為。常會(huì)有設(shè)計(jì)師說(shuō)將用戶(hù)當(dāng)成是一個(gè)易怒、情緒不定、不明理的人,為什么?因?yàn)槿说谋举|(zhì)是非理性的,邏輯是理性層面的考量,而面對(duì)情感這個(gè)潛藏在理性背后的東西,需要設(shè)計(jì)師有深厚的功力,這不是單純技巧上的問(wèn)題,而是一種時(shí)間、感覺(jué)、情緒等綜合的圓熟。

針對(duì)用戶(hù)情感進(jìn)行設(shè)計(jì)時(shí)需要考慮產(chǎn)品的用戶(hù)群,情感設(shè)計(jì)的應(yīng)用將會(huì)為產(chǎn)品塑造個(gè)性,需要明確產(chǎn)品個(gè)性是否與目標(biāo)用戶(hù)相符。所以題主需要考慮一下,所說(shuō)的趣味性是否與產(chǎn)品所預(yù)期的個(gè)性相符,這很重要。

扯回到正題,交互設(shè)計(jì)中的趣味性如果讓我用一句話表達(dá),我會(huì)說(shuō):「情理之中,意料之外

btw:自己對(duì)有趣的定義可能會(huì)與大家不太一樣。

方式一:「延伸現(xiàn)實(shí)」

最知名的例子莫過(guò)于,iOS的慣性滑動(dòng)效果(或許有同學(xué)會(huì)不同意,但這真的是我認(rèn)為很有趣的設(shè)計(jì)),這樣的一個(gè)設(shè)計(jì),在我眼中可以用兩個(gè)字來(lái)形容–驚艷,什么樣的設(shè)計(jì)師才能夠?qū)χ車(chē)澜绲挠^察敏銳到如此境界呢?讓我們記住這個(gè)人的名字吧 — Bas Ording,可以說(shuō)沒(méi)有這個(gè)設(shè)計(jì)可能就沒(méi)有iPhone的誕生吧

在交互設(shè)計(jì)中,如何增加趣味性、提升愉悅度?

(慣性滾動(dòng)專(zhuān)利示意圖,專(zhuān)利傳送門(mén) :https://docs.google.com/viewer?url=www.google.com/patents/US7469381.pdf

這樣的設(shè)計(jì)見(jiàn)微知著,簡(jiǎn)單、有力、充滿(mǎn)樂(lè)趣,看似微不足道,但影響巨大,乃至整個(gè)iOS的框架就建立在類(lèi)似這樣的設(shè)計(jì)之上(多點(diǎn)觸摸,慣性滑動(dòng)),即便是剛接觸的用戶(hù),也能輕易理解這項(xiàng)設(shè)計(jì),同時(shí),對(duì)于用戶(hù)進(jìn)行操作時(shí)情感影響也很大。ps.由于工作需要多在兩個(gè)系統(tǒng)間切換,當(dāng)從iOS切換至Android時(shí),生硬的邊界反饋常令我索然乏味。

時(shí)常在想,如果換成是我,將如何進(jìn)行設(shè)計(jì)才能達(dá)到與iOS慣性滑動(dòng)同等的效果?

之后,設(shè)計(jì)師Loren Brichter在慣性滑動(dòng)的基礎(chǔ)上延伸了它的功能性及趣味性,下拉刷新,被Twitter收購(gòu)后最近正在申請(qǐng)這項(xiàng)專(zhuān)利。

從零開(kāi)始設(shè)計(jì)出新東西可以是創(chuàng)造,而在已有的基礎(chǔ)上創(chuàng)造也是一種設(shè)計(jì)。

在交互設(shè)計(jì)中,如何增加趣味性、提升愉悅度?

下拉刷新

方式二:「觸景生情」

在交互設(shè)計(jì)中,如何增加趣味性、提升愉悅度?

(香蕉汁包裝設(shè)計(jì) —— 深澤直人)

通過(guò)視覺(jué)的的手段,微妙的啟發(fā)用戶(hù)的感覺(jué)及情緒,這里用深澤直人的一個(gè)包裝設(shè)計(jì)做一個(gè)例子吧(如圖3)。
此類(lèi)方式也是目前在各APP上應(yīng)用最多的設(shè)計(jì)技巧。

方式三:「小把戲」

在交互設(shè)計(jì)中,如何增加趣味性、提升愉悅度?

圖4 Google搜索結(jié)果頁(yè)面轉(zhuǎn)跳設(shè)計(jì)

對(duì)枯燥的事物進(jìn)行轉(zhuǎn)變,以一種輕松、幽默的方式進(jìn)行展示,在不失其功能性的基礎(chǔ)上增加一些想像力,這樣的嘗試能夠使用戶(hù)產(chǎn)生有趣且愉快的感覺(jué),這是一種積極情感,對(duì)你的產(chǎn)品也會(huì)有正向的幫助。ps.別使用過(guò)頭

在交互設(shè)計(jì)中,如何增加趣味性、提升愉悅度?

(微信中的蛋糕雨,快捷酒店管家日房左側(cè)的紙巾以及提示圖片)

 

方式四:「保持新鮮感」

人們往往會(huì)忽略身邊所熟悉的事物,這是人本身的適應(yīng)性所造成的,當(dāng)在熟悉的狀態(tài)當(dāng)中出現(xiàn)新奇有趣的東西時(shí),人們的注意力也會(huì)被集中過(guò)來(lái)。

這種方式常應(yīng)用在游戲類(lèi)的APP當(dāng)中,增加新的裝備、新的玩法、新的資料包… 令用戶(hù)能夠在現(xiàn)有游戲框架擁有不一樣的游戲體驗(yàn)。

還有像,輸入法產(chǎn)品的皮膚,輸入相對(duì)是一個(gè)枯燥的過(guò)程,為了令用戶(hù)在這個(gè)過(guò)程中能投射入一些情感,會(huì)為其制作并不斷推出新的皮膚。ps.不過(guò)更換皮膚是一種被動(dòng)的選擇過(guò)程。

在交互設(shè)計(jì)中,如何增加趣味性、提升愉悅度?

(百度Mac輸入法皮膚(聽(tīng)說(shuō)近期會(huì)有品質(zhì)更高的皮膚出現(xiàn))

方式五:「充分利用聲音」

聲音對(duì)于我們的情感有一些特殊的作用,節(jié)奏和旋律的變化都能夠影響到用戶(hù)的情感,有時(shí)可能只是一個(gè)單一的聲音,現(xiàn)在請(qǐng)你們?cè)谀X海里回響一下:QQ新消息的聲音、微博客戶(hù)端下拉刷新的聲音、Windows開(kāi)機(jī)時(shí)的啟動(dòng)音…

在你的APP當(dāng)中增加一些有趣的聲音,實(shí)例化一下:設(shè)計(jì)一款計(jì)時(shí)器,在時(shí)間倒數(shù)時(shí)出現(xiàn)時(shí)鐘的嘀嗒聲,接近結(jié)束時(shí)出現(xiàn)一種急促聲,引發(fā)用戶(hù)的注意,結(jié)束時(shí)出現(xiàn)水壺?zé)_(kāi)的聲音(現(xiàn)實(shí)生活中,水燒開(kāi)時(shí)的聲音會(huì)令你快速產(chǎn)生動(dòng)作),這會(huì)不會(huì)讓用戶(hù)感覺(jué)到會(huì)心一笑呢?

除聲音外,充分利用身體的其它感官來(lái)增加APP的趣味性。

方式六:「游戲」

游戲本身就充滿(mǎn)了交互的趣味性,做為UI設(shè)計(jì)師需要考慮的只是如何將游戲引入到產(chǎn)品設(shè)計(jì)當(dāng)中,或?qū)a(chǎn)品以游戲的方式展示。例如:Android解鎖屏幕,以游戲、益智的方式實(shí)現(xiàn)加密以及解屏的功能,很優(yōu)秀。

在交互設(shè)計(jì)中,如何增加趣味性、提升愉悅度?

(Android解鎖屏)

先寫(xiě)到這吧,所有的設(shè)計(jì)其實(shí)都已經(jīng)你的腦中,只是看你如何去發(fā)現(xiàn)它們。

最后:從內(nèi)心深處覺(jué)得UI設(shè)計(jì)不應(yīng)該始于技術(shù)或功能,但實(shí)際往往受限于技術(shù)及功能,這是一個(gè)矛盾的事實(shí)。

日歷

鏈接

個(gè)人資料

存檔