低保真-高保真原型低保真原型原型设计与最终产品，在外观和功能上.ppt

概念原型設計 南台多樂系 楊智傑老師 紙上原型(Paper prototype) 雖然電腦應用普及，使用紙張開發原型是最迅速的 原型的用途 快速找到設計缺陷和不足 確認設計準則和方向是否正確 使用最短時間、最少成本，提供讓使用者、測試人員、產品經理能夠理解的設計提案 紙上原型設計需要… 可討論的空間 紙和筆 一些紙上原型的例子 更多有關紙上原型 紙上原型屬於低保真原型的一種 比低保真原型要求更少、限制更少、參與人數更少 對於全新、沒有預期參考和設計要求的專案 建議從紙上原型開始 紙上原型設計重點(第6章-p.02) 不建議作大量的測試與評估 掌握下列重點 盡量展現設計的原始創意和實現過程 設計盡量聚焦於一個概念 盡量多展開設計思考過程，並改善它們 原型的品質取決於設計者的邏輯和繪圖概括能力 另外一些例子… 低保真-高保真原型 低保真原型 原型設計與最終產品，在外觀和功能上差別較大 高保真原型： 原型設計與最終產品在外觀和功能上十分相似 紙上原型的設計多數是基於“外觀” 應該保留所有設計過程中的低保真模型 在後期改善階段，逐漸把低保真轉變為高保真原型 低保真原型設計(第6章-p.07) 對產品作簡單的模擬 僅著重在產品外部特徵和功能架構 透過簡單的設計工具迅速製作 用於表現最出的設計概念和想法 分鏡腳本(storyboard) 互動設計過程當中 依據“角色”和“劇情”決定低保真原型的詳細程度 使用故事板的技巧 源於電影製作的技術 低保真設計主要為線性的 如果白板或紙上原型設計無法讓使用者操作 也可使用Powerpoint進行互動 電影或動畫的分鏡腳本 由製作人或導演繪製，或是他們和繪圖師配合 重視角色動作、運鏡、表現情感 使用者介面的分鏡腳本 將概念視覺化 探索可能的提案 釐清功能細節 發展互動情境 如何製作介面的分鏡腳本? 步驟1 建立視覺化和口語化的程序，用來描繪出互動過程，考慮下列事項: 環境: 系統在哪裡被使用? 視覺線索: 使用者可以看到什麼? 聲音線索: 使用者可以聽到什麼? 觸覺線索: 使用者可以摸到什麼? 使用者輸入: 使用者如何和電腦互動? 電腦輸出: 電腦如何回應使用者? 使用者情緒: 使用者對於互動的感覺和反應 科技: 在進行工作時涉及什麼科技? 體驗的品質: 感受到什麼好處? 如何製作介面的分鏡腳本(續) 步驟2 使用表格呈現，包括繪圖和口語描述 步驟3 初期設計由簡單的草圖開始，再逐漸修改成更精細的螢幕畫面，以便發表和測試 步驟4 如果缺乏有效的視覺表示方式，就使用口語描述互動細節和情緒反應 步驟5 在概念設計階段維持媒體素材寬鬆(不要限制太多)和有彈性 作業#7:遊戲使用者介面分鏡腳本繪製 個人作業，用手繪下週繳交紙本 挑選一款遊戲，按照本週介紹繪製分鏡腳本 務必保持畫面整潔和呈現秩序 *