SlideShare ist ein Scribd-Unternehmen logo
1 von 37
程式與設計如何真心合作

          Hitomi Yang
 IxDA Taiwan - Community Account Manager
           Gamania – UI Designer




                                           1
大綱
•   講師介紹
•   視覺設計師?程式設計師?
•   如何取得良好溝通的管道
•   Q &A




                   2
分享目的
• 散播想法的種子
• 好的溝通模式可以被擴散




                3
講師介紹

   Hitomi 楊喆淇
   • 手繪/電腦繪圖
   • 自學網頁
   • 12年工作經驗




                4
講師介紹
平面設計相關:     往網頁進攻:
• 報紙、雜誌設計   • 視覺設計、切圖
• 包裝設計      • 動畫


網頁設計再進化:
• CSS
• JS

                        5
UX Design
• 以使用者為中心的設計(UCD)




                    6
IxDA Taiwan
• 互動設計 - 創造更美好的使用體驗




                      7
視覺設計師的世界




           8
視覺設計師眼中的程式設計師




                9
10
• 在電腦前可以完成所有的事情




                  11
• 這不就是個宅宅嗎…




              12
視覺設計師接觸的東西是..
• .psd file、.ai file…..等




                           13
程式設計師的世界




           14
程式設計師眼中的視覺設計師




                15
16
但是…把一堆顏色套入畫面中,
這不就是美工嗎…




                 17
程式設計師接觸的東西是..
• .cs file、.aspx file…..等




                            18
開啟良好的溝通




          19
良好溝通的首要條件




            20
讓我們互相理解吧




           21
1.理解彼此實作上的限制




               22
Ctrl + C,Ctrl + V
• 不是別人做的到,就代表我們也做的到




                         23
Ctrl + C,Ctrl + V
• 問題的背後是什麼?




                         24
尊重各自的專業
• 彼此的想法其實是一樣的
• 交給我吧!




                25
2.用對方聽得懂的語言




              26
銷售你自己
• 對方就是你的使用者
• 把你的想法賣出去
• 說服力才是關鍵




               27
我就是天橋底下說書的
• 講作法不如講故事
• 講程式碼不如講故事
• 融入故事情境




                28
說故事的角度
• 以對方的角度引導
• 用你的角度理解




               29
畫畫是共通的語言




           30
畫畫是共通的語言
• 邏輯思考與想像力不可兼得




                 31
3.心態正確




         32
停止抱怨

阿…反正你也聽不懂
  你懂什麼啊       這樣很爛耶

    就這樣做就對了我不會承認這是我做的

這是哪門子的改一點點              做不到啦
   要下班了
           就這樣發佈吧!(翻桌)
 搞什麼,又要改




                               33
你要解決的問題是什麼
• 你覺得這個是最好的嗎?(堅持)
• 對方的提議真的這麼糟糕嗎?(否定)
• 別忘記是為了什麼而爭執(立場清楚)




                      34
大家都想解決問題
• 一起看著前方




                35
讓我們真心相愛吧 >_^




               36
THANK YOU 




              37

Weitere ähnliche Inhalte

Was ist angesagt?

Design Method & Skill_20211210
Design Method & Skill_20211210Design Method & Skill_20211210
Design Method & Skill_20211210Winny Wang
 
Design Method & Skill_20211119
Design Method & Skill_20211119Design Method & Skill_20211119
Design Method & Skill_20211119Winny Wang
 
Design Method & Skill_20211022
Design Method & Skill_20211022Design Method & Skill_20211022
Design Method & Skill_20211022Winny Wang
 
創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事
創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事
創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事交點
 
Service design 20201016
Service design 20201016Service design 20201016
Service design 20201016Winny Wang
 
課程設計思考工作坊(4小時版)
課程設計思考工作坊(4小時版)課程設計思考工作坊(4小時版)
課程設計思考工作坊(4小時版)基欽 劉
 
Design Method & Skill_20220114
Design Method & Skill_20220114Design Method & Skill_20220114
Design Method & Skill_20220114Winny Wang
 
PROACTIVE設計分享計畫
PROACTIVE設計分享計畫PROACTIVE設計分享計畫
PROACTIVE設計分享計畫淑貽 詹
 

Was ist angesagt? (8)

Design Method & Skill_20211210
Design Method & Skill_20211210Design Method & Skill_20211210
Design Method & Skill_20211210
 
Design Method & Skill_20211119
Design Method & Skill_20211119Design Method & Skill_20211119
Design Method & Skill_20211119
 
Design Method & Skill_20211022
Design Method & Skill_20211022Design Method & Skill_20211022
Design Method & Skill_20211022
 
創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事
創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事
創人物Vol.14 - 高靖婷 - 學生講者 - 累積很多小事,終能成就大事
 
Service design 20201016
Service design 20201016Service design 20201016
Service design 20201016
 
課程設計思考工作坊(4小時版)
課程設計思考工作坊(4小時版)課程設計思考工作坊(4小時版)
課程設計思考工作坊(4小時版)
 
Design Method & Skill_20220114
Design Method & Skill_20220114Design Method & Skill_20220114
Design Method & Skill_20220114
 
PROACTIVE設計分享計畫
PROACTIVE設計分享計畫PROACTIVE設計分享計畫
PROACTIVE設計分享計畫
 

Andere mochten auch

JavaScript for backend
JavaScript for backendJavaScript for backend
JavaScript for backendCaesar Chi
 
Secret sauce of building php applications
Secret sauce of building php applicationsSecret sauce of building php applications
Secret sauce of building php applicationsLin Yo-An
 
Does firefox matter?
Does firefox matter?Does firefox matter?
Does firefox matter?Irvin Chen
 
中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)michael 葉
 
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash綠茶 奶
 
Gamification vs UX
Gamification vs UXGamification vs UX
Gamification vs UXHana Chang
 
130113 why.&.how.smb.running.ux-light
130113 why.&.how.smb.running.ux-light130113 why.&.how.smb.running.ux-light
130113 why.&.how.smb.running.ux-lightDavid Liu
 
WebConf 2013「Best Practices - The Upload」
WebConf 2013「Best Practices - The Upload」WebConf 2013「Best Practices - The Upload」
WebConf 2013「Best Practices - The Upload」Orange Tsai
 
Designing physical and digital experience in social web
Designing physical and digital experience in social webDesigning physical and digital experience in social web
Designing physical and digital experience in social webJanet Huang
 
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconfJustin Lee
 
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013Adam Wang
 
超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B TestingYing-Hsiang Liao
 
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式Will Huang
 
A brief introduction to SPDY - 邁向 HTTP/2.0
A brief introduction to SPDY - 邁向 HTTP/2.0A brief introduction to SPDY - 邁向 HTTP/2.0
A brief introduction to SPDY - 邁向 HTTP/2.0Wen-Tien Chang
 
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統Hsu Ping Feng
 
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙 借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙 悠識學院
 
Webconf2013-非典型貧窮網站維運經驗分享
Webconf2013-非典型貧窮網站維運經驗分享Webconf2013-非典型貧窮網站維運經驗分享
Webconf2013-非典型貧窮網站維運經驗分享Mu-Fan Teng
 

Andere mochten auch (18)

JavaScript for backend
JavaScript for backendJavaScript for backend
JavaScript for backend
 
Secret sauce of building php applications
Secret sauce of building php applicationsSecret sauce of building php applications
Secret sauce of building php applications
 
Does firefox matter?
Does firefox matter?Does firefox matter?
Does firefox matter?
 
中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)中文網路字型的現況與挑戰(Webconf 20130113)
中文網路字型的現況與挑戰(Webconf 20130113)
 
2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash2013 01 13 webconf milkmidi Flash
2013 01 13 webconf milkmidi Flash
 
BDD in .NET
BDD in .NETBDD in .NET
BDD in .NET
 
Gamification vs UX
Gamification vs UXGamification vs UX
Gamification vs UX
 
130113 why.&.how.smb.running.ux-light
130113 why.&.how.smb.running.ux-light130113 why.&.how.smb.running.ux-light
130113 why.&.how.smb.running.ux-light
 
WebConf 2013「Best Practices - The Upload」
WebConf 2013「Best Practices - The Upload」WebConf 2013「Best Practices - The Upload」
WebConf 2013「Best Practices - The Upload」
 
Designing physical and digital experience in social web
Designing physical and digital experience in social webDesigning physical and digital experience in social web
Designing physical and digital experience in social web
 
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
 
那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013那些mockup沒告訴你的事@WebConf.tw 2013
那些mockup沒告訴你的事@WebConf.tw 2013
 
超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing超理性使用者介面設計 - Data-driven A/B Testing
超理性使用者介面設計 - Data-driven A/B Testing
 
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
TypeScript 開發實戰:開發即時互動的 html5 websocket 聊天室應用程式
 
A brief introduction to SPDY - 邁向 HTTP/2.0
A brief introduction to SPDY - 邁向 HTTP/2.0A brief introduction to SPDY - 邁向 HTTP/2.0
A brief introduction to SPDY - 邁向 HTTP/2.0
 
使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統使用Javascript及HTML5打造協同運作系統
使用Javascript及HTML5打造協同運作系統
 
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙 借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
借力使力的乾坤挪移大法-以使用者為中心的設計決策奧妙
 
Webconf2013-非典型貧窮網站維運經驗分享
Webconf2013-非典型貧窮網站維運經驗分享Webconf2013-非典型貧窮網站維運經驗分享
Webconf2013-非典型貧窮網站維運經驗分享
 

Ähnlich wie 20130113 Web Conference - communicate

MGD - Saturday Game Talks: Great Games vs. Successful Games
MGD - Saturday Game Talks: Great Games vs. Successful Games MGD - Saturday Game Talks: Great Games vs. Successful Games
MGD - Saturday Game Talks: Great Games vs. Successful Games MGDChina
 
感动Ceo的策划书
感动Ceo的策划书感动Ceo的策划书
感动Ceo的策划书liujingbin
 
漫谈游戏编程
漫谈游戏编程漫谈游戏编程
漫谈游戏编程Ming Gao
 
Interaction13 - 社群互動設計與規劃Workshop
Interaction13 - 社群互動設計與規劃WorkshopInteraction13 - 社群互動設計與規劃Workshop
Interaction13 - 社群互動設計與規劃Workshop悠識學院
 
RSG Taipei 2023 LeSS Design Principles
RSG Taipei 2023 LeSS Design PrinciplesRSG Taipei 2023 LeSS Design Principles
RSG Taipei 2023 LeSS Design PrinciplesJen-Chieh Ko
 
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)JoXuZi
 
簡報的技巧
簡報的技巧簡報的技巧
簡報的技巧仲 攖野
 
從教具設計看產品創新 - From UX in the Jungle to Innova Café
從教具設計看產品創新 - From UX in the Jungle to Innova Café從教具設計看產品創新 - From UX in the Jungle to Innova Café
從教具設計看產品創新 - From UX in the Jungle to Innova CaféDer-Jeng Lin
 
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性Ting-Han Chen
 
創意激發與構思-詹翔霖教授-長庚科技大學
 創意激發與構思-詹翔霖教授-長庚科技大學 創意激發與構思-詹翔霖教授-長庚科技大學
創意激發與構思-詹翔霖教授-長庚科技大學文化大學
 
Uoid04 the details of design thinking
Uoid04 the details of design thinkingUoid04 the details of design thinking
Uoid04 the details of design thinkingNTUST
 
程式 x 設計 @ MOPCON 2014
程式 x 設計 @ MOPCON 2014程式 x 設計 @ MOPCON 2014
程式 x 設計 @ MOPCON 2014Chun-Yu Tseng
 
Scratch程式教學 第一週
Scratch程式教學 第一週Scratch程式教學 第一週
Scratch程式教學 第一週永立 連
 
似乎跟程式有關?
似乎跟程式有關?似乎跟程式有關?
似乎跟程式有關?Troie Pan
 
Design Method & Skill_20211203
Design Method & Skill_20211203Design Method & Skill_20211203
Design Method & Skill_20211203Winny Wang
 
數位公益3.0 v2分享版
數位公益3.0 v2分享版數位公益3.0 v2分享版
數位公益3.0 v2分享版Mr PM
 
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019Simon LIN
 
Mastering the Art of Promotion (掌握推廣的藝術)
Mastering the Art of Promotion (掌握推廣的藝術)Mastering the Art of Promotion (掌握推廣的藝術)
Mastering the Art of Promotion (掌握推廣的藝術)Hedren Sum
 

Ähnlich wie 20130113 Web Conference - communicate (20)

MGD - Saturday Game Talks: Great Games vs. Successful Games
MGD - Saturday Game Talks: Great Games vs. Successful Games MGD - Saturday Game Talks: Great Games vs. Successful Games
MGD - Saturday Game Talks: Great Games vs. Successful Games
 
感动Ceo的策划书
感动Ceo的策划书感动Ceo的策划书
感动Ceo的策划书
 
漫谈游戏编程
漫谈游戏编程漫谈游戏编程
漫谈游戏编程
 
Interaction13 - 社群互動設計與規劃Workshop
Interaction13 - 社群互動設計與規劃WorkshopInteraction13 - 社群互動設計與規劃Workshop
Interaction13 - 社群互動設計與規劃Workshop
 
RSG Taipei 2023 LeSS Design Principles
RSG Taipei 2023 LeSS Design PrinciplesRSG Taipei 2023 LeSS Design Principles
RSG Taipei 2023 LeSS Design Principles
 
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
Scrum Gathering 2012 Shanghai_团队合作与团队指导分会场演讲话题:自组织?你开玩笑吧!(艾永亮)
 
簡報的技巧
簡報的技巧簡報的技巧
簡報的技巧
 
從教具設計看產品創新 - From UX in the Jungle to Innova Café
從教具設計看產品創新 - From UX in the Jungle to Innova Café從教具設計看產品創新 - From UX in the Jungle to Innova Café
從教具設計看產品創新 - From UX in the Jungle to Innova Café
 
2012 Taiwan UX Summit 工作坊D 簡報
2012 Taiwan UX Summit 工作坊D 簡報2012 Taiwan UX Summit 工作坊D 簡報
2012 Taiwan UX Summit 工作坊D 簡報
 
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
設計與社會學 - 從設計師的角度試論社會學領域對設計師的可能重要性
 
創意激發與構思-詹翔霖教授-長庚科技大學
 創意激發與構思-詹翔霖教授-長庚科技大學 創意激發與構思-詹翔霖教授-長庚科技大學
創意激發與構思-詹翔霖教授-長庚科技大學
 
Ux for ym
Ux for ymUx for ym
Ux for ym
 
Uoid04 the details of design thinking
Uoid04 the details of design thinkingUoid04 the details of design thinking
Uoid04 the details of design thinking
 
程式 x 設計 @ MOPCON 2014
程式 x 設計 @ MOPCON 2014程式 x 設計 @ MOPCON 2014
程式 x 設計 @ MOPCON 2014
 
Scratch程式教學 第一週
Scratch程式教學 第一週Scratch程式教學 第一週
Scratch程式教學 第一週
 
似乎跟程式有關?
似乎跟程式有關?似乎跟程式有關?
似乎跟程式有關?
 
Design Method & Skill_20211203
Design Method & Skill_20211203Design Method & Skill_20211203
Design Method & Skill_20211203
 
數位公益3.0 v2分享版
數位公益3.0 v2分享版數位公益3.0 v2分享版
數位公益3.0 v2分享版
 
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
海外工作經驗談(東京):跨國企業的UX設計師工作日常_Simonlin_2019
 
Mastering the Art of Promotion (掌握推廣的藝術)
Mastering the Art of Promotion (掌握推廣的藝術)Mastering the Art of Promotion (掌握推廣的藝術)
Mastering the Art of Promotion (掌握推廣的藝術)
 

20130113 Web Conference - communicate