小芒果導(dǎo)讀：用戶體驗(yàn)在產(chǎn)品設(shè)計(jì)上扮演著越來越重要的角色。哪怕只是一個小小按鈕的擺放都大為講究，那么作為產(chǎn)品經(jīng)理，到底需要做多少工作，你是否考慮全面了呢？

工作以來，已經(jīng)不止一次地有人問我「為什么同樣做一個策劃，你總能想到很多我想不到的事情??？」我實(shí)在不想告訴對方說「等你做多了也就自然能想這么多了?！惯@句很坦誠、很客觀、很實(shí)際的話對于你們這些喜歡「干貨」、急于實(shí)行措施后立竿見影的「產(chǎn)品經(jīng)理」們似乎是一句廢話。

不過想到當(dāng)初百度某牛逼產(chǎn)品經(jīng)理在手機(jī)QQ校招宣講會上面對主持人一句「你覺得產(chǎn)品經(jīng)理是干什么的？」的問題時那個充滿諷刺的「擺按鈕的」回答，以及后來某兩位壓根不了解產(chǎn)品經(jīng)理職位內(nèi)容就因?yàn)樽约菏谴a農(nóng)就一味加以抨擊的死胖子，我不免對其厭惡有加。而今天我不妨就拿「一個按鈕」為例，一方面為打仨傻逼的臉；說說在這簡簡單單的一個按鈕上，一個產(chǎn)品經(jīng)理需要做多少工作，以及為何我能考慮到那么多你想不到的事情。

我覺得，這篇文章應(yīng)該比那本書更值得叫「人人都是產(chǎn)品經(jīng)理」，因?yàn)橥ㄟ^這一篇文章，你的確可以立馬進(jìn)入產(chǎn)品經(jīng)理的工作狀態(tài)。

總結(jié)一：了解常見設(shè)備和網(wǎng)頁設(shè)計(jì)和桌面軟件設(shè)計(jì)的基本分辨率和布局。

二、位置

我見過一些老板/產(chǎn)品經(jīng)理對設(shè)計(jì)師說「喏，那兒加個按鈕」，設(shè)計(jì)師問「加哪兒？」回答是「你看著辦吧」，于是設(shè)計(jì)師按照布局上的美感給這個按鈕安排了一個很好看的位置——左上角。

結(jié)果你每次按這個按鈕都累得要死。

所以你要考慮的是，根據(jù)目標(biāo)設(shè)備對于用戶來說常用的交互姿態(tài)，去決定這個按鈕的位置是否合理、易于操作。比如用戶右手持機(jī)的話，左上角顯然不是一個理想的常用功能按鈕擺放位置。

由此開發(fā)同學(xué)會要求確定一個「坐標(biāo)值」，不過一般這個坐標(biāo)都是設(shè)計(jì)師給出了，因?yàn)樵O(shè)計(jì)師出設(shè)計(jì)圖的時候要標(biāo)注控件距離。

但那不代表你就不應(yīng)該了解。

恰恰相反，你最好要了解，不是讓你去像設(shè)計(jì)師一樣記住那個坐標(biāo)值，而是在把需求推到設(shè)計(jì)師那里的時候，向設(shè)計(jì)師講清楚你希望這個按鈕大體在什么位置、為什么要把它安排在這個位置、對使用有什么影響。

總結(jié)二：了解硬件設(shè)備屏幕坐標(biāo)系的設(shè)定，和基本的人機(jī)交互理念。

三、大小

現(xiàn)在按鈕的位置有了，想讓用戶方便的點(diǎn)擊還需要什么？

沒錯兒，按照那個什么茨定理，除了距離控件越近之外，控件越大也越容易點(diǎn)擊。

所以我們應(yīng)該把這個按鈕做到一半屏幕那么大?。。?/p>

哈哈哈當(dāng)然不是，我們要給按鈕一個合適的大小——想想那個什么44px原理？

總結(jié)三：了解相關(guān)設(shè)計(jì)規(guī)范中給出的那些交互設(shè)計(jì)要求并能理解其緣由。

四、形狀

你的按鈕得有讓人看得出來的樣子對吧？

所以要選擇一個合適的形狀。

比如在Material Design的規(guī)范里，F(xiàn)AB的樣式就一定要遵循規(guī)范為圓的；再比如在彈出的Alert提示框中，下方的兩個按鈕一般都是方的。

圖形中有三種基本形狀——矩形、圓形、三角形。通過這三種形狀的變化和拼接，你可以創(chuàng)造出各種各樣的圖形。

當(dāng)然這理論上來說也應(yīng)該是設(shè)計(jì)師的事情，但你一個產(chǎn)品經(jīng)歷如果連各平臺的設(shè)計(jì)規(guī)范都不了解的話，很容易被壓制的哦（比如蘋果商店Reject的理由里就有非規(guī)范設(shè)計(jì)這一條。）

總結(jié)四：了解相關(guān)設(shè)計(jì)規(guī)范中對各種圖形使用所給的建議并能理解其設(shè)計(jì)規(guī)范的作用。

五、顏色

這一點(diǎn)也是老板和產(chǎn)品經(jīng)理們經(jīng)常放過去的——讓設(shè)計(jì)師來定就好了嘛，他們更專業(yè)。

但是——他們的專業(yè)，只是在平面設(shè)計(jì)上專業(yè)，而用戶對產(chǎn)品色系的敏感度，他們比你更了解？

你對色值可以不需要了解到DB4747和AE0808的區(qū)別這種程度，但是色彩三要素——色調(diào)、明度、純度——的變化對于人的感覺有什么影響你一定要了解。如果不懂，請自己惡補(bǔ)相關(guān)知識。

總結(jié)五：不要再跟設(shè)計(jì)師說「我要一種大氣的顏色」這種屁話，轉(zhuǎn)而用「純度中等、明度較小、色調(diào)較冷，這樣一種比較穩(wěn)重、厚實(shí)的感覺」來描述。

六、文案

當(dāng)你放置了一排位置合適、大小合適、顏色獨(dú)特的按鈕時，其實(shí)用戶還是很難理解它是用來做什么的。為此，你要賦予它一定文案，給不明所以的用戶一個引導(dǎo)——哦這個按鈕的作用是用來做這個/那個的。

而涉及到文案了，你除了要具備文字功底、使得可以用簡短精確的詞語來表達(dá)適當(dāng)?shù)囊馑贾?，還要了解這些東西：用什么字體呀？字號多大呀？字色如何呀？需不需要用加粗、傾斜、下劃線、刪除線等樣式來進(jìn)行特定強(qiáng)調(diào)呀？

總結(jié)六：作為一個產(chǎn)品經(jīng)理，玩轉(zhuǎn)文字是一項(xiàng)非?；A(chǔ)、非常不起眼但對用戶能產(chǎn)生巨大影響的能力。

七、I/O(Input/Output)

誒你會問一個破按鈕哪兒來的輸入輸出？

我們從計(jì)算機(jī)原理課本中學(xué)到的I/O，指的是一臺機(jī)器，我們輸入一定信息，它就能輸出一定信息，這是一個狹義的I/O概念。這個概念放大到交互范圍，指的就是——當(dāng)你對一個Object做出一定操作，它所返回的反饋是怎樣的。

所以對于一個按鈕，你還要設(shè)定當(dāng)你點(diǎn)擊(tap)它的時候它應(yīng)該如何表現(xiàn)？按住(press)它的時候它應(yīng)該如何表現(xiàn)？當(dāng)然前面這兩種行為還只是在移動設(shè)備端的，到了網(wǎng)頁設(shè)計(jì)中，你要考慮的動作叫做Click、Hover——而你還要了解后兩者跟前兩者有什么差異。

總結(jié)七：考慮一個控件存在的意義——與人發(fā)生怎樣的交互？在這之后將會如何呈現(xiàn)信息？

八、行為

與I/O不一樣，I/O所表示的主體只是一個被動的對象，它只有在你對其進(jìn)行直接操作以后才發(fā)生對應(yīng)的反饋，給你返回一些信息；而當(dāng)你對它不管不問的時候，它就那么傻呆呆的杵在那兒。

所以在很多的產(chǎn)品設(shè)計(jì)中，這款產(chǎn)品設(shè)計(jì)的「有沒有靈性」、「有沒有靈魂」，取決于在你現(xiàn)在的操作及注意力的主體之外的那些控件，有沒有一種「自覺性」，為你當(dāng)前的操作自動讓路。

如果這么說你不明白，不妨想想iOS7中Safari的地址欄。

在以往的設(shè)計(jì)中，你不操作地址欄的時候，它就靜靜地在那兒，不管你滑動頁面、點(diǎn)擊Toolbar的按鈕或者其他操作，它就不死不活的占著那個位置。

而從iOS7開始，Safari的地址欄變得「靈動」起來，當(dāng)你滑動頁面查看更多內(nèi)容的時候，它會「很自覺地」收起縮小，為你讓出更大的空間用于顯示頁面內(nèi)容。

總結(jié)八：你的按鈕，在我們不需要用到它的時候，它會不會足夠自覺？

八個屬性決定你如何擺好一個按鈕，到這兒擺按鈕的工作基本就完成了。

但是你也會考慮一個問題——我又是如何找全這八個屬性的呢？因?yàn)閷?shí)際工作里并不是說上面的每個點(diǎn)你都想不到，你會想到一些點(diǎn)，但又正如一開始所提的那個問題——為什么你就不如我想得那么全？

在此我也沒有其他的辦法可以教給你「如何考慮全面」，只說這樣一件事情——在做任何一件事情時，如果你能有另外一個大腦監(jiān)視著你這一個大腦指揮你的身體所做出的一舉一動，那你就可以發(fā)現(xiàn)整個過程中被你這一個大腦因?yàn)椤甘煜ぁ⒘?xí)慣」而「理所當(dāng)然」忽略掉的那些行為了。同理，當(dāng)你把這種監(jiān)視思維應(yīng)用在產(chǎn)品拆解上的時候，你就能發(fā)現(xiàn)那些被你「理所當(dāng)然」忽略掉但實(shí)質(zhì)上極其重要的東西。

上面這段可能你看不明白，我就以一個小故事回答并結(jié)束這篇文章。

一個小孩子問他爺爺「爺爺，爺爺，你晚上睡覺的時候，胡子是放在被子里面呢還是放在被子外面呢？」

結(jié)果他爺爺當(dāng)天晚上一直沒睡好，因?yàn)樗恢庇X得好像不管把胡子放在被子里還是被子外都那么別扭——但最重要的是，為什么以前他就沒注意呢？

本文作者：阿九 ?轉(zhuǎn)載自：現(xiàn)世錄