程式與設計如何真心合作

          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

20130113 Web Conference - communicate