我們能做什么來(lái)確保我們所繪制的夢(mèng)幻般的線框圖能激發(fā)同樣夢(mèng)幻般的圖形設(shè)計(jì)并最終創(chuàng)建一個(gè)夢(mèng)幻般的網(wǎng)站?(譯者注:有點(diǎn)繞口!)
什么是線框圖?
"線框圖是單一網(wǎng)站頁(yè)面精簡(jiǎn)版的視覺(jué)表現(xiàn),沒(méi)有經(jīng)過(guò)任何視覺(jué)處理"此定義來(lái)自Strange Systems。
線框圖是用來(lái)做什么的?
我在cxpartners花費(fèi)了大量時(shí)間制作線框。它們被用來(lái)生成想法、測(cè)試用戶、獲得客戶驗(yàn)收和創(chuàng)建最終網(wǎng)站或應(yīng)用的藍(lán)圖。
遞送交付物
當(dāng)我將線框圖交給開(kāi)發(fā)團(tuán)隊(duì)后將發(fā)生什么?前端、后臺(tái)程序各展所長(zhǎng),編輯人員摩拳擦掌,而圖形設(shè)計(jì)師需要將他們的設(shè)計(jì)理念應(yīng)用到基于線框的頁(yè)面中。
不要給線框加樣式
信息架構(gòu)師經(jīng)常開(kāi)玩笑說(shuō):圖形設(shè)計(jì)師的任務(wù)就是將線框圖加上顏色。線框上所有的導(dǎo)航和內(nèi)容通常是黑色和白色,所以設(shè)計(jì)師需要給線框加上一定的商業(yè)色彩。
這里暴露了一個(gè)潛在的沖突,信息架構(gòu)師和圖形設(shè)計(jì)師在哪個(gè)點(diǎn)進(jìn)行工作交接的。如果給到圖形設(shè)計(jì)師一個(gè)極其完善的線框,他的剩余工作只是動(dòng)動(dòng)彩色鉛筆,那他們應(yīng)該會(huì)郁悶到不行。最后,設(shè)計(jì)師通常也會(huì)感覺(jué)在給定線框下設(shè)計(jì)會(huì)限制他們的創(chuàng)新。
從一開(kāi)始就讓設(shè)計(jì)師參與其中
這就是為什么cxpartners提倡以用戶為中心的設(shè)計(jì)過(guò)程,涉及項(xiàng)目的關(guān)鍵利益相關(guān)者從一開(kāi)始就參與到設(shè)計(jì)中。利益相關(guān)者包括客戶和最終用戶,也包括程序員和設(shè)計(jì)師。從第一天開(kāi)始就把這一條寫在項(xiàng)目白板上,讓他們參與到關(guān)鍵的決策中,并跟隨進(jìn)行的用戶測(cè)試。用戶測(cè)試可以就早期的圖形設(shè)計(jì)想法進(jìn)行測(cè)試,確保他們隨著時(shí)間的推移看到線框的每一版進(jìn)展,這是能影響整個(gè)設(shè)計(jì)進(jìn)程的方式。
所有權(quán)和理解力
一個(gè)對(duì)線框圖有所有權(quán)和理解力的設(shè)計(jì)師將能靈活和有創(chuàng)意地闡述他的設(shè)計(jì),即使是在項(xiàng)目已經(jīng)交付了很長(zhǎng)一段時(shí)間后。網(wǎng)站是不斷發(fā)展的,一個(gè)對(duì)線框背后的設(shè)計(jì)有深入思考和理解的設(shè)計(jì)團(tuán)隊(duì)能夠不斷的調(diào)整和補(bǔ)充,繼而維持偉大的用戶體驗(yàn)。
不斷發(fā)展的關(guān)系
我喜歡看到我的線框被帶入到生活中,所以cxpartners總能通過(guò)設(shè)計(jì)和開(kāi)發(fā)進(jìn)程讓產(chǎn)品團(tuán)隊(duì)理解我們的想法,一個(gè)電話總能將問(wèn)題講明白。我也總能看到我的線框與聰明代碼、偉大的圖形設(shè)計(jì)一起結(jié)合成一個(gè)有著夢(mèng)幻般用戶體驗(yàn)的網(wǎng)站...