軟工第四次作業之福大霸業原型設計

人生其實像一條從寬闊的平原走進森林的路。

作業內容及結對基本信息

作業鏈接：https://edu.cnblogs.com/campus/fzu/2019FZUSEZ/homework/8662
結對學號：031702414 | 031702444
博客PDF：下載PDF壓縮包
原型設計工具：墨刀

---

NABCD模型分析與設計

附文

同門師生們長久以來的困擾:

老師的困擾：都說鐵打的營盤流水的兵。老師，總會經歷結識新生、相處多年的本科生和研究生畢業、又一批新生加入等年復一年周而復始的過程。這既是老師這個職業的悲哀，也許也是老師這個職業有活力的地方。作為老師，夜深人靜時，偶爾會想，幾年前畢業的某某學生，現在怎么樣了啊；某某學生，在哪里工作啊，發展如何啊。但是又不好主動去問。不知道是不便打擾，還是老師太矜持，還是想想就夠了而答案不重要。也許默默地關注着學生的動態就夠了；不一定非得等到教師節，才收到學生在問候中也許包含的關於現狀的描述。

萌新學生的困擾：作為萌新學生，我不知道要選擇哪個老師作為我的畢設導師，或選擇哪個老師作為我的研究生導師。除了了解導師的個人主頁介紹、和老師郵件溝通以外，其實最有效、客觀、避免踩坑的方法是和老師現在帶的或之前帶的已經畢業的學姐學長交流一下，聽聽他們對於老師的評價、看法和對我的建議。這也許對我選擇老師會更有幫助呢。看看已畢業的學姐學長們的去向和現狀，我也能知道我加入實驗室后，我今后可能的發展前途和趨勢是什么樣的。

在讀學生的困擾：學姐學長們都是誰啊，該怎么聯系啊。我要找工作了，應該如何准備公司面試或進一步深造啊，有沒有同門學姐學長可以給我內推的機會啊。我應該如何和他們聯系呢。

已畢業學生的困擾：偶爾想念老師啦。主動敲老師的現狀，會很尷尬吧；老師也沒有特別有空吧。現在實驗室的學弟妹們都有誰啊，他們都在研究什么課題，做什么項目啊。我能不能提供工作招聘的內推機會給他們啊，這樣我也能順便得到內推獎金😁，兩全其美，何樂而不為。可是學弟妹是誰呢，有誰需要呢，如何聯系呢。

N（Need 需求）

老師的需求：

• 核心需求

  • 默默的隨時隨地的關注已畢業學生的工作發展狀況和在讀學生的學習生活狀況

    （比如有沒有女朋友 (＝^ω＝)）

• 擴展需求

  • 可以和學生親切而不尷尬的交流

萌新的需求

• 核心需求
  • 可以選擇符合自己興趣或者適合自己的畢設導師
  • 可以和學長學姐無障礙交流，獲取對相關老師的評價，看法和對自己的建議
  • 了解如何加入實驗室以及加入實驗室后自己今后的發展前途和研究方向
• 擴展需求
  • 了解自己未來想要研究的技術的學習路線和如何獲取相關學習資源

在讀學生

• 核心需求
  • 聯系與自己學習專業相關的學長學姐並與之交流
  • 如何獲得自己想要就職崗位或公司的內推資格
  • 如何准備公司面試
  • 如何准備考研/考公

已畢業學生

• 核心需求
  • 了解老師們現在的生活狀況和研究方向
  • 了解現在實驗室的學弟學妹們在做的課題或者項目
  • 有渠道能夠分享自己公司的內推信息
• 擴展需求
  • 泡學妹

經過對各種需求的分析思考之后我們得出了以下幾個痛點：

1. 老師和自己的學生難以隨時隨地關心和了解彼此真實的狀況。
2. 學弟學妹難以清晰的了解自己待解決問題的求解方向和求解方法，和學長學姐或者導師沒有精准定位的交流分享來解決問題。
3. 學生難以展示自己真正的能力水平從而獲得更進一步的指導或者權威人士的認可

A（Approach，方法）

• 設計一個針對用戶需求及痛點的APP：福大霸業

  主要頁面和主要功能如下：

• 家族主頁：學院

  • 同門模塊

    • 查看自己的學長學姐學弟學妹以及同門，獲取他們的基本信息和聯系方式，遇到問題可以隨時隨地找他們交流分享學習，最后解決問題。

  • 導師模塊

    • 查看導師從屬關系圖，獲取導師的基本信息和聯系方式，遇到問題可以及時找他們詢問交流，獲得解決問題的方向和途徑。

• 個人主頁

  • 顯示基本個人信息（簽名，幫派，公司，生日，聯系方式），職業（本科生/碩士生/博士/教授/副教授/講師）。

  • 有個人簡歷功能：可以增添顯示自己已做出的各種成果

  • 顯示自己的導師及其主頁鏈接，點擊即可查看導師的個人主頁

  • 個人動態發布功能

  • 聊天關注功能

• 公會主頁：討論區

  • 搜索功能：模糊搜索相關話題以及精准搜索相關問題的帖子

• 顯示帖子：點擊后出現帖子的詳細頁面

  • 顯示帖子詳細頁面內容：
  • 評論回復打賞功能

• 發帖功能：發布一個帖子，內容可以是自己遇到的困難求助或者可以提供內推信息，學習資源等各類帖子

• 幫派主頁：實驗室

  • 個人實驗室
    • 查看自己所屬的實驗室
    • 個人項目管理功能
    • 個人收藏功能
    • 總結最近學習內容
  • 面向所有人
    • 顯示基本信息：
      • 實驗室簡介
      • 實驗室成員
      • 實驗室項目
      • 實驗室成果
    • 申請加入的功能：為想加入的學生提供途徑

B（Benefit，好處）

1. 討論區生態：通過提問拋磚引玉,通過學長老師系統的分析回答，高效解決各種生活問題或者學術問題

2. 隨時隨地通過他人的主頁看望你想要關注的人的情況

3. 可以通過族譜查看本家族所有成員以及導師的導師的導師......

4. 有實時分享小視頻的功能，能夠記錄美好時光分享美好生活。

C（Competitors,競爭）

圖片 圖片

我方優勢

1. 殺手功能：討論區 生態 大殺器花費金幣可以發布自己遇到的問題帖子通過解決工會里的問題帖子來賺取賞金通過解決帖子的多少及難度和金幣評定等級來進行等級划分（少尉，中尉，上尉......）
2. 通過討論區的生態，極大的提高用戶的積極性，提高了解決問題的效率。比如你需要學習一門技術的資源，留下賞金與帖子就能更快得到其他賞金獵人的解決。並且你的等級越高，代表你幫助別人的次數越多也會得到更多人的尊重與幫助

我方劣勢：

1. 其他原型設計者可能會設計出更好的UI交互界面，值得我們學習
2. 其他原型設計者對對需求的解決方案可能更有創意，值得我們學習

平手：

1. 大家的解決方案都有較為完整的基本功能

D（Delivery,推廣）

1. 第一步 通過學院QQ微信群等先在學院內推廣內測

2. 第二步 通過校方在福州大學內部使用

3. 第三步 通過上傳到APP應用商推廣到全國高校使用

4. 走向全世界

---

原型設計

世界級圖形設計大師Paul Rand（保羅.蘭德）曾經說過：“設計絕不是簡單的排列組合與簡單地再編輯，它應當充滿着價值和意義，去說明道理，去刪繁就簡，去闡明演繹，去修飾美化，去贊美褒揚，使其有戲劇意味，讓人們信服你所言……”

原型展示

原型主要思想：

1. 我們為了解決同門中師傅師娘師叔師兄師姐師弟師妹等等所有人無障礙交流，積極的解決問題，參與同門事務，以討論區（及公會）為登錄后主要頁面，就相當於進入及身處同門江湖之中。
2. 下方導航欄為公會，幫派，添加，家族，個人五個元素用於切換界面。五個主要頁面上方的福大霸業更是璀璨。
3. 關於查看導師的導師的導師，我們除了在族譜里面有族譜圖，而且在個人頁面添加了查看導師的功能，更加方便的解決了即查看導師又查看導師的個人主頁基本信息（生活工作動態，研究方向等等）的需求。
4. 有關同門師兄師姐師弟師妹等等人的聯系方式，我們在同門模塊里分不同的年級，每個年級里面又有每個人的學號及姓名，點擊及可查看此人的詳細主頁。
5. 我們通過添加功能可以進行帖子和動態兩種完全不同方面的發布。

原型界面

公會界面

主界面

懸賞帖子詳細界面

幫派界面

幫派主界面

幫派介紹頁面

幫派成員顯示頁面

幫派項目及成果頁面

申請加入頁面

個人幫派管理界面

添加界面

主界面

動態發布和發懸賞帖頁面

個人界面

個人主頁

導師（他人）頁面

簡歷頁面

聊天界面

家族界面

主界面

同門界面

導師界面

遇到的困難和解決方法

• D：第一次接觸墨刀，不懂得如何使用。

• A：在B站觀看墨刀快速入門教程（然而並沒有什么卵用），后面實戰演練。

---

- D：兩個人的設計觀念不一，風格迥異。

• A：分工合作，對半折衷，各取所長。

---

- D：需求分析復雜交織，沒有凝聚核心需求。

• A：推倒重新思考總結，最后結成共識

---

- D：自己設計的界面太土（不堪入目）。

• A：學習別人設計的界面，融合自己的特色，創造新的界面。

---

結對總結

1. 肝，就是肝，肝到爆（沒做出來是不可能睡覺的，沒做出來是不可能回家的）。
2. 偷師到大佬的分數那么高的秘密（一字一句都是認真思考，一圖一表都是精心挑選）。
3. 認識到隊友的重要性，之前的編程作業都是全是個人編程，互相都以為這次和隊友會有配合不來等等什么異常，沒想到兩個人肝才是雙倍快樂的事，創新的源泉不斷涌現，互相的支持才能完美的走到最后！！！
4. 從沒有完美的設計，也沒有完美的配合，只有互相幫助互相學習，打磨配合的越來越來才能有更加完美的作品。
5. 熟悉了墨刀的使用方法，深入了解了原型設計的內在邏輯和實現方法。
6. 加油！沖鴨！

---

結對照片/手稿圖  

長路漫漫 隊友作伴~

---

**經學長在評論區的建議后對博客的新加內容**

---

### 原型設計的技巧

對待作業態度很重要

技巧也沒什么，畢竟是第一次😂，說一下自己的原型設計經歷吧。

首先，我仔（怎么可能）細的看了題目的各種需求， 在心里大致規划了一下主要的頁面，然后想了一下這些頁面都需要什么功能，以及邏輯關系。

然后，因為課比較多的原因，快（被）樂（迫）拿出自己的草稿紙對自己幾節課的構想，以及對需求而產生的功能進行列出，再綜合到一起。用紙和筆進行頁面草圖規划。

再然后，因為大致框架已經建立，所以我先建立了一個測試版，順便收悉練習一下墨刀的使用。這個測試版主要實現主要頁面（基本都是空白）和它子頁面的邏輯框架關系以及子頁面之間的跳轉關系。說白了就是搭建一個框架。

然后。自己感覺對作業的准備工作做好了之后，就開始和隊友一起做原型，我們建立圖庫方便對所需圖片進行管理，參考了一些市面上成熟的頁面UI設計，重新規划了頁面，充實了頁面，優化了頁面，然后經過默（胡）契（亂）的配合，最終呈現了最后的版本。

對結對隊友的評價：隊友有很強的責任心

說實話，本來以為結對這種東西很不適合我，畢竟一個人也這么多年了hhhh。

但是在這次結對中，我感覺自己的創新思維和思想源泉更容易被激發。和隊友的配合中，竟也讓我感受到了寫軟工作業的快樂。

我感覺隊友也為這次工作做了很多准備，所以才會配合的很開心。

由此可見，我的結對隊友對我來說是十分重要的。

對App實現的難點及方法：主要提難點，解決方法不是很懂。

難點1：討論區的在線人數過多或信息量過大導致崩潰。

解決方法：像聯盟一樣搞一個排隊機制？！！

難點2：討論區對賞金的控制管理。

解決方法：請一個經管的妹子來理財！！！