設(shè)計(jì)本身是一種在期望和限制下進(jìn)行的探索,并且將探索后的成果實(shí)施。交互設(shè)計(jì)師需要不斷圍繞需求與期望,進(jìn)行探索并在逐步的限制中,縮小設(shè)計(jì)范圍。他做的是他應(yīng)該做的,他不應(yīng)該將過多的問號(hào)傳遞給視覺設(shè)計(jì)師,視覺設(shè)計(jì)師本身也需要進(jìn)行探索與限制,但是我們更加期望他們的天賦應(yīng)用到品牌感、質(zhì)量感、專業(yè)感、情感化設(shè)計(jì)的探索上,而不是分散精力到產(chǎn)品邏輯的思考中去。
——設(shè)計(jì)方案的評(píng)審與確認(rèn),正如上圖所示,設(shè)計(jì)師需要分出不少精力,在設(shè)計(jì)的評(píng)審與確認(rèn)上。他首先從自己的頭腦風(fēng)暴里解脫出來,從若干個(gè)方案中篩選一二,然后召集需求方、涉眾、其他設(shè)計(jì)師,進(jìn)行方案的需求。有時(shí),這樣的確認(rèn)會(huì)會(huì)召開至少三輪:
第一輪,線框圖初審,線框圖基本完整后,與需求方以及技術(shù)方代表就線框圖展開討論,這是不是商業(yè)方也即需求方想要的東西,線框圖滿足商業(yè)期望,確認(rèn)整體結(jié)構(gòu)、頁面上對(duì)于內(nèi)容塊的定義,技術(shù)方的參與能夠就可行性方面給出意見,并且能夠根據(jù)線框圖進(jìn)行初步的開發(fā)資源評(píng)估。
第二輪,線框圖設(shè)計(jì)專業(yè)評(píng)審,讓更多的設(shè)計(jì)師參與討論,從交互設(shè)計(jì)層面給予更多意見。這個(gè)評(píng)審是第一輪評(píng)審的補(bǔ)充,在既定的商業(yè)需求上就設(shè)計(jì)本身展開討論,篩選最佳的方案。
第三輪,線框圖終審,設(shè)計(jì)師在前兩輪意見中進(jìn)行評(píng)估,對(duì)線框圖做一些調(diào)整,發(fā)起第三輪確認(rèn)會(huì),商業(yè)方代表與設(shè)計(jì)師代表,技術(shù)方代表,以及相關(guān)的涉眾(比如客服、銷售代表)等面前再次宣講設(shè)計(jì)方案,告訴大家本次是終審,終審確認(rèn)后,將會(huì)進(jìn)入視覺設(shè)計(jì)階段,到時(shí)候?qū)⒉辉僮鲚p易的結(jié)構(gòu)與內(nèi)容塊定義的調(diào)整,讓大家足夠重視并對(duì)線框圖達(dá)成一致。
在這三輪評(píng)審中,需要穿插多次小范圍的討論,比如可行性的評(píng)估,資源的評(píng)估,以及和產(chǎn)品經(jīng)理反復(fù)去討論需求和需求背后的意義。可以說,線框圖的作用之一,就是為了討論、確認(rèn),吵架,然后在一次次迭代與確認(rèn)中,最終塵埃落定,推動(dòng)項(xiàng)目進(jìn)入下一環(huán)節(jié)。
交互設(shè)計(jì)師的挑戰(zhàn)
挑戰(zhàn)絕非在于線框圖本身如何專業(yè),或者把線框圖做得如何快,而是在于對(duì)于需求的把握、挖掘與快速呈現(xiàn),在于全程中對(duì)于各種想法的吸收與管理,在于能不能讓大家都快速明白了解設(shè)計(jì)的原因和背景,并對(duì)方案達(dá)成一致。
不要讓爭(zhēng)議、問題帶入到真正的實(shí)施環(huán)節(jié),比如視覺設(shè)計(jì),比如開發(fā)。
因?yàn)閺耐度氘a(chǎn)出比來看,把架吵到線框圖階段,是最高效最合適的。
不等于商業(yè)需求討論環(huán)節(jié),有很多有創(chuàng)造力的人,卻不善于空想,對(duì)著商業(yè)需求文檔,無法讓創(chuàng)造力的腦細(xì)胞活躍起來,大家都只能對(duì)著產(chǎn)品經(jīng)理的商業(yè)方案點(diǎn)頭稱是,但是到了線框圖階段,具體的產(chǎn)品原型會(huì)激發(fā)更多的想法,因此這個(gè)階段,最適合進(jìn)行產(chǎn)品開發(fā)過程中的第二次頭腦風(fēng)暴。
不等于視覺設(shè)計(jì)與開發(fā)環(huán)節(jié),線框修改起來是非常容易高效的。而且它故意做得如此簡(jiǎn)陋難看,就是想把最核心的需求呈現(xiàn)給大家,這個(gè)產(chǎn)品是這樣的,而不是這個(gè)產(chǎn)品看起來是這樣的。
因?yàn)?,“看”,“感覺”不可避免會(huì)帶入很多主觀的因素。同樣是紅色,有人覺得太鮮艷刺眼有人覺得熱情澎湃,而恰恰在產(chǎn)品規(guī)劃初期,我們是不希望過早去關(guān)注這些細(xì)節(jié),我們需要先解決最核心的問題。視覺稿容易一開始就讓大家陷入到各方向的討論中,有人還在思考產(chǎn)品是不是需要再增加一個(gè)功能,或者在爭(zhēng)論一個(gè)功能是否有足夠的價(jià)值時(shí),已經(jīng)有人開始為“黃色”還是“紅色”爭(zhēng)論得不可開交。
另外,我們必須得承認(rèn),在視覺設(shè)計(jì)階段,修改的成本非常高,視覺設(shè)計(jì)師是對(duì)每一個(gè)像素精雕細(xì)琢,產(chǎn)品定位的改變,也許對(duì)于他們是“滅頂之災(zāi)”,這可能會(huì)意味著很多個(gè)頁面要重新開始設(shè)計(jì),當(dāng)視覺設(shè)計(jì)已經(jīng)到了一定的地步時(shí),視覺設(shè)計(jì)師對(duì)“修改”慢慢會(huì)變得有點(diǎn)抗拒,誰不喜歡自己生出來的孩子?如果一個(gè)視覺設(shè)計(jì)師不喜歡他生出來的孩子,那他可能不是一個(gè)合格的視覺設(shè)計(jì)師。但是交互設(shè)計(jì)師是很樂意在線框圖上進(jìn)行任何的可能性的探索,他會(huì)更加包容這個(gè)階段涌入的任何想法,因?yàn)樗靼走@個(gè)是中間產(chǎn)物,而且看起來就不像“完美”到可以當(dāng)成自己的孩子。
總結(jié)幾句:
1. 線框圖能夠幫我們將需求具體化,從而引入更多的想法,完善產(chǎn)品;
2. 線框圖能夠幫助我們理清思路,怎么做,如何做有了更加系統(tǒng)化的認(rèn)識(shí);
3. 線框圖制作起來非常容易,因此能夠幫助我們?cè)诟鞣N方案里評(píng)估和篩選;
4. 線框圖是用來吵架的,交互設(shè)計(jì)師需要?dú)g迎吵架包容各種想法,更重要的是對(duì)吵架進(jìn)行管理。
5. 80%的時(shí)間并非在做線框圖,而是花在需求的了解與討論、多種設(shè)計(jì)方案的頭腦風(fēng)暴與嘗試,設(shè)計(jì)的評(píng)審與確認(rèn)上,但是這80%的時(shí)間投入讓剩下的20%更加高效。
6. 作為交互設(shè)計(jì)師,在那80%里提升的空間會(huì)更大,很多時(shí)候,剩下的20%是自然而然的結(jié)果。
關(guān)于線框圖還有很多問題值得討論的,比如:什么階段下開始做線框圖,線框圖制作工具與方法,幾種不同的線框圖的作用等等,就不過多討論了。以上的部分也歡迎繼續(xù)探討。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計(jì)網(wǎng)(CNDESIGN)會(huì)員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計(jì)網(wǎng)
移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)