4.2 軟體實作
4.2.1 軟體功能實作
國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
4.2 軟體實作
在iPad 上的 Rapid Prototype 軟體實作，將延續第三章的設計與前測獲得的 回饋進行修正，並且在有限的時間內針對重點開發，增加更多有助於使用者操作 的互動設計，像是音效與影像上的動畫回饋等。
4.2.1 軟體功能實作
圖 62 Rapid Prototype 首頁畫面
Rapid Prototype 的首頁畫面，中間的範例是提供給使用者學習，下方的 Projects 中，最左側的加號按鈕是用來開啟一個全新的專案，右側的按鈕則是開 啟過去的舊專案。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 63 新增專案，輸入專案名稱
第一次點擊開新專案，會要求輸入專案名稱，專案名稱會帶到開發頁面成為 整個專案的標題文字，作為專案搜尋之用。
圖 64 進入專案後，選擇LED 物件使用，拖曳到想要的位置
進入專案後，會看到輸入的專案標題已帶到畫面中，設計師可從左側的物件 區中上下拖移，挑選想要的物件，點擊拖曳離開原本位置時會有音效的回饋，原 位則會留下陰影代表你把物件拖移開，並且被拖移的物件會有持續左右顫動的動 畫，讓設計師有正在使用此物件的回饋。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 65 LED 物件放置於第一個位置上，預設行為是 Off
當設計師放開物件後，會將物件放置在接續的位置並產生音效、將圖示轉換 為在編輯區的樣式，會因不同行為改變顏色，下方的文字為物件目前的行為名稱，
LED 預設的行為是 Off。
圖 66 選擇LED 的行為 Blink 並且選擇頻率
設計師點擊任一在編輯區的物件，都會跳出可選擇的行為，並且會有音效的 輔助，讓視窗產生的瞬間更有回饋。行為若有更詳細的參數設定，右方會有箭頭 帶入到下一層的選項，以上圖來說，Blink 行為選擇後，會需要調整閃爍的頻率。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 67 增加物件、改變物件順序
挑選不同的物件行為會搭配不同的顏色，像是上圖Button 選擇 Click 的行為 會將物件底圖轉換為紅色。不同的物件間也可以任意交換位置，並且會有動畫及 音效的輔助，將後方的物件往後移動一格。
圖 68 物件刪除時的動畫
使用者前測時發現沒有刪除物件的設計，在實作時我們在畫面的右下角增加 了一個垃圾桶的圖示，當設計師拖曳物件到垃圾桶位置時，就會有丟入垃圾桶的 動畫以及音效，並且此物件就會在畫面上消失。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 69 點擊Play 後產生的接腳示意圖
為了讓設計師減少電路連接上的負擔，在按下Play 按鈕之後，會產生一個 核心物件的畫面，周圍會列出有使用的分支物件應該接在哪一個腳位，設計師不 用了解類比或數位的差別，只要按照指示接上就可以使用。確認分支物件安插成 功後，按下Confirm 就會進行連線。
圖 70 連線中的旋轉動畫
連線時會有代表連線中的等待動畫與連線音效，直到連線成功後會變成停止 按鈕，就可開始進行原型測試。若連線失敗則會有失敗的音效，按鈕也會變回 Play 按鈕，這時使用者就要確認核心物件是否正確接上電源。