微公益改版項(xiàng)目總結(jié)——談信息整合與體驗(yàn)優(yōu)化

0 評論 6404 瀏覽 6 收藏 28 分鐘

許多事,不懂珍惜已成舊事;許多人,不及用心已成舊人;許多經(jīng)驗(yàn),不總結(jié)就沒有沉淀。呵呵,前兩句很有詩意,是摘抄別人的。后一句濫竽充數(shù),卻是自己想說的:項(xiàng)目總結(jié)是很有必要滴~。先附上新版微公益地址,點(diǎn)擊傳送門:http://gongyi.weibo.com

先回顧一下微公益改版項(xiàng)目的相關(guān)背景:
微公益改版在8月份正式立項(xiàng),所有設(shè)計(jì)開發(fā)工作完成是在11月初,實(shí)際上前期準(zhǔn)備工作6月份就已開始。老版微公益是以個(gè)人求助產(chǎn)品為主,主要服務(wù)對象也是對個(gè)人求助項(xiàng)目感興趣的求助者、捐贈者及公益組織。但在微公益平臺上,還有一群愛心人士,他們自發(fā)熱衷于公益事件的收集、報(bào)道與傳播,這樣一批極具公益事業(yè)推動(dòng)力量的人群卻在老版微公益平臺上沒有被很好的挖掘出來。如果有一套相應(yīng)的產(chǎn)品機(jī)制去很好地組織和引導(dǎo)這群愛心用戶,就能使微公益平臺成為一個(gè)能夠自生產(chǎn)與自傳播的閉環(huán)環(huán)境,而非強(qiáng)烈依賴人工運(yùn)營和熱點(diǎn)事件。

“愛心團(tuán)”就是新版微公益為解決這一問題打造的重點(diǎn)產(chǎn)品。微公益還新推出了轉(zhuǎn)發(fā)捐助和微拍賣兩個(gè)新產(chǎn)品,舊有產(chǎn)品框架已不能兼容。加上老版微公益信息結(jié)構(gòu)與界面設(shè)計(jì)也不盡人意,模塊堆砌、設(shè)計(jì)保守、擴(kuò)展性不夠都是現(xiàn)實(shí)問題。再則,微公益產(chǎn)品的用戶活躍度偏低,除去產(chǎn)品輻射的用戶群基數(shù)較小這一產(chǎn)品本身特性不說,信息傳達(dá)、使用體驗(yàn)也是重要的影響因素,因此新版需要著重考慮體驗(yàn)優(yōu)化問題,如何優(yōu)化各環(huán)節(jié)流程、降低用戶參與門檻貫穿了整個(gè)改版思路。

從項(xiàng)目背景中可以總結(jié)出以下幾個(gè)項(xiàng)目特點(diǎn)及對應(yīng)的交互挑戰(zhàn):

特點(diǎn)1:新版涉及多條產(chǎn)品線整合。個(gè)人求助、轉(zhuǎn)發(fā)捐助、微拍賣、愛心團(tuán),后面三個(gè)都是新產(chǎn)品
交互挑戰(zhàn):不管產(chǎn)品架構(gòu)多龐大、功能分支有多少、邏輯判斷多復(fù)雜,最終呈現(xiàn)給用戶的界面始終要簡潔清晰、操作明確,各產(chǎn)品概念又能清楚傳達(dá)到位。因此做好頁面信息布局、頁面關(guān)系內(nèi)容間的操作引導(dǎo)很重要。

特點(diǎn)2:用戶角色眾多。與其他微博產(chǎn)品用戶構(gòu)成不同,雖然微公益受眾群體較小,但典型用戶角色卻不少,如果是一個(gè)完整的閉環(huán),微公益需要的用戶包括:求助者-被救者-施助者–傳播者-公益組織/NGO -核實(shí)人-媒體-名人明星-商家企業(yè)。
交互挑戰(zhàn):面對眾多角色,如何優(yōu)化操作流程適應(yīng)各角色的不同需求。

特點(diǎn)3:迫切需要提升產(chǎn)品用戶活躍度。
交互挑戰(zhàn):做哪些體驗(yàn)上的優(yōu)化,能夠增強(qiáng)用戶黏性。

特點(diǎn)4:期待全新的界面設(shè)計(jì)。
交互挑戰(zhàn):怎樣的界面設(shè)計(jì),能夠呈現(xiàn)耳目一新的微公益。

特點(diǎn)5:缺少原始的數(shù)據(jù)積累。正如前所說,本次改版后的微公益幾乎是全新的,新的產(chǎn)品、新的界面、新的操作、新的體驗(yàn),所以在用戶數(shù)據(jù)的積累方面比較欠缺。
交互挑戰(zhàn):不管是新產(chǎn)品設(shè)計(jì)或是已有產(chǎn)品體驗(yàn)優(yōu)化,都期望有具體的用戶行為數(shù)據(jù)作指導(dǎo),能讓每一個(gè)方案都有理有據(jù)。在數(shù)據(jù)欠缺的情況下,我們幸運(yùn)的得到了用研同事的幫助,前期的用戶訪談彌補(bǔ)了這一問題。

下面講述一些設(shè)計(jì)環(huán)節(jié)中的細(xì)節(jié),總結(jié)一下處理上述挑戰(zhàn)時(shí)的嘗試與不足:

1. 產(chǎn)品概念直達(dá)用戶——微公益首頁全新架構(gòu)

1) 功能展示區(qū)
首頁架構(gòu)的首要任務(wù)是:將微公益下屬的幾個(gè)產(chǎn)品概念在第一時(shí)間清晰明確的傳達(dá)給用戶。個(gè)人求助是已有產(chǎn)品,用戶對微公益的印象也多停留在個(gè)人求助項(xiàng)目上,而轉(zhuǎn)發(fā)捐助、微拍賣、愛心團(tuán)對用戶來說都是新概念。需求很明確:我們需要給到用戶A、B、C、D信息,而到了界面呈現(xiàn)上,體驗(yàn)設(shè)計(jì)考慮更多的是:用戶怎樣接收A、B、C、D信息。最簡單的方式莫過于產(chǎn)品介紹:“微公益新推出XXX、XXX…產(chǎn)品,功能特性有XXXX,能幫助你解決XX問題,快來體驗(yàn)吧…”

如此蕓蕓說了很多,可能效果也就是一廂情愿——用戶通常對這樣的信息視而不見。我們也可以將4個(gè)產(chǎn)品做成醒目的功能入口,用戶看到大大的“轉(zhuǎn)發(fā)捐助”字樣及漂亮的配圖,還不知道轉(zhuǎn)發(fā)捐助這個(gè)產(chǎn)品么?通常這樣的方案能達(dá)到需求目的,但是從用戶角度看,總覺得是在被迫接受產(chǎn)品信息而少了點(diǎn)兒主動(dòng)的欲望。

怎樣將信息強(qiáng)推變?yōu)橹鲃?dòng)接收呢,我們嘗試了另一種思路:不直接告訴用戶產(chǎn)品有什么,而是讓用戶去決定自己想要什么。將用戶需求分為兩類“尋求幫助的人”和“想提供幫助的人”,向前者提供了“我要求助”大按鈕和“全部項(xiàng)目”入口,這是個(gè)人求助產(chǎn)品的核心;對于后者,我們把幾個(gè)產(chǎn)品的核心功能(“愛心捐款”“捐贈物品”“報(bào)名志愿者”“轉(zhuǎn)發(fā)微博幫幫他們”“參與慈善拍賣”“證實(shí)項(xiàng)目信息”)進(jìn)行了拆分重組,對用戶來說,想做什么事情點(diǎn)擊相應(yīng)通道就可以了,這樣,產(chǎn)品痕跡少了,人情味是乎更多了。此外,為了進(jìn)一步幫助用戶快速了解這些功能通道,在不干擾用戶核心視覺及主要操作前提下,還做了一些輕便的交互提示。

當(dāng)然,這個(gè)方案有一個(gè)潛在的不足點(diǎn),也是我們在簡單原型測試中發(fā)現(xiàn)的——功能入口多且集中,容易造成用戶的操作負(fù)擔(dān)。我們嘗試從兩個(gè)方面降低這個(gè)不足,一是對功能按鈕進(jìn)行分組,二是按鈕設(shè)計(jì)上選用輕量、扁平的視覺樣式。

2) 項(xiàng)目推薦區(qū)

首頁的公益項(xiàng)目展示分兩部分,熱點(diǎn)推薦項(xiàng)目與一般項(xiàng)目,重點(diǎn)是熱點(diǎn)推薦板塊的設(shè)計(jì)。首先熱點(diǎn)項(xiàng)目必須在首屏有露出,所以我們盡量壓縮了Banner高度;其次,舊版微公益有個(gè)不好的問題是首頁顯示的項(xiàng)目長時(shí)間都沒有變化,用戶來看一看,沒新鮮勁兒就走了。原因在于項(xiàng)目推薦類別少,推薦形式單一,且設(shè)計(jì)樣式太占頁面空間,8個(gè)推薦項(xiàng)目就占據(jù)了首頁全部。在新版設(shè)計(jì)時(shí)我們考慮了三點(diǎn)改進(jìn):

i)熱點(diǎn)項(xiàng)目不在多,而在于精華集中,將熱點(diǎn)集中在首屏下方1/2區(qū)域,用戶好看好參與,如果意猶未盡,第二屏還有10個(gè)一般性項(xiàng)目展示,讓部分感興趣的用戶繼續(xù)深入閱覽。

ii)如何讓項(xiàng)目活起來?吸取舊版單一主題較少變化的缺點(diǎn),這次我們?yōu)橛脩粼诤笈_準(zhǔn)備了8個(gè)推薦主題,前臺顯示4個(gè),由運(yùn)營定期更換,每個(gè)主題1個(gè)項(xiàng)目,這樣主題項(xiàng)目均可變,能夠大大提高項(xiàng)目更新頻率。

iii)4個(gè)主題項(xiàng)目可以一次性手動(dòng)更換。在做“換一換”的交互時(shí),之前的方案是針對每個(gè)主題項(xiàng)目單獨(dú)切換的,方案評審時(shí)發(fā)現(xiàn)單個(gè)換一換可能更適合商品類的展示操作,但在尋找公益項(xiàng)目場景下,用戶需要的是快速捕捉感興趣的項(xiàng)目,可能做批量更換更合適一些。

另外,關(guān)于項(xiàng)目圖片展示的大小問題,我們也有過一些折騰。最開始走的是現(xiàn)在較為流行的大圖設(shè)計(jì)風(fēng)格,想以圖片吸引用戶,嘗試后才知道,微公益并不適用,因?yàn)楣骓?xiàng)目的圖片都太慘了,整個(gè)首頁像是彌漫在一片哀悼之中。針對公益項(xiàng)目的實(shí)際情況,我們縮小了求助類項(xiàng)目的圖片尺寸,對頁面進(jìn)行了合適的圖文排版,但我們?nèi)匀槐A袅宋⑴馁u項(xiàng)目大大的圖片設(shè)計(jì),因?yàn)榕馁u項(xiàng)目用的是明星圖片,特殊情況特殊處理吧。

3) 愛心墻

在首頁的末尾,我們有一個(gè)愛心板塊,用來顯示一直以來用心支持微公益的愛心用戶頭像,這是一個(gè)純感性的設(shè)計(jì),只是想在眾多的功能與邏輯之外多一些情感氛圍,希望熱衷微公益的朋友們都有機(jī)會出現(xiàn)在此,頭像是由程序設(shè)定動(dòng)態(tài)更換的哦~

4) 鎖屏背景
在現(xiàn)有的眾多微博產(chǎn)品設(shè)計(jì)形態(tài)中,首頁采用鎖屏背景是一次大膽的嘗試。頭圖+通欄導(dǎo)航+灰色背景是現(xiàn)在微博平臺下多數(shù)產(chǎn)品的頁面形式,當(dāng)然,我們認(rèn)可這樣的設(shè)計(jì)形式,這是歷經(jīng)檢驗(yàn)的“標(biāo)準(zhǔn)”模式,用戶接受也習(xí)慣。然而,我們想讓首頁有更多的承載內(nèi)容,但又不想頁面顯得那么笨重。

在前期調(diào)研時(shí),我們找了一些較符合微公益產(chǎn)品氣質(zhì)的國外網(wǎng)站,借鑒了一些它們的設(shè)計(jì)風(fēng)格,其中鎖屏背景也是在那時(shí)想到的。如果有一個(gè)較輕的背景就固定在那里,瀏覽頁面時(shí),頁面上的輕微透明的內(nèi)容模塊從背景上輕輕滑過,像浮萍一樣,這就是原始用鎖屏背景的想法,但不知道我們最終的界面是否達(dá)到了這個(gè)效果,我們期待用戶的反饋?;蛘邚氐资?,或者毫無感覺,或者有那么一絲新意,就請大家檢驗(yàn)了。

2. 角色用戶各取所需——項(xiàng)目詳情頁功能區(qū)優(yōu)化

對詳情頁進(jìn)行重點(diǎn)優(yōu)化的是頭部項(xiàng)目介紹區(qū)的內(nèi)容和操作引導(dǎo)。老版詳情頁的項(xiàng)目信息多且雜,幾乎占據(jù)了整個(gè)首屏,晃眼一看,很難抓取到關(guān)鍵信息。像救助對象、目標(biāo)金額等重點(diǎn)信息缺少突出。主要功能按鈕也淹沒在了一片文字描述中。新版詳情頁這塊第一是做了信息的排版整理,先抽離出重點(diǎn)信息與重要操作,單獨(dú)設(shè)計(jì),包括求助需求的操作按鈕(需要多少捐款、是否需要衣物、需要多少名志愿者)。其次精簡次要信息:只保留了標(biāo)題、求助時(shí)間地點(diǎn)及項(xiàng)目核實(shí)情況,放置在項(xiàng)目圖片旁邊;然后再將一些零碎信息如求助類型用icon表示,能緩解文字造成的視覺疲勞。這樣,項(xiàng)目介紹區(qū)域在不失信息傳達(dá)的同時(shí)就干凈清爽多了。

該簡化的地方不能手下留情,相反,該強(qiáng)化的信息反而要花力氣豐富。之前對救助對象的描述較為簡略,只是幾段文字的堆砌,但在用研訪談中,我們了解到其實(shí)真正能打動(dòng)用戶決定捐款的恰恰是對救助對象的細(xì)節(jié)描述,所以在新版中,我們單獨(dú)將這部分信息展示出來,并增加了版式設(shè)計(jì)及添加圖片,讓這部分文字信息更豐富,希望能做點(diǎn)努力幫助感動(dòng)到用戶。

前文也提到微公益的用戶群角色較多,在詳情頁里,我們就遇到三種典型用戶:普通用戶、公益組織和核實(shí)人。之前的設(shè)計(jì)沒有對用戶做區(qū)分,統(tǒng)一提供捐款按鈕。但實(shí)際對于公益組織和核實(shí)人而言,這兩撥用戶有自己的使命,核實(shí)人以核實(shí)項(xiàng)目為主、公益組織以認(rèn)領(lǐng)項(xiàng)目為主,雖然他們也有可能參與捐款,但畢竟不是主要需求,新版中我們對這三類用戶的任務(wù)流做了區(qū)分,普通用戶引導(dǎo)捐款/捐物/報(bào)志愿者;核實(shí)人引導(dǎo)去核實(shí)項(xiàng)目;公益組織引導(dǎo)認(rèn)領(lǐng)此項(xiàng)目。并且對于一些特殊狀態(tài)還進(jìn)行單獨(dú)的操作引導(dǎo),如項(xiàng)目沒有啟動(dòng)捐款時(shí)會引導(dǎo)用戶進(jìn)行“愛心傳遞”轉(zhuǎn)發(fā)操作。

3. 簡潔但不簡單——項(xiàng)目列表信息簡化

微公益有三個(gè)項(xiàng)目列表頁,分別聚集了所有的個(gè)人求助項(xiàng)目、轉(zhuǎn)發(fā)捐助項(xiàng)目、微拍賣項(xiàng)目。對于列表信息,我們的優(yōu)化目標(biāo)是:幫助用戶更簡單、快速的瀏覽項(xiàng)目、閱讀項(xiàng)目及篩選項(xiàng)目。對于舊版來說,信息繁多,所有想給用戶看的信息都放出來了,一屏顯示不了3個(gè)項(xiàng)目,但并不是給出的信息越多,用戶就了解得越多,往往需要被用戶接受的重要信息已經(jīng)被淹沒了。

我們做的第一個(gè)優(yōu)化就是列表信息的精簡、整合和突出。我們果斷干掉了占3行的詳情信息,因?yàn)橛脩魜淼搅斜眄摰哪康氖强焖賹ふ腋信d趣的項(xiàng)目,我們不鼓勵(lì)他在這里細(xì)看詳情描述,并且即使用了3行的空間也很難把一個(gè)項(xiàng)目說清楚的,所以還不如不說,把寶貴的界面資源留給重點(diǎn)需要突出的信息吧。

接下來我們做了信息的整合,大家看到,舊版中有5項(xiàng)單獨(dú)的信息(發(fā)起人、公益支持、救助對象等),這些信息確實(shí)很重要,但就這樣零碎的堆砌在一起,估計(jì)除了占地兒外,也難被用戶接收到,我們處理方式是,編寫了一句話的格式,將這些零散信息統(tǒng)統(tǒng)裝進(jìn)去,發(fā)起人、公益支持、救助對象等信息就包裝在了一句文案里,如“@春苗助醫(yī)?發(fā)起,@童愛計(jì)劃?基金支持的救助”小山”行動(dòng),一起幫助小山度過難關(guān)! 查看詳情>>”,這樣稍微人性化點(diǎn)的語言應(yīng)該更能讓用戶接受吧。

第三個(gè)優(yōu)化點(diǎn)就是強(qiáng)化關(guān)鍵信息。試想,用戶來此尋找項(xiàng)目,除標(biāo)題、圖片外,還有什么是用戶最關(guān)心的呢,那就是項(xiàng)目需求:捐錢- 需要捐多少,已完成多少捐款,這個(gè)項(xiàng)目熱不熱,有多少網(wǎng)友參與?物資-需要什么物品?志愿者-需要多少人?這些信息我們重點(diǎn)在視覺上做了包裝,用醒目的icon類型,邊框修飾,明確告知用戶這個(gè)項(xiàng)目“目標(biāo)100000元,已完成25%”,相信用戶會一眼看到。

此外,除了信息的處理,左側(cè)導(dǎo)航還有個(gè)項(xiàng)目推薦的模塊“幫幫他”,我們讓這個(gè)模塊常駐界面上不隨滾動(dòng)滑出界面,目的是讓熱推項(xiàng)目讓更多人關(guān)注到。

當(dāng)然,列表設(shè)計(jì)有不足的地方。同事在使用后發(fā)現(xiàn)一個(gè)不足點(diǎn)就是:列表中缺少項(xiàng)目狀態(tài)信息,如進(jìn)行中或者是已結(jié)束。雖然我們在列表之上提供了一些維度的篩選條件,也包括時(shí)間狀態(tài)的篩選,但用戶可能會將注意力集中在列表中,而潛意識里忽略了上方的篩選條件,這也是信息精簡后需要配合一些篩選條件進(jìn)行信息篩選的結(jié)果。這個(gè)問題我們會做優(yōu)化,可能會將時(shí)間狀態(tài)提出來置于列表中。

4. 讓愛輕松傳遞——個(gè)人求助、轉(zhuǎn)發(fā)捐助Feed優(yōu)化

微公益Feed是微公益項(xiàng)目對外傳播的重要途徑,有很大部分愛心用戶都是在主站Feed中參與公益行動(dòng)的,因此,個(gè)人求助、轉(zhuǎn)發(fā)捐助Feed體驗(yàn)也很重要。改版后的Feed,在縮略狀態(tài)下,按鈕的文案統(tǒng)一為“查看詳情”而非之前的“立即捐款”或其他,這個(gè)文案也有過反復(fù)的討論與修改。

由于主站Feed在縮略狀態(tài)下實(shí)際是張死圖,無法單獨(dú)識別按鈕狀態(tài),所以我們就無法預(yù)期用戶點(diǎn)擊展開縮略圖的行為到底是要捐款還是僅僅要查看詳情,在此處一些偏向性太重的文案引導(dǎo)可能就會引起用戶的反感,比如“捐款”,再考慮到不論用戶是想看更多還是想捐款,都必須在展開后的狀態(tài)中完成操作,所以縮略狀態(tài)下的引導(dǎo)文案就不再糾結(jié)了,明確無誤的引導(dǎo)用戶點(diǎn)擊展開就是目的,所以叫做“查看詳情”。

對于展開后的狀態(tài),我們同樣采用了項(xiàng)目列表信息優(yōu)化的方法對次要信息進(jìn)行精簡及對重要信息進(jìn)行突出,并且加強(qiáng)了微公益的品牌標(biāo)識,同樣對轉(zhuǎn)發(fā)捐助產(chǎn)品在右上角進(jìn)行了品牌突出。在個(gè)人求助Feed的展開狀態(tài),我們對用戶著重做了2個(gè)行為引導(dǎo),因?yàn)橹爸挥?個(gè)“立即捐款”,那對于只想通過轉(zhuǎn)發(fā)行為獻(xiàn)愛心的用戶如何引導(dǎo)呢,所以要讓這兩種用戶各取所需,及提供了2個(gè)引導(dǎo)按鈕:“立即捐款”與“愛心轉(zhuǎn)發(fā)”。

對于展開狀態(tài)底部的推薦信息,原來的設(shè)計(jì)是一張大的項(xiàng)目圖片配上標(biāo)題參與人數(shù)顯示在底部,我們測試用戶的時(shí)候發(fā)現(xiàn),用戶無法區(qū)分到底是哪個(gè)是展開后的項(xiàng)目,問題就在于附加信息太搶眼了,雖然我們的運(yùn)營目標(biāo)是讓用戶多多看見公益項(xiàng)目,但卻起到了較大的干擾作用,我們果斷的將推薦項(xiàng)目弱化到最低,只顯示了一行次鏈接色的項(xiàng)目標(biāo)題,這樣有主有次信息才更重點(diǎn)和有層級。

5. 小設(shè)計(jì)大反響——微拍賣的快速誕生


微拍賣是微公益下的一個(gè)子產(chǎn)品,是將一批明星物品以競價(jià)方式在線拍賣,所得金額全部捐贈給公益項(xiàng)目或公益基金會,對于廣大網(wǎng)友來說,這是集愛心與娛樂為一體的公益產(chǎn)品形式,很受用戶歡迎。

微拍賣也是本次在項(xiàng)目總結(jié)中不得不說的一個(gè)段落,不僅產(chǎn)品本身充滿了設(shè)計(jì)的樂趣,而且設(shè)計(jì)過程非常之快卻收獲了很好的反響,并且在這個(gè)過程中,還得到用研同事在用戶數(shù)據(jù)分析上的給力支持,以及構(gòu)建同事的一些新穎的前端技術(shù)??傊⑴馁u的設(shè)計(jì)過程點(diǎn)滴都值得回憶。

1) 小巧結(jié)構(gòu)、快速設(shè)計(jì)
微拍賣是一個(gè)計(jì)劃外的產(chǎn)品,為了趕上8月中旬的時(shí)尚芭莎慈善晚會,從產(chǎn)品構(gòu)思到開發(fā)完成僅有一個(gè)月時(shí)間。開發(fā)周期如此緊張,所以在前期設(shè)計(jì)階段幾乎不可能有充裕的時(shí)間進(jìn)行調(diào)研、分析、架構(gòu),我們采用了最簡單的方法:產(chǎn)品、運(yùn)營、交互花半天時(shí)間坐在一起,從信息結(jié)構(gòu)到出價(jià)流程到界面UE,再加上運(yùn)營的一些策略計(jì)劃,一下午加一晚上的時(shí)間已經(jīng)全部搞定,省去了通常項(xiàng)目中反復(fù)的確認(rèn)環(huán)節(jié)與繁瑣的交付流程,從需求方到設(shè)計(jì)方面對面,效率讓我們自己都很驚訝。

但是大家能看見,微拍賣整個(gè)產(chǎn)品的結(jié)構(gòu)也很簡單,幾乎沒有多余的頁面,只保留了必要的拍品聚合頁及拍品詳情頁外加一個(gè)排名頁面,主要任務(wù)流程就是用戶如何加價(jià)競價(jià)。正是采用了這樣小巧的結(jié)構(gòu)才保證了緊迫的項(xiàng)目排期能順利完成。此外,在制定微拍賣設(shè)計(jì)風(fēng)格的時(shí)候,咱們的UI?@卜酷塔兒?可是相當(dāng)給力的,初稿即獲得老大們的一致認(rèn)可,一次通過,這在通常的項(xiàng)目中也是很少見的。

2) 主打明星瀑布流
做微拍賣比做其他的公益產(chǎn)品有個(gè)很爽的地方就是:明星圖片優(yōu)勢,比起那些凄慘的公益項(xiàng)目圖片,明星圖片簡直是完美的設(shè)計(jì)素材,吸引眼球不在話下,所以我們毫不吝嗇的呈現(xiàn)明星大圖,本來按實(shí)際來說拍賣物品就該顯示物品圖片,不過在真實(shí)的效果面前,這點(diǎn)邏輯也就不太重要了。在聚合頁里,我們采用了瀑布流設(shè)計(jì),再結(jié)合明星真人照,整個(gè)首頁的效果就是星光璀璨,咋眼看去很以為是在拍賣明星呢~,第一眼能吸引用戶的目的也就達(dá)到了。

3) 新穎的CSS動(dòng)畫效果
在做瀑布流首頁的時(shí)候,我們也得到了前端同學(xué)的給力支持,在解決頁面加載方式的問題上,我們與@young_春宇?同學(xué)討論是否可以尋求一些新的CSS即可實(shí)現(xiàn)的交互效果,最終實(shí)現(xiàn)了圖片擴(kuò)散的形式進(jìn)行頁面加載,視覺上更增添了幾分優(yōu)雅~

4) 詳情頁首屏設(shè)計(jì)
在拍品的詳情頁面,雖然需要展示的信息也很多,但為了保證拍品效果及出價(jià)操作的易
用性,我們還是保留了整個(gè)首屏的空間用于顯示拍品圖片及出價(jià)操作,為了增強(qiáng)體驗(yàn)效果,對空間的使用毫不保留哈~

5) 用研數(shù)據(jù)支持
UDC用研部門的同事全程跟進(jìn)了微拍賣的線上產(chǎn)品優(yōu)化,進(jìn)行了用戶操作行為調(diào)研,用
于任務(wù)流優(yōu)化;以及在線使用人群的數(shù)據(jù)特征分析,用于用戶群體的定位及研究。期間,用研、交互、產(chǎn)品、運(yùn)營一起進(jìn)行過多次討論與溝通,在優(yōu)化出價(jià)流程上@讀書貧道?同學(xué)從訪談中提取了關(guān)鍵步驟的優(yōu)化建議:多數(shù)有心出價(jià)的用戶在需要填寫個(gè)人信息的狀態(tài)時(shí)猶豫甚至終止了出價(jià)行為,說明我們認(rèn)為必要的字段填寫不在用戶的預(yù)期之內(nèi),用戶不接受這樣的操作任務(wù),提示我們應(yīng)該采取其他隱形措施收集想要的用戶信息,而不是直接使用這種容易干擾用戶且引發(fā)用戶疑慮的操作方式。

對于微拍賣用戶群體的數(shù)據(jù)特征@菁菁無悔?同學(xué)克服種種困難收集到用戶數(shù)據(jù),并做了詳盡的數(shù)據(jù)分析,記得分析報(bào)告會結(jié)束時(shí),公益的產(chǎn)品及運(yùn)營人員真心的給予了熱烈的掌聲。

結(jié)語

總結(jié)就想到了這些,不過新版剛剛上線,總結(jié)不是結(jié)束,而是又一個(gè)開始,我們接下來會密切關(guān)注用戶反饋,發(fā)起上線后第一輪體驗(yàn)優(yōu)化;并且將繼續(xù)與用研部門合作,將對整個(gè)微公益平臺提出布點(diǎn)需求,希望后續(xù)的設(shè)計(jì)有更充實(shí)的數(shù)據(jù)基礎(chǔ)。煩請各位大蝦們踴躍體驗(yàn)微公益,提出想法和建議,我們一起將我們的愛心通過點(diǎn)滴設(shè)計(jì)傳遞出去,讓更多需要幫助的人得到救助~

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!