創造產品原型

❶ 產品狀態原型是什麼意思

這里有三條關於原型的定義：

• 用線條、圖形描繪出的產品框架，也稱線框圖。

• 交互設計的結果輸出，可能是一張紙上的幾張圖；原型代表著交互設計的結果，當最終實現的時候，交互流程會和原型保持一致；可以理解為草稿或者叫做參照物

• 原型是一種讓用戶提前體驗產品、交流設計構想、展示復雜系統的方式。就本質而言，原型是一種溝通工具。

另外說說，原型設計目的主要有兩點：

1、溝通： 因為是原型是需求和功能的具象化表達，所以原型可以輔助產品經理與領導、交互、UI和技術的溝通產品思路。雖然需求文檔也是可以滿足溝通需求的，通過用例將交互寫到設計描述文檔中，但是原型可以更詳細地解釋交互。

2、測試：因為原型相較於UI稿來說修改更方便，所以原型能提高產品經理的功能設計沒通過評審時返工的工作效率。沒有哪一家互聯網公司可以不經過測試，就直接上產品和服務。原型在識別問題、減少風險、節省成本等方面有著不可替代的價值。

另外，目前比較好用的在線原型設計工具有Marvel，Invision，墨刀等等。

❷ 產品交互原型用什麼做

國內外很多製作產品交互原型的軟體，下面我分享幾個比較常用的製作原型軟體，希望對你有幫助~

• 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組件，支持自定義。另外它有不錯的用戶測試功能，支持視頻錄制。並且在移動組件時，能夠實時在畫布看到組件之間的距離。另外由於伺服器的原因，有國內用戶反應速度有點慢；收費較高，性價比一般吧。

有疑問可以追問，滿意請採納，謝謝~

❸ 產品經理該不該畫原型原型設計上誰負責

摘要：一個合格的互聯網產品經理在向技術部提交產品策劃方案時，除了詳盡的需求說明外，還必須提供清晰易懂的產品原型設計方案，優秀的原型設計不僅方便在前期進行研討，也可以更好的幫助美工和開發人員理解產品特性，從而節省時間，提高效率。

原型設計是什麼：

產品原型簡單的說就是產品設計成形之前的一個簡單框架，對網站來講，就是將頁面模塊、元素進行粗放式的排版和布局，深入一些，還會加入一些交互性的元素，使其更加具體、形象和生動。

總結：產品經理也許不是專才，但一定是全才產品經理不是萬能的，他的策劃文案和原型設計方案也需要經過多次的修改完善原型設計註定是要用來修改和完善的，不要花費太多精力在原型的外觀美化上，除非你本來就很擅長外觀設計

❹ 如何通過原型製作來實現信息產品創意的流程

什麼是產品原型
說的簡單一點，產品原型是設計方案的表達，是產品經理、交互設計師的重要產出物之一，也是項目團隊的其它成員（尤其是設計師、開發人員）的重要參考和評估的依據。

結合我們前面了解的知識，產品界面原型其實就是頁面級別的信息架構、文案設計、及頁面和頁面之間的交互流程，它是產品功能與內容的示意圖。

直接上幾個原型圖，可能會更加清晰明了，如下圖：

原型設計稿

產品設計原型按照精細程度來分，可分為低保真產品原型和高保真產品原型、設計成品

低保真產品原型

所謂低保真原型，其實是對產品較簡單的模擬，它只是簡單的表述了下產品的外部特徵和基本功能構架，很多時候都是用簡單的設計工具迅速製作出來，用來表示最初的設計概念和思路。

比如用紙和筆進行的手繪，用畫圖軟體做出的簡單線框圖，都算是低保真產品原型。

這樣的原型圖有幾個好處：

可以快速產出：有時候一個需求的開發周期很短，低保真原型可以快速滿足同事的時間要求。
修改成本低：一個產品策劃很可能會被修改很多次，低保真的原型修改起來很方便。
當然，低保真原型也會有幾個問題，比如交互細節不清楚，容易造成誤解等。通常來說，一般只有時間比較緊迫，需求也比較簡單的時候，我們才會去產出低保真產品原型。

高保真產品原型

高保真產品原型，則是高功能性、高互動性的原型設計，是忠實展示產品功能、界面元素、功能流程的一種表現手段。原型圖中無論是功能模塊的大小，還是文案設計甚至是所用的圖標、圖例、交互動作，都使用真實素材，或者說和最終UI設計師的產出非常接近，就算是高保真產品原型了。

高保真的好處：

便於梳理產品細節：製作高保真原型的過程中可以讓產品經理提前發現產品潛藏的各種問題，提前處理風險。
更容易讓其他成員了解產品設計：有時候簡單的線框圖無法讓別人想像出你要做的事情，也不清楚你要放的是哪幾個欄位，而高保真原型就可以。
相對而言，劣勢就是製作周期比較漫長，涉及到產品流程的修改，那基本原型就得回爐重造一遍。

對於剛入門的產品經理，我一直建議有時間的話，還是盡可能多的畫高保真原型。因為在一開始產品設計經驗不多的情況下，通過設計一些高保真原型，對梳理自己的產品思維、了解產品設計是很有幫助的。對於已經入門很久的同學來說，則看需求的復雜程度和時間安排，比如產品的關鍵頁面是必然要用高保真原型去設計和梳理的。

設計成品

設計成品在這里，你也可以理解為是視覺設計師產出的UI設計稿，也就是設計師對你的產品原型進行美化之後得出的作品。設計師會運用一定的設計規范，來將你的原型變成可以讓開發進行實現的作品。

❺ App 產品原型設計用什麼軟體

那axure和騰訊cdc的uiddesigner，還有在線的fluidUI也可以考慮。其他好像沒有了吧。但除了axure，後兩者所謂的交互其實都是不同的界面截圖之間的切換，說白了就是多節點式結構的ppt，不是真正的交互。axure的思想更接近實際開發，比如通過master實現界面元素的封裝復用，條件判斷，函數，變數。這些功能除了開發工具，原型工具還有誰能比得上axure嗎？ app原型相比網頁，界面結構簡單，但交互復雜得多。界面上的div也不是平鋪的，為了有效利用空間會用到很多層疊，卡片式之類的展示方式。要做這類高保真可交互原型，覺得非auxre莫屬。比如一個tableview滑動到頂部刷新，底部回彈，不藉助開發只有axure能做出來。 從07年開始用axure，曾經一度認為做網站原型，axure已經不需要再怎麼改進了。自從做app之後，覺得axure有點根不上時代，但試了其他工具，還是覺得auxre最合適。仔細做過幾個以後，覺得axure還是完全適合做app原型的。做好以後分享也方便。放到內網，或者axshare上，或者有一個html runtime的app，可以在設備上直接瀏覽axure輸出的html。 當然axure作為一個工具，不可能每個環節都是最好的。比如我希望axure能借鑒一下其他工具和開發思想，把UI和素材分離出來，就像換皮膚一樣，一個控制項可以隨便更換圖片素材。這樣pm或者交互用最簡單的線框設計，確定交互以後，可以把設計師的圖貼上去，這樣就100%保真了。 axure對app設計不友好或者說最落伍的地方，就是支持的事件類型太少。交互上無法模擬出多點觸摸，無法模擬設備運動，無法模擬各類感測器……或許對一個原型工具來說，要求太高了。

❻ 做產品原型設計有哪些需要注意的問題

1、畫原型前先考慮好業務邏輯和交互邏輯。梳理好邏輯關系，在開始原型設計時才不會出現前後矛盾的狀況。

2、原型圖要規范，簡單整潔，主要可以概括為：頁面框架要清楚；頁面不影響設計；頁面元素要統一；頁面排版要整齊。
3、原型設計不宜佔用過多時間。原型圖的意義是為團隊成員呈現產品的主要功能和邏輯關系，因此不能為了好看而主次顛倒。對於產品經理來說，在原型設計階段，只需要使用摹客Mockplus之類的專業工具，就能快速完成原型設計，更多的時間則留給用戶需求和產品功能的整理，這樣才不會犯本末倒置的錯誤。

❼ 需求是如何變成產品原型的

一、捋順業務流程
二、梳理產品流程
三、整理產品結構，可以多看多學，對一些常見的產品結構要足夠了解
四、拆分頁面，保證用戶能夠順暢完成操作
五、原型設計，可以使用Mockplus等快速簡單的原型設計工具，根據相關需求快速搭建原型，並一鍵分享演示，帶入場景模擬用戶操作，看看是否有不合理的地方。
通過這五步，基本可以實現需求到產品原型的轉變。

❽ 什麼是Axure及產品原型

在界面設計初級或中期，為了能夠方便和其他設計師討論、測試產品相關的設計想法，需要利用各種原型工具將產品模型做出來，一個個界面修改和迭代，必要的時候，還可以製作成動態的模型，直接測試，看看可能會有哪些問題或不足等。
Axure 是一款老牌原型設計工具，是目前為止，市面上使用比較普遍的工具，全面支持原型、交互和分享功能。但是，對一些原型設計小白來說，學習難度還是蠻大的，上手較慢。目前國內也有許多優秀的原型設計工具，比如摹客Mockplus，可以說是一款簡化版的Axure。原型製作快速、簡單、高效。原型項目類型全面、交互豐富、拖拽即可實現、團隊分享、協作和評論功能也能實現。適合初期快速繪制原型圖，中期和後期快速協作、迭代和測試。

❾ 產品原型工具有哪些

那axure和騰訊cdc的uiddesigner，還有在線的fluidUI也可以考慮。其他好像沒有了吧。但除了axure，後兩者所謂的交互其實都是不同的界面截圖之間的切換，說白了就是多節點式結構的ppt，不是真正的交互。axure的思想更接近實際開發，比如通過master實現界面元素的封裝復用，條件判斷，函數，變數。這些功能除了開發工具，原型工具還有誰能比得上axure嗎？app原型相比網頁，界面結構簡單，但交互復雜得多。界面上的div也不是平鋪的，為了有效利用空間會用到很多層疊，卡片式之類的展示方式。要做這類高保真可交互原型，我覺得非auxre莫屬。比如一個tableview滑動到頂部刷新，底部回彈，不藉助開發只有axure能做出來。我從 年開始用axure，曾經一度認為做網站原型，axure已經不需要再怎麼改進了。自從做app之後，覺得axure有點根不上時代，但試了其他工具，還是覺得auxre最合適。仔細做過幾個以後，我覺得axure還是完全適合做app原型的。做好以後分享也方便。放到內網，或者axshare上，或者有一個htmlruntime的app，可以在設備上直接瀏覽axure輸出的html。當然axure作為一個工具，不可能每個環節都是最好的。比如我希望axure能借鑒一下其他工具和開發思想，把UI和素材分離出來，就像換皮膚一樣，一個控制項可以隨便更換圖片素材。這樣pm或者交互用最簡單的線框設計，確定交互以後，可以把設計師的圖貼上去，這樣就 %保真了。axure對app設計不友好或者說最落伍的地方，就是支持的事件類型太少。交互上無法模擬出多點觸摸，無法模擬設備運動，無法模擬各類感測器……或許對一個原型工具來說，要求太高了。