導航

一、實驗題目：原型設計

二、實驗目的：掌握產品原型設計方法和相應工具使用。

三、實驗要求

（1）對比分析墨刀、Axure、Mockplus等原型設計工具的各自的適用領域及優缺點（至少3條）。

（2）利用網絡資源自學Mockplus或墨刀等原型設計工具，并利用原型工具自擬主題進行原型設計。主題可以是高校二手交易平臺、高校社團、在線聽歌、老年手機、家庭相冊管理等。

四、原型設計工具優缺點分析
（1）墨刀
更偏向于“交互向”的原型設計工具，早期大部分用戶使用的是web版本，簡單高效的制作APP端交互，快速的可以放在手機端進行演示和體驗，真正的讓產品體驗放在研發之前，提前確認效果，降低研發試錯成本。
優點：
1、近乎完美的原型演示效果，幾乎可以以假亂真，適合產品設計確認與交互驗證。
2、豐富的元件，無需自己編寫直接使用。
3、非常方便分享給他人，預覽速度非常快。
缺點：
1、不適合做文檔，只適合做交互設計（很多產品經理會把原型圖修改為需求文檔給研發）。
2、由于事件系統比較簡單，無法演示復雜的交互效果，比如需要變量控制頁面，數據排序等。
（2）Axure
更偏向于“技術向”的客戶端產品設計工具，可能是因為“國內早期的產品崗大都是從技術崗轉型而來”，自然對這種“類IDE”編程語言向的設計工具更加熱衷。
優點：
1、即可以畫圖，又可以做文檔，畫圖的難度比PS低，寫文檔比word靈活。
2、Axure有一套非常強大的交互編輯器，可以實現復雜的邏輯的關系處理，使得模擬更加真實。
3、使用成本幾乎為零
缺點：
1、不好看，在設計師眼中，Axure的默認元件和樣式都無法接受。
2、學習成本高，高級元件的使用有一定學習門檻。
3、手機端演示效果差，服務器不在國內，自帶元件庫用處不大等
（3）Mockpuls
更適用于快速原型設計和小型團隊協作。它注重簡潔高效，提供豐富的組件和模板，適合用于簡單的移動應用和網頁的設計。
優點：
1、基礎版免費使用，操作簡單，上手快，交互簡單(只需拖曳就可以)，功能多樣，組件資源豐富，預覽方式和導出類型多樣，支持團隊協作。
2、有原型演示，可以幫助前端設計師、后端程序員更好地理解你的原型產品。
3、mockplus有組件庫和圖標庫，界面設計較為方便。
缺點：
1、不支持鼠標懸停，手機預覽不是很清楚，日歷表組件是靜態的。
2、表格功能還需要完善。
五、實驗過程
實驗選題為大學生搜題app，軟件的主要功能為拍照搜題、文字搜索與學習資料以及互動交流與學習社區等多項功能。這些功能使得大學搜題醬成為了一款全面、實用的學習工具，滿足了學生在大學學習過程中的各種需求。以下是該APP的主要界面及其功能、界面組成、前置條件、后置條件和操作步驟的簡單說明：
（1）登陸界面
用戶可以手機號登陸，或者使用其他方式登錄如微信，QQ或Apple ID。登錄即視為同意《用戶服務協議》《用戶隱私政策》。


（2）首頁界面

• 功能：提供主要的搜題功能入口，展示熱門搜索和推薦資料。
• 界面組成：搜索框、熱門搜索、推薦資料、功能入口（如拍照搜題、文檔搜索等）。
• 前置條件：打開APP并完成必要的登錄或注冊。
• 后置條件：用戶可以進行題目搜索或訪問推薦內容。
• 操作步驟：用戶在搜索框輸入問題關鍵詞，點擊搜索按鈕或直接選擇熱門搜索中的問題進行查詢。
  
  （3）拍照搜題
• 功能：通過拍攝題目照片快速獲取答案。
• 界面組成：相機界面、拍攝預覽、上傳按鈕。
• 前置條件：用戶已授權相機使用權限。
• 后置條件：上傳照片后，系統展示搜索結果。
• 操作步驟：點擊拍照搜題圖標，對準題目進行拍攝或上傳已有照片，然后上傳等待搜索結果。
  
  
  （4）文字搜索
• 功能：搜索特定教材或資料的相關內容。
• 界面組成：搜索框、搜索按鈕。
• 前置條件：用戶知道所需搜索題目的內容。
• 后置條件：展示與輸入內容相關的搜索結果。
• 操作步驟：在搜索框輸入教材名稱或掃描條形碼，點擊搜索查看相關內容。
  
  
  （5）我的界面
• 功能：提供用戶的個人信息管理、設置和歷史記錄查看。
• 界面組成：頭像、昵稱、個人資料編輯、題目收藏記錄，搜索記錄等。
• 前置條件：用戶已完成登錄。
• 后置條件：用戶可以查看和編輯個人信息，管理搜索歷史。
• 操作步驟：點擊“我的”進入個人中心，選擇相應的功能進行操作，如點擊頭像進行資料編輯，點擊設置進行個性化配置。
  
  六、界面流程