交互設(shè)計(jì)的本質(zhì)是對(duì)用戶(hù)行為的一種設(shè)計(jì)，直達(dá)內(nèi)心的設(shè)計(jì)能夠影響用戶(hù)自身的情感，從而引導(dǎo)用戶(hù)的行為、提升趣味性和愉悅度等，這些都是針對(duì)用戶(hù)情感化設(shè)計(jì)的領(lǐng)域。針對(duì)用戶(hù)情感進(jìn)行設(shè)計(jì)時(shí)，需要考慮產(chǎn)品的用戶(hù)群，有趣的交互設(shè)計(jì)將會(huì)為產(chǎn)品塑造個(gè)性，需要明確產(chǎn)品個(gè)性是否與目標(biāo)用戶(hù)相符。富有靈感和創(chuàng)意的設(shè)計(jì)與一般設(shè)計(jì)的區(qū)別在于，它不那么容易被想到和實(shí)現(xiàn)，一旦它被實(shí)現(xiàn)，一定是個(gè)非常有趣并且迷人的網(wǎng)站。

1.圖形視覺(jué)化

人們往往會(huì)忽略身邊所熟悉的事物，這是人本身的適應(yīng)性所造成的，當(dāng)在熟悉的狀態(tài)當(dāng)中出現(xiàn)新奇有趣的東西時(shí)，人們的注意力也會(huì)被集中過(guò)來(lái)。網(wǎng)頁(yè)中，不規(guī)則的形狀設(shè)計(jì)可以生成最有趣、最吸引人的網(wǎng)站，用常態(tài)之外的形狀來(lái)創(chuàng)造視覺(jué)上的興趣點(diǎn)，更有利于用對(duì)網(wǎng)站的清晰辨識(shí)，并且方便快捷訪問(wèn)。每個(gè)網(wǎng)站需要有它的獨(dú)特性來(lái)吸引用戶(hù)，但表達(dá)這些獨(dú)特性的元素，一定不能對(duì)用戶(hù)理解內(nèi)容產(chǎn)生干擾。

2.“大”時(shí)代登場(chǎng)

對(duì)于有些設(shè)計(jì)項(xiàng)目來(lái)說(shuō)，老套的設(shè)計(jì)模式并不奏效，你需要設(shè)計(jì)的大點(diǎn)，要比以往設(shè)計(jì)的元素還要大，因此就非常適合采用超大網(wǎng)頁(yè)布局。無(wú)論是采用大字體、大背景還是大按鈕，都極具視覺(jué)沖擊力，吸引用戶(hù)注意力。

3.合理的用戶(hù)引導(dǎo)

任何一個(gè)交互的過(guò)程對(duì)于新用戶(hù)來(lái)說(shuō)都不能保證所有人都能準(zhǔn)確完整地走完一個(gè)流程。必須要在用戶(hù)打開(kāi)網(wǎng)站之后，引導(dǎo)用戶(hù)完成某些主要任務(wù)流程，幫助用戶(hù)快速掌握網(wǎng)站的使用方法，減少用戶(hù)的思考時(shí)間，讓用戶(hù)快速體驗(yàn)到網(wǎng)站中的樂(lè)趣，激起用戶(hù)對(duì)功能的嘗試欲望。同時(shí)也要避免接連不斷的展示引導(dǎo)信息，這樣不僅會(huì)加重短期記憶，而且會(huì)讓新用戶(hù)認(rèn)為應(yīng)用過(guò)于復(fù)雜，望而生畏。

4.合理的信息架構(gòu)

合理的信息架構(gòu)是減少信息層級(jí)，追求信息到達(dá)用戶(hù)的最短距離，能夠幫助用戶(hù)更方便快捷地在網(wǎng)站上尋找到他們需要的信息，從而有效地提升網(wǎng)站的用戶(hù)體驗(yàn)。在設(shè)計(jì)的表現(xiàn)形式上追求界面扁平，注重通過(guò)弱化視覺(jué)效果來(lái)強(qiáng)化應(yīng)用的功能。

合理結(jié)構(gòu)設(shè)計(jì)尊重大多數(shù)用戶(hù)的使用習(xí)慣，一般要采用人體工程學(xué)的設(shè)計(jì)原理，將網(wǎng)站上各種功能的操作都遵循右手使用習(xí)慣，并且在一些地方進(jìn)行標(biāo)識(shí)引導(dǎo)左手上網(wǎng)的用戶(hù)習(xí)慣，這樣才能夠讓網(wǎng)站的結(jié)構(gòu)顯得更加人性化。另外，這對(duì)搜索引擎排名有實(shí)質(zhì)影響，尤其是從長(zhǎng)遠(yuǎn)來(lái)看，因此遵循搜索友好性的基本原則是比較明智的。

5.導(dǎo)航隱藏功能

將鼠標(biāo)放到導(dǎo)航的標(biāo)簽上，原本靜態(tài)的圖標(biāo)（如冰箱）將會(huì)自動(dòng)打開(kāi)，告知你的當(dāng)前位置。圖標(biāo)在鼠標(biāo)不觸碰的情況下呈現(xiàn)靜態(tài)，有趣的交互使整個(gè)網(wǎng)站看起來(lái)更有意思。

點(diǎn)擊后：

6.具有親和力的圖形化導(dǎo)航

最近的導(dǎo)航設(shè)計(jì)越來(lái)越多的采用了圖標(biāo)，代替了原有的文字，并且有意的擴(kuò)大了單個(gè)標(biāo)簽的點(diǎn)擊區(qū)域。文字加圖標(biāo)解決了用戶(hù)易用（交互、文案），以及想用（視覺(jué)，交互）來(lái)表現(xiàn)的問(wèn)題。

7.反饋設(shè)計(jì)

反饋和交互意味著使用適當(dāng)?shù)姆答伔绞剑约芭c程序之間的交互，讓用戶(hù)時(shí)刻知道當(dāng)下發(fā)生了什么，而不僅僅是當(dāng)事情出錯(cuò)時(shí)顯示一個(gè)警告。對(duì)網(wǎng)站用戶(hù)而言，反饋屬于提示信息類(lèi)型的一種。

案例一按鈕的提示狀態(tài)：內(nèi)容為空時(shí)不可點(diǎn)擊的按鈕狀態(tài)和有內(nèi)容的按鈕的區(qū)別。按鈕為灰色狀態(tài)，不可發(fā)表內(nèi)容。

(google plus當(dāng)前狀態(tài)不可發(fā)布內(nèi)容)

(當(dāng)有內(nèi)容之后，按鈕被點(diǎn)亮，內(nèi)容可以正常發(fā)布)

8.交互設(shè)計(jì)（講故事）

做設(shè)計(jì)的過(guò)程，就是一個(gè)不斷講故事的過(guò)程。交互設(shè)計(jì)師應(yīng)該具備憑空想象復(fù)雜交互行為的能力。通過(guò)流程圖，強(qiáng)迫自己把各種分支流程都考慮到，窮舉出各種CASE，而另一個(gè)好用的方法即是講故事。

假如我們就是用戶(hù)本身，很容易的就能發(fā)現(xiàn)不符合邏輯的事實(shí)——因?yàn)楣适潞苋菀字v不下去。但是沒(méi)有故事得連續(xù)性，片段的話語(yǔ)很容易“蒙混過(guò)關(guān)”。

講清楚一個(gè)故事之后，還要把故事拆分成任務(wù)，按任務(wù)優(yōu)先級(jí)去繪制交互原型，然后拿著低保真原型去找用戶(hù)測(cè)試（最好可以在真實(shí)環(huán)境中去測(cè)試）。等到高保真DEMO出來(lái)之后，還是要迭代測(cè)試，還原真實(shí)的故事，再把問(wèn)題反饋到講故事的環(huán)境，修改情節(jié)和場(chǎng)景，使故事不斷豐滿。

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