關(guān)于網(wǎng)站里的微博組件改版的介紹詳談(圖文)

　　寫在前面
　　微博組件是微博開放平臺(tái)針對(duì)第三方接入者提供的不需要開發(fā)即可實(shí)現(xiàn)網(wǎng)站接入的組件產(chǎn)品。將微博內(nèi)容輸出到第三方網(wǎng)站，用戶在第三方網(wǎng)站上即可進(jìn)行微博互動(dòng)，分享內(nèi)容、同步信息至微博，提高第三方網(wǎng)站用戶活躍度。改版涉及到微博組件數(shù)14個(gè)，主要包括好友選擇器、發(fā)布器、分享窗口等。
　　設(shè)計(jì)流程
　　與以往的產(chǎn)品改版的流程不一樣，此次改版是由UDC和產(chǎn)品協(xié)同發(fā)起需求，交互設(shè)計(jì)師發(fā)揮最大主觀能動(dòng)性，控制設(shè)計(jì)中心的輸出時(shí)間，與品牌視覺、頁(yè)面構(gòu)建、產(chǎn)品和開發(fā)效率溝通，小步快跑以提升更為良好的用戶體驗(yàn)。
　　設(shè)計(jì)準(zhǔn)備
　　找到問題(觀察用戶，手機(jī)反饋，集中梳理)(用戶對(duì)象：開發(fā)者和使用者)——分析(結(jié)合場(chǎng)景，透過(guò)現(xiàn)象看本質(zhì)，同時(shí)和產(chǎn)品一起結(jié)合數(shù)據(jù)分析)——解決問題(從整體到細(xì)節(jié)，結(jié)合用戶需求解決問題)——繼續(xù)跟進(jìn)
　　設(shè)計(jì)過(guò)程中遵循的優(yōu)化體驗(yàn)設(shè)計(jì)原則
　　原則一 避免讓用戶思考
　　減少影響用戶完成某項(xiàng)"思考"或"任務(wù)"的噪音、減少岔路、減少多選題、為用戶盡可能的減少操作;為禁用的重要控件，提供相應(yīng)的提示。
　　如圖所示分享窗口，后臺(tái)直接預(yù)置文本，并按照當(dāng)前頁(yè)面富文本信息優(yōu)先、高質(zhì)量?jī)?yōu)先的原則默認(rèn)選擇，為用戶盡可能的減少操作、減少多選題。同時(shí)輸入為空或超字?jǐn)?shù)時(shí)，分享按鈕禁用，強(qiáng)制點(diǎn)擊出現(xiàn)相應(yīng)的提示。
　　與此同時(shí)，為了避免用戶過(guò)多的冗余操作，可以提供個(gè)性化默認(rèn)，為回訪用戶設(shè)置個(gè)性化默認(rèn)選擇，這樣用戶便能更快完成表單。這因?yàn)檫x項(xiàng)常常具有"粘性"，即保持用戶之前的選擇。 總結(jié)來(lái)說(shuō)就是如果值得用戶輸入，就值得程序記住。用戶在微群和微博之間進(jìn)行切換，后臺(tái)會(huì)保留并記住用戶的之前的輸入。
　　原則二 層級(jí)清晰，降低視覺噪音
　　層級(jí)關(guān)系需要以邏輯和信息結(jié)構(gòu)為依托，同時(shí)需要在視覺上體現(xiàn)出來(lái)。但是如果使用過(guò)多的線框，厚重的背景，卻會(huì)讓人眼花繚亂——適得其反。其實(shí)簡(jiǎn)單的縮進(jìn)就可以將層級(jí)關(guān)系表現(xiàn)出來(lái) 。
　　兩像素的差別
　　我們可以看到富文本區(qū)域于輸入框之間有兩個(gè)像素的縮進(jìn)，由于富文本的元素比較多，但終歸是一個(gè)整體，區(qū)區(qū)兩像素就可以將層級(jí)模塊區(qū)分，而不需要增加更多的視覺元素，讓頁(yè)面太過(guò)復(fù)雜。
　　評(píng)論箱的結(jié)構(gòu)
　　評(píng)論箱之前為扁平結(jié)構(gòu)，即評(píng)論和回復(fù)都在同一層級(jí)，此時(shí)我們常常看到類似一群人在一起的聊天記錄，瀏覽的用戶很難明白誰(shuí)和誰(shuí)在聊什么樣的問題。經(jīng)過(guò)梳理，我們將評(píng)論分為兩個(gè)層級(jí)，第一層級(jí)為，對(duì)該頁(yè)面內(nèi)容的評(píng)論;第二層級(jí)為對(duì)評(píng)論的回復(fù)。如下圖所示，評(píng)論的回復(fù)默認(rèn)是不顯示的，展開后有50px的縮進(jìn)，來(lái)表達(dá)出清晰的層級(jí)關(guān)系。
　　設(shè)置的層級(jí)
　　第三方的組件運(yùn)用在外站，通常使用場(chǎng)景和環(huán)境很難一一估量。但是共同點(diǎn)就是外站寸土寸金，所以對(duì)于幫助類說(shuō)明類的信息我們選擇放在開放平臺(tái)。開發(fā)者想要使用我們的產(chǎn)品的時(shí)候，首先需要了解我們的產(chǎn)品是什么，能為開發(fā)者帶來(lái)什么。有了這樣的基礎(chǔ)，激起了興趣之后，才會(huì)進(jìn)一步的想去知道如何去使用。所以我們把整個(gè)頁(yè)面分為三大部分——說(shuō)明、收益和設(shè)置。然而文字總是會(huì)讓額外呢提不起興趣，那么何不輔助些簡(jiǎn)單明了的圖片來(lái)形象的說(shuō)明呢?
　　原則三 習(xí)慣是好幫手
　　習(xí)慣使用 主站蜘蛛池模板： 互助| 绥芬河市| 建湖县| 高唐县| 吉隆县| 绵阳市| 新绛县| 广宗县| 沈阳市| 德惠市| 马鞍山市| 孟州市| 琼海市| 汉沽区| 博野县| 崇明县| 霍州市| 凌源市| 麻栗坡县| 岚皋县| 诏安县| 张掖市| 灵山县| 长汀县| 邵武市| 台山市| 上栗县| 陆丰市| 博野县| 焉耆| 鹤山市| 阜新| 墨玉县| 明光市| 沂源县| 阜新市| 蒙山县| 两当县| 嘉善县| 彭州市| 安泽县|