在一個互聯(lián)網(wǎng)公司的工作流程中，產(chǎn)品經(jīng)理（主要指偏向產(chǎn)品設(shè)計的產(chǎn)品人員）和交互設(shè)計師是這個流水線上最起點的環(huán)節(jié)，也是關(guān)系最曖昧的兩個環(huán)節(jié)。說其曖昧，是因為在很多互聯(lián)網(wǎng)公司里面，這兩個環(huán)節(jié)所做的事情是有重合的，這就意味著，他們或許也是整個流程中合作最緊密的兩個環(huán)節(jié)。
相對比之下，產(chǎn)品經(jīng)理更關(guān)注的是產(chǎn)品的內(nèi)部邏輯、操作流程、策略等；而交互設(shè)計師更關(guān)注的是產(chǎn)品的易用性、流暢度和操作感受?？偟膩砜?，似乎可以認為，產(chǎn)品經(jīng)理是從一個更加宏觀的角度去設(shè)計產(chǎn)品，而交互設(shè)計師，則是從更多的細節(jié)出發(fā)，去提升用戶體驗。這兩種不同的視角決定了只有產(chǎn)品經(jīng)理和交互設(shè)計師密切配合，深入溝通，才能夠高效最合理的將產(chǎn)品策略轉(zhuǎn)化為產(chǎn)品原型，從而為流水線的后面環(huán)節(jié)提供精確的參考資料。
下面以人人網(wǎng)廣告平臺的一些產(chǎn)品和交互細節(jié)為例，使用對話的形式來分享一下我個人在做交互設(shè)計過程中的一些體會和想法。入門級文章，高手請繞行。
在廣告平臺其中一個投放系統(tǒng)中，有一個產(chǎn)品需求，是要根據(jù)廣告受眾所在的地區(qū)做廣告的定向投放。也就是說，可以控制廣告只展示給固定地域的受眾。這就意味著，需要設(shè)計一個「區(qū)域選擇器」，供用戶選擇區(qū)域。產(chǎn)品經(jīng)理的原始需求是這樣的：
產(chǎn)品經(jīng)理：“我們這次的投放系統(tǒng)需要設(shè)計一個區(qū)域選擇器，就是讓用戶選擇廣告定向投放的區(qū)域的?？梢跃_到城市，可以多選。另外，‘區(qū)域’作為一個投放廣告的限制條件，如果用戶沒有選擇任何選項，那就代表用戶忽略該條件，則該廣告會面向全國投放。”
交互設(shè)計師：“哦。”
產(chǎn)品經(jīng)理：“嗯，我能夠想到的這個東西的原型，可以提供兩個下拉框，讓用戶分別選擇省和城市。當(dāng)用戶在第一個下拉框里面選定了省以后，第二個下拉框中會顯示該省下面的地級市。我做了一個簡單的框圖，大家看一下。”
產(chǎn)品經(jīng)理：“大概就是這個樣子。每選定一個城市，點擊后面的添加按鈕，可以將該城市添加到下面的列表中。同時，如果點擊已經(jīng)添加的城市名稱后面的「刪除」鏈接，則會將該城市從已選列表抹去。”
交互設(shè)計師：“等一下，我有一個問題。按照產(chǎn)品的策略，如果用戶一個城市都不選，那么就會默認投放全國。但是這個概念很難表達給用戶，比如說，如果在「區(qū)域選擇器」旁邊放提示，估計沒有多少人會注意到。”
產(chǎn)品經(jīng)理：“一個都沒選，就是等于忽略條件啊。因為這些都是限制條件。”
交互設(shè)計師：“問題是用戶很難意識到是這樣。在中國人的觀念中，大家都是覺得，選上的，是我要的。但是大家沒有「不選就等于全要」這種思維習(xí)慣。”
交互設(shè)計師：“我覺得可以這樣。我們在現(xiàn)在的「區(qū)域選擇器」上面放兩個單選按鈕。一個叫「全國」，另一個叫做「指定」。打開頁面時，默認選中「全國」項，并隱藏「區(qū)域選擇器」。只有用戶選擇「指定」項時，區(qū)域選擇器才會出現(xiàn)。這樣表達就很明確了，你不是「全國」就是「指定」。”
產(chǎn)品經(jīng)理：“哦~聽起來不錯。試試。”
于是得到了下面這個版本的原型圖：
交互設(shè)計師：“嗯，我想，現(xiàn)在這個版本已經(jīng)基本上從界面的層面解決了全國投放的選項問題，我想，用戶應(yīng)該不會因為不知道怎么選而卡在這里了。”
交互設(shè)計師：“我看下一步，需要對一些關(guān)鍵的元素做一定的視覺設(shè)計，以便于引導(dǎo)用戶操作。比如「添加」按鈕，應(yīng)該更明顯些。我覺得可以請UI設(shè)計師出一個簡單版本的UI了。”
重慶分公司
重慶分公司
