易视性.ppt

優使性原則 優使性原則 功能增加 = 優使性降低 直接一點的設計，比較容易使用。 維持介面的一致性 圖像比文字容易記憶 G-map 進階功能都隱藏起來，不影響優使性。 設計直接 介面維持 一致性 圖像理解 容易 Ur-map 功能繁複，需要稍微理解才能使用。 主要使用功能設計直接 介面略有變化 圖像理解 容易 筆者整理 優使性原則2 視覺動線 善用 黃金區域 G-map 極佳。 功能列置於左侧， 地圖區域佔滿右下位置。 地圖功能單純， 地圖頁面即是黃金區域。 Ur-map 首頁模式: 採用方塊狀，從上而下的視覺動線。 地圖模式: 採用功能列位於右側，地圖在左側的設計。 首頁模式的黃金區域充斥各種廣告和加值功能。 筆者整理 導覽設計四要件 目前位置 回去的路 可以往哪裡走，前方還有哪些功能? 迷路時可以問誰? G-map 標示明確 稍微 不明確 明確 說明清楚 Ur-map 標示明確 標示明確 明確 說明清楚 筆者整理 結論 Gmap維持GOOGLE公司一貫的簡潔設計，但地圖導覽功能完善 : 我的定位、衛星圖層、街景等附加服務多，且與自家提供的其他服務密切結合。 Urmap 偏於在地化服務，附加的非地圖服務非常多，如: 旅遊、美食、社群、住宿、氣象等。 參考書目 魏澤群。(民96)。優使性2.0(Usability 2.0)-網站經驗 設計與使用者研究。台北市: 網奕。 Google map (.tw/maps) Ur map (/) * 以Google map和Ur map為例 指導教授 : 吳有龍 博士 學號 : 9922017G 姓名 : 朱宸笙 (峰志) 使用者行為的優使性 網站設計與一般平面設計不同，因為使用者與資訊提供者之間多了雙向互動的考量。 因此優使性設計原則對網站設計有其參考價值。 對設計者而言，理解重要的優使性原則比遵守設計準則(Guidelines)還要重要。 一、互動模式 互動性是網站最重要的特性。 網站是一個資訊系統 因為前向模式缺乏系統的節制與控制，於是加入了回饋(Feedback)。加入了回饋機制，使用者才能夠瞭解系統處理的狀況並比較輸入資訊與輸出結果之間的關聯。 回饋 使用者使用網站的七個行動階段 階段名稱 使用者行為描述 設計目標 1. 形成目標 決定網站功能 必須讓使用者一眼看出主要功能 2. 形成意願 思考可在網站上進行的動作 網站設計必須具有良好的心理模式，讓使用者決定行動的方法及預測行動後的結果。 3. 指定行動 認定某些動作可以與達成使用目標有關 4. 執行行動 執行選定的動作 網站具有穩定技術架構 觀察系統狀況 看看執行後系統反應 網站系統必須提供使用者完整、持續、正確並容易判讀的回饋 6. 詮釋系統狀況 對系統反應進行解釋 7. 評鑑行動結果 對行動結果作出結論 二、基本互動設計原則 易視性(Visbility) 心理模式(Mental model) 回饋(Feedback) 易視性(Visbility) 介面設計必須讓使用者一眼看出使用方法。 網站設計者最常犯的三種易視性錯誤 1.使用者會在看到介面的數秒內建構心理模式，不要期望使用者會認真【思考】操作的方式。 2.好的設計應該讓使用者直接瞭解使用方式，而不是【回憶】前次的使用經驗。 3.、繁雜、未經安排的內容會降低網頁的易視性。 心理模式(Mental model) 在實際操作前，使用者會依其過去經驗、受過的教育或訓練來解釋介面的操作方法，並預測操作後的結果。 心理模式主要功能在令人類面對外界變化時，決定行動的方法及預測行動後的結果。換言之，使用者根據其心理模式來判斷介面該如何操作。 建構心理模式的重要元素是---- 過去的經驗。 系統設計必須與使用者心理相互結合 日常生活上的經驗 使用者在使用網站時的心理模式與日常生活中的心理模式類似。 幾乎所有的網站都是利用多媒體的形式去滿足既有的需求，或是以既有的需求為基礎進而發展出新的需求。 就使用者心理模式而言，看報紙與瀏覽新聞網站並無不同。 回饋(FEEDBACK) 回饋(FEEDBACK) 優使性設計原則 功能增加= 優使性降低 讓網站功能單純化，除非必要，否則不要新增功能 依使用族群不同，提供客製化的功能組合 功能模組化 隱藏進階功能 功能模組化 隱藏進階功能 下拉後，出現功能選單 直接一點的設計比較容易使用 能快就不要慢 能秀出來就不要藏起來 能說清楚就不要玩文字遊戲 使用者已經習慣就不要改變 維持介面一致性 視覺上的一致性