如何快速通過(guò)產(chǎn)品原型呈現(xiàn)想法?

23 評(píng)論 29035 瀏覽 30 收藏 9 分鐘

“缺乏思考的過(guò)程,知其然而不知其所然”,是很多產(chǎn)品經(jīng)理的“通病”!就像你已經(jīng)懂得了很多道理,卻依然無(wú)法過(guò)好這一生。

很多產(chǎn)品經(jīng)理在拿到產(chǎn)品需求、功能結(jié)構(gòu)圖、業(yè)務(wù)流程圖后,卻依然無(wú)法設(shè)計(jì)產(chǎn)品原型時(shí),組織一份完善且有價(jià)值的規(guī)劃,便是保證能夠順利打造出產(chǎn)品的“燈塔”。

你需要把產(chǎn)品當(dāng)中需要呈現(xiàn)的信息都想清楚、想透徹,根據(jù)經(jīng)驗(yàn)制定規(guī)劃后,才應(yīng)該著手去設(shè)計(jì)。所以,今天跟大家分享的不是如何畫原型做交互,而是如何快速通過(guò)原型呈現(xiàn)你的想法和創(chuàng)意!

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

舉個(gè)例子,當(dāng)我們要設(shè)計(jì)一款電商產(chǎn)品時(shí),首先要規(guī)劃的就是這款產(chǎn)品需要擁有的功能是什么,產(chǎn)品所要面向的用戶是誰(shuí),頁(yè)面需要包含哪些元素等等,掌握這些信息后,你會(huì)發(fā)現(xiàn),設(shè)計(jì)一個(gè)產(chǎn)品原型也就是手到擒來(lái)的事了。

市場(chǎng)上有很多成熟的電商產(chǎn)品,如:拼多多、淘寶、京東,你可以選擇深入體驗(yàn)來(lái)理解電商產(chǎn)品頁(yè)面間的功能,了解目標(biāo)用戶真正想要的,進(jìn)而設(shè)計(jì)出符合用戶需求的頁(yè)面及流程。

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

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

如果這些模板的整體方向和產(chǎn)品經(jīng)理的預(yù)想一致,那么可以直接復(fù)用模板,再在模板的基礎(chǔ)上,結(jié)合自己的思路進(jìn)行調(diào)整優(yōu)化,就可以快速將這些不同的功能根據(jù)業(yè)務(wù)流程和邏輯,有序地串聯(lián)在一起,形成完整的功能模塊,來(lái)幫助用戶實(shí)現(xiàn)目標(biāo)。

通過(guò)原型規(guī)劃產(chǎn)品的頁(yè)面元素

梳理完大致的功能模塊后,就需要著手規(guī)劃產(chǎn)品細(xì)節(jié)了。在電商產(chǎn)品的用戶中心頁(yè)面,我們經(jīng)常會(huì)看到這些元素:賬戶信息、訂單列表、我的關(guān)注、瀏覽記錄、推薦商品、常見(jiàn)問(wèn)題和底部導(dǎo)航等。

雖然通過(guò)原型模板你可以大致梳理產(chǎn)品功能邏輯、業(yè)務(wù)流程,但想要根據(jù)用戶的使用習(xí)慣,將功能需求合理排布,還需要畫出來(lái)才可以。產(chǎn)品原型中有低中高保真原型,設(shè)計(jì)初期可以根據(jù)不同需要選擇不同程度的原型。

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

摹客RP除了提供豐富的原型模板外,最大的特點(diǎn)是“快”和“簡(jiǎn)單”。沒(méi)有復(fù)雜的中繼器、函數(shù)概念,通過(guò)主輔畫板模式搭配交互設(shè)置,就可以充分呈現(xiàn)設(shè)計(jì)內(nèi)容。

摹客RP還支持多種交互觸發(fā)方式,可以幫助你輕松完成彈窗、滾動(dòng)區(qū)、輪播圖、錨點(diǎn)定位、循環(huán)旋轉(zhuǎn)等精細(xì)動(dòng)畫效果。

借助原型工具的力量,高效梳理產(chǎn)品的主要功能以及頁(yè)面的元素布局,可以使UI設(shè)計(jì)師、開(kāi)發(fā)工程師清晰地了解產(chǎn)品交互和邏輯,確保產(chǎn)品設(shè)計(jì)的交互還原度。

同步需求給團(tuán)隊(duì),是原型輸出后優(yōu)先級(jí)最高的事

同步需求,一方面可以大大減少方向錯(cuò)誤和做重復(fù)勞動(dòng)的概率,另一方面也可讓產(chǎn)品經(jīng)理站在后端業(yè)務(wù)視角上,獲取產(chǎn)品后期優(yōu)化靈感,但最重要的是實(shí)現(xiàn)產(chǎn)研交付的順利進(jìn)行。

1、通過(guò)流程圖傳遞業(yè)務(wù)流程

原型完成后,就意味著你的原型將進(jìn)入執(zhí)行階段。

這時(shí)如何能夠清晰的傳達(dá)產(chǎn)品業(yè)務(wù)需求交付設(shè)計(jì)師就顯得尤為重要了。

而摹客RP內(nèi)置“流程圖模式”,產(chǎn)品經(jīng)理能夠直接在原型工具中繪制流程圖;當(dāng)你需要向團(tuán)隊(duì)描述產(chǎn)品需求時(shí),借助可視化的流程圖,溝通的效率會(huì)提高很多,畢竟一份步驟清晰的流程圖要比一大段文字直觀易懂得多。

2、為團(tuán)隊(duì)建立可追溯的更改需求

需求交付后,就到了產(chǎn)品最常見(jiàn)的一個(gè)環(huán)節(jié) – 改需求。

改需求無(wú)須避諱,原因很多,或是業(yè)務(wù)調(diào)整,或是自己的疏忽大意。

但比改動(dòng)本身更重要的是如何同步,否則后期團(tuán)隊(duì)面臨無(wú)窮無(wú)盡的改動(dòng),你也會(huì)被印上不專業(yè)的標(biāo)簽。而同步的方式,至少要做到會(huì)后仍可追溯。這時(shí)你可將原型上傳至摹客協(xié)作,所有改動(dòng)都可一鍵@相關(guān)人員,標(biāo)注相關(guān)修改內(nèi)容,隨時(shí)把控整體進(jìn)度。

這款工具的使用,真的讓我在最近的工作中大受裨益,不僅適應(yīng)團(tuán)隊(duì)的協(xié)作和管理方式,而且在同類型原型工具里,同時(shí)兼具設(shè)計(jì)和協(xié)作的,摹客RP是我見(jiàn)過(guò)最優(yōu)秀的。

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

寫在最后

如果在工作中,你大部分時(shí)間都花在改原型上,那你就需要好好地反思一下,是不是在產(chǎn)品設(shè)計(jì)過(guò)程中,沒(méi)有進(jìn)行完整、深度的邏輯思考,沒(méi)有把業(yè)務(wù)流程和頁(yè)面間的交互邏輯理清?甚至你根本沒(méi)有梳理業(yè)務(wù)流程和頁(yè)面交互流程,就直接開(kāi)始畫原型了?

作為產(chǎn)品經(jīng)理,要始終明白:產(chǎn)品原型并不是產(chǎn)品的最終呈現(xiàn),它的作用是讓團(tuán)隊(duì)不同業(yè)務(wù)部門的成員都能夠更好地理解產(chǎn)品的邏輯和每一個(gè)細(xì)節(jié)。因此,將業(yè)務(wù)邏輯和功能結(jié)構(gòu)表達(dá)清楚,做一個(gè)讓團(tuán)隊(duì)其他成員一看就懂的產(chǎn)品原型,才是每個(gè)產(chǎn)品經(jīng)理應(yīng)該追求的目標(biāo)!

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 你們產(chǎn)品咋想的 登錄后 想看一些案例 都沒(méi)有路徑可以進(jìn)去…… 通過(guò)其它方式進(jìn)去后 查看案例 還不能那種全屏 案例只能看到一半….

    來(lái)自浙江 回復(fù)
    1. 案例是指模板例子嗎

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

    來(lái)自遼寧 回復(fù)
    1. 是RP的吸管工具嗎,看下這個(gè)教程呢:https://help.mockplus.cn/p/370#6

      來(lái)自四川 回復(fù)
  3. 我把mrp文件重新導(dǎo)入到團(tuán)隊(duì)中,并繼續(xù)進(jìn)行編輯,完成導(dǎo)入后并沒(méi)有自動(dòng)打開(kāi)相應(yīng)的項(xiàng)目,這是要怎么調(diào)整?

    來(lái)自重慶 回復(fù)
  4. 支持還是支持的,但自從摹客的RP版和DT版出了后,官網(wǎng)就下架了mockplus經(jīng)典版客戶端,哪怕保留一個(gè)下載入口讓我們老用戶用回經(jīng)典版也好。

    來(lái)自安徽 回復(fù)
    1. 您好,因?yàn)橐恍﹦e的考慮,目前官網(wǎng)暫時(shí)下線了mockplus經(jīng)典版,如果需要安裝包的話可以咨詢下客服人員哈,會(huì)為您提供

      來(lái)自四川 回復(fù)
  5. 純點(diǎn)評(píng),個(gè)人建議其實(shí)這類通稿,更多可以以案例拆解或者實(shí)踐的方式來(lái)作展示,內(nèi)容會(huì)更實(shí)在些

    來(lái)自海南 回復(fù)
    1. 感謝提議~我們之后在做內(nèi)容產(chǎn)出工作的時(shí)候也會(huì)多注意這個(gè)問(wèn)題

      來(lái)自四川 回復(fù)
  6. 看了一下,界面編輯和交互能力上,rp比axure做了更多改進(jìn),協(xié)作能力上估計(jì)會(huì)更好些?

    來(lái)自安徽 回復(fù)
    1. 看個(gè)人高下立判吧,之前注冊(cè)用過(guò),它可以通過(guò)開(kāi)發(fā)模式直接查看頁(yè)面的詳細(xì)圖層數(shù)據(jù),個(gè)人覺(jué)得這對(duì)于部分直接將原型項(xiàng)目交付開(kāi)發(fā)的團(tuán)隊(duì)來(lái)說(shuō)更有價(jià)值些。

      來(lái)自上海 回復(fù)
  7. 氣死了,你們公司產(chǎn)品經(jīng)理啥情況啊,注冊(cè)登錄流程跑不通啊,本來(lái)想來(lái)體驗(yàn)一下,勸退

    來(lái)自廣東 回復(fù)
    1. 具體是什么情況呢,我讓技術(shù)同事檢查看看,我測(cè)試了下可以的呀

      來(lái)自四川 回復(fù)
    2. 我去注冊(cè)的時(shí)候我的郵箱號(hào)之前被我注冊(cè)過(guò)了,但是只提醒我去更改郵箱,那我知道我的郵箱注冊(cè)過(guò)之后我肯定想退出去再用郵箱登錄啊,也不給我返回的按鈕,也不給我退出,我真是太抓狂了,直接關(guān)掉所有窗口

      來(lái)自廣東 回復(fù)
    3. 明白了,我們盡快調(diào)整,抱歉給您帶來(lái)不便

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

    來(lái)自陜西 回復(fù)
    1. (*^▽^*)謝謝體驗(yàn),如果有覺(jué)得沒(méi)做好的地方,也可以隨時(shí)給我私信或者留言,我們會(huì)盡快優(yōu)化~

      來(lái)自四川 回復(fù)
  9. 請(qǐng)問(wèn)app的輪播圖該怎么設(shè)置,我創(chuàng)建了內(nèi)容面板,加了幾個(gè)輔助畫板,嘗試了好多次,都沒(méi)有辦法觸發(fā)開(kāi)始演示就自動(dòng)滾動(dòng)輪播圖。網(wǎng)上搜教程,都有個(gè)“載入時(shí)”的狀態(tài),我也沒(méi)找到。

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

      來(lái)自四川 回復(fù)
  10. 想笑,一個(gè)做交互設(shè)計(jì)的網(wǎng)站,登錄注冊(cè)流程都做不好還來(lái)打廣告。不是無(wú)腦黑

    來(lái)自美國(guó) 回復(fù)
    1. 你好,請(qǐng)問(wèn)是遇到什么問(wèn)題了嗎,我們技術(shù)同事看下呢

      來(lái)自四川 回復(fù)
  11. 受益匪淺!前期深度有效的思考和完整的邏輯才是后期工作的基礎(chǔ)。

    來(lái)自上海 回復(fù)
    1. (*^▽^*)

      來(lái)自四川 回復(fù)