實驗一原型設計

姚衎發表於2024-04-12
對比分析墨刀、Axure、Mockplus等原型設計工具的各自的適用領域及優缺點
  • 1.墨刀

        優點:雲端操作,網頁分享,墨刀的APP原型可以支援下載在手機裡
            介面優美整潔。簡潔的介面在一定程度上有助於提高開發人員的效率。
            強大的演示能力。墨刀在輕量級的移動端原型製作更加迅速,展示更加方便。
         缺點:價格較貴,不能畫流程圖相對於其他兩款功能還不是很全面。
           應用侷限性。墨刀專注於app原型設計,在後臺和網頁稍有乏力。
            歸檔能力不足。墨刀更傾向於連結、二維碼形式輸出,不能以文件輸出

  • 2.Mockplus

         優點:基礎版免費使用,操作簡單,上手快,功能多樣,元件資源豐富,預覽方式和匯出型別多樣,支援團隊協作。
            審閱協作、無縫真機預覽。適合快速開發迭代的模式,上手快。
            模版管理、元件互動動畫、素描風格等功能為獨有創新。
        缺點:不支援手勢互動。功能不夠強大,個人性化設計還有潛力
            平民軟體,專業性不足以服眾。
            軟體細膩性有待提高。鑑於其操作簡單入門快的特點,功能追求快捷,一定程度上忽略了功能的細膩性。

  • 3.Axure

         優點:操作變化多端,自帶元件庫並支援第三方元件庫,提供強大的互動支援,有完整的教程及支援文件,支援原型預覽。
            應用靈活,可擴充性強,擁有超級強大的互動制作能力。
            高保真的原型設計工具,名聲大,專業性高。
         缺點:價效比不高,專業需求度高。難度稍大,入門較慢。鑑於其比較複雜,學習難度較大,新手勸退。
           本地型軟體,可以下載html文件預覽,手機預覽不方便。
           製作原型的速度比較慢(互動操作太多),常常耽誤時間,而且修改較繁瑣。

旅遊訂票小程式
  • 1.首頁
  • 提供視覺化的圖形介面供用於選擇操作

  • 2.首頁-票務-景區門票
  • 使用者能夠了解各類門票的價格

  • 3.首頁-票務-遊樂專案
  • 使用者能夠看到遊樂設施

  • 4.客服
  • 使用者可在此頁面與客服溝通

  • 5.購物車

  • 6.我的
  • 在此頁面可檢視我的訂單及積分等

介面流程細分
1.首頁
  • 介面功能:提供選單總覽
  • 介面組成:背景部分,按鈕部分,選單部分
  • 前置條件:使用者開啟小程式
  • 後置條件:使用者可以選擇想要實現的選單功能
  • 操作步驟:使用者開啟小程式,檢視首頁內容
2.景區門票
  • 介面功能:檢視門票價格
  • 介面組成:選單部分
  • 前置條件:使用者點選頁面選單
  • 後置條件:使用者可檢視不同人群票價併購買適合的門票
  • 操作步驟:開啟小程式,點選首頁-票務-景區門票
3.遊樂專案
  • 介面功能:展示遊樂專案
  • 介面組成:選單部分
  • 前置條件:使用者點選頁面選單
  • 後置條件:使用者可以檢視遊樂專案
  • 操作步驟:開啟小程式,點選首頁-票務-遊樂專案
4.客服
  • 介面功能:與客服溝通
  • 介面組成:對話方塊
  • 前置條件:使用者在首頁點選客服
  • 後置條件:可以諮詢所有有關此地點問題
  • 操作步驟:開啟小程式,點選客服
5.購物車
  • 介面功能:展示所有使用者想購買的東西
  • 介面組成:訂單引數,價格,時間等基本資訊
  • 前置條件:使用者加入購物車後可在購物車頁面下查詢
  • 後置條件:使用者可確定訂單是否購買
  • 操作步驟:開啟小程式,點選購物車
6.我的
  • 介面功能:檢視我的訂單,積分等資訊
  • 介面組成:選單部分
  • 前置條件:使用者在首頁點選我的
  • 後置條件:可以查詢所有訂單及積分等
  • 操作步驟:開啟小程式,點選我的

相關文章