《構建之法》第三次做業

這個做業屬於哪一個課程	課程的連接
這個做業要求在哪裏	做業要求的連接
這個做業的目標	學會需求分析，學會使用原型設計工具，懂得如何進行簡單的原型設計，從而提升之後產品開發的效率

（1）對比原型設計工具

1. 墨刀

墨刀是一款在線原型設計與協同工具，藉助墨刀，產品經理、設計師、開發、銷售、運營及創業者等用戶羣體，可以搭建爲產品原型，演示項目效果。墨刀同時也是協做平臺，項目成員能夠協做編輯、審閱，不論是產品想法展現，仍是向客戶收集產品反饋，向投資人進行Demo展現，或是在團隊內部協做溝通、項目管理。

目前來看墨刀的優點主要集中在 app 原型的製做上，其操做方式使其在製做 app 原型時更容易，預設的套件也明顯是針對 app 原型設計的。而它的劣勢主要在於在實現複雜交互和特殊交互方面比較困難，這是其產品框架致使的，基於頁面的原型工具都很難再實現細節元素的精確控制。另外，墨刀做爲一個新工具，它的使用者並很少，製做的套件也就相對少，這意味着你在作高保真原型時必須有設計師輔助，你極可能要付出額外的成原本請他吃飯。

2.MOCKPLUS

Mockplus（摩客）是一款簡潔快速的原型圖設計工具。適合軟件團隊、我的在軟件開發的設計階段使用。其低保真、無需學習、快速上手、功可以用。並可以很好地表達本身的設計。支持審閱協做：建立原型圖、邀請、批註圖釘，以後就能夠協同工做了。全部的討論、意見、版本都會保留。支持無縫真機預覽：可直接實現設計和移動設備之間的通信，直接預覽，不須要任何第三方設備。在設計過程當中，設計者拿出手機就能夠隨時和Mockplus對接，將原型傳遞到移動設備，觀察原型在移動設備中的真實狀態。

MOCKPLUS和墨刀在體驗上比較類似，都具備相同的特色: 適合快速設計低保真的原型而不是追求足夠精緻的高保真原型。

3.Axure

Axure RP是一款專業的快速原型設計工具。Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家可以快速建立應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。做爲專業的原型設計工具，它能快速、高效的建立原型，同時支持多人協做設計和版本控制管理。Axure RP的使用者主要包括商業分析師、信息架構師、產品經理、IT諮詢師、用戶體驗設計師、交互設計師、UI設計師等，另外，架構師、程序員也在使用Axure。

Axure 是徹底基於單個「元素」的，這使得它有了無限拓展的可能，只要你有耐心有閒心，你能夠作出目前你能想象到的絕大多數交互。所以，它也是目前大部分人作原型圖的首選。最重要的是，Axure 是一款很是成熟的產品，前人已經作好了無數可用、好用的套件庫，你只須要把它們加載到你的 Axure 中便可直接調用，可謂站在巨人的肩膀上。固然，Axure 也有其弊端，好比對 app 原型製做不那麼友好。Axure 產生的年代是 Web 產品橫行的世界，它從一開始設計就沒想過爲 app 這種東西服務，雖然在以後的幾個版本迭代過程當中不斷針對移動端作出了優化，但墨刀一秒鐘就能實現的操做， Axure 可能須要十幾分鍾。

· 三者對比

從總體觀感上來看，Axure像一張美術素描紙，沒有構思好不敢下筆，怕破壞界面的美感。 而Mockplus和墨刀像是一個手寫板，隨意塗改，也不會以爲有什麼惋惜。從細節上看，Mockplus和墨刀 在組件面板的優化比 Axure 好不少。Axure雖然把經常使用組件的放在上面了，但在具體使用時須要常常上下滑動，翻找組件和圖標。Mockplus和墨刀設計了組件、圖標、收藏、母版的 Tab，切換起來很方便。還篩選了一部分經常使用的組件固定在組件庫上面，實現高頻操做不用找。 另外這個摺疊面板很棒，不用糾結展開和關閉的問題。因此低保真用 MockPlus和墨刀 ，快。 高保真用 Axure，精緻。

所以當你的需求是追求強大的功能，實現很是多的交互功能，不怕時間長，就是要效果與實際APP的像素級一致，那麼Axure是你的惟一選擇。除此以外，若是你的需求是快，很快出原型，很方便的演示，那麼Mockplus和墨刀是你的最佳選擇。

做爲第一次上手的新手，對於產品原型設計這塊還不太熟悉，Axure對我來講太過於複雜，反而是Mockplus或者墨刀更加方便，更況且咱們此次的做業也就是完成一個比較簡單的社團管理項目，不須要像設計師同樣設計的很是專業、精美。咱們此次的任務應該以熟悉、上手需求分析和原型設計，作出一個不錯的產品原型爲主，Mockplus和墨刀已經能徹底知足咱們的要求了。

（2）需求分析（社團管理）

我選擇了第一個題目：社團管理

a.背景

學生剛入西南石油大學時缺少了解社團和社團活動的長期的、便利的渠道，社團公衆號文章分散各處，羣裏發的活動報名問卷容易被水過去，並且每次要填的信息都差很少，很容易讓學生對社團和社團活動失去興趣和信心。
社團管理員在管理社員時沒有一個很好的工具來發布活動、統計報名人員、通知活動變動、審覈人員等。社聯在管理全部社團時，在審覈活動申請、審覈場地申請、星級評定、材料收取等方面也存在一些困難。

b.目標

打造i社團社團管理系統鏈接學生、社團和社聯，根據用戶不一樣的使用需求，將加入社團、活動報名、社團展現、社團對下管理等功能放在手機小程序端，將社團對下管理、社聯對下管理的大部分功能放在網頁端。

c.用戶類和特性

微信小程序端：

主要爲普通學生用戶和社團管理用戶。

• 普通學生用戶會加入社團，而且常常查看社團活動消息和進行社團社交聊天，所以須要一個包含有各類社團信息、活動信息以其報名參與方式、社團社交功能，同時界面還要美觀、易於操做的軟件。
• 社團管理用戶在沒法接觸電腦或者但願經過手機簡單地發佈、修改、向上提交活動消息以及發佈社團內重要消息，所以須要一個能方便發佈、查看、修改活動消息和發佈重要消息的軟件。

WEB端：

主要用戶是社團管理用戶和社聯管理用戶。

• 社團管理用戶在能夠接觸電腦的狀況下但願更有效率地對發佈活動和消息進行查看、編輯、修改以及對報名人員進行審覈，所以須要一個知足他們要求的網站。
• 社聯管理人員但願可以對社團管理人員申請發佈的活動消息進行查看、審覈，而且能及時聯繫社團管理人員，同時對已經經過的活動進行星級評價和撤回操做，所以須要一個知足他們要求的網站。

d.功能需求：

微信小程序端：

1.普通學生用戶

2.社團管理用戶

WEB端：

1.社團管理用戶

2.社聯管理用戶

（3）原型設計

我是使用墨刀來設計的原型，由於做爲初學者，複雜的工具用不上。墨刀操做起來比較簡單直接，功能對於我來講也足夠，並且還有不錯的模板，所以我選擇了墨刀。

連接：

i社團(微信小程序)

i社團(WEB端)

兩個原型實現了全部要求的功能。雖然全部的功能都實現了，但實際在作原型的時候，考慮到微信小程序使用的人數最多，並且大部分是普通學生用戶，因此我作了30個頁面，頁面比較多，設計也好看的多，還有不少附加功能，好比添加好友，社團內聊天，聯繫社聯等等。相對來講網頁端就要精簡不少了，畢竟主要是給社團管理員和社聯用的，好很差看、附加功能多很少無所謂，必備功能有就能夠了。

如下是部分截圖

微信小程序：

WEB端:

（3）心得體會

經過此次作的需求分析和原型設計，我越加體會到這些編碼前期工做的重要性，以前一直忽略編碼前期工做，認爲是累贅。但在如今看來這些工做十分重要，一份好的需求分析和原型設計真的能減小編碼時期走的彎路，我作原型設計的時候就在想，若是有個這麼個原型擺在面前，真的能編碼更爲順利，更有目的性，也能讓參與項目的人員更好的溝通交流，不會出現你說你的我說個人。我在原型設計的時候相對於WEB端，在微信小程序花了很多時間，設計的效果也還能夠。在墨刀主要的功能就是跳轉和狀態切換，這也是墨刀只適合作簡單APP的緣由，由於不少變化沒辦法實現，更復雜的原型仍是得Axure來作，因此但願之後能多多學習Axure RP。

參考文獻：https://www.liqucn.com/article/675080.shtml

百度百科

http://www.javashuo.com/article/p-hxhcscsa-ed.html