有小伙伴問(wèn)我，想從UI設(shè)計(jì)師轉(zhuǎn)型產(chǎn)品經(jīng)理菩彬，有什么建議缠劝？

畢業(yè)3年半，產(chǎn)品經(jīng)理這個(gè)坑我蹲了3年半了骗灶，帶著“經(jīng)理”的Title惨恭，干著各種“撕逼”的活，下面跟大家聊聊幾個(gè)與UI設(shè)計(jì)師“撕逼”的故事耙旦。

目的導(dǎo)向VS細(xì)節(jié)導(dǎo)向

剛畢業(yè)做的第一個(gè)手機(jī)App脱羡，第一個(gè)版本。拿到設(shè)計(jì)稿時(shí)免都，我第一反應(yīng)锉罐，“我去，整體風(fēng)格很好看看看绕娘！”脓规，也沒(méi)多想，和設(shè)計(jì)師溝通了幾個(gè)邏輯問(wèn)題业舍，設(shè)計(jì)師也找了他老大評(píng)審抖拦，過(guò)了便很愉快地交給了開發(fā)哥哥。開發(fā)哥哥碼了一半舷暮，崩潰了态罪，“你們知道這種邊框帶個(gè)圓角的是多么老土的設(shè)計(jì)么？現(xiàn)在從iOS7推出平面化設(shè)計(jì)下面，都是直接鋪滿复颈，不帶有邊框更不會(huì)有圓角。你們知道這個(gè)圓角有多難搞么？蘋果沒(méi)有現(xiàn)成的部件耗啦，得自己碼凿菩，而且項(xiàng)目時(shí)間很緊很緊，我以前也沒(méi)有做過(guò)帜讲⌒乒龋”設(shè)計(jì)師也很無(wú)奈，已經(jīng)定稿的東西似将，要修改要返工获黔，之前的流程又走一遍，而且還沒(méi)那么好看在验，沒(méi)那么好看玷氏，沒(méi)那么好看。腋舌。

好了盏触，產(chǎn)品經(jīng)理夾在中間，要開始撕逼了块饺。對(duì)赞辩，我先承認(rèn)圓角不好開發(fā)，對(duì)授艰，我也先承認(rèn)沒(méi)有圓角不好看诗宣。雖然我不知道這些是不是事實(shí)，我只知道想诅，你說(shuō)圓角非圓角，對(duì)我產(chǎn)品功能岛心，整體框架来破，有多大的影響？沒(méi)影響好么忘古？作為App的第一個(gè)版本徘禁，是不是真的解決了用戶痛點(diǎn)，是不是可以運(yùn)營(yíng)起來(lái)髓堪，是不是可以走紅送朱？上線后未知的事情太多，扣著一個(gè)細(xì)節(jié)干旁，而影響發(fā)版進(jìn)度驶沼，得不償失。然而我是一個(gè)剛畢業(yè)的小兵....

然而争群，隨著這撕逼越來(lái)越大回怜，各方老大的加入，劇情更加錯(cuò)綜復(fù)雜换薄，最后是...開發(fā)哥哥妥協(xié)了玉雾，加班加點(diǎn)正常發(fā)版了翔试。

然而，兩個(gè)月后复旬，換了個(gè)設(shè)計(jì)師垦缅，干掉了圓角哈哈哈哈，開發(fā)哥哥心中有萬(wàn)千只草泥馬在奔騰驹碍，又大鬧了一場(chǎng)壁涎，各方老大又加入?yún)f(xié)調(diào)，最后是…開發(fā)哥哥又妥協(xié)了幸冻，加班加點(diǎn)正常發(fā)版了粹庞。

呵呵，現(xiàn)在的我洽损，總給每個(gè)版本設(shè)立一個(gè)大目標(biāo)庞溜，不影響目標(biāo)的情況下，隨意碑定，怎么快怎么來(lái)流码，決不能有強(qiáng)迫癥。

矩陣思維VS線性思維

一天設(shè)計(jì)師哥哥腦洞大開延刘，看到映客直播間進(jìn)房的“一道金光閃過(guò)”漫试，跟我們提需求說(shuō)，“我們是不是也可以做一個(gè)碘赖？”很有道理驾荣，很有必要，于是我們展開了調(diào)研普泡，相互間撕逼了N輪播掷，輸出了PRD。

我們的設(shè)計(jì)哥哥是非常盡職盡責(zé)的撼班，在我們PRD輸出之前歧匈，他就已經(jīng)做了一版設(shè)計(jì)稿了，感動(dòng)得淚流滿面砰嘁。然而當(dāng)他看到我們的文檔時(shí)件炉，心也是被萬(wàn)千只腳踩過(guò)一樣。

因?yàn)榘妫覀冋迕幔鲆粋€(gè)功能，叫作“直播間飄屏”缅阳，而不是“進(jìn)場(chǎng)通知”宫静。emmmmmm...

“進(jìn)場(chǎng)通知”是由一個(gè)場(chǎng)景聯(lián)想到的一個(gè)功能，是線性的，很簡(jiǎn)單孤里，達(dá)到某個(gè)條件的用戶伏伯，進(jìn)場(chǎng)時(shí)給該直播間的用戶來(lái)個(gè)通知炫耀一下嘛。如果只是做“進(jìn)場(chǎng)通知”捌袜，我們就費(fèi)了資源说搅，做了個(gè)為單個(gè)場(chǎng)景服務(wù)的線性功能了。但是虏等，萬(wàn)一這個(gè)點(diǎn)沒(méi)拿準(zhǔn)弄唧，用戶需求弱，玩膩了等等霍衫，費(fèi)掉的資源就真的廢掉了候引。開發(fā)哥哥又進(jìn)入了新的循環(huán)，去做一個(gè)新的線性需求敦跌，不斷地忙乎澄干，產(chǎn)品更新迭代得很慢。

而我們要做的“直播間飄屏”柠傍，就是希望一個(gè)框架覆蓋多種場(chǎng)景麸俘，一次開發(fā)覆蓋多個(gè)功能，這是矩陣式惧笛。類似“進(jìn)場(chǎng)通知”這種飄屏从媚，是不是購(gòu)買貴族時(shí)也可以來(lái)個(gè)通知炫耀下？是不是參與活動(dòng)排行上升了也可以來(lái)個(gè)通知炫耀下患整？是不是送了個(gè)大禮撒了筆大錢拜效，還可以跨直播間全服通知炫耀下？等等各谚，不同的通知拂檩，飄屏樣式時(shí)間都一樣，還是說(shuō)可定制呢嘲碧？是使用同一個(gè)通道還是不同的通道顯示？使用同一通道父阻，那是先來(lái)先顯示愈涩，還是后來(lái)先顯示？等等加矛。

對(duì)履婉，我們需要這樣去說(shuō)服設(shè)計(jì)師，不然的話他又要發(fā)飆了斟览，“又讓我返工毁腿。。”

溝通已烤，溝通鸠窗，溝通...

用一個(gè)小小小實(shí)例來(lái)舉個(gè)例子~

我們?cè)谧鲩W屏，也就是App啟動(dòng)后用戶見到的第一個(gè)界面胯究，有點(diǎn)像App Cover稍计。老板的想法是，除了常規(guī)的靜態(tài)圖片裕循，希望能夠賦予動(dòng)態(tài)XX臣嚣，XX或是視頻或是動(dòng)畫，反正能動(dòng)就可以了剥哑。但是對(duì)于什么樣的格式是動(dòng)態(tài)的硅则，而且體積不能太大，但清晰度還行株婴，我是不懂的怎虫，只知道我們App里禮物系統(tǒng)是用svga格式動(dòng)畫，App在誘導(dǎo)注冊(cè)時(shí)曾經(jīng)有過(guò)一個(gè)mp4

格式的視頻督暂，便去請(qǐng)教設(shè)計(jì)師揪垄。

設(shè)計(jì)師：“一般使用mp4吧÷呶蹋”

我：“為什么饥努？我們之前那個(gè)mp4視頻有多大？”

設(shè)計(jì)師：“不到1M八回，7秒酷愧，分辨率很低〔纾”

我：“我看之前的視頻在高端機(jī)上也還算清晰啊溶浴，那svga怎么樣？我們現(xiàn)在禮物系統(tǒng)不是用的svga么管引？”

設(shè)計(jì)師：“svga不行士败，很大，太卡了褥伴，我每次滿屏地鋪一張圖就會(huì)卡死谅将。”

我開始疑惑了：“是你在做svga動(dòng)畫的時(shí)候卡重慢，還是在App播動(dòng)畫會(huì)卡饥臂？”

設(shè)計(jì)師：“做的時(shí)候會(huì)卡∷契猓”

好了隅熙，我理解就是：

0.根據(jù)之前的先例稽煤，使用mp4是沒(méi)問(wèn)題的。

1.svga體積太大囚戚，使用要謹(jǐn)慎酵熙。

2.使用svga會(huì)給設(shè)計(jì)師制作動(dòng)畫時(shí)造成麻煩。

3.svga在App上播會(huì)不會(huì)卡頓弯淘，會(huì)不會(huì)給用戶造成影響绿店，暫時(shí)不知道。

于是我說(shuō)庐橙，“我們?cè)诳紤]閃屏功能假勿，mp4沒(méi)問(wèn)題，看看是不是還需要支持svga态鳖？”

設(shè)計(jì)師：“那肯定要啊转培，萬(wàn)一以后要用到呢？”

我又疑惑了...你剛才明明表示否定svga的浆竭，你不是說(shuō)很大么浸须？。邦泄。删窒。

我：“將svga轉(zhuǎn)化成mp4，然后再放上App顺囊，可以么肌索？”

設(shè)計(jì)師：“可以啊，但不建議特碳，會(huì)沒(méi)有svga那么清晰诚亚。”

我：“拔缗摇站宗？怎么不清晰了？”

設(shè)計(jì)師：“因?yàn)閴嚎s了益愈，要讓體積變小梢灭，分辨率變低，就不清晰了蒸其∶羰停”

我。枣接。。心臟和胃估計(jì)都纏在一起了缺谴。但惶。耳鸯。也就說(shuō)白了還是svga太大，既然我們都達(dá)成共識(shí)體積不能太大膀曾，那為什么你還要支持svga县爬，轉(zhuǎn)出mp4不是更好么，清晰度還行就可以了添谊。

后來(lái)我反復(fù)問(wèn)财喳，反復(fù)確認(rèn)，終于get到這里的點(diǎn)了斩狱。耳高。是有些情況下，例如大部分禁止小部件在動(dòng)的時(shí)候所踊，使用svga體積會(huì)很小畫面很清晰泌枪，其余情況是mp4更好。

港真秕岛，這個(gè)溝通的過(guò)程很痛苦碌燕，因?yàn)槲乙粩嗟嘏袛嗨脑捠欠裼衅缌x，而且還需要去提煉最終的核心意思是什么继薛。當(dāng)然修壕，設(shè)計(jì)師來(lái)說(shuō)，這個(gè)能力不重要遏考，但對(duì)于產(chǎn)品經(jīng)理而言慈鸠，有效地get到別人表達(dá)的點(diǎn)，同時(shí)诈皿，又能高效清晰地表達(dá)觀點(diǎn)林束，就很重要了，因?yàn)槟闶恰叭f(wàn)金油”啊稽亏，別人都沒(méi)有壶冒，你也沒(méi)有，那這個(gè)團(tuán)隊(duì)平時(shí)是怎么溝通的截歉？胖腾？？

周末一大早碼了三個(gè)小時(shí)瘪松，emmmm咸作，一只專注于互聯(lián)網(wǎng)直播，從國(guó)內(nèi)做到海外的產(chǎn)品狗宵睦，歡迎關(guān)注~