原型設計工具比較及實踐

user666發表於2024-04-14

一、原型設計工具比較
1、 墨刀:

  • 適用領域:墨刀適用於快速原型設計和團隊協作,特別適合移動應用和網頁設計。
  • 優點:使用者介面友好,易學易用;支援多人協作,方便團隊合作;提供豐富的模板和元件庫。
  • 缺點:功能相對較簡單,對於複雜互動和動畫支援有限;在大型專案中可能效能不足。
  1. Axure:

    • 適用領域:Axure適用於複雜互動和高保真度原型設計,適合需要詳細互動設計和原型演示的專案。
    • 優點:功能強大,支援複雜互動、動畫和條件邏輯;高度可定製性,可以滿足各種設計需求;適合大型團隊協作。
    • 缺點:學習曲線較陡,相對複雜,需要一定時間掌握;價格較高,適合專業設計師和團隊使用。
  2. Mockplus:

    • 適用領域:Mockplus適用於快速原型設計和簡單互動,適合初學者或需要快速驗證想法的設計師。
    • 優點:簡單易用,拖放操作快速建立原型;支援快速原型驗證和演示;價格相對較低。
    • 缺點:功能相對簡單,不適合複雜互動和高保真度設計需求;定製性較弱,可擴充套件性有限。

總的來說,墨刀適用於快速原型和團隊協作,Axure適合複雜互動和高保真度設計,Mockplus適合快速驗證想法和簡單原型設計。選擇合適的工具取決於專案需求和設計團隊的實際情況。
二、原型設計實踐
主題:某音樂軟體
功能:儲存個人喜好,搜尋,顯示歌曲詳情資訊等
介面設計考慮因素:頁面簡介明瞭,簡約,功能精簡必要,不臃腫
1、首頁
頁面組成:搜尋框,推薦歌曲,播放,我的
後置條件:點選“播放”或“我的”或“歌單”或“歌曲”

2、播放頁
頁面組成:歌曲封面,歌詞,暫替/播放,切換上/下一首,列表,收藏(喜歡)
前置條件:點選歌曲播放或點選“播放”
後置條件:點選返回

3、“我的”頁
頁面組成:訊息,動態,其他功能
前置條件:點選“我的”
後置條件:點選“推薦”或“播放”

4、歌單詳情頁
頁面組成:歌曲列表,收藏,點贊
前置條件:在首頁點選“歌單”
後置條件:點選歌曲播放或點選“推薦”或“我的”

5、搜尋頁
頁面組成:搜尋框,推薦歌曲
前置條件:點選搜尋框
後置條件:點選返回

使用者使用切換流程說明:首先使用者進入主頁也就是推薦頁,使用者可以選擇直接點選歌曲進入播放頁聽歌,或點選歌單進入歌單詳情頁以便檢視更多歌曲來選擇播放,這期間可以點選底部“推薦”或返回返回到主頁。使用者還可以點選“我的”進入“我的”頁,檢視使用其他功能。使用者還可以在首頁點選搜尋框進入搜尋頁來進行搜尋歌曲,並顯示相關推薦歌曲,之後可點選返回或左下角推薦返回到主頁。

相關文章