簡單智慧手機原型設計

白杨de發表於2024-04-14

實驗一


一、實驗題目:原型設計

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

三、實驗要求與過程

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

1、墨刀

適用領域:墨刀主要適用於移動應用、小程式等互動設計,尤其擅長快速原型設計和高保真度的互動設計。

  • 優點:
    操作簡單直觀,容易上手,適合初學者使用。
    支援多種設計元素和互動效果,可快速建立高質量的原型。
    支援線上協作,方便團隊成員之間的溝通和交流。
  • 缺點:
    一些高階功能需要收費,且頁面數量有限制,可能不適用於大型專案。
    對於複雜的互動效果,可能需要進行定製開發,增加了學習成本。

2、Axure

適用領域:Axure適用於大型專案和Web應用程式的原型設計,常用於需求分析和功能評估,適合高保真度和資料驅動設計。

  • 優點:
    功能強大,支援複雜互動設計,能夠製作出高度逼真的原型。

    支援多人協作和版本控制,方便團隊協作和管理。
    具有豐富的文件輸出和匯出功能,方便與其他團隊成員共享和展示。
  • 缺點:
    操作相對複雜,上手難度較大,需要一定的學習成本。
    在處理大量資料或複雜互動時,可能會出現效能問題。

3、Mockplus

適用領域:Mockplus適用於中型專案的原型設計,支援多種模板和快速設計。

  • 優點:
    操作簡單,易上手,適合快速原型設計。
    支援多種模板,可以快速構建原型框架。
    支援多人協作,方便團隊成員之間的交流和協作。
  • 缺點:
    功能相對單一,可能無法滿足複雜互動設計的需求。
    自定義元件支援較弱,可能限制了一些設計靈活性。

綜上所述,墨刀、Axure和Mockplus各有其特點和適用領域。墨刀適合移動應用和快速原型設計;Axure適合大型專案和複雜互動設計;Mockplus則適合中型專案和快速原型設計。在選擇原型設計工具時,可以根據專案需求和個人偏好進行權衡和選擇。

(2)簡單智慧機原型設計

1.主題名稱:智慧機

  • 功能:設計一款簡單易用、大字型、大按鍵原型。
  • 介面設計:介面設計採用大字型、高對比度、清晰易懂的圖示;按鍵設計需大且易於操作;

2.介面設計與切換流程

  • 介面一:主介面

功能:顯示時間、日期、電量等資訊,提供常用功能入口。
介面組成:時間顯示、日期顯示、電量顯示、常用功能圖示(電話、簡訊、聯絡人等)。
前置條件:開機後預設進入主介面。
後置條件:使用者點選圖示進入相應功能介面。
操作步驟:開機後,使用者可在主介面檢視時間、日期和電量資訊,點選圖示進入相應功能。

  • 介面二:電話介面

功能:撥打電話、檢視通話記錄。
介面組成:通話記錄列表、聯絡人。
前置條件:使用者點選主介面中的電話圖示進入電話介面。
後置條件:使用者撥打電話後返回主介面或檢視通話記錄。
操作步驟:使用者進入電話介面後,可使用撥號盤撥打電話,檢視通話記錄或點選常用聯絡人快捷撥號。

  • 介面三:簡訊介面

功能:檢視、傳送簡訊。
介面組成:簡訊列表、輸入框、傳送按鈕。
前置條件:使用者點選主介面中的簡訊圖示進入簡訊介面。
後置條件:使用者傳送簡訊後返回主介面或繼續檢視簡訊。
操作步驟:使用者進入簡訊介面後,可檢視已收到的簡訊,點選輸入框編寫併傳送新簡訊。

  • 介面四:相機介面

    功能:拍照功能、錄影功能、前後攝像頭切換
    閃光燈控制:提供閃光燈的開啟、關閉及自動模式。
    介面組成:取景框、快門按鈕、模式切換按鈕、
    攝像頭切換按鈕、閃光燈設定、變焦滑塊或按鈕
    前置條件:使用者開啟相機應用後,預設進入相機介面,取景框顯示實時拍攝畫面,快門按鈕、模式切換按鈕、攝像頭切換按鈕。
    後置條件:拍照或錄影完成後,介面將顯示拍攝的照片或播放錄製的影片,並提供儲存。使用者可繼續拍攝或退出相機應用。
    操作步驟:使用者開啟相機應用,進入相機介面。
    對準拍攝物件,確保取景框中顯示的內容符合拍攝要求。按下快門按鈕進行拍照。
  • 介面五:日曆介面

功能:顯示、切換日期、新增、檢視、編輯日程。
提醒功能。
介面:日期顯示區、日程列表/圖示、功能按鈕、
前置:開啟日曆應用。
後置:操作完成後,介面更新;觸發提醒。
操作:檢視日期、切換日期、新增日程並儲存、
檢視/編輯日程、設定提醒。

  • 介面六:相簿頁面

功能:展示圖片、、篩選功能。圖片預覽、編輯、分享、刪除、移動、複製操作。
介面:縮圖列表、搜尋/篩選工具、功能按鈕。
前置:開啟相簿應用。
後置:操作完成後,頁面更新;分享成功則傳送至目標平臺。
操作:瀏覽縮圖、排序/篩選圖片、點選預覽、編輯圖片、分享圖片至社交平臺、長按選擇刪除、移動或複製。

  • 介面七:

功能:快速預覽其他介面
介面:其他介面圖
前置:開啟應用預覽
後置:操作完成後可轉到其他頁面
操作:開啟應用預覽後點選其他應用

3.流程說明


介面切換流程說明:使用者開機後進入主介面,可透過點選圖示進入電話、簡訊、等功能介面。在各功能介面完成操作後,使用者可返回主介面或進行其他操作。介面切換流暢,操作簡單明瞭,符合人們的使用習慣。

四、實驗連結

https://modao.cc/proto/IE4iW5Txsbt2lvIYxIKtYe/sharing?view_mode=read_only #簡單智慧機-分享

相關文章