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

來源：http://www.uisdc.com/100-things-you-should-know-about-design

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

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

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

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

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

 

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

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

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

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

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

 

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

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

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

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

 

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

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

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

 

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

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

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

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

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