萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 程式設計 >  >> 網頁製作 >> 互動設計

產品經理與交互設計師的對話:需求如何蛻變為產品原型

在互聯網產品流水線上,產品經理(PM)與交互設計師(IXD)是起點環節,亦是合作最緊密、邊界最模糊的「曖昧關係」。PM 聚焦內部邏輯、流程策略,IXD 聚焦易用性、流暢度、操作感受。宏觀與微觀視角的差異,決定了只有深度溝通、密切配合,才能高效將策略轉化為精確原型。

以下以人人網廣告平台「區域選擇器」設計為例,還原從需求到落地的實戰對話全記錄。

場景:廣告定向投放的「區域選擇器」設計

PM 原始需求: 依據受眾地域定向投放,精確到城市、支援多選。未選擇任何選項 = 忽略條件 = 全國投放。

第一輪:PM 的初版原型 —— 雙下拉框 + 添加列表

PM: 兩個下拉框選省/市,選定城市點「添加」進列表,列表項可刪除。

IXD: 關鍵問題:「未選 = 全國」這個反直覺邏輯如何向使用者表達?旁邊放提示沒人看。中國使用者心智是「選上的才是我的」,沒有「不選等於全選」習慣。

IXD 提案: 增加雙單選鈕:「全國」/「指定」。預設選「全國」並隱藏選擇器;選「指定」時顯示選擇器。邏輯顯性化:不是全國就是指定。

PM: 聽起來不錯,試試。

(版本二:顯性化「全國/指定」單選切換)

第二輪:視覺細節與交互優化

IXD: 1. 字色用黑色/深灰,避免淺灰被誤認為不可操作。
2. 已選城市列表:刪除鏈接改為「×」符號(通用關閉心智),每城市加藍色背景色塊(人人網品牌色),整體感與區分度並存。

PM: 同意。

(版本三:視覺優化後的介面)

第三輪:內測反饋驅動的交互修正

PM: 內測反饋:使用者搞不清「選完省市後還要點添加」,以為選完就結束了。

IXD 分析: 已選列表空狀態太「秀氣」,未暗示「這是個容器」。

IXD 兩案: ① 添加按鈕加向下箭頭指向列表;② 空列表顯示提示語「您尚未添加任何區域」。

PM: 箭頭覺得傻,加提示語。但文案別太長。

IXD 定稿: 「您尚未添加任何區域。」—— 一句話說明狀態、暗示容器功能、傳達「添加」可多選語義(單選應叫「選擇」)。

(最終版:空狀態提示語 + 明確視覺層級)

第四輪:邊界條件的商業與體驗博弈

PM: 邊界情況:用戶選「指定」但未添加城市直接提交,系統應報錯還是默認全國?

IXD: 必須報錯。現已將「全國/指定」顯性分離,原策略無需保留。廣告平台涉及真金白銀,用戶想投北京卻誤投全國會被罵死。挫敗感可接受,損失用戶利益不可接受。體驗讓位利益。

PM: 好吧,技術同學接手吧。

個人觀點總結

  1. PM 與 IXD 需時刻密切配合、深度溝通,而非流程式移交。
  2. 策略與體驗衝突時,應多維度探討,無絕對誰大誰小,視具體業務屬性權衡(如涉錢場景利益優先)。
  3. 優秀的 PM 應具備交互思維,優秀的 IXD 應理解業務邏輯,雙向滲透才能產出好產品。

(文章未完,核心觀點已完整呈現)

copyright © 萬盛學電腦網 all rights reserved