軟件工程實踐2019第四次作業


結對成員

031702208
031702212


需求分析——NABCD模型

N——Need

根據題目歸納痛點:

  • 教師方面
    • 偶爾想了解畢業學生的工作、發展情況,但沒有適合的方式
  • 新生方面
    • 不知道如何選擇畢設導師、研究生導師;
    • 希望通過已畢業的學長學姐對老師的評價、看法或直接給出的建議中得到幫助;
    • 希望知道畢業學長學姐的去向和現狀,以便了解今后自身的發展前途和趨勢
  • 在讀生方面
    • 面臨求職問題,缺乏對公司面試准備、如何進一步深造的了解;
    • 希望得到同門學長學姐的幫助和內推機會,但無從得知他們的情況、聯系方式;
  • 畢業生方面
    • 想念老師,想了解老師的現狀卻顧慮重重;
    • 有工作招聘的內推機會可以提供給學弟學妹,但不了解他們的聯系方式和需求情況

A——Approach

設計一個基於Web端的原型,滿足:

  • 用戶體驗:個人信息和家族樹可以從教務處系統導入,讓家族樹成員用戶可以直接登陸就開始使用,無需自己填寫自己基本信息及查找自己家族樹組織,游客則需要注冊登錄;
  • 導師選擇:新生沒有導師家族樹,但可以在搜索欄搜索導師名字,從而看到導師關聯家族樹,從而向家族樹成員了解導師相關訊息,從而了解、選擇導師;
  • 人才尋找:
    • 設置擅長Tab實現家族樹內查找擅長某領域的學生,是方便學長學姐尋找內部推優對象,學弟學妹找前輩求助的方便途徑;
    • 設置動態社區,求職招聘、學術交流都可以在這里發帖和尋貼,給尋找工作、尋找人才的學生一個平台

B——Benefit

  • 同時具有家族關系、動態分享和社交的功能,也有一定隱私性,有效覆蓋了大部分日常需求
  • 對動態功能和交流權限進行一些改造,它甚至可以成為企業樹,以部門、員工這樣的形式實現上級下發任務的便利
  • 基於Web端開發,適應性更強

C——Competitors

  • 優勢
    實現了以導師——學生為聯系的家族樹,融合了QQ、微信等軟件的聊天功能,但是對比這些社交軟件它以校園、導師、同學為一個圈子,它利於:

    • 1.生活與學習(工作)分割。

      我相信很多人都會有打開QQ想要下載一個文檔,發布一個通知,但是不知道為什么就不自覺點開了各個群消息、空間,一通刷完后才想起來自己原本是要干什么的經歷。本產品隔離開來這些干擾選擇,找導師就點擊導師與導師對話,要討論自己遇到的學術問題可以點對點找擅長相關方向的人,或者在Moment相關分類下發帖求助。
      
    • 2.家族樹交流

      對比其他繁雜的交友軟件,這款產品實現:導師可以輕易找到自己想要交流的任何一屆的學生。學長學姐也可以根據學弟學妹的擅長Tab找到自己公司目前想要的人才。而對於萌新,現實中萌新與學長學姐之間很難有所交集,很多不懂的疑惑或許對前輩是輕而易舉,對萌新就是焦頭爛額。在這款軟件中萌新可以在家族樹中擅長這方面的學長學姐請教。
      
    • 3.社區討論

       雖然網上有很多交流社區,但是同一個學院布置的任務相同,大家起點相近,會遇到的困難也一樣。在本產品內的交流社區發布的問題由導師、同門解答更加貼近自身需求。
      
  • 劣勢

    • 要實現家族樹內的交流可能會造成優秀學生消息爆滿的情況,大家都想找大佬,如果大佬都並不想被打擾設置比較嚴格的好友驗證(本產品默認好友才能交流),就難以實現理想的互幫互助
    • 產品需要一定的用戶數量和后台數據庫,要不然就只是一個空樹

D——Delivery

  • 通過貼吧、QQ群、公眾號等途徑推廣
  • 在校園內人流量大的地方(如青春廣場)進行宣傳活動
  • 通過學校數據導入導師及學生信息,無論那名學生有沒有使用這款產品,產品可以展現一個數據完整的家族結構
  • 讓產品參加各類比賽,讓產品獲得知名度
  • ...

結對過程

結對原因:菜鳥抱團,互幫互助

原型設計工具:Axure RP 9

結對照片


詳細介紹

起始頁面

  • 點擊JOIN進入登陸/注冊頁;點擊其他地方有一些小動態效果
  • 封面圖來源@福州大學全媒體中心視覺傳媒部

登陸/注冊頁

  • 注冊框:左下角按鍵單擊后選擇身份(教師/學生/游客),若已有賬號點擊右側“LOGIN”選擇登陸
  • 登錄框:通過用戶名或郵箱登陸,若無賬號點擊左側“SIGN UP”選擇注冊
  • 切換有動態效果
  • 為了美觀效果用了英文...這種常見單詞對大學師生來說應該沒問題吧?

個人信息頁

  • 基本的信息表

    • 不包含個人隱私,每個人都可以查看
  • 收藏夾

    • 包含自己收藏的各種帖子,包括導師訊息、求職訊息等等,有利於用戶快速瀏覽自己需要的消息(右上左1圖標進入帖子詳情)

家族樹-FamilyTree

  • 點擊家族樹顯示的是以自己導師為根的家族樹,可以看到導師帶的每一級學生
  • 右側欄為當前所有被填上的節點(自動顯示與當前用戶的關系),右側欄中的任一頭像可按住拖動到樹的任一節點,會根據后台數據自動更新整棵樹
    • 如圖情況要查看導師的導師,就把點亮列表第一個導師的頭像拖入葉節點任意位置,松手后根節點就會更新為導師的導師,葉節點也會更新為導師的導師所帶的學生
  • 鼠標移到學生頭像可以看到他的名字和擅長Tab,也可以通過搜索框搜索Tab

聊天頁-Chat

  • 右側為聊天列表(按時間順序)
  • 中間部分為聊天框,考慮到總框架豎向比較窄,把它設置為可以獨立出來的窗口,可通過右上角的按鍵合並回主框

動態頁-Moment

  • 左側欄選擇要看的組,特別有部門社團項,點擊可以看到部門介紹,部門管理員發表的部門動態,便於新生了解選擇要參加的部門
  • 中間部分為動態瀏覽頁,頂上的菜單為動態分類,根據不同分類可進行的操作不同:
    • 個人動向:可點贊/評論
    • 其他:(有點類似於說說的設定) 可點贊/評論/轉發/收藏
    • 功能帖:帖子是一個跟其他比較不同的類別,可進入帖子/收藏
    • 文章:可點贊/評論/轉發/收藏 (也許還可以打賞
  • 右上角是個人動態基本情況,點擊house圖標進入動態主頁
  • 右下角mini發送框,可放大成獨立窗口,右下角選擇動態分類(必選)
  • 在動態瀏覽頁面點擊頭像進入的是個人動態首頁,在動態首頁再次點擊頭像才是個人信息頁

消息提醒頁-Notification

  • 右側為菜單,選擇查看系統消息/@/評論/點贊(不選默認全部)
  • 中間查看消息列表,可直接回復

設置

  • 隱私設置:根據個人喜好設置對非家族樹成員的可見內容(目前不打算具現了
  • 退出賬號:回到登陸/注冊界面

一些動圖


整體皮膚是取色器從背景圖上吸的色,可能不適合猛男用戶(?
裝作它有個換膚功能好了


個人總結

  • 2212:這次美術作業一開始做的還挺開心,后來逐漸頹廢_(:зゝ∠)_ 做出來的東西也沒有預期的好看,但總體上勉強滿意吧。有些功能描述的不是很清楚,因為其實我們自己也構思的不是很清楚...很多地方其實是「開局一張圖功能全靠編」本來以為是我們做的東西太多才這么慢 結果發現大家做的都好多啊我效率真的低每天都在做最后只有這幾頁 可能是太愛摳細節了_(:зゝ∠)_ 收獲的話,學到了NABCD模型 Axure算勉強一點點會用吧(還有好多功能沒試過,重點是畫布真的不知道怎么設置啊!!為什么不像其他原型工具那樣有固定大小,我在自己電腦上按照瀏覽器界面設置出來的尺寸到了隊友那邊放出來就不吻合了 嚇得我不敢放預覽鏈接免得到時候助教打開一看一坨白邊
    ↑好像不是總結是碎碎念 最后表白跟我輪流不行輪流可以的隊友(?
  • 2208:原本第一次聽到要做結對作業的時候內心是拒絕的,因為覺得兩個人很難統一想法。但是后面我們參考一些好看的ui設計選擇整體風格后,一切真的就水到渠成一樣。我們兩個都是比較會聽取對方意見的,在結對過程中一開始的基礎功能的討論,到后面各個界面設計的風格統一調整,再到最后基本完成,一點點針對需求的自我反問是否做到如何實現的再修改。不足的地方就是還有一些功能處在無法實現只是一個想法框架(就是一些原型里面沒法點擊的按鈕)。本來以為會是菜鳥抱團,但是結果出來的成品是超出預值(可能預期值沒有定的太高),感謝結對小伙伴,我是那種軟件比較難上手的人,在用Axure RP的時候她的幫助真的讓我省去了非常多的百度探索時間,總結就是結對體驗真的異常良好!!

附件

→PDF


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM