介面设计制作.ppt

第二章 介面設計製作 介面設計規格: 簡單, 容易上手, 使用方便, 淺顯易懂 方便使用者直覺式的使用 介面技術說明: 軟硬體需求 (設計時和使用時) 第二章 介面設計製作 使用者介面設計的流程(The Process of User Interface Design) : 第二章 介面設計製作 需求: 哪些元件? 製作範圍? 概念性設計: 現有資料和資料庫間的連結 邏輯性設計: 按下按鈕後出現何種畫面 (Ex: NEXT) 型態性設計: Ex: 下拉捲軸捲動不超過三頁; 下一頁或開新視窗? 使用性測試: 觀察, 紀錄, 修正 第二章 介面設計製作 以使用者為中心的設計(User-centered design) : 1. 清楚一貫的導航指標設計 第二章 介面設計製作 以使用者為中心的設計(User-centered design) : 2. 避免無止盡的介面設計 (層級過多) 3. 直接進入選項 第二章 介面設計製作 以使用者為中心的設計(User-centered design) : 4. 頻寬與互動的限制考量 (致命的8秒鐘) 5. 簡樸及風格一貫設計 a. 主題應明顯 (避免畫面過於雜亂) b. 隱喻性的設計手法應為使用者所熟悉 第二章 介面設計製作 以使用者為中心的設計(User-centered design) : 6. 穩定度及完整性 (功能與連結可正常執行) 7. 回饋 (Ex: 討論版及聊天室互動介面 or “Mail us” ) 第二章 介面設計製作 以親近性為主軸的介面設計(Accessibility. User Friendly) : 1. 選擇多樣性設計(例如多國語言的呈現; 年幼及長者有較大點選區塊; 畫面文字自動讀出 for 視障人士) 第二章 介面設計製作 以親近性為主軸的介面設計(Accessibility. User Friendly) : 2. 考慮使用者的配備  包含軟硬體設備與頻寬 (56k, 256k, or 2M?) 畫面的寬高比例 (800*600? 1024*768?) 瀏覽器差異 (IE? Mozilla?) 外掛程式安裝 (需另下載?) * 多媒體概論--多媒體專案企劃與實作 多媒體概論--多媒體專案企劃與實作 多媒體概論--多媒體專案企劃與實作 多媒體概論--多媒體專案企劃與實作 a. 可製作一解說畫面 b. 每一畫面都應有﹝回上頁﹞﹝回主頁﹞或﹝離開﹞按鈕 多媒體概論--多媒體專案企劃與實作 多媒體概論--多媒體專案企劃與實作 多媒體概論--多媒體專案企劃與實作 多媒體概論--多媒體專案企劃與實作 Adobe 公司台灣網站 Adobe 公司日本網站 多媒體概論--多媒體專案企劃與實作 *