轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.shtzxx.cn  )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源：http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

產(chǎn)品經(jīng)理和UI設(shè)計(jì)師之間最常見(jiàn)也是最尖銳的矛盾就是，UI設(shè)計(jì)師把花了很多心血做出來(lái)的稿子放到產(chǎn)品經(jīng)理面前，產(chǎn)品看了一下，覺(jué)得非常陌生和超出預(yù)期，說(shuō)：“這都是些什么啊”。

(- -#)，(- -’)，此處無(wú)聲勝有聲。倒不是說(shuō)這里面誰(shuí)對(duì)誰(shuí)錯(cuò)，都挺辛苦的其實(shí)，但為什么總會(huì)落得如此尷尬呢。

世上配合最好的其實(shí)就是自己的手配合自己的腦袋。腦袋怎么想，手就怎么畫(huà)，畫(huà)出來(lái)的丁老頭再丑也覺(jué)得很親切，恩恩，是我的好作品（星星眼）。只是等到兩個(gè)人合作的時(shí)候，就有些麻煩了。因?yàn)?，讓“設(shè)計(jì)師的手”精致地受控于“產(chǎn)品經(jīng)理的腦袋”，每次畫(huà)完看一看，覺(jué)得對(duì)就繼續(xù)畫(huà)、錯(cuò)就改的敏捷調(diào)控是不現(xiàn)實(shí)的。

禍起，在于一些溝通中有很多弊端，唯有解決這些問(wèn)題，才能讓團(tuán)隊(duì)和諧地高唱“同一個(gè)夢(mèng)想”。藍(lán)藍(lán)設(shè)計(jì)分享一下UI設(shè)計(jì)師如何做不出產(chǎn)品經(jīng)理想要的設(shè)計(jì)的方法！希望對(duì)朋友們界面設(shè)計(jì)工作有所幫助！

 

一、產(chǎn)品沒(méi)有意識(shí)到要講的其實(shí)是故事

常見(jiàn)的產(chǎn)品經(jīng)理提需求的方式往往都是在需求文檔里直接寫(xiě)“在Feed上增加一個(gè)轉(zhuǎn)載按鈕，點(diǎn)擊后可以填寫(xiě)轉(zhuǎn)載理由”。這種描述方式其實(shí)已經(jīng)是一個(gè)很具象的解決方案了。然后這份包含數(shù)十條如此描述需求的文檔會(huì)被貼到內(nèi)部需求管理網(wǎng)站上，或者通過(guò)郵件發(fā)給設(shè)計(jì)師。

設(shè)計(jì)師拿到這份文檔，通常會(huì)覺(jué)得很憋屈。哎，忍忍算了，拿人錢(qián)財(cái)替人消災(zāi)。然后拿著這份需求文檔在現(xiàn)有界面上去改。但往往會(huì)發(fā)現(xiàn)產(chǎn)品說(shuō)這些具體解決方案其實(shí)在實(shí)現(xiàn)時(shí)是有很多細(xì)節(jié)沖突的。于是，設(shè)計(jì)師要先逆向YY出這個(gè)功能背后的用戶(hù)需求，然后再?lài)L試在與各種細(xì)節(jié)不沖突的夾縫中找一個(gè)新的解決方案。把這個(gè)稿子拿給產(chǎn)品看，產(chǎn)品就會(huì)楞一下，說(shuō)“這是什么…”。(- -#)，(- -’)

其實(shí)很多產(chǎn)品經(jīng)理沒(méi)弄清自己最大的價(jià)值點(diǎn)。作為產(chǎn)品經(jīng)理最該做的是發(fā)現(xiàn)生活中用戶(hù)各種不知道該怎么滿(mǎn)足的需求，然后把這些很有挑戰(zhàn)也很有價(jià)值的用戶(hù)需求委托給資源方來(lái)幫忙想辦法解決。這個(gè)需求應(yīng)該以盡量生活化的、講故事的方式來(lái)表達(dá)，與任何具體的解決方案無(wú)關(guān)。這樣設(shè)計(jì)師可以很明確地知道要解決什么問(wèn)題，設(shè)計(jì)也就有了出發(fā)點(diǎn)，而且是產(chǎn)品經(jīng)理給的出發(fā)點(diǎn)。所以在這一環(huán)上，產(chǎn)品經(jīng)理交付的接力棒是一個(gè)好的故事，傳情地描述用戶(hù)的困難即可。

一個(gè)故事最核心的內(nèi)容應(yīng)該包括: <什么樣的人><在什么樣的情況下><想要滿(mǎn)足何種需求><他/她會(huì)嘗試某種方式（或找不到任何解決方式）><但所需要的成本是*****><我們來(lái)解救他/她吧>。

 

二、文字不是講故事的最好方法

大家都聽(tīng)過(guò)“下班順路買(mǎi)一斤包子帶回來(lái)，如果看到賣(mài)西瓜的，就買(mǎi)一個(gè)”的笑話吧。產(chǎn)品用文字去表達(dá)自己的想法時(shí)，有很多信息是會(huì)失真的。設(shè)計(jì)師接收到這些文字，再去逆向理念產(chǎn)品的想法，想象出的就是另一個(gè)故事了。

《餐巾紙的背面》以及《Frog Collective Action Toolkit》都提供了表現(xiàn)力更強(qiáng)的講故事方式。諸如草稿、漫畫(huà)、視頻，都是可以用來(lái)表現(xiàn)用戶(hù)需求場(chǎng)景的，比文字更加，引發(fā)誤解的概率也低。

我們常會(huì)說(shuō)這段文字的畫(huà)面感很強(qiáng)，但我想并不是所有的產(chǎn)品經(jīng)理都能寫(xiě)出這樣的文字，所以，為什么不直接用畫(huà)面來(lái)講故事呢：）具體我就不寫(xiě)了，兩本書(shū)里都有，妥妥的。

 

三、設(shè)計(jì)師沒(méi)有及早確認(rèn)自己的理解

UI設(shè)計(jì)師從產(chǎn)品經(jīng)理那里領(lǐng)了圣旨，但其實(shí)還有一個(gè)風(fēng)險(xiǎn)點(diǎn)，就是以為自己理解了產(chǎn)品大人的旨意，但其實(shí)不盡然。最好的方法是設(shè)計(jì)師能夠立刻用于語(yǔ)言或者更加可視化的方式，將自己的理解復(fù)述一遍給產(chǎn)品經(jīng)理。否則，你真的會(huì)在碰見(jiàn)賣(mài)西瓜的以后，買(mǎi)回一個(gè)包子來(lái)。

設(shè)計(jì)師最擅長(zhǎng)的東西就是把抽象的東西具象化。既然有如此神技，其實(shí)也可以在領(lǐng)完旨后，不要急著立刻奔回座位開(kāi)畫(huà)，而是先當(dāng)面隨手畫(huà)一些非常簡(jiǎn)易的示意圖。在這些示意圖上，你可以演示一下在未來(lái)，用戶(hù)將會(huì)怎么解決他們的需求。產(chǎn)品立刻就能明白，你夠不夠懂他。要想別閉著眼在錯(cuò)誤的道路上越走越遠(yuǎn)，最好的方法是盡早睜開(kāi)眼，確認(rèn)好大方向。

 

四、設(shè)計(jì)沒(méi)有發(fā)散出多種設(shè)計(jì)

產(chǎn)品經(jīng)理說(shuō)學(xué)逗唱都用上了，講了一個(gè)好故事，給接下來(lái)的設(shè)計(jì)定了一個(gè)精準(zhǔn)的起點(diǎn)。下面就該設(shè)計(jì)師露臉了。

對(duì)于一個(gè)用戶(hù)痛點(diǎn)，提供怎樣的解決方案最有效，其實(shí)是非常迷茫的（指著競(jìng)爭(zhēng)對(duì)手的產(chǎn)品界面說(shuō)“我就想要個(gè)這樣的頁(yè)面”的產(chǎn)品經(jīng)理咱們就不說(shuō)了）。這就非常需要設(shè)計(jì)師能夠發(fā)散思維，向多個(gè)可能的方向試探觸角，努力探求各種有希望的方法。這樣，產(chǎn)生創(chuàng)新的突破性方案的可能也會(huì)大一些。

產(chǎn)品經(jīng)理其實(shí)背負(fù)了非常大的壓力，他們要賭上自己的事業(yè)前途來(lái)向投資者要到人力（嗯，就是UI設(shè)計(jì)師、工程師們）物力來(lái)實(shí)現(xiàn)一個(gè)未知的夢(mèng)想。設(shè)計(jì)師要是能碼出一排各式解決方案給產(chǎn)品經(jīng)理說(shuō)您隨便挑，看哪個(gè)“最”好，無(wú)疑是能幫助產(chǎn)品經(jīng)理提升極大信心的（星星眼）。

愿此文可以幫助產(chǎn)品經(jīng)理和界面設(shè)計(jì)師這對(duì)死冤家的爭(zhēng)吵少一些，我們本是吉祥如意的一家。