我的第三次做業——原型設計

、

這個做業屬於哪一個課程	https://edu.cnblogs.com/campus/xnsy/2019autumnsystemanalysisanddesign/
這個做業要求在哪裏	https://edu.cnblogs.com/campus/xnsy/2019autumnsystemanalysisanddesign/homework/8636
這個做業的目標	學會原型工具使用，培養原型設計思惟，訓練提升項目完成度能力

 

1、常見三種原型工具的對比

原型設計的經常使用三種工具，分別是：墨刀、Axure RP、Mockplus

　　在完成此次做業以前，我對原型設計尚未一個具體概念，以前一直是在學習前端，覺得原型就是UI設計師給你的草圖，後來去了解了原型設計，它是指「讓人可以提早看到或是體驗到產品的一個創做過程，它能夠很好的去表達出設計人員對產品的一種需求，具備很好的思路展示形式，是一種較爲立體有效的溝通方式」，這才知道原型設計是一個過程。我認爲：從「草圖」-》「低保真」-》「高保真」，原型設計在中都有着重要的意義

墨刀：

• 其控件的拖拉、大小的調整，都會天然的去匹配相應的母版大小，無需去擔憂有多移動一點或多選擇一點

• 系統控件都是基於APP，以及系統平臺IOS和安卓，所以在裏面能夠首先選擇相應的設備佈局，減小了很多工做環節

• 墨刀的缺點就是相應的就是不自由，在交互效果上、控件組合上，操做面板的選擇上都不如AXURE 靈活

• 效果切換由於是採用連線的方式，有時候會讓使用者腦子錯亂的感受

• 須要充費纔可以使用更強大的共享建立功能

Axure RP：

• 功能最齊全，交互最多樣，基本任何想要的效果均可以實現，尤爲在製做PC端原型圖上有優點。

• 有強大的交互效果，規格說明文檔和流程圖

• 能夠多人協做，有版本控制管理

• 有動態面板，控件註釋面板，豐富的控件資源

Mockplus：

• 設計了組件、圖標、收藏、母版的 Tab，切換起來很方便

• 篩選了一部分經常使用的組件固定在組件庫上面，實現高頻操做不用找

• 摺疊面板很棒，不用糾結展開和關閉的問題。

•  能夠作UI流程圖，採用腦圖模式快速構思和設計原型模塊

• 支持Sketch導入（從Sketch中導入文件到Mockplus進行設置交互）

• 支持8種預覽方式，數據能夠自動填充

• 有項目例子&模板（供設計新手使用，下載便可學習臨摹設計）

2、需求分析

我選擇了第一個項目，項目簡介：「

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

項目背景和解決的痛點：

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

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

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

」

根據項目介紹，我作了如下分析：

項目背景：

    一個社會須要有一個規範性的管理方案，促進社團更加高效發展，藉助軟件平臺，使社團管理更爲方便快捷，

現狀及目標：

    目前大部分社團缺少管理資源，社團活動沒有流程化的申請，審覈，發佈，通知，舉辦，結束等，大部分新生更是因爲缺少了解渠道而掌握不了社團信息，管理人員也是很忙，缺少精力。須要的大量工做人員來進行活動的發佈，報名人員的統計，活動變動通知等消息，對於活動場地的申請，活動效果評定，材料收發都是很困難的工做。

   爲此，咱們藉助平臺打造一款服務社團管理人員和學校普通學生的社團軟件，增長學生了解社團渠道，方便他們瞭解活動的舉辦以及報名，減輕管理人員的工做，讓更多的社團走向大衆，促進社團向上發展

建設任務:

    本次項目內容須要作到方便快捷，直觀易懂，使大衆容易接受，

用戶羣體:

   主要針對在校學生，和在校社團管理人員

業務功能：

       管理人員:

登陸與註冊，

活動發佈，

活動瀏覽，

活動信息修改，

學生申請審覈，

消息通知，

統計活動總人數，

場地申請，

成果編輯與發佈

   普通學生：

登陸與註冊，

活動的申請，

加入社團，

瀏覽活動信息

瞭解本身歷史記錄

增添活動收藏

 3、連接

移動端小程序連接：

https://free.modao.cc/app/ojl9s80973k0ynta9vcwegkz76tw

PC端連接：

https://free.modao.cc/app/0c8ecc6062db0c2404a44a3065c3cbb6383508b0

4、原型設計

移動端原型設計圖：

點擊登陸，註冊，能夠切換到用戶登陸註冊頁面，點擊右上角搜索圖標，能夠搜索活動名稱以及內容，主頁列出來的最新內容，點擊可進入詳細頁面，

                              

 

                

點擊個人收藏能夠查看我喜歡的活動，點擊點擊個人參與或者歷史能夠查看我之前參加過的活動，點擊發布活動能夠進行管理員活動發佈，前提條件是必須爲管理員帳號，點擊切換身份，能夠回到登陸頁面，切換帳號進入

    

            

點擊報名能夠進入活動詳情頁面，瞭解詳情後能夠選擇「加入咱們」，參加活動，課跳轉到申請成功頁面，並顯示本身申請的活動

     

       

 PC端頁面：