原型設計之校友圈APP功能實現介紹

柳舟發表於2024-04-12

一、對比分析墨刀、Axure、Mockplus等原型設計工具各自適用領域及優缺點

1.原型設計工具---墨刀

適用領域:

​ 墨刀適用於裝置管理,裝置聯動與位置服務,事項管理與告警,移動端應用等。

●優點:
(1)良好的使用者體驗。墨刀提供了直觀的使用者介面,使得原型設計過程非常順暢,其控制元件的拖拉和大小調整會自動匹配相應的母版大小,無需擔心對齊問題,系統控制元件支援iOS和安卓平臺,允許選擇相應的裝置佈局,減少了設計工作。
(2)易於分享和預覽。墨刀的原型可以下載到手機,方便使用者在手機上預覽原型,此外,墨刀支援透過網頁連結分享原型,便於協作和反饋。
●缺點:
(1)互動效果的限制。墨刀在互動效果上不如Axure靈活,它內建的互動效果包括點選、滑動、滾動等,對於需要複雜互動效果的高保真原型設計可能不夠用。
(2)缺乏流程圖功能。雖然墨刀適用於廣泛的原型設計需求,但它不支援流程圖功能,這可能不適合所有型別的專案。

2、原型設計工具之---Axure

適用領域:

​ Axure適用於軟體和網頁原型設計,使用者體驗設計,多人協作和版本控制管理等

●優點:

(1)支援豐富的互動和動畫效果,能實現複雜的邏輯關係處理,適用於多種設計需求,並且提供了大量的可重用元素庫,如按鈕、表單、列表等,簡化了設計過程。

(2)Axure支援多人協作,提高團隊合作效率,還提供了許多第三方外掛,可以擴充套件其功能,例如將原型轉換為HTML檔案或程式碼。

●缺點:

(1)Axure的學習成本較高,其功能和操作介面較為複雜,對於新手來說難以快速掌握,並且Axure的素材庫可能不滿足所有需求,需要使用者尋找第三方素材庫,增加了設計成本。

(2)Axure在製作手機端原型時可能存在一些限制,例如預覽效果可能不如預期,且伺服器不在國內可能導致載入速度慢。

3、原型設計工具之---Mockplus

●適用領域:

​ Mockplus適用於軟體團隊,個人專案以及產品設計團隊

●優點:

(1)Mockplus操作簡便,特別適合初學者和設計師,它提供了豐富的預設元件和圖示資源,可以快速搭建原型.

(2)Mockplus的互動設計視覺化且直觀,使得即使沒有深入學習過設計工具的使用者也能輕鬆使用,它還支援團隊專案的線上審閱和編輯,有利於團隊協作。

●缺點:

(1)Mockplus的功能相對於一些更高階的工具來說較為有限,特別是在處理複雜互動效果和高保真原型方面,它的相容性和匯出選項也可能不如一些其他專業工具那麼靈活。

(2)雖然Mockplus提供了手機預覽功能,但在某些方面可能不如專門的移動設計工具那樣強大。

二、原型設計------校友圈APP

1.主題名稱:校友圈APP

2.功能:使用者在註冊時可以選擇所在學校並透過提供學號等驗證性功能進行身份核實,若身份核實成功,則成功進入該高校的校友圈,校友圈最主要的功能類似於分享以及問答網站,使用者可以釋出帖子,帖子內容包括但不限於尋物,尋人,閒置出賣,二手回收等等,當然也包括對於校園事件的各類看法以及心情分享等,該APP還可以看到學校課表以及上課提醒,也囊括了學校的各類服務,最新校園諮詢等,還可以根據專業來推送不同的競賽資訊以供學生們知曉。

3.介面考慮設計因素:介面主要有四大板塊,分別為首頁,服務,訊息,我的,囊括了分享,交友,校園資訊通知以及個人資訊等功能,該頁面簡潔流暢,在實現客戶需求的前提下最大限度實現簡潔美觀,功能豐富。

(一)主頁面

1、介面功能:可以看見學生發表的帖子,搜尋想要了解的資訊

2、介面組成:眾多帖子合集,搜尋欄

3、前置條件:點選APP圖示完成註冊,驗證身份成功

(二)課表頁面

1、介面功能:可以看見課程表,以及設定上課提醒,也可以細化鈴聲以及是否振動等

2、介面組成:課程資訊

3、前置條件:點選APP首頁的課程表字樣

(三)服務頁面

1、介面功能:學校的眾多功能合集

2、介面組成:基本功能以及資訊資訊

3、前置條件:點選APP服務板塊

(四)釋出帖子頁面

1、介面功能:釋出帖子,可以是文字,圖片,影片或混合

2、介面組成:編寫欄,標題欄,選擇圖片或影片欄

3、前置條件:點選APP加號進入

(五)訊息頁面

1、介面功能:提供加好友功能,可以收到別人發來的資訊

2、介面組成:帖子的點贊收藏轉發評論量顯示,能收到其他人的私信資訊

3、前置條件:點選APP資訊板塊

(六)我的頁面

1、介面功能:個人資訊合集

2、介面組成:校園二維碼,個人資訊大創專案,消費情況,成績查詢,論文情況

3、前置條件:點選APP的我的板塊

以上即為校友圈APP的進本功能介紹。

相關文章