SlideShare uma empresa Scribd logo
1 de 42
第五章 - 完成任務:動作與命令 Doing Things : Actions and Commands Nancy Chou  周寬怡 2010/05/22
大綱 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
概念篇 – 常見的動作表現形式 看得見的
按鈕 –  Button (1/2) ,[object Object]
按鈕 –  Button (2/2) ,[object Object],[object Object]
選單列 –  menu bar (1/2) ,[object Object]
選單列 –  menu bar (2/2) ,[object Object]
彈出選單 –  popup menu ,[object Object]
下拉選單 –  drop down menu (1/2) ,[object Object]
下拉選單 –  drop down menu (2/2) ,[object Object]
工具列 –  Tool Bar (1/2) ,[object Object]
工具列 –  Tool Bar (2/2) ,[object Object]
連結  - Link ,[object Object]
任務面板 –  Action Panel ,[object Object]
概念篇 – 常見的動作表現形式 看不見的
看不見的動作  (1) ,[object Object],[object Object]
看不見的動作  (2) ,[object Object],[object Object]
看不見的動作  (3) ,[object Object],[object Object]
看不見的動作  (4) ,[object Object],[object Object]
更多看不見的動作…
概念篇 – 擴展你的想像力! sky is the only limit!
複雜的介面
設計建議 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
模式篇
44. 按鈕分組  Button Groups
 
45.  動作面板  Action Panel (1)
45.  動作面板  Action Panel (2) ,[object Object]
45.  動作面板  Action Panel (3) ,[object Object],樹狀  列表
45.  動作面板  Action Panel (4) ,[object Object],引導式
45.  動作面板  Action Panel (5) ,[object Object],具描述性的字眼
46.  明顯的『完成』按鈕  Prominent “Done” Button
47.  智慧選單  Smart Menu Item
48.  預覽  preview (1)
48.  預覽  preview (2)
48.  預覽  preview
49.  進度顯示  progress indicator
50.  可取消性  cancelability
51.  多級撤銷  multi-level undo
52.  命令歷史  command history
53.  巨集  macro
Q&A

Mais conteúdo relacionado

Destaque

Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋Wanju Wang
 
怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)Chuck Chiang
 
超基本網站分析,數據會說話(網路版)
超基本網站分析,數據會說話(網路版)超基本網站分析,數據會說話(網路版)
超基本網站分析,數據會說話(網路版)Wanju Wang
 
價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study士杰 戴
 
100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享William Lin
 
如何描繪公司的商業模式
如何描繪公司的商業模式如何描繪公司的商業模式
如何描繪公司的商業模式基欽 劉
 
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your TeamIvan Wei
 
分析路上你我他/如何學習分析
分析路上你我他/如何學習分析分析路上你我他/如何學習分析
分析路上你我他/如何學習分析Wanju Wang
 
給學生的:seo這條路
給學生的:seo這條路給學生的:seo這條路
給學生的:seo這條路Wanju Wang
 
地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師明文 韓
 
優化宅的日常-數據分析篇
優化宅的日常-數據分析篇優化宅的日常-數據分析篇
優化宅的日常-數據分析篇Wanju Wang
 
產品設計的0到1,與1到1億
產品設計的0到1,與1到1億產品設計的0到1,與1到1億
產品設計的0到1,與1到1億Ivan Wei
 
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas士杰 戴
 
網站企劃10年工作流程改變(HP8)
網站企劃10年工作流程改變(HP8)網站企劃10年工作流程改變(HP8)
網站企劃10年工作流程改變(HP8)悠識學院
 
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師明文 韓
 
獲利世代與免費商業模式
獲利世代與免費商業模式獲利世代與免費商業模式
獲利世代與免費商業模式Wanju Wang
 
用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地Ivan Wei
 

Destaque (17)

Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋Google Analytics 實作分享:篩選器、區隔、報表搜尋
Google Analytics 實作分享:篩選器、區隔、報表搜尋
 
怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)怎樣練習一萬小時(以簡報為例)
怎樣練習一萬小時(以簡報為例)
 
超基本網站分析,數據會說話(網路版)
超基本網站分析,數據會說話(網路版)超基本網站分析,數據會說話(網路版)
超基本網站分析,數據會說話(網路版)
 
價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study價值主張設計:淘寶案例研討 Value proposition design case study
價值主張設計:淘寶案例研討 Value proposition design case study
 
100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享100個網站規劃必備的知識 整合:使用者體驗設計分享
100個網站規劃必備的知識 整合:使用者體驗設計分享
 
如何描繪公司的商業模式
如何描繪公司的商業模式如何描繪公司的商業模式
如何描繪公司的商業模式
 
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
認識用戶體驗設計的價值與招募要點 - Recruit UX Talents For Your Team
 
分析路上你我他/如何學習分析
分析路上你我他/如何學習分析分析路上你我他/如何學習分析
分析路上你我他/如何學習分析
 
給學生的:seo這條路
給學生的:seo這條路給學生的:seo這條路
給學生的:seo這條路
 
地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師地理版圖設計 / 商業簡報網-韓明文講師
地理版圖設計 / 商業簡報網-韓明文講師
 
優化宅的日常-數據分析篇
優化宅的日常-數據分析篇優化宅的日常-數據分析篇
優化宅的日常-數據分析篇
 
產品設計的0到1,與1到1億
產品設計的0到1,與1到1億產品設計的0到1,與1到1億
產品設計的0到1,與1到1億
 
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
商業價值主張設計:價值地圖 Value proposition design canvas -Canvas
 
網站企劃10年工作流程改變(HP8)
網站企劃10年工作流程改變(HP8)網站企劃10年工作流程改變(HP8)
網站企劃10年工作流程改變(HP8)
 
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
2017年03月號圖解模式下載 / 3D+特刊 / 商業簡報網-韓明文講師
 
獲利世代與免費商業模式
獲利世代與免費商業模式獲利世代與免費商業模式
獲利世代與免費商業模式
 
用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地用戶體驗設計,從需求到產品落地
用戶體驗設計,從需求到產品落地
 

使用者介面設計-Ch5-完成任務