《構建之法》——原型設計

這個做業屬於哪一個課程	系統設計與分析
這個做業要求在哪裏	做業要求
這個做業的目標	熟悉原型設計工具，學會做需求分析，並完成原型設計

1.對比原型設計工具

1.墨刀

1）墨刀是一個專業、可靠、簡潔、易懂的在線產品原型設計與協做平臺，能快速的完成產品設計，把更多的時間留給思考。

2）墨刀很是好上手，內置大量素材，可按本身的實際需求靈活取用，還能夠將經常使用的素材保存起來，造成本身的組件庫，隨時複用。使用過程當中我還發現，墨刀會保存最近使用的顏色記錄，這個功能很是的好，不用一個個翻我前面用的字體的RGB是什麼。

3）墨刀也有它的缺陷，因爲墨刀是雲端版本，開發技術不穩定，稍微複雜點就崩；且軟件商不提供源文件，只能導出圖片或生成原型，但沒有原型源文件。

2.mockplus

1）mockplus是一款簡潔快速的原型圖設計工具，適合軟件團隊、我的在軟件開發的設計階段使用。其低保真、無需學習、快速上手，並可以很好地表達本身的設計。

2）mockplus也很適合新手，操做簡單並且完成的效率也高，網上能找到不少教學視頻，一樣是PC版，它的操做要比Axure RP要簡單的多，還支持一鍵導出、團隊共享，讓團隊效能更高。

3.Axure RP

1）Axure RP是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家可以快速建立應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。

2）Axure專業度最高，功能最全面，可是真的很差上手，新手學習成本會很高，不管是時間成本仍是金錢成本。在原型設計上與另外二者最不同的是，它不但能夠保存到本地，還能夠退回到編輯的某各個版本，對於專業設計師來講這個功能是深得人心。

比較了以上三種工具，我以爲若是僅僅是用來入門學習的話，墨刀是這三個中最方便的，由於它不須要下載，能夠直接在線編輯，並且上手也快，跟不少h5平臺很是類似。若是是偶爾要使用的非專業人士，我推薦mockplus，它的界面和功能都深受你們的喜好，且把用戶體驗放到了第一位。若是之後想成爲PM、PD，能夠再去深刻學習Axure RP，由於它是最專業的，功能最全面的，專業人士必備的一款軟件。專業人士學會了這三種工具以後，能夠根據實際的設計需求，來選擇一個實現效果最好的工具。

2.需求分析

項目需求以下：

面向普通學生和社團管理員，集合了各個社團的信息，特點功能是活動的瀏覽和報名，以及活動的發佈、審覈與通知，同時還具備加入社團、發送站內信等功能。

項目背景和解決的痛點：

學生剛入西南石油大學時缺少了解社團的長期的、便利的渠道；社團公衆號文章分散各處；羣裏發的活動報名問卷容易被水過去，並且每次要填的信息都差很少。
社團管理員在管理社員時沒有一個很好的工具，來發布活動、統計報名人員、通知活動變動等。

社聯在管理全部社團時，在審覈活動申請、審覈場地申請、星級評定、材料收取等方面也存在一些困難。

所以，咱們但願能打造一款軟件鏈接學生、社團和社聯，根據用戶不一樣的使用需求，咱們計劃給將社團展現、活動報名等功能放在手機小程序端，在社團管理的大部分功能放在網頁端。

項目面向的用戶：

小程序： 主要面向西南石油大學學生，其中的社團管理功能，則面向社長等社團管理員。

網頁端： 主要面向社長等社團管理員，還能面向社聯。


因爲後面只須要作簡單的原型設計，需求分析先從如下兩點入手：

（1）用戶：誰會用這個功能？

學生、社團管理員、社聯管理員
（2）場景：用戶在什麼狀況下會用？

普通學生：瀏覽社團信息，瀏覽社團活動，報名活動，加入社團，發送站內信息。

社團管理員：發佈社團活動，變動通知，統計、審覈報名狀況，下發通知。
社聯管理員：審覈活動，審覈場地申請，星級評定，材料收取。

整理可得功能性需求：

小程序：

普通學生	登陸，瀏覽社團信息，瀏覽社團活動，報名活動，加入社團，發送站內信息
社團管理員	包括普通學生的全部功能，發佈社團活動，編輯活動，編輯社團信息

網頁端：

社團管理員	登陸，發佈社團活動，查看全部發布活動，變動通知，統計、審覈報名狀況
社聯管理員	登陸，查看全部發布活動，材料收取，審覈活動，審覈場地申請，星級評定

• 根據需求性分析，我對小程序和網頁端分別進行了功能需求的分配構思。
  首先不管是小程序仍是網頁端，用戶進行交互前都要進行登陸。因爲用戶須要是校內學生，所以要設計一個註冊界面來覈實學生的真實身份。
  
  

• 對於小程序

我將小程序分爲三個模塊：主頁，社團，個人。

主頁模塊中能夠看到最新的社團活動信息，點擊活動後能夠查看相關的訊息，並進行活動報名。

社團模塊中羅列了全部的社團，而且能夠搜索你想尋找的社團。點擊相應社團後，能夠進入社團詳情頁面，查看社團簡介，進入招新QQ羣，點擊加入社團，填寫加入社團申請書；還能夠點擊活動，查看該社團發佈的相關活動，並進行活動報名。

個人模塊中能夠查看我加入的社團（是否已審覈經過），我申請的活動，進入安全中心能夠修改密碼，關聯郵箱，換綁手機。發送站內消息能夠提供信息反饋，如果社團管理員，點擊社團管理員可對社團進行相應的後臺操做，如發佈活動。



小程序全部功能以下：

• 對於網頁端

我將網頁端分紅兩個部分，登陸時若是是社團管理員，則進入它對應的後臺管理界面，界面包括查看全部活動，查看報名狀況，發佈新活動，變動活動通知，提交審覈材料以及安全中心這六個板塊。

登陸時若是是社聯管理員，則它的後臺管理界面包括查看全部活動的審覈狀況，審覈活動，評價星級，收取活動及場地申請材料，以及安全中心這五個板塊。



網頁端全部功能以下：

3.原型設計

本次做業我使用墨刀來完成原型設計。
小程序：Hi社團小程序

網頁端：Hi社團網頁端

4.心得

本次做業在原型設計上耗了很長的時間，雖然說學會用一個工具並不難，可是思考怎麼構建這個界面仍是要費不少心思。雖說之後並不考慮當PM，可是此次設計也算是過了一把設計癮，對產品的最初設計雛形有了更深的理解。