交互設(shè)計(jì)師和產(chǎn)品經(jīng)理PK的一點(diǎn)心得

沈天宇 ：鑒于交互設(shè)計(jì)師經(jīng)常和各個(gè)職能的同事PK一些需求，在實(shí)習(xí)期間做了一些總結(jié)，給自己，也給大家參考。

我覺(jué)得在多方合作的年代，PK是不可避免的。畢竟各個(gè)職能有各個(gè)職能的專(zhuān)業(yè)，設(shè)計(jì)師要做好體驗(yàn)，產(chǎn)品經(jīng)理要統(tǒng)籌資源，開(kāi)發(fā)要兼顧工作量，作為大公司，肯定不能在某個(gè)方面偏科，所以互相制衡來(lái)達(dá)到一個(gè)平衡點(diǎn)也是十分必須的。

我把那些爭(zhēng)執(zhí)分為兩種：定位目標(biāo)之爭(zhēng)，開(kāi)發(fā)性?xún)r(jià)比之爭(zhēng)。

其實(shí)本文還是會(huì)有一個(gè)盲區(qū)，就是體驗(yàn)與商業(yè)之爭(zhēng)，之前面試攜程的時(shí)候曾經(jīng)被問(wèn)到過(guò)。但是目前做的產(chǎn)品還算比較陽(yáng)春白雪，并沒(méi)有什么營(yíng)收壓力，所以這方面還沒(méi)有什么經(jīng)驗(yàn)。

一. 定位目標(biāo)之爭(zhēng)

很多時(shí)候我們會(huì)和產(chǎn)品糾結(jié)一個(gè)按鈕是不是大，一個(gè)功能要不要有，雖然從表面上看是交互細(xì)節(jié)之爭(zhēng)。但是其實(shí)這類(lèi)爭(zhēng)執(zhí)通常是因?yàn)楫a(chǎn)品定位和目標(biāo)優(yōu)先級(jí)，設(shè)計(jì)師和產(chǎn)品經(jīng)理沒(méi)有形成共識(shí)導(dǎo)致的。

有一些方法是可以破解這個(gè)問(wèn)題。

1.明確優(yōu)先級(jí)，目標(biāo)層面先達(dá)成共識(shí)

很多時(shí)候?qū)τ谀繕?biāo)的優(yōu)先級(jí)的不同會(huì)讓不同的人對(duì)于產(chǎn)品的想法完全不一樣。舉一個(gè)真實(shí)的例子，我要做一個(gè)產(chǎn)品的官網(wǎng)。

我作為設(shè)計(jì)師也許對(duì)于官網(wǎng)的定位就是：通過(guò)官網(wǎng)的內(nèi)容感染用戶(hù)，并說(shuō)服用戶(hù)我們可以給用戶(hù)帶來(lái)的價(jià)值，最后引導(dǎo)下載。

于是就做了一個(gè)極致酷炫，全屏，沒(méi)有tab，沒(méi)有導(dǎo)航，在網(wǎng)頁(yè)的最底部加上了，整個(gè)兒就是一沉浸式體驗(yàn)，最后凸顯那個(gè)下載按鈕，讓用戶(hù)感覺(jué)「點(diǎn)了這個(gè)下載就老厲害了」。

結(jié)果給產(chǎn)品過(guò)方案的時(shí)候被懟了。

“為什么產(chǎn)品支持這么小？意見(jiàn)反饋呢？跑到最底下去了？為什么找回帳號(hào)的按鈕也這么小？”

那我當(dāng)然說(shuō)。

“因?yàn)檫@些沒(méi)用啊，意見(jiàn)反饋還有FAQ誰(shuí)會(huì)看啊...需要找回帳號(hào)的人才幾個(gè)...有入口就行了還想要怎樣...blabla”。

其實(shí)這個(gè)時(shí)候就是優(yōu)先級(jí)上的一個(gè)差別了。如果這個(gè)時(shí)候僅僅是爭(zhēng)吵在那些幫助入口的明顯程度的話(huà)，這個(gè)爭(zhēng)論就會(huì)陷入死循環(huán)。

因?yàn)槲艺J(rèn)為官網(wǎng)這個(gè)東西說(shuō)白了就是個(gè)廣告單，下載完了就OK了。但是產(chǎn)品告訴我，也有很多用戶(hù)是來(lái)官網(wǎng)尋求幫助的，所以雖然下載的確是主要目標(biāo)，但是支持幫助這個(gè)目標(biāo)也是個(gè)次要目標(biāo)。

后來(lái)做了個(gè)比較具有用戶(hù)關(guān)懷的幫助頁(yè)面，然后就過(guò)稿了。

所以作為交互設(shè)計(jì)師，我們要明確我們自己的定位。之前聽(tīng)蘇杰說(shuō)的一句話(huà)我覺(jué)得特別好：

用戶(hù)體驗(yàn)是服務(wù)于用戶(hù)價(jià)值的。

因此，設(shè)計(jì)目標(biāo)先達(dá)成共識(shí)很重要。

2.Persona & 用戶(hù)旅程地圖

這兩個(gè)工具是用來(lái)幫助定位和挖掘場(chǎng)景的，比較容易讓產(chǎn)品理解你的設(shè)計(jì)思路。

任何一個(gè)類(lèi)型的產(chǎn)品，都可以無(wú)限發(fā)散。如果不對(duì)定位和使用人群有一個(gè)明確的定義，就會(huì)讓產(chǎn)品的發(fā)展失控。

很多時(shí)候我們爭(zhēng)論某個(gè)功能到底需不需要的時(shí)候，例如說(shuō)，產(chǎn)品說(shuō)要添加X(jué)XX功能，但是你覺(jué)得這個(gè)功能其實(shí)沒(méi)什么用，但其實(shí)這個(gè)也比較憑感覺(jué)，怎么去知道這個(gè)功能到底有沒(méi)有用呢？

這個(gè)時(shí)候我們需要對(duì)我們的用戶(hù)做一個(gè)具體的定義：這個(gè)就是Persona。關(guān)于Persona要怎么用大家可以自己去查，總之需要有一個(gè)或者幾個(gè)人物原型。

有了這個(gè)人物原型，當(dāng)產(chǎn)品再來(lái)提需求的時(shí)候，我們可以直接比照這個(gè)Persona。

“sorry，我們Persona中的人物應(yīng)該是用不到這個(gè)功能的。”

用戶(hù)旅程地圖是對(duì)一個(gè)服務(wù)的所有場(chǎng)景的羅列，當(dāng)我們梳理出了每一個(gè)場(chǎng)景的設(shè)計(jì)目標(biāo)，也可以幫助判斷一個(gè)需求到底需不需要做。

3.用戶(hù)測(cè)試

還有一些產(chǎn)品會(huì)去干預(yù)一些比較細(xì)節(jié)的交互問(wèn)題，會(huì)認(rèn)為你的界面并沒(méi)能準(zhǔn)確的傳達(dá)信息，這個(gè)時(shí)候還是需要去做一個(gè)demo然后進(jìn)行一些用戶(hù)測(cè)試。對(duì)于測(cè)試的成本比較高，但是又比較細(xì)節(jié)的交互，可能什么方案都拿不準(zhǔn)，其實(shí)也不用太糾結(jié)，可以留到灰度的時(shí)候再去決策。

開(kāi)發(fā)成本之爭(zhēng)

關(guān)于這個(gè)問(wèn)題，如果是個(gè)對(duì)技術(shù)完全不了解的設(shè)計(jì)，那也只能尊重開(kāi)發(fā)的意見(jiàn)了。

說(shuō)實(shí)話(huà)我們?cè)O(shè)計(jì)師對(duì)于技術(shù)方面也不能完全一竅不通，很多開(kāi)發(fā)的實(shí)現(xiàn)是需要設(shè)計(jì)師來(lái)共同完成的。

例如說(shuō)，之前在騰訊設(shè)計(jì)周上聽(tīng)到的分享：微信的音樂(lè)播放器，有個(gè)底色，是要取自唱片的封面的。如何取色？如果你的交互稿僅僅給到這里，那程序員小哥哥是無(wú)法完成的。作為設(shè)計(jì)師需要考慮到，如果顏色太艷？如果顏色太灰？這些顏色的算法是要設(shè)計(jì)師來(lái)協(xié)助工程師一起完成的。如果你僅僅是個(gè)只會(huì)畫(huà)界面的設(shè)計(jì)師，那也是沒(méi)有辦法勝任某些需求的。

因此，我非常建議設(shè)計(jì)師可以去了解一下開(kāi)發(fā)方面的東西，不一定要會(huì)寫(xiě)代碼，但是要有個(gè)大概的了解。

最后，有一句話(huà)要牢記：和同事們PK，并不是為了證明自己是對(duì)的，而是為產(chǎn)品討論出一個(gè)更好的解決方案。

「設(shè)計(jì)師都該了解的開(kāi)發(fā)知識(shí)」

• 《值得設(shè)計(jì)師看看的5個(gè)開(kāi)發(fā)小知識(shí)》
• 《設(shè)計(jì)師如何與開(kāi)發(fā)者合作（一）：什么是為開(kāi)發(fā)而設(shè)計(jì)？》
• 《設(shè)計(jì)師如何與開(kāi)發(fā)者合作（二）：需要詢(xún)問(wèn)開(kāi)發(fā)者的問(wèn)題》

原文：zhihu

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專(zhuān)欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專(zhuān)欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com