行動建模工具

Mobile UI Prototype tool

行動(移動設備)建模工具

 

摘要 (Abstract)

『行動建模工具』為支援在移動裝置上(例如電腦)或行動應用軟體(APP)介面設計,所發展出來的建模工具,能夠在不需要程式語言的情況下,幫助設計師能夠快速建構行動應用軟體(模型)介面與資訊架構,所發展出來的建模工具。

 

定義(Definition)

為了行動、移動裝置的介面設計及使用功能,反覆的紀錄及實驗,以達到引起介面特質或質量上不同的反應,簡單而言,是透過建模工具來理解跟配合在網頁上或其他裝置上的功能,如何移置移動設備上去查用(例如手機、平板等等)。

 

步驟(Procedure)

Step1.確認將想要設置在移動設備上的APP或功能

Step2.定義產品縮放後的介面,用紙或容易記載的方式紀錄

Step3.使用建模工具套用版型,以確認版面符合使用者需求

Step4.給工程師或顧客交互使用檢視,紀錄變數(例如需改變的項目、功能等等)

Step5.成為研發過程中重要的草模跟紀錄,為日後製作產品開發的原型。

 

案例(Case)

研發地圖APP

Step.1

先把重要功能先在紙上畫出來

Step.2

進入電腦繪製使用者畫面

Step.3

使用PowerPoint的投影片功能將其拼湊,呈現地圖APP的動態感

Step.4

測試其真實使用的感覺,並作為日後製作真實APP的原型。

 

參考資料(Reference)

boardofinnovation。10種行動件模工具推薦

The K12 Lab Wiki。d.school: Prototyping

 

資料整理:2018 李明容2019 楊雯綺、2021廖翊晴

總編輯:羅歆慈

編輯與排版:李明容

分享 Acadeck 給更多人!