《BUG創造隊》第三次做業：團隊項目原型設計與開發

項目	內容
這個做業屬於哪一個課程	2016級軟件工程
這個做業的要求在哪裏	實驗六 團隊做業3：團隊項目原型設計與開發
團隊名稱	BUG創造隊
做業學習目標	①掌握軟件原型開發技術；②學會使用軟件原型開發工具

任務一：學習並瞭解實驗任務書推薦的各種原型設計工具

原型設計工具簡介

    原型設計在軟件開發和與用戶的溝通中顯得十分重要，因此做爲設計人員，選擇一個適合本身的工具是相當重要的。

1.移動應用原型與線框工具-墨刀

    墨刀是一款在線原型設計與協同工具，藉助墨刀，產品經理、設計師、開發、銷售、運營及創業者等用戶羣體，可以快速搭建產品原型，演示項目效果。墨刀同時也是協做平臺，項目成員能夠協做編輯、審閱 ，更快推動項目進度，產品落地。不論是產品想法展現，仍是向客戶收集產品反饋，向投資人進行Demo展現，或是在團隊內部協做溝通、項目管理 ，墨刀均可以大幅度提高工做效率，打破溝通壁壘，下降項目風險。
    墨刀的功能優點有：①操做簡單；②多種設備完美演示；③工做流文檔生成，關注產品全局；④團隊可在線協同，溝通方便；⑤Sketch 和 墨刀 一塊兒使用，是交互標註的利器。
    墨刀的缺點有：①在交互效果上、控件組合上和操做面板的選擇上都不如A xure靈活；②效果切換採用連線的方式，當多個界面交互時，可能會十分的混亂，給使用者帶來很差的體驗；③功能不是十分的齊全，且有些功能得付費才能使用。

2. 老牌原型設計工具 -Axure RP，Axure

    Axure RP是一款專業的的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家可以快速建立應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。
    Axure RP的功能優點有：①功能齊全；②交互多樣；③備註標籤增長方便，方便研發人員理解；④功能強大。
    Axure RP的缺點有：①功能強大但不易上手，須要花必定的時間去學習；②素材較少，大部分PM 都會在Axure原型庫、素材庫去尋找相應的第三方素材庫，進行載入，須要花費必定的時間。

3.網頁和移動端的設計sketch

    Sketch是一款輕量、易用的矢量設計工具，讓UI設計更簡單、更高效。
    Sketch的功能優點有：①資源豐富；②上手簡單，對新人友好；③更新、修正速度快；④UI設計簡單高效；⑤多畫板；⑥共享樣式，不光支持智能對象，並且修改組件一秒同步全部頁面，還能一秒切換其餘組件；⑦支持mirror實時同步預覽；⑧切圖導出十分方便。
    Sketch的缺點有：①文件遷移的工做量過於複雜；②剪刀工具修剪路徑限制較大；③形狀工具只能知足基本的布爾運算；④亮度對比度等圖像調整比較困難。

4.一款簡潔高效的原型圖設計工具mockplus

    Mockplus是一款簡潔快速的原型圖設計工具。適合軟件團隊、我的在軟件開發的設計階段使用，其低保真、無需學習、快速上手、功可以用，並可以很好地表達本身的設計。Mockplus的設計理念是：「關注設計，而非工具」。拿來就上手，上手就設計，設計就能夠表達創意。從設計上，採起了隱藏、堆疊、組合等方式，把本來複雜的功能，精心安排。上手很容易，但隨着你的使用，功能層層遞進，你會發現更多適合本身的有用的功能。新手不會迷惑，熟手能夠夠用。達芬奇說，「至簡即至繁」，這一原則易說難作，Mockplus始終貫徹這一理念。
    Mockplus的功能優點有：①審閱協做功能；②無縫真機預覽；③建立原型圖、邀請、批註圖釘，以後就能夠協同工做了。全部的討論、意見、版本，都會保留；④可直接實現設計和移動設備之間的通信，直接預覽，不須要任何第三方設備；⑤在設計過程當中，設計者拿出手機就能夠隨時和Mockplus對接，將原型傳遞到移動設備，觀察原型在移動設備中的真實狀態。
    Mockplus的缺點有：①對專業人員來講，一些組件的屬性可能較少；②大部分圖標得付費後才能使用；③功能不齊全，且一些功能付費後才能使用；④保存項目時可能會出現問題，對使用者的工做有必定的影響；⑤官網教程較少，且例子模板沒有具體的操做步驟。

5.致力於高保真原型製做工具Justinmind

    JustinMind是由西班牙JustinMind公司出品的原型製做工具，能夠輸出Html頁面。
    JustinMind的功能優點有：①能夠快速製做原型；②手勢交互效果多樣且易用；③能夠建立本身的組件庫；④定義樣式便捷；⑤發佈做品後可收集反饋意見；⑥可共享原型測試；⑦可全球範圍內的複用、數據共享。
    JustinMindh的缺點有：①原型結構複雜時，設計交互動做比較麻煩；②國內學習資料較少；③學習成本高，定義爲高保真，須要設計人員懂的美工，又要懂的產品；④導出的html文件限制很強，須要特定的瀏覽器，還須要安裝插件；⑤動態面板無狀態交互。

6.一款免費的帶有手繪塗鴉風格的原型設計軟件balsamiq mockups

    Balsamiq Mockups是一款共享軟件，在軟件產品原型圖設計領域，特別是web原型圖設計領域，沒有哪款產品有如此豐富的表現形式。使用Balsamiq Mockups畫出的原型圖都是手繪風格的圖像，看上去很是美觀、清爽。它支持幾乎全部的HTML控件原型圖，好比按鈕（基本按鈕、單選按鈕等）、文本框、下拉菜單、樹形菜單、進度條、多選項卡、日曆控件、顏色控件、表格、Windows窗體等。除此之外，它還支持目前如火如荼的iPhone手機元素原型圖，這爲開發iPhone應用程序的軟件工程師提供了很是好的設計圖。
    balsamiq mockups的功能優點有：①能快速畫出界面原型；②有獨一無二的手繪風格；③內置了全部經常使用的控件，並且每一個控件的屬性都通過精心的設計，既不復雜，又涵蓋了必要的功能；④軟件佔用內存空間小。
    Balsamiq Mockups的缺點有：①官方沒有出中文版本的Balsamiq Mockups，可能會阻礙學習使用這款軟件；②對學生黨來講，軟件有點貴；③當它的控件庫不能知足咱們的須要時，咱們不能本身定製，只能乾瞪眼；④Balsamiq Mockups裏面畫的只是草稿，沒有配色，沒有設計風格，它只是每一個頁面的佈局，不能進行交互展現。

任務二：Mockplus原型設計工具團隊學習總結

    目前，有好多熱門的原型設計工具，並且各有各的優點，本次咱們團隊使用的是Mockplus，經過使用Mockplus來設計原型，發現Mockplus提供了不少設計原型的基礎組件，咱們能夠很方便地經過鼠標選定拖動進行設計面板上，並且不一樣的組件也有不一樣的屬性。並且Mockplus推出了審閱功能，審閱在解決團隊項目原型設計中的溝通和協做的問題上很重要。由於沒有孤立的原型，更沒有一次成型的原型 。當第一張原型圖被設計出來以後，老是要經過討論、修正、上報、籤批等溝通活動來完善，繼而發揮它的做用。當收到了夥伴的審閱意見，不只能夠回覆意見，同時能夠修改本身的設計。當修改完畢，還能夠再次發起審閱，發起次數是徹底沒有限制的。另外，即便項目處於審閱狀態中，也能夠繼續修改，不用受審閱的影響，審閱者也不會看到你的更改，直到再次發起審閱。

任務三：針對實驗六團隊項目選題，設計團隊項目原型，將設計文檔上傳到團隊項目倉庫，倉庫地址連接到實驗六博文中團隊項目

1.github倉庫地址連接：點擊進入

2.團隊項目原型設計成果展現

（1）管理登錄頁面

（2）繳費管理頁面

（3）停車管理頁面

（4）投訴管理頁面

任務四：團隊項目的原型設計過程、原型設計心得總結

（1）原型設計過程

    咱們團隊採用Mockplus原型設計工具，採用符合咱們項目要求的設計模板，利用Mockplus裏面的基本組件，來完成咱們的原型設計。首先，咱們團隊成員經過討論，在討論的過程當中，咱們每一個人先說出本身的想法，對社區物業管理系統的大體界面要求進行闡述，而後，進行分工，最後，咱們採用Mockplus裏面的審閱功能，分別對彼此的設計進行審閱，提出審閱意見，再進行修改和審閱，最終完成了咱們的原型設計。

（2）原型設計心得總結

    在本次團隊原型設計過程當中，咱們再一次體會到了團隊的力量，在設計過程當中，每一個人表達了本身的想法，咱們將彼此的這些想法進行整合、處理，最後經過討論選擇肯定好最終的設計方案，經過此次的團隊原型設計，咱們不只學到了不少知識，同時也體會到了團隊協做帶給咱們的高效能，在最短的時間內完成任務，而且，咱們也學習到了在團隊協做過程當中應該尊重每位成員的個性，可以充分發揮每位成員的長處。總之，本次設計讓咱們收穫頗多。