如何快速通過產品原型呈現想法?

23 評論 29020 瀏覽 30 收藏 9 分鐘

“缺乏思考的過程,知其然而不知其所然”,是很多產品經理的“通病”!就像你已經懂得了很多道理,卻依然無法過好這一生。

很多產品經理在拿到產品需求、功能結構圖、業務流程圖后,卻依然無法設計產品原型時,組織一份完善且有價值的規劃,便是保證能夠順利打造出產品的“燈塔”。

你需要把產品當中需要呈現的信息都想清楚、想透徹,根據經驗制定規劃后,才應該著手去設計。所以,今天跟大家分享的不是如何畫原型做交互,而是如何快速通過原型呈現你的想法和創意!

比畫原型更重要的事:畫之前想清楚要做什么?

舉個例子,當我們要設計一款電商產品時,首先要規劃的就是這款產品需要擁有的功能是什么,產品所要面向的用戶是誰,頁面需要包含哪些元素等等,掌握這些信息后,你會發現,設計一個產品原型也就是手到擒來的事了。

市場上有很多成熟的電商產品,如:拼多多、淘寶、京東,你可以選擇深入體驗來理解電商產品頁面間的功能,了解目標用戶真正想要的,進而設計出符合用戶需求的頁面及流程。

但這樣的方法并不高效。更好的選擇,是直接分析素材或工具網站提供的原型模板,通過這些完整的產品模型,可以更加直觀地了解產品針對的用戶群體、產品的功能體系等。比如原型工具摹客RP內置的海量電商原型,除了在演示界面直觀展示交互外,也可以進入編輯界面,快速掌握產品頁面間的功能邏輯、業務流程、用戶操作路徑以及用戶體驗。

并且,每款原型都具備完善成熟的功能體系,比如:展示功能、下單功能、支付功能、上傳功能等等。

如果這些模板的整體方向和產品經理的預想一致,那么可以直接復用模板,再在模板的基礎上,結合自己的思路進行調整優化,就可以快速將這些不同的功能根據業務流程和邏輯,有序地串聯在一起,形成完整的功能模塊,來幫助用戶實現目標。

通過原型規劃產品的頁面元素

梳理完大致的功能模塊后,就需要著手規劃產品細節了。在電商產品的用戶中心頁面,我們經常會看到這些元素:賬戶信息、訂單列表、我的關注、瀏覽記錄、推薦商品、常見問題和底部導航等。

雖然通過原型模板你可以大致梳理產品功能邏輯、業務流程,但想要根據用戶的使用習慣,將功能需求合理排布,還需要畫出來才可以。產品原型中有低中高保真原型,設計初期可以根據不同需要選擇不同程度的原型。

若你已經對產品功能非常熟悉,可以直接上手中高保真。而選擇一款合適的原型工具,會讓你的設計效率翻倍,這里推薦大家使用一款永久免費的原型設計工具 – 摹客RP。

摹客RP除了提供豐富的原型模板外,最大的特點是“快”和“簡單”。沒有復雜的中繼器、函數概念,通過主輔畫板模式搭配交互設置,就可以充分呈現設計內容。

摹客RP還支持多種交互觸發方式,可以幫助你輕松完成彈窗、滾動區、輪播圖、錨點定位、循環旋轉等精細動畫效果。

借助原型工具的力量,高效梳理產品的主要功能以及頁面的元素布局,可以使UI設計師、開發工程師清晰地了解產品交互和邏輯,確保產品設計的交互還原度。

同步需求給團隊,是原型輸出后優先級最高的事

同步需求,一方面可以大大減少方向錯誤和做重復勞動的概率,另一方面也可讓產品經理站在后端業務視角上,獲取產品后期優化靈感,但最重要的是實現產研交付的順利進行。

1、通過流程圖傳遞業務流程

原型完成后,就意味著你的原型將進入執行階段。

這時如何能夠清晰的傳達產品業務需求交付設計師就顯得尤為重要了。

而摹客RP內置“流程圖模式”,產品經理能夠直接在原型工具中繪制流程圖;當你需要向團隊描述產品需求時,借助可視化的流程圖,溝通的效率會提高很多,畢竟一份步驟清晰的流程圖要比一大段文字直觀易懂得多。

2、為團隊建立可追溯的更改需求

需求交付后,就到了產品最常見的一個環節 – 改需求。

改需求無須避諱,原因很多,或是業務調整,或是自己的疏忽大意。

但比改動本身更重要的是如何同步,否則后期團隊面臨無窮無盡的改動,你也會被印上不專業的標簽。而同步的方式,至少要做到會后仍可追溯。這時你可將原型上傳至摹客協作,所有改動都可一鍵@相關人員,標注相關修改內容,隨時把控整體進度。

這款工具的使用,真的讓我在最近的工作中大受裨益,不僅適應團隊的協作和管理方式,而且在同類型原型工具里,同時兼具設計和協作的,摹客RP是我見過最優秀的。

鏈接我就放在這了,大家自行體驗:https://www.mockplus.cn/rp/?hmsr=woshipm0608

寫在最后

如果在工作中,你大部分時間都花在改原型上,那你就需要好好地反思一下,是不是在產品設計過程中,沒有進行完整、深度的邏輯思考,沒有把業務流程和頁面間的交互邏輯理清?甚至你根本沒有梳理業務流程和頁面交互流程,就直接開始畫原型了?

作為產品經理,要始終明白:產品原型并不是產品的最終呈現,它的作用是讓團隊不同業務部門的成員都能夠更好地理解產品的邏輯和每一個細節。因此,將業務邏輯和功能結構表達清楚,做一個讓團隊其他成員一看就懂的產品原型,才是每個產品經理應該追求的目標!

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 你們產品咋想的 登錄后 想看一些案例 都沒有路徑可以進去…… 通過其它方式進去后 查看案例 還不能那種全屏 案例只能看到一半….

    來自浙江 回復
    1. 案例是指模板例子嗎

      來自四川 回復
  2. 如果有教程導航就好了系列:在摹客安裝吸管工具顯示安裝失敗, 老衲再研究研究

    來自遼寧 回復
    1. 是RP的吸管工具嗎,看下這個教程呢:https://help.mockplus.cn/p/370#6

      來自四川 回復
  3. 我把mrp文件重新導入到團隊中,并繼續進行編輯,完成導入后并沒有自動打開相應的項目,這是要怎么調整?

    來自重慶 回復
  4. 支持還是支持的,但自從摹客的RP版和DT版出了后,官網就下架了mockplus經典版客戶端,哪怕保留一個下載入口讓我們老用戶用回經典版也好。

    來自安徽 回復
    1. 您好,因為一些別的考慮,目前官網暫時下線了mockplus經典版,如果需要安裝包的話可以咨詢下客服人員哈,會為您提供

      來自四川 回復
  5. 純點評,個人建議其實這類通稿,更多可以以案例拆解或者實踐的方式來作展示,內容會更實在些

    來自海南 回復
    1. 感謝提議~我們之后在做內容產出工作的時候也會多注意這個問題

      來自四川 回復
  6. 看了一下,界面編輯和交互能力上,rp比axure做了更多改進,協作能力上估計會更好些?

    來自安徽 回復
    1. 看個人高下立判吧,之前注冊用過,它可以通過開發模式直接查看頁面的詳細圖層數據,個人覺得這對于部分直接將原型項目交付開發的團隊來說更有價值些。

      來自上海 回復
  7. 氣死了,你們公司產品經理啥情況啊,注冊登錄流程跑不通啊,本來想來體驗一下,勸退

    來自廣東 回復
    1. 具體是什么情況呢,我讓技術同事檢查看看,我測試了下可以的呀

      來自四川 回復
    2. 我去注冊的時候我的郵箱號之前被我注冊過了,但是只提醒我去更改郵箱,那我知道我的郵箱注冊過之后我肯定想退出去再用郵箱登錄啊,也不給我返回的按鈕,也不給我退出,我真是太抓狂了,直接關掉所有窗口

      來自廣東 回復
    3. 明白了,我們盡快調整,抱歉給您帶來不便

      來自四川 回復
  8. 看了一下,值得肯定的是顏值確實比Axure高,也集成了很多組件,做一些常見的效果不需要像Axure那樣寫函數了,還成。

    來自陜西 回復
    1. (*^▽^*)謝謝體驗,如果有覺得沒做好的地方,也可以隨時給我私信或者留言,我們會盡快優化~

      來自四川 回復
  9. 請問app的輪播圖該怎么設置,我創建了內容面板,加了幾個輔助畫板,嘗試了好多次,都沒有辦法觸發開始演示就自動滾動輪播圖。網上搜教程,都有個“載入時”的狀態,我也沒找到。

    來自安徽 回復
    1. 載入時的交互設置方式:選中主畫板(不是選中某個組件),在右側的交互面板中添加交互。

      來自四川 回復
  10. 想笑,一個做交互設計的網站,登錄注冊流程都做不好還來打廣告。不是無腦黑

    來自美國 回復
    1. 你好,請問是遇到什么問題了嗎,我們技術同事看下呢

      來自四川 回復
  11. 受益匪淺!前期深度有效的思考和完整的邏輯才是后期工作的基礎。

    來自上海 回復
    1. (*^▽^*)

      來自四川 回復