F2E&RGBA Design - 如何導入設計師文化 - 171026

36
如何導⼊設計師⽂化 Evan Wu

Transcript of F2E&RGBA Design - 如何導入設計師文化 - 171026

Page 1: F2E&RGBA Design - 如何導入設計師文化 - 171026

如何導⼊設計師⽂化Evan�Wu

Page 2: F2E&RGBA Design - 如何導入設計師文化 - 171026

Front�End/UI�Designer�

F2E�&�RGBA�Design�Meet-up�策展⼈之⼀

Evan�Wu

Page 3: F2E&RGBA Design - 如何導入設計師文化 - 171026

傳統公司會遇到的問題�

設計師的理想鄉�

現實總是殘酷的�

如何實踐與推廣�

從中學到了什麼

今⽇重點

Page 4: F2E&RGBA Design - 如何導入設計師文化 - 171026

傳統公司問題

Page 5: F2E&RGBA Design - 如何導入設計師文化 - 171026

既定的思考框架

員⼯�1:以前這樣做就可以⽤啦,不必想那麼多�

員⼯�2:先不⽤想那麽多,像之前那樣處理就好了�

員⼯�3:這樣感覺不習慣,可以像之前的⼈⼀樣幫我們簡單弄⼀弄就好嗎?

會是不同的⼈,都在講重複的⼀件事情

傳統公司問題

Page 6: F2E&RGBA Design - 如何導入設計師文化 - 171026

公司⽂化問題

1. 只找最簡單的⽅法做事�

2. 多⼀事不如少⼀事,事情能做就好�

3. ⼀切依法⾏事,不是業務範圍裡⾯的事,儘量不碰

傳統公司問題

Page 7: F2E&RGBA Design - 如何導入設計師文化 - 171026

UI�⽼舊傳統公司問題

Page 8: F2E&RGBA Design - 如何導入設計師文化 - 171026

缺乏對設計的理解

對設計的認識,只到表⾯的�Visual�

對設計師的⼯作職位,認知上只要照著�PM�交代的做就好,做好單純的�visual�design

傳統公司問題

Page 9: F2E&RGBA Design - 如何導入設計師文化 - 171026

設計師的理想鄉

Page 10: F2E&RGBA Design - 如何導入設計師文化 - 171026

導⼊新的思維?設計師的理想鄉

1. 導⼊設計思考�

2. 帶⼊�UI/UX�新觀念�

3. Interaction�Design�

4. Microinteractions�

5. 衝撞體制,打倒陳舊的⽂化

Page 11: F2E&RGBA Design - 如何導入設計師文化 - 171026

導⼊新的流程?設計師的理想鄉

1. 全新設計流程、全新設計⽅法�

2. 導⼊�flowchart� �相關流程�

3. 衝撞體制,打倒陳舊的流程

Page 12: F2E&RGBA Design - 如何導入設計師文化 - 171026

導⼊新的�UI�⾵格?設計師的理想鄉

1. 全部砍掉重練,統⼀設計⾵格�

2. 定義�Design�guidelines�

3. 設計趨勢導⼊�

1. Flat�design�

2. Minimalist�Design�

3. �族繁不及備載

Page 13: F2E&RGBA Design - 如何導入設計師文化 - 171026

現實是殘酷的

Page 14: F2E&RGBA Design - 如何導入設計師文化 - 171026

管理層表⽰:�很好,你說的都很好

Page 15: F2E&RGBA Design - 如何導入設計師文化 - 171026

But

Page 16: F2E&RGBA Design - 如何導入設計師文化 - 171026

包袱

Page 17: F2E&RGBA Design - 如何導入設計師文化 - 171026

成本

Page 18: F2E&RGBA Design - 如何導入設計師文化 - 171026

沒弄好,倒楣的還是⾃⼰

Page 19: F2E&RGBA Design - 如何導入設計師文化 - 171026

理想 現實GAP

Page 20: F2E&RGBA Design - 如何導入設計師文化 - 171026

最後⼀切都交給�C4�準沒錯!!

Page 21: F2E&RGBA Design - 如何導入設計師文化 - 171026

如何實踐與推廣

Page 22: F2E&RGBA Design - 如何導入設計師文化 - 171026

本⾝開始,做就對了實踐與推廣

1. 吸收新知識,有機會就嘗試�

2. 分享學習過程,知識共享,周遭的⼈成⻑,也是讓⾃⼰成⻑

Page 23: F2E&RGBA Design - 如何導入設計師文化 - 171026

從⾝邊的⼈開始影響(PM、R&D)實踐與推廣

1. ⼀開始認為,只要讓管理層點頭就好,但是實際上,讓你附近的⼈先認可你,才能⼀起推�BOSS�

2. 讓⾃⼰隨時準備好準備,關鍵的時候,能夠發揮作⽤,但其他⼈發現不管什麼問題,設計師都可以有效回答時,就能發揮影響⼒

Page 24: F2E&RGBA Design - 如何導入設計師文化 - 171026

善⽤⼯具實踐與推廣

⼯欲善其事,必先利其器!�

•UI�design�tools�

•Prototyping�tools�

•Front�End�tools�

•Inspiration�collection�

•MAC�好⽤⼩⼯具

Page 25: F2E&RGBA Design - 如何導入設計師文化 - 171026

UI�design�tools實踐與推廣�-�⼯具

abstract sketch zeplin

Page 26: F2E&RGBA Design - 如何導入設計師文化 - 171026

Prototyping�tools實踐與推廣�-�⼯具

marvel invision

Page 27: F2E&RGBA Design - 如何導入設計師文化 - 171026

Front�End�tools實踐與推廣�-�⼯具

sublime�text�3 gulp iTerm

Page 28: F2E&RGBA Design - 如何導入設計師文化 - 171026

Inspiration�collection實踐與推廣�-�⼯具

eagle Muzli

Page 29: F2E&RGBA Design - 如何導入設計師文化 - 171026

MAC�好⽤⼩⼯具實踐與推廣�-�⼯具

Alfred�3 bear

Page 30: F2E&RGBA Design - 如何導入設計師文化 - 171026

讀書會實踐與推廣

不限主題,⽬的在引導參與與討論�

•產⽣興趣�

•知識分享�

•互相提升

Page 31: F2E&RGBA Design - 如何導入設計師文化 - 171026

從中學到了什麼

Page 32: F2E&RGBA Design - 如何導入設計師文化 - 171026

經驗值的提升從中學到了什麼

1. 學習看待不完美中的完美�

2. 改變,不是⼀蹴可幾�

3. 評估現況,找到現實中的最佳解法�

4. 共同參與的價值

Page 33: F2E&RGBA Design - 如何導入設計師文化 - 171026

最後不在你的能⼒有多強,�⽽是能否對不同情況做出對的判斷

Page 34: F2E&RGBA Design - 如何導入設計師文化 - 171026

You work is going to fill a large part of your life, and the only way to be truly satisfied is to do what you believe is great work. And the only way to do great work is to love what you do.

“”

—�Steve�Jobs

Page 35: F2E&RGBA Design - 如何導入設計師文化 - 171026

參考資料�&�乾貨

Airbnb�設計副總裁:深談設計產業的困境與出路https://wp.me/pKpPm-qdl�

企業導⼊-ux-很難嗎?-pm-的⾎淚分享https://designtongue.me/?p=6356�

如何透過導⼊設計思考重塑組織新⽂化https://wp.me/pKpPm-pf7

ZEEFhttps://goo.gl/LqRsfJ�

UX�研究室http://ux.pixnet.net/blog�

設計⼤⾆頭https://designtongue.me/�

UX�四神湯https://medium.com/@uxeastmeetswest�

AAPDhttps://medium.com/as-a-product-designer

乾貨資料

Page 36: F2E&RGBA Design - 如何導入設計師文化 - 171026

Thank�you

Evan�Wu

mail: [email protected]

facebook: https://www.facebook.com/evanwu.tw