
寫在前面
微博組件是微博開放平臺針對第三方接入者提供的不需要開發即可實現網站接入的組件產品。將微博內容輸出到第三方網站,用戶在第三方網站上即可進行微博互動,分享內容、同步信息至微博,提高第三方網站用戶活躍度。改版涉及到微博組件數14個,主要包括好友選擇器、發布器、分享窗口等。
設計流程
與以往的產品改版的流程不一樣,此次改版是由UDC和產品協同發起需求,交互設計師發揮最大主觀能動性,控制設計中心的輸出時間,與品牌視覺、頁面構建、產品和開發效率溝通,小步快跑以提升更為良好的用戶體驗。

設計準備
找到問題(觀察用戶,手機反饋,集中梳理)(用戶對象:開發者和使用者)——分析(結合場景,透過現象看本質,同時和產品一起結合數據分析)——解決問題(從整體到細節,結合用戶需求解決問題)——繼續跟進

設計過程中遵循的優化體驗設計原則
原則一 避免讓用戶思考
減少影響用戶完成某項"思考"或"任務"的噪音、減少岔路、減少多選題、為用戶盡可能的減少操作;為禁用的重要控件,提供相應的提示。
如圖所示分享窗口,后臺直接預置文本,并按照當前頁面富文本信息優先、高質量優先的原則默認選擇,為用戶盡可能的減少操作、減少多選題。同時輸入為空或超字數時,分享按鈕禁用,強制點擊出現相應的提示。

與此同時,為了避免用戶過多的冗余操作,可以提供個性化默認,為回訪用戶設置個性化默認選擇,這樣用戶便能更快完成表單。這因為選項常常具有"粘性",即保持用戶之前的選擇。 總結來說就是如果值得用戶輸入,就值得程序記住。用戶在微群和微博之間進行切換,后臺會保留并記住用戶的之前的輸入。

原則二 層級清晰,降低視覺噪音
層級關系需要以邏輯和信息結構為依托,同時需要在視覺上體現出來。但是如果使用過多的線框,厚重的背景,卻會讓人眼花繚亂——適得其反。其實簡單的縮進就可以將層級關系表現出來 。