SlideShare a Scribd company logo
103學年度上學期 
元智大學資訊傳播學系 
廈門理工學院專班 
行動裝置視覺介面設計 
課程介紹 
陳鼎翰Ting-Han Daniel Chen 
2014.9.19 (Fri.) 
daniel@soforest.tw 
graphical user 
interface 
design 
on mobile 
devices
Week 1 
9/19 
課程 
介紹 
歡迎光臨請多指教 
相見歡 
加入Facebook
Week 2 
9/26 
案例 
分析 
回顧過去展望未來 
工作坊:案例之 
架構及腳本分析
Week 3 
10/3 
案例 
研討 
站在巨人的肩膀上 
Can we redesign 
a better app? 
案例之改良分析
Week 4 
休息是為下周報告 
10/10 
放假
Week 5 
10/17 
作業 
報告 
架構及腳本分析 
交流研討
Week 6 
10/24 
問題發現 
工作坊 
設計皆從問題開始 
1. app 情境廣告影片分享 
2. 分析其app 的設計問題 
3. 可能成功或失敗的原因 
4. 提出app 改良設計策略 
5. 或提出自己的設計問題
Week 7 
10/31 
設計就是說好故事 
問題情境 
工作坊 
1. scenario 影片拍攝後製 
2. scenario 影片成果交流
Week 8 
11/7 
邏輯清楚架構明白 
設計分析 
工作坊 
App 架構及腳本分析
Week 9 
11/14 
期中 
報告 
app 情境影片期中報告 
+ 線上展
Week 10 
11/21 
演講 
邀請 
它山之石可以攻錯 
使用者介面設計
Week 11 
11/28 
期末 
命題 
從今開始只為期末 
你的期末設計專題 
之問題發現個別指導
Week 12 
12/5 
你的期末 
設計提案 
1. 設計問題講清楚 
2. 介面架構及腳本
Week 13 
12/12 
專業方法跳脫框架 
介面腳本 
工作坊(1) 
架構及wireframe
Week 14 
12/19 
虛擬質感數位真實 
介面腳本 
工作坊(2) 
介面材質性研討
Week 15 
12/26 
信息符號精準傳達 
介面腳本 
工作坊(3) 
圖像設計
Week 16 
1/2 
動感設計設計感動 
介面腳本 
工作坊(4) 
轉場動態設計
Week 17 
1/9 
影片 
製作 
千言萬語不如看片 
你的App 情境廣告
Week 18 
1/16 
期末展 
1. app 情境廣告影片展 
2. 介面架構及分鏡腳本 
3. demo prototype 加分 
4. 其它加分製作
下課 
Questions?

More Related Content

Similar to 【元智大學】行動裝置視覺介面設計 Week 1

twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路
twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路
twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路
twMVC
 
Hp8 Talk
Hp8 TalkHp8 Talk
Hp8 Talk
Anderson Liang
 
FDI 20230911
FDI 20230911FDI 20230911
FDI 20230911
Winny Wang
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
Yu-Hsiu Li
 
App企劃設計 3
App企劃設計 3App企劃設計 3
App企劃設計 3Leader Chen
 
2020_portfolio_Pei.pdf
2020_portfolio_Pei.pdf2020_portfolio_Pei.pdf
2020_portfolio_Pei.pdf
PeiHu8
 
TUI108_Class02
TUI108_Class02TUI108_Class02
TUI108_Class02
Leon Chen
 
2014通訊大賽 - UX Coach機制與專家講座
2014通訊大賽 - UX Coach機制與專家講座2014通訊大賽 - UX Coach機制與專家講座
2014通訊大賽 - UX Coach機制與專家講座
UXTW(Taiwan User Experience Professional Association)
 
Com camp2014 - 實用windows phone apps設計開發技巧解密
Com camp2014 - 實用windows phone apps設計開發技巧解密Com camp2014 - 實用windows phone apps設計開發技巧解密
Com camp2014 - 實用windows phone apps設計開發技巧解密
Ouch Liu
 
2016 六大課程體系(陳永隆)
2016 六大課程體系(陳永隆)2016 六大課程體系(陳永隆)
2016 六大課程體系(陳永隆)
Yeong-Long Chen
 
App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?Ryan Chung
 
service design 20221118
service design 20221118service design 20221118
service design 20221118
Winny Wang
 
20111130 g24分享(i phone ux)_leona(public)
20111130 g24分享(i phone ux)_leona(public)20111130 g24分享(i phone ux)_leona(public)
20111130 g24分享(i phone ux)_leona(public)
南榮科技大學
 
CTDA 20220908
CTDA 20220908CTDA 20220908
CTDA 20220908
Winny Wang
 
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
Jenson Lee
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
Abby Chiu
 
Ood启思录01
Ood启思录01Ood启思录01
Ood启思录01yiditushe
 
特殊数据 - 4.pdf
特殊数据 - 4.pdf特殊数据 - 4.pdf
特殊数据 - 4.pdf
rz7079811
 
網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905
網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905
網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905Beckett Hsieh
 

Similar to 【元智大學】行動裝置視覺介面設計 Week 1 (20)

twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路
twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路
twMVC#23 | 一個Mobile App開發、維護與改版的愛恨之路
 
Hp8 Talk
Hp8 TalkHp8 Talk
Hp8 Talk
 
FDI 20230911
FDI 20230911FDI 20230911
FDI 20230911
 
展望2013使用經驗設計發展
展望2013使用經驗設計發展展望2013使用經驗設計發展
展望2013使用經驗設計發展
 
App企劃設計 3
App企劃設計 3App企劃設計 3
App企劃設計 3
 
2020_portfolio_Pei.pdf
2020_portfolio_Pei.pdf2020_portfolio_Pei.pdf
2020_portfolio_Pei.pdf
 
TUI108_Class02
TUI108_Class02TUI108_Class02
TUI108_Class02
 
2014通訊大賽 - UX Coach機制與專家講座
2014通訊大賽 - UX Coach機制與專家講座2014通訊大賽 - UX Coach機制與專家講座
2014通訊大賽 - UX Coach機制與專家講座
 
Com camp2014 - 實用windows phone apps設計開發技巧解密
Com camp2014 - 實用windows phone apps設計開發技巧解密Com camp2014 - 實用windows phone apps設計開發技巧解密
Com camp2014 - 實用windows phone apps設計開發技巧解密
 
2016 六大課程體系(陳永隆)
2016 六大課程體系(陳永隆)2016 六大課程體系(陳永隆)
2016 六大課程體系(陳永隆)
 
App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?App狂潮來襲!你做好準備了嗎?
App狂潮來襲!你做好準備了嗎?
 
service design 20221118
service design 20221118service design 20221118
service design 20221118
 
20111130 g24分享(i phone ux)_leona(public)
20111130 g24分享(i phone ux)_leona(public)20111130 g24分享(i phone ux)_leona(public)
20111130 g24分享(i phone ux)_leona(public)
 
CTDA 20220908
CTDA 20220908CTDA 20220908
CTDA 20220908
 
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
HPX 94.5 產品經理讀書會「使用者故事對照」導讀 20170710
 
Let's talk about Web Design
Let's talk about Web DesignLet's talk about Web Design
Let's talk about Web Design
 
Ood启思录01
Ood启思录01Ood启思录01
Ood启思录01
 
吳宗泓作品集
吳宗泓作品集吳宗泓作品集
吳宗泓作品集
 
特殊数据 - 4.pdf
特殊数据 - 4.pdf特殊数据 - 4.pdf
特殊数据 - 4.pdf
 
網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905
網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905
網路社群與行動社群 Facebook與Line-三星統計謝章升-20130905
 

More from Ting-Han Chen

Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
Ting-Han Chen
 
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
Ting-Han Chen
 
A Building Block Approach for Assembling Media Architectural Installations - ...
A Building Block Approach for Assembling Media Architectural Installations - ...A Building Block Approach for Assembling Media Architectural Installations - ...
A Building Block Approach for Assembling Media Architectural Installations - ...
Ting-Han Chen
 
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
Ting-Han Chen
 
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The CountrysideInteraction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Ting-Han Chen
 
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
Ting-Han Chen
 
Innovation Opportunities in Physical Spaces by Interaction Design
Innovation Opportunities in Physical Spaces by Interaction DesignInnovation Opportunities in Physical Spaces by Interaction Design
Innovation Opportunities in Physical Spaces by Interaction Design
Ting-Han Chen
 
Commercial Design Practices for Interactive Installation and Interactive Spac...
Commercial Design Practices for Interactive Installation and Interactive Spac...Commercial Design Practices for Interactive Installation and Interactive Spac...
Commercial Design Practices for Interactive Installation and Interactive Spac...
Ting-Han Chen
 
A Biased Experience Sharing on The World's Best Design School
A Biased Experience Sharing on The World's Best Design SchoolA Biased Experience Sharing on The World's Best Design School
A Biased Experience Sharing on The World's Best Design School
Ting-Han Chen
 
Information System Interface Design Engineering: Suggested Basic Skills for P...
Information System Interface Design Engineering: Suggested Basic Skills for P...Information System Interface Design Engineering: Suggested Basic Skills for P...
Information System Interface Design Engineering: Suggested Basic Skills for P...
Ting-Han Chen
 
Disruptive Transformation Workshop
Disruptive Transformation WorkshopDisruptive Transformation Workshop
Disruptive Transformation Workshop
Ting-Han Chen
 
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
Ting-Han Chen
 
My Learning Journey in Design (2012)
My Learning Journey in Design (2012)My Learning Journey in Design (2012)
My Learning Journey in Design (2012)Ting-Han Chen
 
A Rambling Talk on Interaction Design Industry Trends
A Rambling Talk on Interaction Design Industry TrendsA Rambling Talk on Interaction Design Industry Trends
A Rambling Talk on Interaction Design Industry TrendsTing-Han Chen
 

More from Ting-Han Chen (14)

Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
Design Entrepreneurship in the Hospitality Industry - Play Design Hotel as a ...
 
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
物聯網產品體驗設計架構 | A Conceptual Framework for IoT Product Experience Design
 
A Building Block Approach for Assembling Media Architectural Installations - ...
A Building Block Approach for Assembling Media Architectural Installations - ...A Building Block Approach for Assembling Media Architectural Installations - ...
A Building Block Approach for Assembling Media Architectural Installations - ...
 
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
2014 Society of Internet of Things | 社匯物聯學工作坊導引 (workshop orientation)
 
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The CountrysideInteraction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
Interaction Design Class for Sophomores @ DMD, NYUST: Down to The Countryside
 
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
 
Innovation Opportunities in Physical Spaces by Interaction Design
Innovation Opportunities in Physical Spaces by Interaction DesignInnovation Opportunities in Physical Spaces by Interaction Design
Innovation Opportunities in Physical Spaces by Interaction Design
 
Commercial Design Practices for Interactive Installation and Interactive Spac...
Commercial Design Practices for Interactive Installation and Interactive Spac...Commercial Design Practices for Interactive Installation and Interactive Spac...
Commercial Design Practices for Interactive Installation and Interactive Spac...
 
A Biased Experience Sharing on The World's Best Design School
A Biased Experience Sharing on The World's Best Design SchoolA Biased Experience Sharing on The World's Best Design School
A Biased Experience Sharing on The World's Best Design School
 
Information System Interface Design Engineering: Suggested Basic Skills for P...
Information System Interface Design Engineering: Suggested Basic Skills for P...Information System Interface Design Engineering: Suggested Basic Skills for P...
Information System Interface Design Engineering: Suggested Basic Skills for P...
 
Disruptive Transformation Workshop
Disruptive Transformation WorkshopDisruptive Transformation Workshop
Disruptive Transformation Workshop
 
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
A Framework for Designing Interactive Service Spaces - eCAADe 2012 Presentati...
 
My Learning Journey in Design (2012)
My Learning Journey in Design (2012)My Learning Journey in Design (2012)
My Learning Journey in Design (2012)
 
A Rambling Talk on Interaction Design Industry Trends
A Rambling Talk on Interaction Design Industry TrendsA Rambling Talk on Interaction Design Industry Trends
A Rambling Talk on Interaction Design Industry Trends
 

Recently uploaded

一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理
一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理
一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理
708pb191
 
design method and skill course 2024_05_24
design method and skill course 2024_05_24design method and skill course 2024_05_24
design method and skill course 2024_05_24
Winny Wang
 
The handout of the design method 20240523
The handout of the design method 20240523The handout of the design method 20240523
The handout of the design method 20240523
Winny Wang
 
The handout of service innovation design_20240602
The handout of service innovation design_20240602The handout of service innovation design_20240602
The handout of service innovation design_20240602
Winny Wang
 
The handout of the design method 20240530
The handout of the design method 20240530The handout of the design method 20240530
The handout of the design method 20240530
Winny Wang
 
2024.06.03 唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監
2024.06.03  唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監2024.06.03  唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監
2024.06.03 唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監
NTUST
 

Recently uploaded (6)

一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理
一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理
一比一原版(Langara毕业证书)兰加拉学院毕业证成绩单如何办理
 
design method and skill course 2024_05_24
design method and skill course 2024_05_24design method and skill course 2024_05_24
design method and skill course 2024_05_24
 
The handout of the design method 20240523
The handout of the design method 20240523The handout of the design method 20240523
The handout of the design method 20240523
 
The handout of service innovation design_20240602
The handout of service innovation design_20240602The handout of service innovation design_20240602
The handout of service innovation design_20240602
 
The handout of the design method 20240530
The handout of the design method 20240530The handout of the design method 20240530
The handout of the design method 20240530
 
2024.06.03 唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監
2024.06.03  唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監2024.06.03  唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監
2024.06.03 唐玄輝 自我介紹 / 國立臺灣科技大學 設計系 教授 / 設計思考與創新研究室 總監
 

【元智大學】行動裝置視覺介面設計 Week 1

  • 1. 103學年度上學期 元智大學資訊傳播學系 廈門理工學院專班 行動裝置視覺介面設計 課程介紹 陳鼎翰Ting-Han Daniel Chen 2014.9.19 (Fri.) daniel@soforest.tw graphical user interface design on mobile devices
  • 2. Week 1 9/19 課程 介紹 歡迎光臨請多指教 相見歡 加入Facebook
  • 3. Week 2 9/26 案例 分析 回顧過去展望未來 工作坊:案例之 架構及腳本分析
  • 4. Week 3 10/3 案例 研討 站在巨人的肩膀上 Can we redesign a better app? 案例之改良分析
  • 6. Week 5 10/17 作業 報告 架構及腳本分析 交流研討
  • 7. Week 6 10/24 問題發現 工作坊 設計皆從問題開始 1. app 情境廣告影片分享 2. 分析其app 的設計問題 3. 可能成功或失敗的原因 4. 提出app 改良設計策略 5. 或提出自己的設計問題
  • 8. Week 7 10/31 設計就是說好故事 問題情境 工作坊 1. scenario 影片拍攝後製 2. scenario 影片成果交流
  • 9. Week 8 11/7 邏輯清楚架構明白 設計分析 工作坊 App 架構及腳本分析
  • 10. Week 9 11/14 期中 報告 app 情境影片期中報告 + 線上展
  • 11. Week 10 11/21 演講 邀請 它山之石可以攻錯 使用者介面設計
  • 12. Week 11 11/28 期末 命題 從今開始只為期末 你的期末設計專題 之問題發現個別指導
  • 13. Week 12 12/5 你的期末 設計提案 1. 設計問題講清楚 2. 介面架構及腳本
  • 14. Week 13 12/12 專業方法跳脫框架 介面腳本 工作坊(1) 架構及wireframe
  • 15. Week 14 12/19 虛擬質感數位真實 介面腳本 工作坊(2) 介面材質性研討
  • 16. Week 15 12/26 信息符號精準傳達 介面腳本 工作坊(3) 圖像設計
  • 17. Week 16 1/2 動感設計設計感動 介面腳本 工作坊(4) 轉場動態設計
  • 18. Week 17 1/9 影片 製作 千言萬語不如看片 你的App 情境廣告
  • 19. Week 18 1/16 期末展 1. app 情境廣告影片展 2. 介面架構及分鏡腳本 3. demo prototype 加分 4. 其它加分製作