設(shè)計(jì)網(wǎng)頁(yè)或者APP的過(guò)程中,為什么一定要設(shè)計(jì)原型呢?能不能不做原型直接設(shè)計(jì)并開發(fā)出產(chǎn)品呢?當(dāng)然能,但是有了原型,這一切會(huì)更加輕松,后續(xù)的麻煩也更少。為什么要設(shè)計(jì)原型?接下來(lái)就給你答案。
不論你是移動(dòng)端UI設(shè)計(jì)師還是網(wǎng)頁(yè)設(shè)計(jì)師,原型設(shè)計(jì)的重要性似乎是顯而易見的。原型設(shè)計(jì)讓設(shè)計(jì)師和開發(fā)者將基本的概念和構(gòu)想形象化的呈現(xiàn)出來(lái),讓參與進(jìn)來(lái)的每個(gè)人都可以查看、使用并且給予反饋,并且在最終版本定下來(lái)之前進(jìn)行必要的調(diào)整。
在項(xiàng)目開始之初,對(duì)每個(gè)元素進(jìn)行調(diào)試并確保它們能夠如同預(yù)期一樣運(yùn)作,這是相當(dāng)重要的步驟。當(dāng)完成可交互的原型之后,將它作為一個(gè)成型的界面來(lái)使用,看看它能否帶來(lái)預(yù)期中的體驗(yàn)。
你可以測(cè)試其中所有的功能,看看能否解決規(guī)劃階段所計(jì)劃解決的問(wèn)題。如果是在完成整體的設(shè)計(jì)和開發(fā)之后再行測(cè)試,修改和調(diào)整起來(lái)成本就相當(dāng)高昂了。
一個(gè)可用可交互的原型所帶來(lái)的好處并不是一星半點(diǎn),它還可以幫助開發(fā)和設(shè)計(jì)人員從不同的維度上來(lái)規(guī)劃和設(shè)計(jì)產(chǎn)品。原型是幫助網(wǎng)站與APP設(shè)計(jì)最終完成標(biāo)準(zhǔn)化和系統(tǒng)化的最好手段。
原型最大的好處在于,它可以有效地避免重要元素被忽略,也能夠阻止你作出不準(zhǔn)確不合理的假設(shè)。
你可能會(huì)認(rèn)為,你可以借助靜態(tài)的線框圖清晰的解釋你的設(shè)計(jì),但是這種方式始終都不會(huì)像原型這么直觀有效。
首先,絕大多數(shù)的企業(yè)主本身并不懂得設(shè)計(jì)知識(shí),也不懂得編程知識(shí),而原型為他們展示出了網(wǎng)站或APP的基本的框架或者說(shuō)模型,讓他們明白它們的基本外觀和運(yùn)作的機(jī)制。
一個(gè)可交互的原型基本上能夠像最終完成的產(chǎn)品那樣運(yùn)行,你可以對(duì)它進(jìn)行操作,原型則會(huì)給予相應(yīng)的反饋,使用者可以隨之明白它的運(yùn)作方式,尋求解決特定問(wèn)題的方案。原型經(jīng)過(guò)可用性測(cè)試之后,能夠優(yōu)化出更好的用戶體驗(yàn),能夠在產(chǎn)品上線發(fā)布之前排除相當(dāng)一部分的潛在問(wèn)題和故障。
實(shí)際上,原型是會(huì)讓開發(fā)更加容易。當(dāng)網(wǎng)頁(yè)或者APP設(shè)計(jì)師搞定一個(gè)行得通的原型之后,開發(fā)人員能夠在此基礎(chǔ)上拿出更加完善的代碼實(shí)現(xiàn)方案。原型讓參與者能夠看到網(wǎng)站或者APP 發(fā)布之后會(huì)是怎么樣運(yùn)作的。
當(dāng)設(shè)計(jì)和開發(fā)流程中有了原型之后,將會(huì)節(jié)省很多時(shí)間,降低成本。節(jié)省時(shí)間、控制成本對(duì)于任何企業(yè)主而言都是非常重要的事情。
當(dāng)一個(gè)公司想要推出一個(gè)新的APP或者發(fā)布一個(gè)新的網(wǎng)站之時(shí),總會(huì)集合一批真正專業(yè)的人士一起來(lái)完成這個(gè)項(xiàng)目。隨著時(shí)間的推移,花銷會(huì)不斷的增長(zhǎng),項(xiàng)目上的投入自然越來(lái)越大。有了原型之后,團(tuán)隊(duì)成員能夠圍繞著原型進(jìn)行快速高效的溝通,哪些地方要增刪,什么細(xì)節(jié)要修改,這樣的方式能夠更加快速地推進(jìn)項(xiàng)目進(jìn)度。
有了原型之后,團(tuán)隊(duì)成員溝通的時(shí)候不需要彼此發(fā)送大量的圖片和PDF文檔了,取而代之的是添加評(píng)論和鏈接,或者是原型工具內(nèi)建的反饋工具,溝通更快,原型的修訂更快了。
版本修訂是原型設(shè)計(jì)過(guò)程中的重要組成部分,它是最終產(chǎn)品能完美呈現(xiàn)的先決條件。原型能夠不斷修正進(jìn)化,這使得它成為了產(chǎn)品研發(fā)中最有價(jià)值的部分。隨著一次次的迭代,產(chǎn)品本身會(huì)越來(lái)越優(yōu)秀,而版本修訂的過(guò)程也越來(lái)越快速而簡(jiǎn)單。
設(shè)計(jì)和開發(fā)團(tuán)隊(duì)傾向于借助原型來(lái)完善產(chǎn)品,而客戶和企業(yè)主也樂(lè)于看到原型,參與到項(xiàng)目中的每個(gè)人都能根據(jù)他們的所見來(lái)判斷、探索和決策。原型成為了討論的焦點(diǎn),也是解決問(wèn)題的平臺(tái)。
你會(huì)發(fā)現(xiàn),原型讓大家都能參與到項(xiàng)目當(dāng)中來(lái),讓項(xiàng)目朝著預(yù)期的方向推進(jìn),并得出解決方案,這個(gè)時(shí)候原型的重要性就不言而喻了。
原型主要是用來(lái)演示UI是如何運(yùn)作的,呈現(xiàn)流程的流向,不論它是否流暢是否足夠合乎邏輯。不斷地對(duì)原型進(jìn)行調(diào)試意味著,你可以在迭代中不斷優(yōu)化用戶體驗(yàn)和產(chǎn)品細(xì)節(jié),直到最終完成設(shè)計(jì)。
隨著測(cè)試的推進(jìn),信息架構(gòu)、導(dǎo)航和用戶流程中的各種缺陷會(huì)在不斷的交互過(guò)程中體現(xiàn)出來(lái)。CTA 按鈕能否引導(dǎo)用戶到你計(jì)劃中的頁(yè)面?整個(gè)頁(yè)面的布局是否高效?導(dǎo)航是否足夠好用?所有的這些都能借助可交互的原型逐步得到答案。
這個(gè)階段,原型能夠給設(shè)計(jì)和開發(fā)人員許多問(wèn)題的答案,而不用到了產(chǎn)品發(fā)布前夕再去手忙腳亂地修改。
一個(gè)良好的原型設(shè)計(jì)是從線框圖開始的,對(duì)于許多網(wǎng)頁(yè)和APP設(shè)計(jì)項(xiàng)目而言,都是一個(gè)簡(jiǎn)單而不錯(cuò)的開始。
當(dāng)你加入一個(gè)多人團(tuán)隊(duì),協(xié)同是不可忽略的問(wèn)題。這個(gè)時(shí)候,一個(gè)能夠呈現(xiàn)出最終產(chǎn)品雛形的可交互原型無(wú)疑是整個(gè)團(tuán)隊(duì)溝通和交流的核心,此刻原型的重要性就完全地展現(xiàn)在你的眼前了。
原型的重要性不容忽視。原型搞定了意味著設(shè)計(jì)和開發(fā)可以同時(shí)推進(jìn),如果執(zhí)行好的話,最終的產(chǎn)品體驗(yàn)和最終的原型不會(huì)相去太遠(yuǎn),最重要的是輸出的產(chǎn)品在功能上不會(huì)存在大的問(wèn)題,因?yàn)樵碗A段已經(jīng)排除了絕大多數(shù)的故障。
原文作者:Bogdan Sandu
翻譯:陳子木
版權(quán):人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范,任何轉(zhuǎn)載的稿件都會(huì)明確標(biāo)注作者和來(lái)源
聯(lián)系客服