科聊——即時通信軟件原型設計


原型展示地址:科聊

原型設計工具:墨刀

運行環境:Android,Web瀏覽器(Chrome測試)

安卓下載:       

                

說明:產品原型是整個產品面市之前的一個框架設計,本產品原型對框架結構做出了基本搭建,未注重圖標的美化和細節的布局。


Need

科聊,顧名思義,做我們科大自己的即時通信軟件,方便校園內部的溝通聯系,完成點對點的即時通訊,極大滿足科大用戶需求。

Approach

潛心慎慮,暫定平台基於Android實現,原因有幾點:

1.移動設備便於攜帶,切合即時通信工具的本意

2.Android面向大量用戶,基數大

實現方法主要基於聊天框架,涉及社交圈子和信息交流,詳細設計見下文。

Benefits

實現科大好友間緊密的溝通通訊,促進科友圈的文化交流;

基於安卓的簡便易攜性;

設置聊天的多種功能。

Compettors

即時通信領域前有QQ后有微信,他們已經龐大到將軟件的功能面面俱到,非我們目之所及,但我設計“科聊”原型只為增強校園通信提供一個微不足道的途徑,亦為高級軟件工程這門課磨練自己。

Delivery

(如要推廣)先從自己的班級開始,推薦第一批使用人員並提供反饋,然后完善軟件,並逐步做好擴展功能;然后向其他班級或者實驗室甚至全校范圍推廣,宣傳擴大,進一步完善軟件架構。

MVP

Minimum Viable Product,我將深入做好即時通信軟件的基礎功能,開發具有足夠功能以滿足早期采用者的新產品,最后一套完整的功能僅在考慮產品初始用戶的反饋后才設計和開發。


 

原型設計

基本結構圖

 

 

啟動界面

 

主頁

 

 

 

主頁默認科聊標簽頁;

在底部欄可切換“科聊”,“聯系人”,“發現”,“自己”四個標簽;

查看信息可進入聊天頁面。

進入聊天頁面

 

 

可查看自己與好友的聊天信息,底部設有鍵盤輸入和語音輸入切換功能,表情包管理和更多功能;

 

表情包

 

左滑可切換表情包,鍵盤輸入和語音輸入可以相互切換

 

更多功能

 

圖片發送

 

 

通話功能

 

發送位置

 

 

 

 

 

 

 

發紅包

 

 

聯系人頁面

 

 

好友信息

 

 發現頁面

 

 

 

科友圈

 

 

 

搜一搜

 

自己頁面

 

錢包

 

設置

 

(滑稽.jpg)

 


 

原型制作的一些想法

1.原型制作不必糾結於UI的處理,不一定要把圖標,主題做的精致(那是后期美工的事),也不一定把功能做的面面俱到。MVP的思路就是開發具有足夠功能的新產品或網站以滿足早期采用者,而最后一套完整的功能僅在考慮產品初始用戶的反饋后才設計和開發。

2.在用墨刀的過程中要熟練對母板的使用,用好母版很多地方的困難都可以迎刃而解,但這也是困難的地方。我在此次設計中建立了掃一掃的母版,聊天頁的模板,例子如下:

 

 3.通過本次作業訓練的技能和想訓練的技能:

SE: Requirement 

Programming: Comprehension 

Programming: Disign 

Personal Software Process 


 

方向展望

在已經具備mvp的情況下,選取第一批試用人員(例如班集體人員),根據他們的反饋然后完善軟件,美化主題;並逐步做好擴展功能;然后向其他班級或者實驗室甚至全校范圍推廣,宣傳擴大,進一步完善軟件架構。

科聊——即時通信軟件原型設計

 

以上。

 


免責聲明!

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



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