Ⅰ 「原型」是什麼意思
什麼是原型和設計?
原型:用線條、圖形描繪出的產品框架,也稱線框圖。
設計:綜合考慮產品目標、功能需求場景、用戶體驗等因素,對產品的各版塊、界面和元素進行的合理性排序過程。
原型設計的重要性是怎樣?
產品階段:Idea→需求採集→功能結構→原型設計→產品需求文檔(PRD文檔)→Roadmap
原型設計在整個產品流程中處於最重要的位置,有著承上啟下的作用。何出此言?原型設計之前需求或是功能信息都相對抽象,原型設計的過程就是將抽象信息轉化為具象信息的過程,之後的產品需求文檔(PRD)是對原型設計中的版塊、界面、元素及它們之間的執行邏輯進行描述和說明。所以說,原型設計的重要性無可替代,產品經理應當要對此有絕對的控制和駕馭能力。
話說回來,原型設計雖然很重要也應當是有限度的,原型設計的作用有以下幾點:
1、因為是原型是需求和功能的具象化表達,所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。
2、因為原型相較於UI稿來說修改更方便,所以原型能提高產品經理的功能設計沒通過評審時返工的工作效率。
原型設計的類型和工具有哪些?
1、手繪原形(草圖)
所需工具:鉛筆、橡皮、白紙
鉛筆相比於中性筆的好處在於方便修改,白紙的好處在於安靜的隨心所欲,不過對於移動產品的設計來說,本人傾向於使用印有手機框架的白紙上繪制,以便於快速進入情景狀態,也能對首屏的界面分配做到心中有數。
PS:給草圖(App)拍照,配合POP使用,也可以實現交互效果,有興趣的童鞋可以試下。
原型的目標在於清楚的表達產品的設計理念和功能的執行邏輯,所以我認為能夠達到這個目標的原型都是合格的,在原型中加入色彩和交互的目的無非是讓產品經理與技術的溝通更加順暢。再說,PRD的作用也是交付給技術,完整的PRD應當包括功能需求、線框原型、PRD描述、UI稿、UE演示和修訂記錄。產品經理階段的原型就高保真了,是不是PRD就不用寫了呢?視覺設計師的UI稿根據高保真原型來設計?那交互設計師的呢?(多數公司沒有該職位)
多一些時間,用來觀察用戶、分析需求、重視(用戶體驗)細節……
Ⅱ 產品交互原型用什麼做
國內外很多製作產品交互原型的軟體,下面我分享幾個比較常用的製作原型軟體,希望對你有幫助~
Axure:發展較早的一款原型設計軟體,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度,網上有很多axure教程就不多說了。本地型軟體,可以下載html文檔預覽,手機預覽不方便。
墨刀:國產的一款原型設計協作工具,比起axure來非常容易學會,內置組件很多,創建頁面跳轉也比axure簡單太多。因為是一款在線工具,可以雲端保存工作,這點確實很便捷。另外,通過分享鏈接就可以分享原型給別人看了,如果涉及到跟同事對接什麼的,選擇在線的工具更方便。支持sketch文稿導入和自動標注。個人認為性價比最高。
Invision: 可以說目前是國外發展最大的在線原型設計工具,主打「交互原型」和「協作」,支持sketch和ps設計稿導入做交互。近來出的 Invision studio 對標sketch,想滿足更驚喜的設計需要。國外一些大牛公司像airbnb和amazon都在用。不過對於國內用戶來說會有伺服器速度的問題,而且,貴。(土豪公司無視)
Marvel: Marvel 也是海外知名度較高的一款原型設計協作工具,支持PS和sketch設計稿導入做交互原型,本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash,這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。
POP(Prototyping on Paper):這款比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然後開始編輯圖片的哪個區域(按鈕)鏈接到什麼頁面,添加跳轉鏈接熱區,就可以在手機上給小夥伴們演示了。內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要。但功能較為簡單,對更深的需求無法滿足。
Proto.io:也是國外的一款手機原型開發平台。支持在大多數的瀏覽器運行,共享和協作操作方便,可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。並且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般吧。
有疑問可以追問,滿意請採納,謝謝~