一、實驗題目：原型設計
二、實驗目的：掌握產品原型設計方法和相應工具使用。
三、實驗要求
（1）對比分析墨刀、Axure、Mockplus等原型設計工具的各自的適用領域及優缺點（至少3條）。
（2）利用網路資源自學Mockplus或墨刀等原型設計工具，並利用原型工具自擬主題進行原型設計。主題可以是高校二手交易平臺、高校社團、線上聽歌、老年手機、家庭相簿管理等。
四、原型設計工具優缺點分析
1、對比分析墨刀、Axure、Mockplus等原型設計工具的各自的適用領域及優缺點
墨刀、Axure和Mockplus都是流行的原型設計工具，它們各自在適用領域和優缺點上有所不同。
墨刀：
· 適用領域：墨刀特別適用於快速原型設計和高保真度的互動設計，尤其在移動端應用、小程式等互動設計方面表現出色。
· 優點：
· （1）墨刀操作相對簡單，易上手，支援多種設計元素和互動效果。
· （2）它支援線上協作，可以直接在設計過程中與開發人員進行交流
· （3）墨刀還自帶了許多成熟的元件，例如鍵盤、開關、手機模型等，使得設計過程更加便捷。
· （4）墨刀支援雲端儲存和檔案同步，使得設計更加方便。
· 缺點：
· （1）墨刀的一些高階功能需要收費，而且頁面數量有限制，可能不適用於大型專案。
· （2）對於複雜的互動效果，可能需要進行定製開發。
· （3）另外，墨刀必須線上操作，離線無法儲存，這可能會給一些使用者帶來不便。
Axure：
· 適用領域：Axure則更適合用於設計大型的Web應用程式，它的功能全面且強大。
· 優點：
· （1）Axure包含了幾乎所有的效果，素材庫也很豐富，可以滿足各種設計需求。
· （2）Axure具有原型演示功能，有助於前端設計師和後端程式設計師更好地理解原型產品。
· （3）Axure作為一種通訊工具，可以節省開發人員、企業業主和可用性測試人員之間的時間和金錢。
· 缺點：
· （1）Axure的學習成本較高，不易上手，需要一段時間的系統學習才能掌握。
· （2）Axure只限於在本地進行設計，不支援線上協作和雲端儲存，這可能限制了其在一些場景下的應用。
Mockplus：
· 適用領域：Mockplus則更適合快速建立中小型專案的原型。
· 優點：
· （1）Mockplus易於上手，功能也較為齊全。
· （2）它支援元件庫和圖示庫，使得介面設計較為方便。
· （3）Mockplus支援實時手機預覽，可以方便地在手機上檢視和測試原型。
· 缺點：
· （1）Mockplus的功能相比其他工具可能還不夠完善，例如在手機上的預覽有時會出現問題。
· （2）雖然Mockplus易於上手，但對於複雜的設計需求，可能還需要其他工具的輔助。
墨刀適用領域： 和他人在雲端進行線上實時協作，完成多端同時登入，極大減少繁瑣的操作和溝通成本。介面簡潔，可以進行網頁設計即跨平臺操作。
墨刀優點：
（1）元件庫內建豐富原型元件及頁面的素材模式，包含基礎、高階、發現三個分類。
（2）大量常見互動元件已經封裝，可以直接使用，非常方便快捷。
（3）快捷高效地輸出一個高保真模型。時間短、質量高，高保真模型的設計規範應有盡有。
（4）一鍵預覽，可以在預覽中操作所有互動。功能穩定，極少發生無法預覽的情況。
墨刀缺點：
（1）和他人在雲端進行線上實時協作可能會遇到多種問題例如網路。
（2）功能簡單，只適用簡單操作。
（3）互動功能不夠完善。
Axure適用領域：大型複雜原型設計和互動性專案。利用原型圖的設計規範，再進行最佳化，可以輸出要求過高的高保真模型。
Axure優點：
（1）滿足各種輸出高保真原型圖的需求。
（2）快速測試UI元素和互動。不用從頭開始一步一步做互動效果，提高工作效率。
（3）工具可以使用上手性強，原型圖輸出更為方便快捷，操作也更加流暢。
Axure缺點：
（1）需要學習大量教程慢慢積累互動設計的操作。
（2）無法一鍵分享，需要透過自建伺服器或託管伺服器進行預覽和分享。
（3）儲存於本地，無論是分享還是合作都需要進行本地傳輸。下載Axure團隊版可以實現多人協作，但是還是依賴區域網，不能夠在其他網路下使用。
Mockplus適用領域：Mockplus是一款簡潔快速的原型圖設計工具。適合軟體團隊、個人在軟體開發的設計階段使用。
Mockplus優點：
（1） 介面設計較為方便。
（2）有原型演示，可以幫助前端設計師、後端程式設計師更好地理解你的原型產品。
（3）有豐富的元件和模板。
Mockplus缺點：
（1）一些功能相對有限，還需完善。
（2）不支援滑鼠懸停和手勢互動。
（3）設計不夠靈活，文件支援欠缺。
五、****實驗過程
前言：現代社會的職住分離現象逐漸增多，使得上班一族對外賣的需求逐漸增加。這為外賣行業的發展提供了廣闊的市場空間。其次，網際網路技術的快速發展為外賣平臺的興起提供了技術支援。網際網路的高效資料處理能力使得大型外賣平臺在技術上成為可能。透過網路平臺或手機應用點餐，餐廳或外賣平臺能夠將食物送到顧客指定地點，這種便捷性深受消費者歡迎。
1、主題名稱：原型設計：高仿美團外賣小程式
功能：無需下載和安裝：美團外賣小程式可以在微信或其他主流社交媒體平臺上直接使用，無需進行額外的下載和安裝步驟，節省了使用者的時間和手機儲存空間。輕便簡潔：與App相比，小程式的介面更加簡潔，不會有過多繁雜的功能和操作。實時跟蹤訂單狀態：小程式提供實時跟蹤訂單狀態的功能，讓使用者可以隨時瞭解訂單的更新資訊，增加了使用者對於訂單進度掌控感。使用者可以在小程式內一鍵評價訂單，包括餐品質量、服務質量等，同時支援歷史訂單的查詢功能，方便使用者隨時查詢所需訂單資訊。多種支付方式：支援支付寶、微信支付、信用卡等多種支付方式，方便使用者快速完成支付。智慧推薦與促銷活動：美團外賣小程式還具有智慧推薦和促銷活動等功能，能夠根據使用者的偏好和歷史訂單資訊推薦合適的餐廳和菜品，同時提供各類促銷和優惠活動，增加使用者的訂餐樂趣和實惠感。
小程式總體實現：實驗選題為高仿美團外賣小程式，軟體的主要功能為使用者可以透過輸入餐廳名稱、菜品名稱或關鍵詞來搜尋附近的餐廳。小程式會顯示餐廳的詳細資訊，包括選單、價格、使用者評價、營業時間等，方便使用者瀏覽和選擇，滿足了上班一族等人群對外賣的需求。以下是該小程式的主要介面及其功能、介面組成、前置條件、後置條件和操作步驟的簡單說明：
首頁介面
(1)功能：根據使用者需求進行選擇，有美食、甜點飲品等選項。
(2)介面組成：搜尋框、具體定位、選擇選項、為你優選、推薦美食。
(3)操作步驟：使用者可以透過輸入餐廳名稱、菜品名稱或關鍵詞來搜尋附近的餐廳。小程式會顯示餐廳的詳細資訊，包括選單、價格、使用者評價、營業時間等，方便使用者瀏覽和選擇。
搜尋介面
(1)功能：根據使用者需求進行選擇，有美食、甜點飲品等選項。
(2)介面組成：搜尋框、歷史搜尋、推薦搜尋
(3)操作步驟：搜尋頁面會有推薦餐廳、使用者可以透過歷史搜尋找到之前記錄，方便使用者瀏覽和選擇。
訂單介面
(1)功能：根據使用者需求進行選擇，有全部、待付款、待取餐、待評價等功能。
(2)介面組成：搜尋框、各種訂單完成情況、退款情況。
(3)操作步驟：點全部就會出現自己所有的訂單詳情，根據消費者需求點某個選項。
個人中心介面
(1) 功能：使用者管理個人資訊、訂單和偏好設定的核心區域。這個介面設計得既簡潔又實用，方便使用者快速訪問所需的功能和資訊。
(2)介面組成：個人中心介面的頂部通常會展示使用者的頭像和使用者名稱，作為身份標識。點選頭像或使用者名稱，使用者可以進入個人資訊編輯頁面，修改頭像、暱稱等個人資料。接下來，介面會展示一系列的功能入口和資訊模組。其中，訂單管理是一個重要的功能，使用者可以檢視自己的全部訂單，包括待支付、待接單、待配送、已完成等狀態的訂單。透過點選相應的訂單，使用者可以檢視訂單詳情、配送狀態、騎手資訊等。
(3)操作步驟：小程式的個人中心介面是一個功能豐富、操作便捷的區域，為使用者提供了全面的個人資訊管理和訂單管理服務。
