轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(  www.lzhte.cn )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(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://cued.xunlei.com/log-005

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

 

一、交互設(shè)計(jì)是做什么的

一些朋友和同事都在問(wèn)交互設(shè)計(jì)是不是做的就是邏輯，互聯(lián)網(wǎng)的交互做的最多的就是點(diǎn)擊和跳轉(zhuǎn)，這聽(tīng)起來(lái)似乎沒(méi)錯(cuò)。但是交互設(shè)計(jì)做的就是邏輯嗎？交互做得就是點(diǎn)擊、跳轉(zhuǎn)，純理性高邏輯的活兒?jiǎn)幔?/span>

 

拿給力加速器為例：

加速器第一版就是給一款游戲（魔獸世界）加速。大致的流程：登錄 > 打開(kāi)界面 > 直接加速 > 運(yùn)行游戲 。后來(lái)經(jīng)過(guò)多次改版，現(xiàn)有很多游戲選擇，選擇對(duì)某一款游戲加速。需求大概是用戶(hù)可以選擇游戲/區(qū)服 > 開(kāi)始加速 > 運(yùn)行游戲，其中用戶(hù)分為使用過(guò)并加速過(guò)游戲和首次使用未加速過(guò)游戲的。

大致的流程圖

低保真的線(xiàn)框草圖

猛一看，覺(jué)得簡(jiǎn)單清晰的流程，用戶(hù)不該產(chǎn)生疑惑吧，但是這看似沒(méi)有破綻的流程只是我個(gè)人的思路邏輯，用戶(hù)未必照單全收。

 

對(duì)于目標(biāo)明確的用戶(hù)來(lái)說(shuō)，線(xiàn)性的設(shè)計(jì)效率很高，但是對(duì)于目標(biāo)不明確的或許給他看到某個(gè)推薦，可能因?yàn)橄矚g就選用了。

信息架構(gòu)把用戶(hù)分為三種類(lèi)型：

一、明確目標(biāo)也確定叫什么的

二、有目標(biāo)但不確定叫什么的

三、隨便逛逛的用戶(hù)

第一類(lèi)用戶(hù)，他們明確要找的東西，也確定名稱(chēng)叫什么，搜索就能滿(mǎn)足他們的需求。

第二類(lèi)用戶(hù)，知道要找什么，但不確定叫什么的用戶(hù)，有時(shí)候需要給他些建議。常見(jiàn)的有類(lèi)目導(dǎo)航和搜索提示

第三類(lèi)瀏覽型用戶(hù)來(lái)說(shuō)。推薦信息或是熱門(mén)信息更能吸引他們的眼球。

 

迅雷看看首頁(yè)基本同時(shí)滿(mǎn)足三種用戶(hù)

紅色部分的搜索區(qū)域是為第一種有明確目的且知道叫什么的用戶(hù)設(shè)計(jì)的；綠色區(qū)域的類(lèi)目是為了有目標(biāo)但不確定叫什么的用戶(hù)設(shè)計(jì)，引導(dǎo)他們分類(lèi)選擇；藍(lán)色區(qū)域就是為沒(méi)有目的、瀏覽型用戶(hù)推薦的。 

總結(jié)：交互設(shè)計(jì)是通過(guò)對(duì)界面和操作行為的設(shè)計(jì)，并關(guān)注設(shè)計(jì)合理性、提高產(chǎn)品可用性。（其中還包括信息架構(gòu)和交互的細(xì)節(jié)）

 

二、交互設(shè)計(jì)的細(xì)節(jié)

用戶(hù)的本能  =  交互設(shè)計(jì)的本能

1、理解你的用戶(hù)：

要把用戶(hù)看作崇尚簡(jiǎn)單的、挑剔的、遲鈍的、很忙的：能少鍵入就少輸入，能少點(diǎn)擊就少點(diǎn)擊，能少思考就少思考。

2、充分理解，引導(dǎo)用戶(hù)的行為流

一方面要了解用戶(hù)可能的點(diǎn)擊流程，另一方面產(chǎn)品要有好的信息架構(gòu)，操作引導(dǎo)要高邏輯，但要 好理解（整個(gè)操作的完成有引導(dǎo)說(shuō)明，讓用戶(hù)知道自己完成到哪里了，還要做什么，除此還要方便用戶(hù)的返回，后退，反悔，回到起點(diǎn)）

3、易理解的表達(dá)

易理解的表達(dá)不僅包括視覺(jué)和文字，交互操作也要做到透明（反饋原則）

主觀(guān)感受是靠不住的

其實(shí)有時(shí)候做交互設(shè)計(jì)或是做產(chǎn)品設(shè)計(jì)的。你以為用戶(hù)會(huì)按你的思路走，其實(shí)真不見(jiàn)得。

請(qǐng)?jiān)诟哌壿嫛⑶逦斫庠O(shè)計(jì)產(chǎn)品之后，回頭欣賞下你的產(chǎn)品，加入不同用戶(hù)的行為去感受。

有的時(shí)候要數(shù)據(jù)說(shuō)話(huà)！

操作前，結(jié)果可預(yù)知（包括用戶(hù)習(xí)慣）

操作時(shí)，操作有反饋

操作可識(shí)別

操作后，操作可撤銷(xiāo)

讓用戶(hù)知道自己身在何處

 

模式化窗口是惡魔

圖標(biāo)的使用

 

介紹一些頁(yè)面表達(dá)原則

主次原則

最佳實(shí)踐：內(nèi)容比較多，可放空間少，主要的內(nèi)容先顯示，次要的內(nèi)容擱置在“更多”里。

注意：到底放什么，取決于我們要重點(diǎn)的內(nèi)容和通過(guò)數(shù)據(jù)分析得出的內(nèi)容的相結(jié)合。

最佳實(shí)踐：面臨好幾個(gè)操作時(shí)，我們也要分清主次，分清哪些是我們提倡用戶(hù)操作的，哪些是我們不提倡用戶(hù)操作的，同時(shí)，對(duì)于提倡用戶(hù)操作的也要進(jìn)一步分清主次。

 

直接原則

最佳實(shí)踐：?jiǎn)我蛔侄蔚木庉嫿ㄗh在當(dāng)前頁(yè)面直接完成，不要單獨(dú)設(shè)置一個(gè)浮動(dòng)層，即使設(shè)置浮動(dòng)層，也盡量允許浮動(dòng)層能被拖動(dòng)。總的來(lái)說(shuō)，能在當(dāng)前頁(yè)面完成操作的盡量在當(dāng)前頁(yè)面完成。

 

統(tǒng)一原則

最佳實(shí)踐：樣式確定后最好全站保持統(tǒng)一，降低用戶(hù)的認(rèn)知難度，即不要出現(xiàn)幾種不同樣式。

 

少做原則

最佳實(shí)踐：盡量準(zhǔn)確把握用戶(hù)的心理預(yù)期，揣摩用戶(hù)的心智模型，進(jìn)而實(shí)現(xiàn)用戶(hù)的心理預(yù)期。、

 

反饋原則

最佳實(shí)踐：盡量對(duì)每個(gè)操作能做到人機(jī)交互反饋，讓用戶(hù)清楚知道目前的狀態(tài)，減少疑惑。

 

三、介紹交互設(shè)計(jì)的書(shū)籍