絕密原型檔案后記:原型背后的設(shè)計思路(附Axure源文件下載)

175 評論 362323 瀏覽 1177 收藏 6 分鐘

本著對思想的傳播負(fù)責(zé)任,我要對之前那篇文章做一些補充說明。原型制作是一個循序漸進(jìn)的過程,需求文檔也不可能一蹴而就,我們通常是在項目過程中一步步優(yōu)化的。以下是原型在項目過程中的成長歷程。

運營需求

讓我們先放下所有接口問題、用戶體驗問題、產(chǎn)品方向問題。僅考慮需求本身:做一個核心功能為違章處理的車輛服務(wù)app。

  • 運營驅(qū)動型產(chǎn)品
  • 第一期核心功能違章處理
  • 用戶產(chǎn)生直接消費,消費產(chǎn)生流水,流水產(chǎn)生于兩個部分:提成/充值

于是我做的第一件事情,是抱著基本的產(chǎn)品流程去找運營。運營小伙伴幫助我完成了一套完整的業(yè)務(wù)流程。除了產(chǎn)品內(nèi)的流轉(zhuǎn),還有產(chǎn)品外的流轉(zhuǎn),我們需要在早期就為客服、編輯、審核人員留下位置。

開發(fā)評審

與運營小伙伴溝通過以后,我抱著業(yè)務(wù)流程和初步的原型去找開發(fā)。開發(fā)對大功能點進(jìn)行評審和預(yù)估。確認(rèn)之后我繼續(xù)做原型。

設(shè)計師也看到了原型,可以根據(jù)原型開始風(fēng)格設(shè)計。

此時的原型:

cishideyuanxing

雖然很粗糙,但是已經(jīng)加入了柵格系統(tǒng)和母版。

shanggexitong

前端制作

團(tuán)隊成員對需求已經(jīng)有了大致的概念后,下一步是評估開發(fā)工作量與前端制作,此時我開始細(xì)化原型。目標(biāo)是整理主體流程的頁面和梳理功能點。我在原型中添加了修改記錄、頁面結(jié)構(gòu)、對原型本身的元素進(jìn)行了統(tǒng)一并做了全局說明。頁面中又對操作、內(nèi)容和交互設(shè)計進(jìn)行了需求說明。

此時的原型:

zhenglie1

zhenglie2

zhenglie3

(左側(cè)的數(shù)字并不是頁面編號,此時我還不能確定頁面是否沒有遺漏。這些數(shù)字是頁面分類,比如3代表內(nèi)容頁和功能頁,2代表列表頁)

測試與運營

我們進(jìn)入了和開發(fā)調(diào)整需求細(xì)節(jié)的環(huán)節(jié),同時要開始運營相關(guān)工作的準(zhǔn)備。于是頁面中出現(xiàn)了和運營有關(guān)的工作內(nèi)容。并且由于細(xì)節(jié)的確定,我開始為頁面編號,用于未來設(shè)計師圖片編號等等團(tuán)隊協(xié)作。

此時的原型:

pailie1

pailie2

1.0需求封版本

上一版原型已經(jīng)接近所有最后的產(chǎn)品形態(tài),還是經(jīng)過一些細(xì)節(jié)的反饋和調(diào)整后,我制作了最后一個版本的原型,并且封鎖需求文檔。

此時的原型:

zuizhongpian

這就是最終《絕密原型檔案:看看專業(yè)產(chǎn)品經(jīng)理的原型是什麼樣》中原型的由來過程。

源文件下載

人人都是產(chǎn)品經(jīng)理已經(jīng)從作者處買斷本源文件版權(quán),供人人都是產(chǎn)品經(jīng)理社區(qū)粉絲免費學(xué)習(xí)參考使用。任何單位、組織、機構(gòu)或個人不得用于除學(xué)習(xí)之外的任何商業(yè)用途。違者追究法律責(zé)任。

鏈接: http://pan.baidu.com/s/1i3pN1Tb

密碼: rdtw

#專欄作家#

GaraC,知乎賬號:GaraChenV,人人都是產(chǎn)品經(jīng)理專欄作家。專長研究用戶體驗,虐待各種形式的鍵盤。關(guān)注教育、學(xué)習(xí)、LBS等相關(guān)領(lǐng)域產(chǎn)品。專業(yè)鑒定各種書籍。愛好:收集各種樂譜和書。

本文系作者獨家授權(quán)發(fā)布,未經(jīng)本站許可,禁止轉(zhuǎn)載,違者追究法律責(zé)任。謝謝合作。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 謝謝分享

    來自安徽 回復(fù)
  2. 謝謝分享,這種東西很難有人愿意分享呢

    來自廣東 回復(fù)
    1. 下載不了,能不能發(fā)我一份,878425311@qq.com,感激

      來自廣東 回復(fù)
  3. 寫得非常詳盡,受教了!感謝無私分享。
    只是下載下來的文件打不開,請問是用mac版的Axure打開,還是用windows版的Axure打開啊?
    謝謝!

    來自北京 回復(fù)
    1. 自行加一下后綴就可以了

      來自廣東 回復(fù)
    2. 同學(xué)發(fā)我一份,我以前下載的找不到了,你把文件名改一下就可以了。yoowind@163.com

      來自湖南 回復(fù)
  4. 感謝分享。

    來自福建 回復(fù)
    1. 下載不了了,請問你可以發(fā)我一份嗎?

      來自四川 回復(fù)
    2. 下載不了,能不能發(fā)我一份,878425311@qq.com,感激?。?!

      來自廣東 回復(fù)
  5. 怎么下載不了 能給我發(fā)一份

    來自廣東 回復(fù)
  6. GaraC,您好!文章寫的很好,對我觸發(fā)很大。可以發(fā)一份原型文件(RP)給我參考嗎?文章中的給的百度網(wǎng)盤下載不了。非常感謝!

    來自廣東 回復(fù)
  7. 求源文件,3Q,zhongxq2015@163.com

    來自四川 回復(fù)
  8. 感謝分享 ?? ??

    來自江蘇 回復(fù)
  9. 求源文件。謝謝 790691044@qq.com

    來自廣東 回復(fù)
  10. 給力給力,跪謝跪謝

    來自浙江 回復(fù)
    1. 親,下載成功的話發(fā)我一份哦,拜托拜托 ??

      來自北京 回復(fù)
    2. 親,可以給我發(fā)一份么,guxueru930218@163.com 謝謝您~

      來自北京 回復(fù)
  11. 怎么下載不了啊,跑求一份:2571241364@qq.com

    來自北京 回復(fù)
  12. 跪求一份!1524301189@qq.com

    來自北京 回復(fù)
  13. ?? 太棒了,非常想要axure源文件, ?? 求發(fā)~ 79710489@qq.com

    來自廣東 回復(fù)
  14. 給我發(fā)一份吧,郵箱是1617780803@qq.com,我也不能看

    來自北京 回復(fù)
  15. 下載不了,求一份文件,謝謝。120980876@qq.com

    來自上海 回復(fù)
  16. 為什么打開時空白?有沒有人已經(jīng)下載成功了?能傳我一份嗎?601035062@qq.com

    來自上海 回復(fù)
    1. 來自浙江 回復(fù)
  17. 首頁的導(dǎo)航頁面沒有找到,包括頁面的跳轉(zhuǎn)標(biāo)注的也不是很清楚,看原型圖的時候略感費力。

    來自廣東 回復(fù)
    1. 能麻煩您給我發(fā)一份么,謝謝您!麻煩您了! guxueru930218@163.com

      來自北京 回復(fù)
    2. 你好,你已經(jīng)成功下載并打開源文件是么?方便發(fā)我一份么?非常感謝! 68812899@qq.com

      來自北京 回復(fù)
    3. 姐姐發(fā)我一份,以后多交流,郵箱:yoowind@163.com

      來自湖南 回復(fù)
  18. 界面里面的03-0,代表什么意思,沒看懂

    來自上海 回復(fù)
    1. 這是列表編號的索引,方便查看修改記錄

      來自湖南 回復(fù)
  19. 給力給力

    來自北京 回復(fù)
  20. 同求發(fā)一份給我,我也下載不下來,565456117@qq.com,跪謝。

    來自北京 回復(fù)
  21. 我知道為什么有些人說下載后打不開了,是因為文件名的原因,把括號里的%20之類的刪掉,或者括號里內(nèi)容都刪掉應(yīng)該就可以了。

    來自上海 回復(fù)
  22. 下載好了但好像打不開啊,就樓主重新上傳。

    來自上海 回復(fù)
  23. 跪求大濕發(fā)個膜拜 ??
    郵箱:123987696@qq.com

    謝謝?。?! ??

    來自廣東 回復(fù)
  24. 無法下載可以發(fā)一份給我嗎?zimu65@qq.com

    來自福建 回復(fù)
  25. 我想問一下,原型畫的如此詳細(xì),那么PRD要怎么寫呢,是輔助原型說明,還是把原型的截圖上去?

    來自北京 回復(fù)
  26. 原型拜讀了2個小時,干貨滿滿,對原型的如何提示和設(shè)計規(guī)范又有了進(jìn)一步提高。越是品味這原型就越是想看設(shè)計它時的需求文檔。GaraC大,能發(fā)一份不相關(guān)模塊的PRD片段看看嗎 444900507@qq.com

    來自北京 回復(fù)
    1. 上一篇已經(jīng)說了 整成這樣就是 不做PRD的

      來自廣東 回復(fù)
  27. 發(fā)給我一下吧 312800256@qq.com 跪求

    來自北京 回復(fù)
    1. 文件后面加個.rp后綴就可以了。

      來自北京 回復(fù)
  28. GaraC前輩,能不能發(fā)我一份,產(chǎn)品新人,膜觀學(xué)習(xí)!2695668741@qq.com

    來自北京 回復(fù)
  29. 發(fā)我一下吧,非常感謝。

    來自北京 回復(fù)
  30. 文件下載失敗,提示網(wǎng)格錯誤,求樓主發(fā)一份郵件~

    來自福建 回復(fù)