1. 程式人生 > >科聊——即時通信軟件原型設計

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

標簽頁 方法 實驗 tor 擴展 software ont 原型制作 自己的

原型展示地址:科聊

原型設計工具:墨刀

運行環境: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的情況下,選取第一批試用人員(例如班集體人員),根據他們的反饋然後完善軟件,美化主題;並逐步做好擴展功能;然後向其他班級或者實驗室甚至全校範圍推廣,宣傳擴大,進一步完善軟件架構。

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

以上。

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