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

175 評論 361623 瀏覽 1174 收藏 6 分鐘

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

運營需求

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

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

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

開發評審

與運營小伙伴溝通過以后,我抱著業務流程和初步的原型去找開發。開發對大功能點進行評審和預估。確認之后我繼續做原型。

設計師也看到了原型,可以根據原型開始風格設計。

此時的原型:

cishideyuanxing

雖然很粗糙,但是已經加入了柵格系統和母版。

shanggexitong

前端制作

團隊成員對需求已經有了大致的概念后,下一步是評估開發工作量與前端制作,此時我開始細化原型。目標是整理主體流程的頁面和梳理功能點。我在原型中添加了修改記錄、頁面結構、對原型本身的元素進行了統一并做了全局說明。頁面中又對操作、內容和交互設計進行了需求說明。

此時的原型:

zhenglie1

zhenglie2

zhenglie3

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

測試與運營

我們進入了和開發調整需求細節的環節,同時要開始運營相關工作的準備。于是頁面中出現了和運營有關的工作內容。并且由于細節的確定,我開始為頁面編號,用于未來設計師圖片編號等等團隊協作。

此時的原型:

pailie1

pailie2

1.0需求封版本

上一版原型已經接近所有最后的產品形態,還是經過一些細節的反饋和調整后,我制作了最后一個版本的原型,并且封鎖需求文檔。

此時的原型:

zuizhongpian

這就是最終《絕密原型檔案:看看專業產品經理的原型是什麼樣》中原型的由來過程。

源文件下載

人人都是產品經理已經從作者處買斷本源文件版權,供人人都是產品經理社區粉絲免費學習參考使用。任何單位、組織、機構或個人不得用于除學習之外的任何商業用途。違者追究法律責任。

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

密碼: rdtw

#專欄作家#

GaraC,知乎賬號:GaraChenV,人人都是產品經理專欄作家。專長研究用戶體驗,虐待各種形式的鍵盤。關注教育、學習、LBS等相關領域產品。專業鑒定各種書籍。愛好:收集各種樂譜和書。

本文系作者獨家授權發布,未經本站許可,禁止轉載,違者追究法律責任。謝謝合作。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 有時簡潔一些,比較好

    來自浙江 回復
  2. 感謝作者的無私分享

    來自福建 回復
  3. 其實這份原型我看暈了,說明太多了,各種顏色的字體密密麻麻,有點看不明白

    來自福建 回復
  4. 一直覺得高精度的原型圖,對設計會友好一些

    然而開發還都不愿太被掣肘,求辯證

    來自中國 回復
  5. 寫這么細估計沒一個月出不來,盡管寫的這么細,開發一般還是不愿意仔細看,該罵產品狗的還是要罵,所以我覺得這種原型我還是算了吧,還是當面跟開發溝通完全比較好,然后繼續讓他們罵去吧

    來自上海 回復
  6. 想問下這個產品原型做的這么細是不是可以直接拿給開發的開發了呢?

    來自北京 回復
  7. 第一時間下載和研究學習了一下,牛叉,產品街的楷模

    來自廣東 回復
  8. 思路和展示方法都很清晰,學習

    來自北京 回復
  9. 好厲害??!太詳細了! ?? ??

    來自浙江 回復
  10. 能看能下 報錯是什么報錯 如果是顯示該文件只讀顯示的話 點擊是就可以出來了 我的是7.0

    來自廣東 回復
    1. 就說文件可能有破損或加密,現在可以了,可能是網絡不好,下載有問題了,重新試一次就可以了

      來自浙江 回復
  11. 能下載,用axure7.0打開之后就報錯,是版本問題嗎?

    來自浙江 回復
  12. 很不錯,小白受教了。謝謝作者。

    來自四川 回復
  13. 主要還是文章寫的好,原型都大同小異的。

    來自浙江 回復
  14. 貌似文件有問題 下載之后打不開 提示文件損壞 麻煩樓主再上傳一遍

    來自上海 回復
  15. ?? ?? ?? ?? ??
    無限感激~~~么么噠~~

    來自廣東 回復
  16. 打不開文件啊,什么情況

    來自上海 回復
  17. 真不錯

    來自福建 回復
  18. 感謝分享。要是有WEB產品原型就更好了

    來自江蘇 回復
  19. 支持一下,太棒了。希望還能有更多優質文檔出現!

    來自北京 回復
  20. 為什么這么多人都說下載鏈接有問題,我可以正常下載打開呀

    來自廣東 回復
    1. 你的axure是什么版本的?

      來自浙江 回復
  21. 不能下載 真是醉了

    來自北京 回復
    1. 可以呀 可以呀

      來自廣東 回復
  22. 重新傳吧,文件好像有問題,打不開

    來自四川 回復
  23. 下載文件為空白,用axure打不開

    來自上海 回復
  24. 不能打開是什么情況啊

    來自四川 回復
  25. 寫得很早,思路很清晰。

    來自山東 回復
  26. 我當時很膜拜這個帖子啊,居然有續篇,給力,贊!

    來自遼寧 回復
  27. 寫得很早,思路很清晰。

    來自上海 回復
  28. 下載之后的文件是什么格式啊 打不開?

    來自上海 回復
    1. 我也是,用Axure打不開,報文件錯誤

      來自四川 回復
  29. ?? ?? ?? 多謝作者無私分享。群里面有小伙伴還問源文件呢。很有條理,很值得學習借鑒

    來自江蘇 回復
  30. ?? 1024 感謝分享

    來自北京 回復