線框原型不是交互原型
這兩個(gè)概念之間的區(qū)別和聯(lián)系確實(shí)容易讓人混淆,從項(xiàng)目流程角度說,它們甚至是完全不同的兩種工具。簡單的說,線框圖用來組織及呈現(xiàn)信息,而交互原型,顧名思義,用來展示及評(píng)估交互方式。多數(shù)時(shí)候,它們?cè)谛问缴虾芟嗨,并且都?yīng)該避免使用那些容易造成干擾的高保真視覺元素。
線框原型的實(shí)際應(yīng)用
正如在前文中提到的,很多設(shè)計(jì)師并不了解制作線框原型這個(gè)步驟在項(xiàng)目流程中的重要性,因?yàn)樗麄儾磺宄框原型的本質(zhì)和制作它的目的是什么。實(shí)際上,線框原型在項(xiàng)目流程中的目的性是很強(qiáng)的。下面,我們來看看線框原型在實(shí)際中的幾個(gè)重要應(yīng)用方面。
可用性測(cè)試
線框原型是進(jìn)行早期可用性測(cè)試的最有效的方法之一。注意,我們?cè)谡f的是可用性,而非用戶體驗(yàn);這兩者之間是有區(qū)別的?捎眯源_實(shí)可以反映產(chǎn)品對(duì)于用戶的友好程度,但它側(cè)重于功能的使用方面,而不是指設(shè)計(jì)的角度。相應(yīng)的,在進(jìn)行可用性測(cè)試的過程中,應(yīng)該盡量將注意力放在功能方面,不要被其他方面的因素干擾。
實(shí)踐技巧
- 用戶目標(biāo):使用線框原型模擬用戶在完成使用目標(biāo)的過程中可能執(zhí)行的所有步驟。這種方式可以盡早發(fā)現(xiàn)網(wǎng)站功能架構(gòu)方面的設(shè)計(jì)缺陷。
- 出錯(cuò)情景:線框原型可以幫助設(shè)計(jì)和開發(fā)人員更全面的預(yù)計(jì)到潛在的出錯(cuò)情景,并準(zhǔn)備好相應(yīng)的出錯(cuò)提示頁面。
展示細(xì)節(jié)
對(duì)于設(shè)計(jì)和開發(fā)人員來說,有一個(gè)比較常見的困擾——很多時(shí)候,客戶或需求決策者對(duì)產(chǎn)品的關(guān)注角度過于宏觀,他們會(huì)對(duì)產(chǎn)品的功能進(jìn)行非?辗旱拿枋觯鴮(duì)細(xì)節(jié)方面并沒有明確的概念。這種情況下,線框原型能幫助我們有效的解決溝通方面的問題;大家可以通過這種可以看的到的方式,對(duì)產(chǎn)品的功能細(xì)節(jié)進(jìn)行快速的勾勒,有效的傳達(dá)信息。
實(shí)踐技巧
對(duì)功能細(xì)節(jié)進(jìn)行詳細(xì)的描繪:不要只使用一個(gè)方框來表示某個(gè)組件,比如相冊(cè)或地圖等;要描繪出所有相關(guān)的元素,并且在必要的時(shí)候?qū)δ苓壿嬤M(jìn)行文字注釋。細(xì)節(jié)做的越到位,溝通效果越好。
預(yù)估相關(guān)內(nèi)容的數(shù)量限制:很多設(shè)計(jì)師會(huì)忽略頁面中的極端內(nèi)容情況。誠然,在項(xiàng)目初期,我們很難對(duì)頁面內(nèi)容做確切的預(yù)估,但是在線框原型中做一些必要的范圍限制還是可行的。與項(xiàng)目相關(guān)人員進(jìn)行交流,討論的要點(diǎn)包括某些標(biāo)題的大致長度范圍、內(nèi)容中圖片的數(shù)量、內(nèi)容文字區(qū)域是否需要根據(jù)文字?jǐn)?shù)量進(jìn)行適應(yīng)調(diào)整等。通過線框原型將這些細(xì)節(jié)問題確定下來,可以有效降低視覺設(shè)計(jì)及開發(fā)過程中返工的可能性。
出處:Be For Web
責(zé)任編輯:bluehearts
上一頁 線框圖的本質(zhì)及實(shí)踐應(yīng)用概述 [1] 下一頁 線框圖的本質(zhì)及實(shí)踐應(yīng)用概述 [3]
|