任務一：
1.使用的原型工具為
mockplus
2.mockplus介紹：
Mockplus中的原型互動設計完全可視化，所見即所得，拖拽滑鼠做個鏈接，即可實作互動，同時，Mockplus封裝了彈出面板、內容面板、滾動區、抽屜、輪播等系列組 件，對于常用互動，使用這些組件就可快速實作，
Mockplus封裝了近200個組件，提供3000個以上的圖示素材，做圖時，只需要把這些組件放入作業區進行組合，一張原型圖就可以迅速呈現，
任務二：
1、原型設計程序
在設計原型之前，我們組兩名組員到學生會詢問相關負責的老師關于該教室借用系統的功能需求，同時也問了一些經常上自習的同學他們對教室借用系統的功能需求，通過詢問總結出該系統的三大模塊：教室查詢、借用申請、后臺管理，其余模塊是基于軟體維護中完善性維護而設計的三個模塊，包括學生維權、相約西師以及待開發模塊，
接下來就是擬草圖，設計模塊，確定大概的主體后，利用原型工具結合用戶需求進行原型的設計與制作，設計程序中使用了網路，在Google以及阿里巴巴圖示網上查找圖片素材，之后進行界面的整理與搭建，
2、原型設計結果
系統主頁：
教室狀態：
教室借用申請：
后臺處理：
3、原型設計思路
系統主頁：該主頁上包括六大模塊以及技術支持、疑問中心、當前登錄管理員等基本資訊，
教室借用申請：在點擊空教室后進入該頁面，該界面包括預約人資料以及申請人資訊，
教室狀態：兩個狀態包括已借用狀態和未借用狀態，分別用紅色和綠色表示，點擊進入教室可以看到教室借用資訊包括借用人，借用時間和借用時長，借用來源比如是個人借用、教師借用還是學院借用，通過后臺處理顯示教師總數以及為借用教室個數，
疑問中心：用戶可以查詢借用流程、借用教室常出現的一些問題的解決方法，
后臺處理：該界面包括申請人的相關資訊外加一些管理員評分，處理人以及管理員評價這些資訊（審核界面是相關老師要求這樣做的，必須要有管理員評分，處理人以及管理員評價這些資訊），
使用流程：進入主頁，用戶不了解到哪個教室可以借用，點擊教室查閱模塊進行空閑教室的查閱，當選到合適的空閑教室，點擊該空閑教室，進入教室的借用申請模塊進行資訊的填寫，填寫完畢后等待管理人員審核；當用戶知道自己借用時段哪個教室可以借用的時候，直接點擊借用模塊進行教室的借用，填寫資訊并提交；在申請者提交申請之后，后臺管理員進行審核，當管理員審核完畢后，相應的教室狀態就會變化，教室由空閑未借用狀態變為已借用狀態，
4、原型設計總結
在設計在原型設計程序中，我們搜集了好多資料包括網上圖片的搜集、基本功能的安排以及相關功能資訊位置的擺放，同時也參考了其他高校的教室借用系統，經過組員之間的討論交流，擬定了初步的設計圖，并利用原型工具進行該原型的設計，對于該原型工具發現設計起來很方便快捷，但是有一點作圖還是不太細致，需要對齊參考線，在作圖方面不如PS軟體，但就原型制作的時間效率方面是大大提高了效率，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/225537.html
標籤：其他