2012-5-11 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(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ù)
來(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ì)某一款游戲加速。需求大概是用戶可以選擇游戲/區(qū)服 > 開(kāi)始加速 > 運(yùn)行游戲,其中用戶分為使用過(guò)并加速過(guò)游戲和首次使用未加速過(guò)游戲的。
大致的流程圖
低保真的線框草圖
猛一看,覺(jué)得簡(jiǎn)單清晰的流程,用戶不該產(chǎn)生疑惑吧,但是這看似沒(méi)有破綻的流程只是我個(gè)人的思路邏輯,用戶未必照單全收。
對(duì)于目標(biāo)明確的用戶來(lái)說(shuō),線性的設(shè)計(jì)效率很高,但是對(duì)于目標(biāo)不明確的或許給他看到某個(gè)推薦,可能因?yàn)橄矚g就選用了。
信息架構(gòu)把用戶分為三種類型:
一、明確目標(biāo)也確定叫什么的
二、有目標(biāo)但不確定叫什么的
三、隨便逛逛的用戶
第一類用戶,他們明確要找的東西,也確定名稱叫什么,搜索就能滿足他們的需求。
第二類用戶,知道要找什么,但不確定叫什么的用戶,有時(shí)候需要給他些建議。常見(jiàn)的有類目導(dǎo)航和搜索提示
第三類瀏覽型用戶來(lái)說(shuō)。推薦信息或是熱門信息更能吸引他們的眼球。
迅雷看看首頁(yè)基本同時(shí)滿足三種用戶
紅色部分的搜索區(qū)域是為第一種有明確目的且知道叫什么的用戶設(shè)計(jì)的;綠色區(qū)域的類目是為了有目標(biāo)但不確定叫什么的用戶設(shè)計(jì),引導(dǎo)他們分類選擇;藍(lán)色區(qū)域就是為沒(méi)有目的、瀏覽型用戶推薦的。
總結(jié):交互設(shè)計(jì)是通過(guò)對(duì)界面和操作行為的設(shè)計(jì),并關(guān)注設(shè)計(jì)合理性、提高產(chǎn)品可用性。(其中還包括信息架構(gòu)和交互的細(xì)節(jié))
二、交互設(shè)計(jì)的細(xì)節(jié)
用戶的本能 = 交互設(shè)計(jì)的本能
1、理解你的用戶:
要把用戶看作崇尚簡(jiǎn)單的、挑剔的、遲鈍的、很忙的:能少鍵入就少輸入,能少點(diǎn)擊就少點(diǎn)擊,能少思考就少思考。
2、充分理解,引導(dǎo)用戶的行為流
一方面要了解用戶可能的點(diǎn)擊流程,另一方面產(chǎn)品要有好的信息架構(gòu),操作引導(dǎo)要高邏輯,但要 好理解(整個(gè)操作的完成有引導(dǎo)說(shuō)明,讓用戶知道自己完成到哪里了,還要做什么,除此還要方便用戶的返回,后退,反悔,回到起點(diǎn))
3、易理解的表達(dá)
易理解的表達(dá)不僅包括視覺(jué)和文字,交互操作也要做到透明(反饋原則)
主觀感受是靠不住的
其實(shí)有時(shí)候做交互設(shè)計(jì)或是做產(chǎn)品設(shè)計(jì)的。你以為用戶會(huì)按你的思路走,其實(shí)真不見(jiàn)得。
請(qǐng)?jiān)诟哌壿?、清晰理解設(shè)計(jì)產(chǎn)品之后,回頭欣賞下你的產(chǎn)品,加入不同用戶的行為去感受。
有的時(shí)候要數(shù)據(jù)說(shuō)話!
操作前,結(jié)果可預(yù)知(包括用戶習(xí)慣)
操作時(shí),操作有反饋
操作可識(shí)別
操作后,操作可撤銷
讓用戶知道自己身在何處
模式化窗口是惡魔
圖標(biāo)的使用
介紹一些頁(yè)面表達(dá)原則
主次原則
最佳實(shí)踐:內(nèi)容比較多,可放空間少,主要的內(nèi)容先顯示,次要的內(nèi)容擱置在“更多”里。
注意:到底放什么,取決于我們要重點(diǎn)的內(nèi)容和通過(guò)數(shù)據(jù)分析得出的內(nèi)容的相結(jié)合。
最佳實(shí)踐:面臨好幾個(gè)操作時(shí),我們也要分清主次,分清哪些是我們提倡用戶操作的,哪些是我們不提倡用戶操作的,同時(shí),對(duì)于提倡用戶操作的也要進(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)一,降低用戶的認(rèn)知難度,即不要出現(xiàn)幾種不同樣式。
少做原則
最佳實(shí)踐:盡量準(zhǔn)確把握用戶的心理預(yù)期,揣摩用戶的心智模型,進(jìn)而實(shí)現(xiàn)用戶的心理預(yù)期。、
反饋原則
最佳實(shí)踐:盡量對(duì)每個(gè)操作能做到人機(jī)交互反饋,讓用戶清楚知道目前的狀態(tài),減少疑惑。
三、介紹交互設(shè)計(jì)的書(shū)籍
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.88yangsc.com