寫在前面
微博組件是微博開放平臺針對第三方接入者提供的不需要開發(fā)即可實現(xiàn)網(wǎng)站接入的組件產(chǎn)品。將微博內(nèi)容輸出到第三方網(wǎng)站，用戶在第三方網(wǎng)站上即可進(jìn)行微博互動，分享內(nèi)容、同步信息至微博，提高第三方網(wǎng)站用戶活躍度。改版涉及到微博組件數(shù)14個，主要包括好友選擇器、發(fā)布器、分享窗口等。
設(shè)計流程
與以往的產(chǎn)品改版的流程不一樣，此次改版是由UDC和產(chǎn)品協(xié)同發(fā)起需求，交互設(shè)計師發(fā)揮最大主觀能動性，控制設(shè)計中心的輸出時間，與品牌視覺、頁面構(gòu)建、產(chǎn)品和開發(fā)效率溝通，小步快跑以提升更為良好的用戶體驗。
設(shè)計準(zhǔn)備
找到問題(觀察用戶，手機(jī)反饋，集中梳理)(用戶對象：開發(fā)者和使用者)——分析(結(jié)合場景，透過現(xiàn)象看本質(zhì)，同時和產(chǎn)品一起結(jié)合數(shù)據(jù)分析)——解決問題(從整體到細(xì)節(jié)，結(jié)合用戶需求解決問題)——繼續(xù)跟進(jìn)
設(shè)計過程中遵循的優(yōu)化體驗設(shè)計原則
原則一 避免讓用戶思考
減少影響用戶完成某項"思考"或"任務(wù)"的噪音、減少岔路、減少多選題、為用戶盡可能的減少操作;為禁用的重要控件，提供相應(yīng)的提示。
如圖所示分享窗口，后臺直接預(yù)置文本，并按照當(dāng)前頁面富文本信息優(yōu)先、高質(zhì)量優(yōu)先的原則默認(rèn)選擇，為用戶盡可能的減少操作、減少多選題。同時輸入為空或超字?jǐn)?shù)時，分享按鈕禁用，強制點擊出現(xiàn)相應(yīng)的提示。
與此同時，為了避免用戶過多的冗余操作，可以提供個性化默認(rèn)，為回訪用戶設(shè)置個性化默認(rèn)選擇，這樣用戶便能更快完成表單。這因為選項常常具有"粘性"，即保持用戶之前的選擇。 總結(jié)來說就是如果值得用戶輸入，就值得程序記住。用戶在微群和微博之間進(jìn)行切換，后臺會保留并記住用戶的之前的輸入。
原則二 層級清晰，降低視覺噪音
層級關(guān)系需要以邏輯和信息結(jié)構(gòu)為依托，同時需要在視覺上體現(xiàn)出來。但是如果使用過多的線框，厚重的背景，卻會讓人眼花繚亂——適得其反。其實簡單的縮進(jìn)就可以將層級關(guān)系表現(xiàn)出來 。