
微博組件是開放平台面向第三方接入的免開發組件庫(含好友選擇器、發布器、分享窗口等 14 款),旨在將微博內容輸出至外站,提升第三方站點活躍度。本次改版由 UCD 與產品協同發起,交互設計師主導節奏,小步快跑,跨部門協作,聚焦體驗提升。


對象含開發者與使用者;結合場景透過現象看本質,配合產品數據分析;從整體到細節解決問題;持續跟進迭代。
減少噪音、岔路、多選題,為禁用控件提供提示。分享窗口後台預置文本,按「當前頁富文本優先、高質量優先」默認勾選,輸入為空或超字數時分享按鈕禁用並強制彈出提示。

提供個性化默認記住回訪用戶選擇(選項具有「粘性」),微群/微博切換時保留輸入內容——「值得用戶輸入,就值得程序記住」。

層級關係需邏輯與信息結構支撐,視覺上以簡單縮進替代過多線框厚重背景。富文本區與輸入框僅 2px 縮進即清晰分層;評論箱從扁平結構改為兩級(評論+回覆),回覆默認收起、展開 50px 縮進;設置頁按「說明→收益→設置」三層結構,輔以圖片形象說明。



復用微博成熟交互模式:輸入為空/溢出時,強制點擊動作按鈕觸發輸入框背景閃動提示。移植至「未選擇微群」場景,用戶零成本理解下一步操作,保證一致性。

拒絕用對話框報告常態錯誤(對話框是「另一個房間」)。登錄、好友篩選、字數溢出均採用即時 inline 提示(氣泡、閃動、紅字),避免提交後才發現錯誤。



長度給有意義暗示,無法暗示時保持一致且留足空間。組件間輸入框高度統一;下拉控件寬度按最大字符數(15 中文字符)設定,減少截斷隱藏提示。


設計上規避常見錯誤,積極解決各級別可能錯誤。分享到私信時,針對不同錯誤給予差異化提示與操作引導。

按用戶需求區分強/弱鏈接,前端差異化呈現。

重要操作按鈕用高對比色標識;圖形化優於純文字。遵循相似法則(相似特性歸組)與接近法則(鄰近視為整體),圖標風格統一。



(原文未完,此處按原有結構完整呈現核心原則與案例)