建站
咨詢
售后
建站咨詢
新聞中心
在產(chǎn)品的整體研發(fā)流程中，需求分析部分結束后，就應該形成明確的產(chǎn)品需求了，而此時要做的，是需要把這些產(chǎn)品需求表達出來，從表達效果來看，原型要好于文檔的形式。而設計原型也是講究方法步驟的，一是要提升原型設計的合理性，避免出現(xiàn)頭重腳輕的保真程度不一致的情況；二是要減少原型設計所占用的時間，大家各自的工作時間都是很寶貴的，不可能在原型設計上投入過多的時間，因此掌握一些原型設計的方法和技巧相當必要。
成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供絳縣網(wǎng)站建設、絳縣做網(wǎng)站、絳縣網(wǎng)站設計、絳縣網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、絳縣企業(yè)網(wǎng)站模板建站服務，10多年絳縣做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡服務。
產(chǎn)品的原型設計實現(xiàn)一般區(qū)分整體和局部，整體上更多考慮信息架構的設計，如功能結構、導航、菜單、布局排版等方面的，局部上更多考慮功能上的交互設計，如按鈕點擊、反饋、頁面切換、局部模塊的整體展示等。從設計實現(xiàn)的角度來看，由總到分逐漸細化的過程是比較適合的。下面從整體和局部實例兩個部分來講解原型設計的步驟。
確定產(chǎn)品的整體結構
猶如現(xiàn)在蓋房子時的地基和框架結構，整個結構決定了將來的房型樣子，及房子是否穩(wěn)固。而產(chǎn)品的結構設計則決定了產(chǎn)品未來的功能導航結構。一般來講，我們在做需求分析的時候，都會把幾個主要的功能點抓出來，這幾個功能點就可以濃縮一下形成產(chǎn)品的初步功能結構。比如要做一個合同管理的功能，要求實現(xiàn)合同信息管理，合同履約管理，合同統(tǒng)計報表等功能，這里列出來的核心功能點就是主要結構。再比如我們要做一個會員管理的功能，注冊和登錄是必不可少的功能點，那么就可以將其列為會員管理下的兩個基本結構。其實每個產(chǎn)品最終確定下來的一級導航欄里面的各個欄目就是產(chǎn)品的功能結構。
確定產(chǎn)品的布局排版
結構確定了之后，就需要對每一個產(chǎn)品頁面進行元素的排版，排版之前，一般都會先對頁面進行布局設計的考慮。通常我們做產(chǎn)品設計的時候，都會遵循一些已有產(chǎn)品總結出來的布局結構，比如三行三列布局，三行兩列布局等，再如左導航右內(nèi)容的形式，左內(nèi)容右導航的形式等，這些都是大的布局結構，是整體頁面的布局排版。細分到具體頁面內(nèi)容的時候，就需要對每一個內(nèi)容塊的展示位置進行布局，如企業(yè)網(wǎng)站首頁的一般內(nèi)容有圖片新聞，通知通告，公司新聞，產(chǎn)品介紹，產(chǎn)品展示等等，我們需要對這些內(nèi)容塊進行一定的設計布局，這里的布局結構取決于設計人員對內(nèi)容編排的把握，不同的布局會產(chǎn)生不同的效果。如電子商務網(wǎng)站，對內(nèi)容塊和廣告塊的布局排版就非常講究，因為不一樣的布局，所帶來的用戶點擊量和轉(zhuǎn)化率是不一樣的。這種情況下，即對某一類產(chǎn)品的布局把握不好的時候，可以參照已有成熟產(chǎn)品的內(nèi)容布局，因為它們已經(jīng)有運營數(shù)據(jù)在支撐。
確定產(chǎn)品的功能模塊
布局排版決定了某個產(chǎn)品功能模塊的放置位置，接著就可以一塊一塊的確定原型設計內(nèi)容，使其接近于最終產(chǎn)品的展示樣式。這個時候就要用到原型設計的實例了，比如圖片新聞，我們可以用幻燈片效果來做，比如產(chǎn)品展示，我們可以用跑馬燈效果來做，具體采用什么樣的交互效果來實現(xiàn)功能塊要求展示的內(nèi)容，取決于產(chǎn)品設計人員的把握、用戶的需求及用戶體驗，其中用戶體驗是比較大的一塊，就拿幻燈片效果來說，是否需要設計數(shù)字導航鍵，是否需要自動播放，是否需要設計縮略圖等等，這些都需要仔細考慮之后再做決定，這個可以在設計產(chǎn)品時候多多討論溝通，多看看別人的設計效果。譬如電子商務網(wǎng)站首頁的Banner圖片輪播效果，就是幻燈片效果，各大電商網(wǎng)站的設計大同小異，就完全可以借鑒參考。
這樣三個步驟下來，產(chǎn)品的低保真原型就出來了，比較簡單的產(chǎn)品，可以直接拿著低保真原型去做演示和寫PRD文檔，雖然這樣的原型不帶任何交互效果，但基本上還是可以說清楚產(chǎn)品功能的，結合細化之后的文檔進行說明。然后我們所面對的通常都不是簡單的產(chǎn)品，因此最起碼要到中保真程度原型，結合交互的效果來達到我們的設計目的。要細化這樣的交互設計，就需要在產(chǎn)品功能模塊的原型設計上更進一步，把每個功能模塊的原型完善，補充交互設計和基本的內(nèi)容排版樣式，通?？梢园凑杖缦碌牟襟E進行設計：
結合原型設計工具的特性，確定功能模塊實現(xiàn)的原理
每個實例原型都是一個單獨的功能模塊或交互效果，當你通過某款原型設計工具去實現(xiàn)的時候，都會有相應的實現(xiàn)原理。其實原理就是要讓你自己明白這個東西到底是怎么做出來的，要怎么去做。如果這個都不明白的話，后面就無從下手了。因此做實例原型之前，原型設計工具的使用基礎很重要，必須對工具已經(jīng)有了一定的熟悉和了解，否則對著一個實現(xiàn)要求，沒有任何想法，腦子一片空白，這樣肯定是做不出東西來的。這個需要一個過程來培養(yǎng)，多看看別人設計的原型，弄清楚人家是怎么做，然后嘗試著自己做一遍，***想想有沒有可以改進的地方。實際動手多了，自然而然的就會有感覺了，等到你看到一些簡單的功能要求，只要看一下需求，就知道怎么用工具去畫原型的時候，基本上就差不多了，當然對于一些復雜的功能，還是要好好理清思路的。因此，在做實例原型之前，一定要想清楚怎么去做，然后才開始動工，選擇相應的組件把框架搭建出來。
對每個功能模塊進行相對詳細的交互設計
基礎的準備工作包含添加組件元素，設置組件排版布局，設置組件屬性（命名、大小、方位、顏色、文本等）。基礎工作都做完了之后，就可以開始做交互設計了。這里的設計包括組件自身的可變效果，如鼠標移入、移出、懸停等；交互的事件，如鼠標單擊的觸發(fā)事件、鼠標的移入移出觸發(fā)事件等；邏輯的設定，包括判斷邏輯，跳轉(zhuǎn)邏輯，反饋邏輯等。這部分對你的邏輯思維能力有比較高的要求，特別是做比較復雜的交互效果，思路一定要清晰，否則判斷的條件一多，就很容易亂掉。而且在交互設計過程當中所用到的很多邏輯，最終都需要體現(xiàn)到你的PRD文檔當中，因此不管是設計前的分析，還是設計后的總結，都是很考驗邏輯能力的，要能夠?qū)a(chǎn)品的功能模塊從前到后串聯(lián)起來，這里推薦大家在設計原型之前，把對應的原型模塊的操作流程圖先畫出來，理清思路，當然一定要結合實際產(chǎn)品下實際用戶的操作場景去設計，切忌盲目主觀的想當然。
交互效果的反復調(diào)試
很多交互效果都不是一次性設置之后就能成功的，特別是復雜的交互效果，都需要做多次的效果嘗試，反復的進行修改調(diào)整，***才達到最終的效果。這個過程一定要有耐心，慢工出細活，思路是對的，想法也有可行性，那就一定能把效果做出來，哪怕最終真的沒有將效果做出來，也可以反過來思考，是自己對工具的特性不了解造成的，還是自己的知識水平局限性。整個調(diào)試的過程能讓你學到很多東西，所以說要多動手，動手就是為了去學這些個過程。這里說明一點，有些需要重復設置或者類似設置的地方，先調(diào)試一個點，這個點調(diào)試通過了，你就很清楚了，剩下的點設計起來就很快了。這個部分之所以要把交互效果調(diào)試正確，其主要目的就是為了在原型演示的時候降低溝通成本，一個動態(tài)的交互效果，你要用文檔去描述的時候可能需要一頁的文字，還不確定所有的參與人都能看懂，但用原型去描述可能只需要1秒鐘，大家看起來很直觀，一下子就能明白是什么樣的效果。
基于以上步驟，產(chǎn)品的原型設計會簡單很多。對于產(chǎn)品人員來說，做原型不應該成為負擔，而是要將它變成得心應手的溝通工具，溝通成本是無法估量的巨大，如何降低溝通成本是產(chǎn)品整個研發(fā)周期里面都需要考慮的問題，而產(chǎn)品的需求是源頭，源頭把握住了，后期就會通暢很多，這也是做原型設計最重要的目的。而學習原型設計最為核心的點就是多動手，只看是學不會的，一定要動手操作，多練就會了，再加上產(chǎn)品的設計思路，產(chǎn)品的雛形就是這么產(chǎn)生的。
2
分享名稱：產(chǎn)品原型設計的參考步驟
文章出自：http://www.dlmjj.cn/article/dhgpcij.html
