推薦：交互行為三部曲
臭魚的blog：www.chouyu.com.cn之所以會出現(xiàn)“交互設(shè)計”這個詞兒，很大程度上是alancooper想?yún)^(qū)別于以往的界面視覺效果設(shè)計，重新定義一下基于電腦的軟件設(shè)

二 產(chǎn)品原型

主要執(zhí)行人員：UI、UE、需求部門
需溝通人員：程序部、銷售部

在產(chǎn)品原型方面,主要指的是黑白稿或線稿，除了顏色基本采用黑白的形式，最終出的產(chǎn)品原型將會和實際產(chǎn)品沒區(qū)別。這個環(huán)節(jié)會擬定出產(chǎn)品頁面的寬度,廣告的形式,導(dǎo)航基本樣式,各內(nèi)容的區(qū)域的表現(xiàn)形式等…

當(dāng)經(jīng)過可行性評估階段后,產(chǎn)品經(jīng)理的思路和自己也基本達(dá)成共識，接下來將進(jìn)行原型設(shè)計，我將主要分為三個步驟來實現(xiàn)：

1) 　紙稿

一般情況下結(jié)構(gòu)圖都是采用word文檔描繪，我選擇筆和紙的方式，主要還是比較方便、易修改，有任何突發(fā)的思路只需要擦一下，就可以直接在已有的基礎(chǔ)上進(jìn)行調(diào)整，由于之前的討論沒有實物參照，在這個環(huán)節(jié)你一定會發(fā)現(xiàn)更多有趣的問題。

2)　線稿、黑白稿

當(dāng)紙稿確定后，則由UI或UE使用做繪圖工具來描繪黑白稿(我主要使用Photoshop來進(jìn)行這個步驟，跟據(jù)個人習(xí)慣不同，大家的方式也有所區(qū)別，比如淘寶UED Team及Baidu UE更多的則采用線稿的形式)。也許是做UI的原因，我習(xí)慣還是采用黑白稿，方便界面設(shè)計，在結(jié)構(gòu)上也會精確到像素,比如:導(dǎo)航高度40px.頭條采用20px黑體,圖片規(guī)格:104x85px,頁面的各區(qū)域的留白為5px…等等，只有這樣才會發(fā)現(xiàn)更多細(xì)節(jié)上的問題，當(dāng)然到界面設(shè)計的同時你也會嘗到更多的甜頭。

3)　原型

完成以上的二個步驟后,產(chǎn)品的基本功能,結(jié)構(gòu),規(guī)范都已經(jīng)大致成型.這時你可以叫上程序部、銷售部及需求部門產(chǎn)品經(jīng)理，在白板上對著黑白稿做最終的討論。經(jīng)過二次、三次調(diào)整，最終定下完整的產(chǎn)品原型。

另外，值得提的一點是，在產(chǎn)品原型未確定前,千萬別急著去做界面設(shè)計,因為之前的討論主要會通過白板、Word或紙稿。在原型未確定前，有很多潛在的問題表現(xiàn)不是很直白，比如："窄了、窄了，完了，新聞列表只能放八個字"、"廣告放不下了"、"數(shù)據(jù)提不出來，目前沒這個接口…"。假如提前進(jìn)入界面設(shè)計的環(huán)節(jié),一但有問題，就意味著重新又需要找產(chǎn)品經(jīng)理、技術(shù)部、銷售進(jìn)行再次溝通，這個步驟是很煩瑣的,也會讓人很郁悶的。

分享：開展全面的網(wǎng)站評估
有時會被問到“看看XXX網(wǎng)站如何？”之類的問題。談到評估，通常都是指產(chǎn)品級的網(wǎng)站，假如模式很新，了解需要花一定時間。于是，很多人又問“那么你僅從UI/UE的