中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在一個(gè)互聯(lián)網(wǎng)公司的工作流程中，產(chǎn)品經(jīng)理（主要指偏向產(chǎn)品設(shè)計(jì)的產(chǎn)品人員）和交互設(shè)計(jì)師是這個(gè)流水線上最起點(diǎn)的環(huán)節(jié)，也是關(guān)系最曖昧的兩個(gè)環(huán)節(jié)。說其曖昧，是因?yàn)樵诤芏嗷ヂ?lián)網(wǎng)公司里面，這兩個(gè)環(huán)節(jié)所做的事情是有重合的，這就意味著，他們或許也是整個(gè)流程中合作最緊密的兩個(gè)環(huán)節(jié)。

相對比之下，產(chǎn)品經(jīng)理更關(guān)注的是產(chǎn)品的內(nèi)部邏輯、操作流程、策略等；而交互設(shè)計(jì)師更關(guān)注的是產(chǎn)品的易用性、流暢度和操作感受?？偟膩砜?，似乎可以認(rèn) 為，產(chǎn)品經(jīng)理是從一個(gè)更加宏觀的角度去設(shè)計(jì)產(chǎn)品，而交互設(shè)計(jì)師，則是從更多的細(xì)節(jié)出發(fā)，去提升用戶體驗(yàn)。這兩種不同的視角決定了只有產(chǎn)品經(jīng)理和交互設(shè)計(jì)師 密切配合，深入溝通，才能夠最高效最合理的將產(chǎn)品策略轉(zhuǎn)化為產(chǎn)品原型，從而為流水線的后面環(huán)節(jié)提供精確的參考資料。

下面以人人網(wǎng)廣告平臺的一些產(chǎn)品和交互細(xì)節(jié)為例，使用對話的形式來分享一下我個(gè)人在做交互設(shè)計(jì)過程中的一些體會和想法。入門級文章，高手請繞行。

在廣告平臺其中一個(gè)投放系統(tǒng)中，有一個(gè)產(chǎn)品需求，是要根據(jù)廣告受眾所在的地區(qū)做廣告的定向投放。也就是說，可以控制廣告只展示給固定地域的受眾。這就意味著，需要設(shè)計(jì)一個(gè)「區(qū)域選擇器」，供用戶選擇區(qū)域。產(chǎn)品經(jīng)理的原始需求是這樣的：

產(chǎn)品經(jīng)理：“我們這次的投放系統(tǒng)需要設(shè)計(jì)一個(gè)區(qū)域選擇器，就是讓用戶選擇廣告定向投放的區(qū)域的。可以精確到城市，可以多選。另外，‘區(qū)域’作為一個(gè)投放廣告的限制條件，如果用戶沒有選擇任何選項(xiàng)，那就代表用戶忽略該條件，則該廣告會面向全國投放?！?/p>

交互設(shè)計(jì)師：“哦?！?/p>

產(chǎn)品經(jīng)理：“嗯，我能夠想到的這個(gè)東西的原型，可以提供兩個(gè)下拉框，讓用戶分別選擇省和城市。當(dāng)用戶在第一個(gè)下拉框里面選定了省以后，第二個(gè)下拉框中會顯示該省下面的地級市。我做了一個(gè)簡單的框圖，大家看一下?！?/p>

產(chǎn)品經(jīng)理：“大概就是這個(gè)樣子。每選定一個(gè)城市，點(diǎn)擊后面的添加按鈕，可以將該城市添加到下面的列表中。同時(shí)，如果點(diǎn)擊已經(jīng)添加的城市名稱后面的「刪除」鏈接，則會將該城市從已選列表抹去。”

交互設(shè)計(jì)師：“等一下，我有一個(gè)問題。按照產(chǎn)品的策略，如果用戶一個(gè)城市都不選，那么就會默認(rèn)投放全國。但是這個(gè)概念很難表達(dá)給用戶，比如說，如果在「區(qū)域選擇器」旁邊放提示，估計(jì)沒有多少人會注意到?！?/p>

產(chǎn)品經(jīng)理：“一個(gè)都沒選，就是等于忽略條件啊。因?yàn)檫@些都是限制條件?！?/p>

交互設(shè)計(jì)師：“問題是用戶很難意識到是這樣。在中國人的觀念中，大家都是覺得，選上的，是我要的。但是大家沒有「不選就等于全要」這種思維習(xí)慣。”

交互設(shè)計(jì)師：“我覺得可以這樣。我們在現(xiàn)在的「區(qū)域選擇器」上面放兩 個(gè)單選按鈕。一個(gè)叫「全國」，另一個(gè)叫做「指定」。打開頁面時(shí)，默認(rèn)選中「全國」項(xiàng)，并隱藏「區(qū)域選擇器」。只有用戶選擇「指定」項(xiàng)時(shí)，區(qū)域選擇器才會出 現(xiàn)。這樣表達(dá)就很明確了，你不是「全國」就是「指定」。”

產(chǎn)品經(jīng)理：“哦~聽起來不錯(cuò)。試試?！?/p>

于是得到了下面這個(gè)版本的原型圖：

交互設(shè)計(jì)師：“嗯，我想，現(xiàn)在這個(gè)版本已經(jīng)基本上從界面的層面解決了全國投放的選項(xiàng)問題，我想，用戶應(yīng)該不會因?yàn)椴恢涝趺催x而卡在這里了?！?/p>

交互設(shè)計(jì)師：“我看下一步，需要對一些關(guān)鍵的元素做一定的視覺設(shè)計(jì)，以便于引導(dǎo)用戶操作。比如「添加」按鈕，應(yīng)該更明顯些。我覺得可以請UI設(shè)計(jì)師出一個(gè)簡單版本的UI了?！?/p>

產(chǎn)品經(jīng)理：“稍等一下，我看咱們還是把細(xì)節(jié)再討論清楚一些再去找UI吧。比如，字的顏色啊什么的都沒定呢。而且，我覺得選中的區(qū)域中，每個(gè)城市名稱后面都跟著一個(gè)刪除鏈接，很奇怪?！?/p>

交互設(shè)計(jì)師：“嗯。的確。我的想法是這樣，字的顏色，就用黑色吧，或 者是深一些的灰色也行。雖然從視覺設(shè)計(jì)的角度來看，視覺設(shè)計(jì)師覺得稍淺一些的灰色比較養(yǎng)眼，可能黑色太‘搶’。但是咱們的系統(tǒng)畢竟是給人用的，灰色的話， 可能會讓人誤認(rèn)為這些選項(xiàng)是不可操作的。你看如何？”

產(chǎn)品經(jīng)理：“同意?！?/p>

交互設(shè)計(jì)師：“關(guān)于已經(jīng)選中的區(qū)域列表。我看可以把「刪除」鏈接換成×，事實(shí)上，用戶對于×這種符號比漢字更敏感。你看，大家不論是用Windows還是 Mac，關(guān)閉窗口的時(shí)候都是×，早就習(xí)慣了。另外，為了讓所選定的城市名稱看起來是一個(gè)整體，并且跟其他城市名稱區(qū)分開。我看，可以給每一個(gè)城市加上背景 色，每個(gè)城市一個(gè)色塊，這樣也一目了然。”

產(chǎn)品經(jīng)理：“顏色呢？”

交互設(shè)計(jì)師：“藍(lán)色吧，人人網(wǎng)都是藍(lán)色的風(fēng)格?！?/p>

產(chǎn)品經(jīng)理：“ok”

于是，配合UI設(shè)計(jì)師，得到了下面的界面：

產(chǎn)品經(jīng)理：“我看現(xiàn)在這個(gè)地方已經(jīng)基本上成型了。咱們也已經(jīng)討論很很久了。該問問別人的意見?！?/p>

———-時(shí)間分割線———-

產(chǎn)品經(jīng)理：“Hi~ 各位。我收集了一些內(nèi)部測試的意見。有用戶提出，搞不太清楚兩個(gè)下拉菜單和「添加」按鈕之間的關(guān)系?！?/p>

交互設(shè)計(jì)師：“什么意思？”

產(chǎn)品經(jīng)理：“就是說，有人意識不到選完了省，選完了城市以后，還得點(diǎn)「添加」。他們覺得，選完了就完事了?！?/p>

交互設(shè)計(jì)師：“暈。”

交互設(shè)計(jì)師：“可能是已選列表框在空著的時(shí)候長得太秀氣了，大家沒意識到它是用來裝東西的?！?/p>

交互設(shè)計(jì)師：“好吧，我有兩個(gè)方案。1、把「添加」按鈕上面加一個(gè)向下的箭頭。指向已選列表框。2、在已選列表空著的時(shí)候，添加一條提示語，來提示用戶他并沒有完成區(qū)域選擇操作?！?/p>

產(chǎn)品經(jīng)理：“提示語那個(gè)，你的意思是說，當(dāng)用戶添加了城市以后，會自動(dòng)消失是吧？”

交互設(shè)計(jì)師：“是的?！?/p>

產(chǎn)品經(jīng)理：“我覺得加提示吧。感覺放箭頭有點(diǎn)兒傻?！?/p>

交互設(shè)計(jì)師：“嗯，而且，可能放了箭頭以后，用戶依然不知所云。”

產(chǎn)品經(jīng)理：“那提示語怎么說呢？您尚未添加任何區(qū)域，請選定城市后，點(diǎn)擊上面的「添加」按鈕，該城市會被添加到…”

交互設(shè)計(jì)師：“停！太長了，大部分人不會認(rèn)真看完的?！?/p>

產(chǎn)品經(jīng)理：“的確…”

交互設(shè)計(jì)師：“我看就一句話就可以。寫‘您尚未添加任何區(qū)域?！?/p>

交互設(shè)計(jì)師：“你看。下拉列表后面的按鈕叫「添加」。提示中又明確的傳達(dá)出了尚未「添加」的狀態(tài)。這樣既說明了這個(gè)框框是用來放東西的，又可以告訴用戶，這個(gè)東西是可以選多個(gè)的。因?yàn)椤柑砑印沟母拍罹褪且粋€(gè)一個(gè)往里面放。如果只能放一個(gè)，那應(yīng)該叫「選擇」。”

產(chǎn)品經(jīng)理：“頂?！?/p>

交互設(shè)計(jì)師：“而且，我覺得這個(gè)控件最初的原型你設(shè)計(jì)的不錯(cuò)。嗯，用戶只要成功的進(jìn)行一次操作，以后就可以非常高效的進(jìn)行操作了。這個(gè)東西的學(xué)習(xí)成本和認(rèn)知成本都比較低?！?/p>

產(chǎn)品經(jīng)理：“oh,yeah~”

那么，現(xiàn)在的UI是這樣的：

產(chǎn)品經(jīng)理：“哎，對了。話說，我最開始的策略是，用戶如果不選，相當(dāng)于全選，要全國投放的。你說如果用戶選了「指定」，但是并沒有添加具體的城市，直接提交表單，怎么辦？系統(tǒng)是應(yīng)該直接把用戶的廣告設(shè)置成全國投放，還是報(bào)錯(cuò)，阻止用戶繼續(xù)？”

交互設(shè)計(jì)師：“我看啊，報(bào)錯(cuò)吧。因?yàn)楝F(xiàn)在「全國」和「指定」這兩項(xiàng)， 已經(jīng)明確的把整體和局部給分開了。我覺得你那個(gè)策略沒必要再應(yīng)用了，因?yàn)楝F(xiàn)在這種已經(jīng)達(dá)到了你最初的目的，而且還好理解。再有就是，咱們的平臺是涉及到錢 的，是要讓用戶花錢的，如果讓用戶不明不白花了冤枉錢，本來想投北京的投了全國，那我們會被用戶罵死的。雖然感覺上報(bào)錯(cuò)會讓用戶有挫敗感，但是在這種細(xì)節(jié) 上，還是用戶利益應(yīng)該放在第一位，用戶體驗(yàn)，可以稍微往后放一放了?！?/p>

產(chǎn)品經(jīng)理：“好吧?！?/p>

交互設(shè)計(jì)師：“呵呵，你看，這個(gè)故事告訴我們，不能每件事情都聽產(chǎn)品的。產(chǎn)品提的只是需求，但是如何實(shí)現(xiàn)需求，還是得從多個(gè)角度來討論。”

產(chǎn)品經(jīng)理：“好吧。那么，技術(shù)兄弟們，下面的工作就拜托你們了?！?/p>

個(gè)人觀點(diǎn)：

1、產(chǎn)品經(jīng)理和交互設(shè)計(jì)師需要時(shí)刻密切配合，深入溝通。

2、有時(shí)候，產(chǎn)品策略和用戶體驗(yàn)會發(fā)生沖突，這時(shí)應(yīng)該從多種角度去考慮和探討最終解決方案，不應(yīng)該有誰一定比誰重要的說法。

3、優(yōu)秀的產(chǎn)品經(jīng)理，相當(dāng)于半個(gè)交互。同樣，優(yōu)秀的交互設(shè)計(jì)師，相當(dāng)于半個(gè)產(chǎn)品。二者雖然職位不同，但是應(yīng)該在一定程度上考慮對方的工作內(nèi)容。

4、產(chǎn)品提出的只是策略和需求，并不是一定要按照產(chǎn)品人員所描述的細(xì)節(jié)去設(shè)計(jì)具體的產(chǎn)品細(xì)節(jié)。交互設(shè)計(jì)師以及團(tuán)隊(duì)中其他所有成員，有義務(wù)有權(quán)利對產(chǎn)品需求提出自己的見解和更好的設(shè)計(jì)方案。有不同意見可以討論，但是最終決定權(quán)，應(yīng)該依然屬于產(chǎn)品經(jīng)理。

5、產(chǎn)品經(jīng)理之所以叫經(jīng)理，是因?yàn)?，他們除了設(shè)計(jì)產(chǎn)品，還需要時(shí)刻把握整個(gè)流程。比如，當(dāng)細(xì)節(jié)沒討論清楚的時(shí)候，不要去找UI做設(shè)計(jì)。

來源：網(wǎng)絡(luò)