設(shè)計(jì)總結(jié):58同城寶PC端改版總結(jié)

58UXD
4 評(píng)論 11178 瀏覽 102 收藏 7 分鐘
🔗 B端产品经理需要进行售前演示、方案定制、合同签订等,而C端产品经理需要进行活动策划、内容运营、用户激励等

工具型后臺(tái)的視覺(jué)設(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)還停留在多年之前,樣式過(guò)時(shí),隨著業(yè)務(wù)的擴(kuò)大升級(jí),現(xiàn)有功能架構(gòu)已無(wú)法滿足用戶的需求,功能體驗(yàn)不足的問(wèn)題也日趨明顯。

舊版頁(yè)面展示,以數(shù)據(jù)報(bào)告頁(yè)面為例

產(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ì)已知問(wèn)題進(jìn)行解決,設(shè)計(jì)主要從三個(gè)方面著手:

A.新

1.布局

采用全屏自適應(yīng)的設(shè)計(jì),讓用戶沉浸其中,可以讓用戶對(duì)當(dāng)前信息更加聚焦。

同城寶的用戶在使用過(guò)程成中有大量的表單信息填寫(xiě)工作,由于形式單一內(nèi)容枯燥等問(wèn)題,用戶注意力容易分散,所以全屏沉浸式的設(shè)計(jì)在其中就起到了關(guān)鍵性的作用,對(duì)操作更加聚焦,有利于用戶降低使用的時(shí)間成本以及降低用戶的出錯(cuò)頻率。

2.結(jié)構(gòu)

頂部品牌標(biāo)識(shí)&部分輔助功能展示區(qū),左側(cè)部分為可擴(kuò)展的樹(shù)形結(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)過(guò)市場(chǎng)上同類(lèi)型競(jìng)品的多方面對(duì)比分析,我們要通過(guò)色彩讓58同城寶在功能上趨同在品牌上求差異,在強(qiáng)調(diào)其科學(xué),專(zhuān)業(yè)的產(chǎn)品屬性的同時(shí)傳達(dá)同城寶的獨(dú)有產(chǎn)品特色。

頁(yè)面區(qū)塊背景部分用簡(jiǎn)單的“白-灰-白”進(jìn)行區(qū)分。突出主體內(nèi)容,減少用戶閱讀阻力,提供更優(yōu)質(zhì)舒適的體驗(yàn)。

B.簡(jiǎn)?

1.按照用戶行為路徑進(jìn)行信息分區(qū),減少操作路徑

舊版申請(qǐng)結(jié)算頁(yè)面主要功能操作是由彈窗完成,用戶的操作的路徑長(zhǎng)且復(fù)雜,影響用戶處理效率。改版后按照用戶的行為路徑“讀取信息–>操作信息”從上到下依次展開(kāi),重新進(jìn)行信息比例分區(qū)。減少用戶交互次數(shù),提高用戶處理業(yè)務(wù)效率。

2.零散信息歸類(lèi)整合,減少頁(yè)面閱讀負(fù)擔(dān)

原來(lái)版面信息呈現(xiàn)層次邏輯混亂,信息分散,影響閱讀。改版把信息重新歸納整合,提高閱讀效率。

C.快

1.統(tǒng)一全平臺(tái)的規(guī)范

不同業(yè)務(wù)模塊內(nèi)容都各不相同,我們從每個(gè)區(qū)域挑選其可共用部分進(jìn)行規(guī)范制定,統(tǒng)一全平臺(tái)的視覺(jué)設(shè)計(jì)表現(xiàn)。

規(guī)范的建立有利于同品牌的快速產(chǎn)出,提高工作效率,有利于品牌的建立,加深用戶對(duì)品牌的認(rèn)知以及好感度,有利于維護(hù)頁(yè)面的一致性提升用戶體驗(yàn)。

2.打包相同信息,尋找共性模塊

尋找主信息中的通用性模塊進(jìn)行打包,使其在不同的主信息結(jié)構(gòu)中進(jìn)行復(fù)用,提高產(chǎn)出效率。

寫(xiě)在后面

同城寶項(xiàng)目預(yù)計(jì)在10月份上線,我們會(huì)持續(xù)跟進(jìn)上線效果數(shù)據(jù),不斷的完善我們的流程與設(shè)計(jì)語(yǔ)言,致力于打造屬于58的特色同城寶平臺(tái)。

 

編輯:劉靜頤

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@58用戶體驗(yàn)設(shè)計(jì)中心(微信公眾號(hào)@58UXD),作者@ 劉靜頤

題圖來(lái)自Pixabay,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 邏輯清晰,好評(píng)!

    來(lái)自江蘇 回復(fù)
  2. 抄襲 ??

    來(lái)自上海 回復(fù)
  3. 感謝

    來(lái)自江蘇 回復(fù)
  4. 學(xué)習(xí)筆記:全屏沉浸式有利于聚焦,統(tǒng)一全平臺(tái)規(guī)范,減少用戶操作

    回復(fù)
专题
14886人已学习12篇文章
本专题的文章分享了SaaS平台产品架构设计。
专题
13950人已学习13篇文章
产品体验报告,是体验者在深入了解某个产品的商业模式、使用场景、产品功能等方面后,所作出的先有深度再到广度的图文分析报告。本专题的文章分享了不同产品的体验报告。
专题
48875人已学习16篇文章
看看别人家的PM是怎么做产品测试的。
专题
11377人已学习12篇文章
从二维到三维空间的过渡,其交互范式也会随之从2D GUI时代转换到3D UI时代。本专题的文章分享了XR空间交互指南。
专题
12091人已学习12篇文章
在日常生活中,使用APP或者网页加载时,加载按钮常常会出现,加载效率影响着用户体验。本专题的文章分享了加载功能的原理和设计。
专题
13341人已学习12篇文章
随着互联网的不断发展,如今获客渠道及方式也有很多。本专题的文章分享了获客渠道及方法。