設(shè)計(jì)總結(jié):58同城寶PC端改版總結(jié)
工具型后臺(tái)的視覺設(shè)計(jì)如何著手?
項(xiàng)目背景
58同城寶是什么?
“58同城寶”是一個(gè)針對(duì)生活服務(wù)信息做廣告推廣的平臺(tái),依托58同城海量的商戶和每天更新的生活數(shù)據(jù),58同城寶為媒體方提供最豐富最真實(shí)的生活信息,同時(shí),媒體方也能從信息推廣中獲得豐厚的分成收益。用戶在同城寶系統(tǒng)完成申請(qǐng)-審核-投放-數(shù)據(jù)監(jiān)測(cè)-收益結(jié)算等。
改版背景是什么?
舊版同城寶后臺(tái)樣式與體驗(yàn)還停留在多年之前,樣式過時(shí),隨著業(yè)務(wù)的擴(kuò)大升級(jí),現(xiàn)有功能架構(gòu)已無法滿足用戶的需求,功能體驗(yàn)不足的問題也日趨明顯。
舊版頁面展示,以數(shù)據(jù)報(bào)告頁面為例
產(chǎn)品目標(biāo)
此次業(yè)務(wù)升級(jí)在基礎(chǔ)功能上進(jìn)行架構(gòu)、功能邏輯的優(yōu)化。并支持快速創(chuàng)建廣告、媒體,自動(dòng)生成鏈接。同時(shí)增加策略、維度上的數(shù)據(jù)展示,從而增強(qiáng)數(shù)據(jù)分析,提供參考意義。加入審核機(jī)制,增加媒體、位置監(jiān)控維度。
設(shè)計(jì)目標(biāo)
本次改版需要針對(duì)已知問題進(jìn)行解決,設(shè)計(jì)主要從三個(gè)方面著手:
A.新
1.布局
采用全屏自適應(yīng)的設(shè)計(jì),讓用戶沉浸其中,可以讓用戶對(duì)當(dāng)前信息更加聚焦。
同城寶的用戶在使用過程成中有大量的表單信息填寫工作,由于形式單一內(nèi)容枯燥等問題,用戶注意力容易分散,所以全屏沉浸式的設(shè)計(jì)在其中就起到了關(guān)鍵性的作用,對(duì)操作更加聚焦,有利于用戶降低使用的時(shí)間成本以及降低用戶的出錯(cuò)頻率。
2.結(jié)構(gòu)
頂部品牌標(biāo)識(shí)&部分輔助功能展示區(qū),左側(cè)部分為可擴(kuò)展的樹形結(jié)構(gòu)功能區(qū),右側(cè)為主要內(nèi)容展示區(qū)。
功能模塊區(qū)分明確,有利于延續(xù)用戶使用習(xí)慣,讓用戶控制界面而不是界面控制用戶。
3.科學(xué)嚴(yán)謹(jǐn)?shù)钠放粕?/strong>
色彩在產(chǎn)品設(shè)計(jì)中是一個(gè)不可或缺的要素,不同色相色溫傳遞給使用者不同的使用感受甚或影響其操作效率及操作準(zhǔn)確度。
同城寶以帶有理性嚴(yán)謹(jǐn)?shù)乃{(lán)綠色為主色調(diào)。主色的確定主要是經(jīng)過市場(chǎng)上同類型競(jìng)品的多方面對(duì)比分析,我們要通過色彩讓58同城寶在功能上趨同在品牌上求差異,在強(qiáng)調(diào)其科學(xué),專業(yè)的產(chǎn)品屬性的同時(shí)傳達(dá)同城寶的獨(dú)有產(chǎn)品特色。
頁面區(qū)塊背景部分用簡單的“白-灰-白”進(jìn)行區(qū)分。突出主體內(nèi)容,減少用戶閱讀阻力,提供更優(yōu)質(zhì)舒適的體驗(yàn)。
B.簡?
1.按照用戶行為路徑進(jìn)行信息分區(qū),減少操作路徑
舊版申請(qǐng)結(jié)算頁面主要功能操作是由彈窗完成,用戶的操作的路徑長且復(fù)雜,影響用戶處理效率。改版后按照用戶的行為路徑“讀取信息–>操作信息”從上到下依次展開,重新進(jìn)行信息比例分區(qū)。減少用戶交互次數(shù),提高用戶處理業(yè)務(wù)效率。
2.零散信息歸類整合,減少頁面閱讀負(fù)擔(dān)
原來版面信息呈現(xiàn)層次邏輯混亂,信息分散,影響閱讀。改版把信息重新歸納整合,提高閱讀效率。
C.快
1.統(tǒng)一全平臺(tái)的規(guī)范
不同業(yè)務(wù)模塊內(nèi)容都各不相同,我們從每個(gè)區(qū)域挑選其可共用部分進(jìn)行規(guī)范制定,統(tǒng)一全平臺(tái)的視覺設(shè)計(jì)表現(xiàn)。
規(guī)范的建立有利于同品牌的快速產(chǎn)出,提高工作效率,有利于品牌的建立,加深用戶對(duì)品牌的認(rèn)知以及好感度,有利于維護(hù)頁面的一致性提升用戶體驗(yàn)。
2.打包相同信息,尋找共性模塊
尋找主信息中的通用性模塊進(jìn)行打包,使其在不同的主信息結(jié)構(gòu)中進(jìn)行復(fù)用,提高產(chǎn)出效率。
寫在后面
同城寶項(xiàng)目預(yù)計(jì)在10月份上線,我們會(huì)持續(xù)跟進(jìn)上線效果數(shù)據(jù),不斷的完善我們的流程與設(shè)計(jì)語言,致力于打造屬于58的特色同城寶平臺(tái)。
編輯:劉靜頤
本文來源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@ 劉靜頤
題圖來自Pixabay,基于CC0協(xié)議
邏輯清晰,好評(píng)!
抄襲 ??
感謝
學(xué)習(xí)筆記:全屏沉浸式有利于聚焦,統(tǒng)一全平臺(tái)規(guī)范,減少用戶操作