UX 從組織文化開始

UX 從組織文化開始

Keynes Cheng

l  產品設計總監

l  台灣大學資訊工程博士（HCI）

RD/PM

MMDays co-founder OpenHCI co-founder

歡迎訂閱 UIUI: https://www.facebook.com/UIUI.HCI

Researcher

Consultant

3

Source :http://www.elite-view.com/Education_Philosophy/617720.html

丹麥哲學家齊克果： 「我所能體悟的， 只有那些被我真正活出來的道理。」

一個關於 iKala 的故事 4

iKala‧．全球第一雲端數位 KTV‧．多元介面 KTV 社群的互動平台：

5

將具有東方特色的音樂文化透過愛卡拉團隊創新的技術與服務整合至當前正高速成長的網路音樂服務。iKala 首創積木組合式的音樂服務型態，網友可以經由愛卡拉的服務將喜愛的音樂、相片、影片、歌聲、Live Video 等內容用不同的組合自製成為有個人特色的專輯 MV。 網路社群 x 智慧型裝置 x 智慧電視 x 愛 K歌TV 歡唱盒，一雲多螢，給你無限歡唱的無限可能性！

6

7

8

l 勇奪數位時代 2012 NEO STAR 創業之星評審團參獎

l 勇奪第五屆科技趨勢金獎雲端服務組金獎

50萬會員

9 http://www-03.ibm.com/software/lotus/symphony/gallery.nsf/GalleryClipArtAll/46AC15D121A7D364852575950055A059

35萬會員

10

11

12

回顧歷史

13

2005.2

2007.8

14

15

抓住了 Social Media 的趨勢

Source: http://www.siliconcloud.com/

16

17

18 Source: http://www.exampler.com/testing-com/writings/reviews/page19.gif

AHH!

19

團隊開始尋找新的發展方向…

Source: http://mathesonuk.com/

20

擴展平台功能

人力���不足

核心���外包

品質���下降

使用者無感

找尋���機會

為���什���麼���？ 21

Source: http://media.tumblr.com/

22

你 認 為 產 品 是 。 。 。

23

產 品 其實 是 。 。 。

Source: http://images.pcworld.com/news/graphics/221214-ipad_2_vs_tablets_v2_original.jpg

Anderson Mancini http://www.flickr.com/photos/ektogamat/2687444500/

這就是”矇著眼做設計”

24 Source: http://www.flickr.com/photos/ektogamat/2687444500/

幾年過去後… 25 Source: http://tamilandvedas.files.wordpress.com/2012/02/time-travel.jpg

26

風格…

27

可用性…���IE only…���先安裝…

28

品質…

29

愛情公寓?

Twitter? Blog?

需求…

付費方案…

30

Web Mobile TV

31

它們其實是同一家公司的產品

32

這就好像你去餐館吃飯時…���老娘煮什麼, 你吃什麼, 不吃拉倒！���

Source: http://img52.imageshack.us/img52/1580/0002bos.jpg

其實你不是這個意思, 你是想開⼀一家無菜單料理的店, 但是是像這個樣子：

33

Source : http://www.oiktv.com/vplay-youtube-WGmB-JeXr0k.html Source: http://5.blog.xuite.net/5/b/6/0/11190681/blog_1960360/txt/36387689/0.jpg

中間的差距是…

34 Source : http://www.joegerstandt.com/cms/wp-content/uploads/2012/03/difference.jpg

這中間的差距就是…

35 Source: http://www.crowdsource.com/wp-content/uploads/2012/10/shutterstock_33654211-300x225.jpg

你有沒有把 “使用者” 放到 “中間”…

36 http://seo-hacker.com/wp-content/uploads/2012/07/user-centric-approach.jpg

這仍然是個好生意！���依然有強勁需求！������

37 Source: http://www.ifpi.org/content/library/DMR2012.pdf

但是, 即使是再會忍耐的人, 吃到⼀一盤焦掉的菜… 也是會…吐！

38

Source: http://s.verywed.com/s1/2010/09/23/1285226288_740cdb32dd2664e2e7c6e62a865e5e05_big.jpg

39 Source: http://www.icanhasinternets.com/

40

UX 變革

當我們在談變革時 這讓我想到⼀一句話

41

孔明曰： 「謀事在人， 成事在天。」

42

Source: http://p0.images22.51img1.com/6000/lfy_hl/0b2e773be68994314b9542d095a58a0f.jpg

不過, 既然我們管不到“天” 那我們就談談 “人” 吧！

43

現場調查： 有多少人是科技軟體公司的？

44 Source: http://img12.3lian.com/gaoqing02/03/46/31.jpg

45

現場調查： 有多少人覺得寫程式是腦力用得多？

Source: http://img12.3lian.com/gaoqing02/03/46/31.jpg

46

現場調查： 有多少人覺得設計是腦力用得多？

Source: http://img12.3lian.com/gaoqing02/03/46/31.jpg

現場調查： 有多少人十分相信你們的員工？

47 Source: http://img12.3lian.com/gaoqing02/03/46/31.jpg

現場調查： 有多少人你們的公司是“真”責任制？

48 Source: http://img12.3lian.com/gaoqing02/03/46/31.jpg

所謂的產品是由人所設計出來的 所謂的服務是由人所提供創造的

49

我們該如何管理人的腦力產出？ 我們該如何衡量員工的用 “心” 程度？ 員工的創意程度又該如何衡量？

50

我們該如何管理人的腦力產出？ 我們該如何衡量員工的用 “心” 程度？ 員工的創意程度又該如何衡量？

51 http://images.plurk.com/5826749_c4f0148d9083ca475e7c94d9867d41e8.jpg

腦力是非常無形的, 難以具體衡量的

52

http://2.bp.blogspot.com/_Fb0x6TGTbPs/S08P563N0KI/AAAAAAAAEco/RhIwyLimFcU/s400/ACTIVO+INTANGIBLE+++DEFINICION+Y+CARACTERISTICAS+++INTANGIBLE+ASSETS++DEFINITION+AND+FEATURES+++%E6%97%A0%E5%BD%A2%E8%B5%84%E4%BA%A7+%E5%AE%9A%E4%B9%89%E5%92%8C%E7%89%B9%E5%BE%81.jpg

試問： 如果⼀一個廚師在家裡都做不好菜, 你覺得他在外面開的餐廳的菜就會比較好吃？

53

談產品 UX 前, 咱們先談談公司文化吧！

54

55

UX 文化

問題： 什麼樣的文化, 才是符合發展 UX 的文化？

56

57

答案： 你會 Monday Blue 嗎？

http://pic.pimg.tw/firstofmay/4a23b54728c6e.jpg

所以這些很重要嗎？ 我們今天不是來談 UX 的嗎？

58 Source: http://johnfmoore.files.wordpress.com/2010/07/confused-man.jpg

問題： 你以為是”誰”在 “執行” UX？

59 http://davidhiggerson.files.wordpress.com/2011/06/mysteryman.jpg

所以, 有⼀一個新的頭銜叫做 CXO?

60

CXO http://images.uxmag.com/preset_13/iStock_000000196014XSmallx2.jpg

Chief user eXperience Officer

所以, 有⼀一個新的單位叫做 UX Dept.?

61

UX User eXperience Department

http://www.uxtriggers.com/images/uxtriggers_badge.jpg

所以, 有⼀一個新的萬靈丹叫做 UX?

62

For ALL

UX http://www.e-steroid.com/wp-content/uploads/2009/11/steroids-as-the-original-wonder-drug.jpg

其實, 我只是提醒那些被大家淡忘的基本道理, 是有⼀一種心態叫做 “UX”.

63

UX http://supportgroupglendora.files.wordpress.com/2011/02/red-heart.jpg

尊重人。瞭解人。關心人

才是 UX 的根本

64

尊重你的夥伴, 所以用更扁平的文化聽取大家的意見

65

瞭解大家的需求, 所以提供⼀一個充滿創意的空間

66

瞭解大家不同的工作模式, 所以才會有許多協同的工具, 以及自動化工具

67

http://www.dezinerfolio.com/wp-content/uploads/2007/09/vistaicons.jpg

關心大家的工作品質, 我們要除去過多惱人的限制, 跟充滿不信任的制度.

68

重點不在於你要花多少錢 重點在於你有多用“心”在你的夥伴身上

69

環境並不是要花俏 而是要充滿認同感 並達到該有的實用性

70

制度不是權力分配 而在於解決問題 並且共同創造價值

所以, 瞭解到大家都渴望設計出真正能夠幫助到使用者的產品, 我們讓 UX 的觀念遍佈在整個組織裡, 我們稱之為 UCD 流程

71

UCD User Centered Design

72

UCD

73

現場調查： 有多少人是從事產品設計的？

Source: http://img12.3lian.com/gaoqing02/03/46/31.jpg

74

現場調查： 有說少人你們的公司是把設計決策放在第⼀一線的？

Source: http://img12.3lian.com/gaoqing02/03/46/31.jpg

科技導向： 技術確定 > 規格確定 > 設計美化

75

http://media.lunch.com/d/d7/559221.jpg

設計導向： 設計確定 > 規格確定 > 技術實作

76

http://media.lunch.com/d/d7/559221.jpg

使用者導向： 使用者需求確定 > 技術＆設計規劃 > 產品製作

77 http://www.bohol.ph/img/laptop-crank2.jpg

所以, 使用者成為所有程序中最重要的環節, 在每⼀一個過程中, 我們都有使用者的參與

78

從最早期的使用者研究的需求訪談：

79

從原型到易用性測試：

80

用各種管道讓使用者可以隨時回饋資訊：Email/客服電話/UserForum

81

這些在產品設計上面, 都有助於幫助我們最初地猜測使用者的期望

82

然而有⼀一句話經典的話： 嘴巴這麼說, 身體倒是挺誠實的…

83 http://img5.17dm.com/img/pic/110618/7420_134020_1.jpg

84

所以, 我們更在意數據的分析！大量使用 log data 來幫助我們改善產品

此技術稱之為 Growth Hacking

85 http://www.slideshare.net/dmc500hats/startup-metrics-for-pirates-nov-2012

We are chasing the moving target!

86

http://southernidaholiving.com/wp-content/uploads/2011/09/western_spirit_hunting-_preserve_shoshone_9259.jpg

87 http://agilemanifesto.org/iso/en/principles.html

⼀一言以敝之：打帶跑！

88 http://agilemanifesto.org/iso/en/principles.html

我們不追逐夢幻的完美, 我們更在意於有機的成長

89 http://www.damiancorbet.com/wp-content/uploads/2011/06/shutterstock_green-growth_71322319.jpg

讓我們看⼀一下 Agile + UCD 的流程

90

SCRUM

http://assets.devx.com/articlefigs/AgileUCD_Fig1.jpg

如果迷信了 UCD, 那麼或許是好的開始… 至少我們不是矇著眼設計

91

如果迷信了 UCD, 那麼或許是好的開始… 至少我們不是矇著眼設計 但是, 這就是最佳解了嗎？

92

93

「Can We Do Better ?」

不過, 小丑在亮處找鑰匙…

94

有一個醉漢醉醺醺回到昏暗的家門口，當他拿出鑰匙開門時，不慎將鑰匙掉落地上。醉漢就搖搖晃晃走到巷口的路燈下，趴在地上東摸西找，路人經過問他：「你在找什麼嗎？」醉漢說：「我在找鑰匙。」路人問：「鑰匙在這裡掉的嗎？」「不是，應該是掉在家門口的。」「那為什麼在這裡找？」醉漢說：「因為這裡比較亮。」

Streetlight Effect

http://bristolrising.com/wp-content/uploads/2011/06/street-light.jpg

亨利‧福特：「如果當初我去問顧客到底想要什麼，他們會回答說要⼀一匹跑得更快的馬。」

95 http://img.autohome.com.cn/shuyu/20110812/500/5356824346723476969.jpg

這句話並不是簡單解讀成： 不需要理會你的使用者！

96

而是要解讀成： 你要充分瞭解你的使用者認知的極限, 以及深層的渴望。你的設計不是要脫離使用者的認知, 而是要為他們創造驚喜。

97

Bill Buxton: 「我會聽用戶說，我尊重他們所說的話，但我從來不會按他們的要求來做。因為當他們跟我說他們要什麼的時候，我會把這些信息視為「症狀」，並用來進行 「診斷」，但如果我照著用戶的說法做了，就意味著他們說的不再是「症狀」，而是「處方」，這是不對的。」

98

但是, 醫師可以不問診就直接開藥方, 這樣子對嗎？

99

http://www.thebadchemicals.com/comics/2010-03-12-a-diagnosis.jpg

100

我們還是需要時時回歸本質, 我們的服務在這個時代, 對我們的使用者的生活上所提供的意義是什麼？

101

Meaning

http://www.pullinc.com/wp-content/uploads/2010/02/innovation1.jpg

因此, 實際上我們進化的流程是…

102

意義導向： 技術/設計發掘使用者需求 > 技術/設計參與設計 > 產品製作

103

文化 科技 iKala

從華人歌唱文化出發, 以科技重新發明歌唱, 而後進⼀一步發展新的音樂互動娛樂方式

UCD 是我們連結使用者的臍帶

104 http://www.galmin.co.za/blog/wp-content/uploads/2010/02/Umbilical-Cord.jpg

而創新則是來自於 我們對於生活意義的重新詮釋

105

不過, 我們今日不是談創新, 而是談使用者. 使用者是人, 那麼我們就要回歸最初的本質…

106

結論： 《禮記》的《大學》： 「修身、齊家、治國、平天下」 + 相信你的員工, 善待你的員工 + 關注你的使用者, 關注你的產品 + 你既是設計師, 你也要是使用者

107

結論： 其他的, 就只是方法論而已, 你可以用掃帚掃地, 你也可以用吸塵器掃地, 重點在於你先想要地板乾淨的心; 而不是追求昂貴的吸塵器在家裡面當成裝飾品。

108

員工不是可有可無的 抱著這種心態慎選你的夥伴

109

使用者也不是可有可無的 抱著這種心態提供你的服務

110

《PRICELESS》

111

http://blog.roodo.com/foreverfish/archives/21131510.html

《PRICELESS》 (第七集片段)

112

http://blog.roodo.com/foreverfish/archives/21131510.html

尊重人。瞭解人。關心人

才是 UX 的根本

113

發展你自己的模式, 因為魔鬼藏在細節裡

114 http://comic-king.com/content.php?info_id=6467

115

Thank You Contact: keynes@ikala.tv