線框圖自用戶體驗(yàn)誕生之初就已存在,從表面上看,設(shè)計(jì)師認(rèn)為其是UIUX設(shè)計(jì)流程中的關(guān)鍵,但是隨著時(shí)間的推移,我看到越來(lái)越多的問(wèn)題在線框圖上發(fā)生,甚至不少用戶體驗(yàn)設(shè)計(jì)師認(rèn)為,如果你跳過(guò)這一步,就是在逃避責(zé)任。如果你不做線框圖,那么你一定是個(gè)糟糕的設(shè)計(jì)師。
人線框圖有什么用處
線框圖之所以重要,是因?yàn)槲覀內(nèi)匀粵](méi)有更好的工具來(lái)處理我們需要迭代解決的問(wèn)題:
1、內(nèi)容和特征的層次結(jié)構(gòu)。
2、信息架構(gòu)、品牌故事文案的定義。
3、流程和交互流程/優(yōu)先級(jí)。
4、快速測(cè)試新想法并通過(guò)用戶驗(yàn)證。
5、防止甲方過(guò)于關(guān)注“視覺(jué)效果”而忽略其他UX用戶體驗(yàn)考慮。
我們?cè)谝曈X(jué)和設(shè)計(jì)策略直接需要一個(gè)中間步驟,就是線框圖,讓UI界面的基本內(nèi)容都平鋪出來(lái),而且需要更便宜、更容易進(jìn)行更改。我們不必太擔(dān)心細(xì)節(jié),而更專注于信息架構(gòu)和交互, 于是線框圖就自然而然地出現(xiàn)了。雖然線框圖可以帶來(lái)特定的好處,但我們必須問(wèn)自己,投入的努力是否值得這些好處,以及是否可以從其他方法中獲得這些好處。
為什么線框圖不能節(jié)省時(shí)間
隨著UI行業(yè)的快速迭代,使用 Photoshop 進(jìn)行視覺(jué)設(shè)計(jì)的時(shí)代早已過(guò)去,用戶體驗(yàn)和產(chǎn)品設(shè)計(jì)在增長(zhǎng)方面呈現(xiàn)爆炸式增長(zhǎng)。我們擁有大量的產(chǎn)品和設(shè)計(jì)服務(wù),這意味著我們用于線框的工具就是*我們用于視覺(jué)設(shè)計(jì)的工具。比如:Sketch / Figma。甚至在AI時(shí)代,我們使用線框 UI - AI工具可以自動(dòng)繪制線框圖。
好的交互設(shè)計(jì)公司經(jīng)驗(yàn)推薦:謹(jǐn)慎線框圖(但仍開(kāi)始低保真)
線框圖有其特定作用,但是我們發(fā)現(xiàn)在和客戶溝通交互設(shè)計(jì)界面或者溝通設(shè)計(jì)策略思路的時(shí)候,客戶往往不僅不會(huì)被線框圖的純粹交互邏輯/思維吸引,反而會(huì)影響客戶的想法,因?yàn)楹芏鄷r(shí)候客戶往往只想看到一個(gè)結(jié)果,一個(gè)最終呈現(xiàn)的效果,可能對(duì)于客戶來(lái)說(shuō)最終呈現(xiàn)的效果才是最真實(shí)的設(shè)計(jì)策略的表現(xiàn)。上面也說(shuō)了,直接看視覺(jué)有時(shí)候會(huì)影響客戶判斷,忽略真正的底層交互,但是這兩者有時(shí)候又是相互制約和影響的,所以把握好這個(gè)度,選擇不同的設(shè)計(jì)工作流很重要。如果不得不舍去先框圖,我們建議仍需要低保真設(shè)計(jì)圖,因?yàn)榈捅U嬉哺咏弑U妫ㄒ曈X(jué)設(shè)計(jì)稿),在做可用性測(cè)試的時(shí)候也更容易操作。
聯(lián)系我們,開(kāi)啟一場(chǎng)關(guān)于您項(xiàng)目的討論會(huì)吧。
?2010-2025 維好維可 | 用戶體驗(yàn)創(chuàng)新設(shè)計(jì)公司-版權(quán)所有
滬ICP備19006116號(hào)-1
提交信息后,我們的專屬顧問(wèn)會(huì)在1個(gè)工作日內(nèi)與您聯(lián)系。