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

來源：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ì)用戶情感化設(shè)計(jì)的領(lǐng)域。

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

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

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

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

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

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

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

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

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

（慣性滾動(dòng)專利示意圖，專利傳送門 ：https://docs.google.com/viewer?url=www.google.com/patents/US7469381.pdf）

這樣的設(shè)計(jì)見微知著，簡(jiǎn)單、有力、充滿樂趣，看似微不足道，但影響巨大，乃至整個(gè)iOS的框架就建立在類似這樣的設(shè)計(jì)之上（多點(diǎn)觸摸，慣性滑動(dòng)），即便是剛接觸的用戶，也能輕易理解這項(xiàng)設(shè)計(jì)，同時(shí)，對(duì)于用戶進(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)專利。

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

下拉刷新

方式二：「觸景生情」

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

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

方式三：「小把戲」

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

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

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

 

方式四：「保持新鮮感」

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

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

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

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

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

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

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

除聲音外，充分利用身體的其它感官來增加APP的趣味性。

方式六：「游戲」

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

（Android解鎖屏）

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

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