原型設計模板例子隨取隨用,千種圖標,多種分類,組件自帶交互屬性,拖拽即用。
等距克隆,自動填充,高自由度編輯組件,快速搭建原型界面。
將常用組件、顏色、字體添加到設計資源庫支持一鍵共享給團隊成員進行跨項目復用。
鋼筆、鉛筆、布爾運算等矢量繪圖功能設計創(chuàng)作更隨心,助你自由釋放創(chuàng)造力。
文件遷移,無縫編輯,高效協(xié)作
Axure文件一鍵導入,快速上傳,自動生成項目文件,減少手動操作,準確完成項目遷移。
Axure文件遷移后,在摹客RP支持編輯、修改原型,工具變更也無需擔心項目資源。
支持多人協(xié)作、在線演示,一鍵發(fā)布后和同事分享文件,打點評審,暢享高效協(xié)作。
無需下載安裝包,Mac和Win都能用的在線原型工具
項目內(nèi)容實時保存同步徹底告別保存按鈕
歷史版本和導出離線演示包,項目版本管理更放心
支持設置多種成員角色權限,項目安全有保障
部署摹客到您的內(nèi)網(wǎng)服務器上,獨立運行,更安全,更高效
了解更多當我們想要開發(fā)一款網(wǎng)頁/App產(chǎn)品之前,產(chǎn)品經(jīng)理通常需要提前明確產(chǎn)品的定位、目標以及目標用戶的需求,并將這些信息傳達給設計師和開發(fā)工程師,逐步推進各環(huán)節(jié)工作。為了讓團隊成員快速理解產(chǎn)品的信息架構(gòu)、布局、流程、交互等各項要素,產(chǎn)品經(jīng)理需要進行信息的匯集整理,并形成初步的產(chǎn)品模型,用于呈現(xiàn)產(chǎn)品的所有功能細節(jié),以及功能或頁面之間的邏輯關系,這個產(chǎn)品模型就叫原型圖。
2003年上市的Axure,因最早占領市場,逐漸成為相當一部分產(chǎn)品經(jīng)理用于繪制原型圖的主要工具。Axure功能齊全,且具備強大的交互制作能力,網(wǎng)頁或PC客戶端常見的交互動效基本都可以實現(xiàn)。但同時Axure的缺點也很突出,即功能過于復雜以至于用戶上手難度很高,且每一次迭代版本都需要重新購買,定價也相對較高。
2020年,基于瀏覽器的國產(chǎn)原型工具摹客RP問世,用戶可以在線實時協(xié)同,高效完成設計。摹客RP擯棄了Axure冗雜、使用率低的功能,改走“輕便、高效”路線,用戶無需掌握Axure復雜的動態(tài)面板、函數(shù)等功能,借助摹客RP的預置資源及交互類型,就能快速實現(xiàn)常見的交互效果。
為了解決產(chǎn)品經(jīng)理設計效率低、交付不流暢等問題,摹客RP保留了最常用的屬性設置、基礎的矢量設計功能、交互觸發(fā)方式及動畫效果,同時還封裝了大量高擴展性組件和粗細兩種風格的圖標庫,基于這些預置資源,用戶可以更快上手,提升工作效率。因此,摹客RP也逐漸替代Axure,成為產(chǎn)品經(jīng)理的新選擇。你也可以點擊這里了解更多摹客RP的特色功能。
如果要設計出一套完整的產(chǎn)品原型圖,產(chǎn)品經(jīng)理需要花大量時間在前期準備階段,包括用戶調(diào)研、需求分析、確定目標用戶的痛點、使用場景等,再通過流程圖等工具梳理清楚頁面流程和業(yè)務邏輯,如果項目龐大,還需要使用腦圖工具將頁面的功能結(jié)構(gòu)進行羅列。完成前期準備工作后,用于繪制原型的時間就可以大大減少,具體時間視情況而定:
如果團隊中有交互設計師或UI設計師,你可以使用1~2天,借助摹客RP等原型工具快速呈現(xiàn)已整理好的思路和邏輯框架,只要能講清楚相關要素,就不用花費過多時間在流程圖的產(chǎn)出上。
如果你處在不區(qū)分設計師和產(chǎn)品經(jīng)理的創(chuàng)業(yè)型團隊中,你也可以使用摹客RP進行原型繪制,并借助RP的矢量設計功能完善產(chǎn)品細節(jié),輕量設計可以直接發(fā)布到摹客協(xié)作平臺,交付開發(fā)同事使用。
完整的產(chǎn)品設計流程通常包括“功能設計”、“交互設計”、“UI設計”三個步驟,分別由產(chǎn)品經(jīng)理、交互設計師、UI設計師三個不同崗位完成。“功能設計”主要針對產(chǎn)品的主要功能及內(nèi)在邏輯,“交互設計”則需要考慮用戶操作和體驗,而“UI設計”是產(chǎn)品最外在的呈現(xiàn),它決定了用戶在接觸產(chǎn)品的第一時間是否會被產(chǎn)品所吸引。
摹客RP等快速原型工具將豐富的交互觸發(fā)方式及動效封裝在工具內(nèi),完成了交互設計師的大部分工作,因此大部分創(chuàng)業(yè)公司都選擇將功能設計和交互設計合并,交由產(chǎn)品經(jīng)理完成,而UI設計則仍需要對視覺效果要求更高的UI設計師來完成。
不同保真度的原型圖,細節(jié)水平也不一樣,低保真原型圖一般指簡單的框架,主要用于展示產(chǎn)品界面的排版布局,產(chǎn)品經(jīng)理可以快速完成產(chǎn)品界面的搭建,并分享給UI設計師進行設計;中高保真原型圖則是在低保真原型的基礎上增加功能細節(jié)和交互設計,使其盡可能接近真實的產(chǎn)品效果,不少小型團隊的產(chǎn)品經(jīng)理,會使用摹客RP制作中高保真原型,用于向設計、開發(fā)人員展示產(chǎn)品邏輯,或向客戶交付產(chǎn)品方案。
互聯(lián)網(wǎng)產(chǎn)品的原型設計通常分為以下5步:
一、梳理需求,確定核心功能:產(chǎn)品經(jīng)理首先需要確定產(chǎn)品定位并找到目標用戶,通過大量用戶調(diào)研和需求分析后,排除掉虛假需求,確定目標用戶的痛點和使用場景,為下一步工作做準備;
二、梳理業(yè)務流程:根據(jù)已確定好的核心功能,梳理業(yè)務相關流程并拆分出產(chǎn)品的核心頁面;
三、梳理頁面信息結(jié)構(gòu)及頁面間的邏輯關系:在完成核心頁面的梳理后,需要完整考慮不同情況,補充次要頁面,并完善各個頁面的信息結(jié)構(gòu),以及確定頁面之間的邏輯關系;
四、繪制低保真原型圖:有了完整思路后,借助摹客RP等原型工具將上述內(nèi)容快速呈現(xiàn)在一個項目內(nèi),完成低保真原型圖的繪制;
五、增加交互和細節(jié)設計,完成中高保真原型設計:如果需要向客戶講解設計方案,則在第四步的基礎上增加細節(jié)設計,補充交互觸發(fā)方式和動效,使原型盡可能接近真實的產(chǎn)品效果。