發(fā)布時(shí)間:2024-03-24 16:46:58 瀏覽量:241次
引言
在這個(gè)流量見(jiàn)頂?shù)臅r(shí)代,互聯(lián)網(wǎng)競(jìng)爭(zhēng)越來(lái)越慘烈,各公司業(yè)務(wù)的滲透難度變高,產(chǎn)品模式方面管理成本的越來(lái)越重,而運(yùn)營(yíng)效率越來(lái)越舉足輕重,互聯(lián)網(wǎng)的巨頭們也開(kāi)始布局2G/2B領(lǐng)域,來(lái)進(jìn)一步對(duì)傳統(tǒng)的企業(yè)和行業(yè)進(jìn)一步提升效率、促動(dòng)變革,最終實(shí)現(xiàn)創(chuàng)新和顛覆。
這一系列的現(xiàn)象給B端市場(chǎng)打開(kāi)了空前的局面,然而業(yè)務(wù)種類(lèi)的豐富及用戶(hù)使用場(chǎng)景的越來(lái)越復(fù)雜,一定程度上給用戶(hù)處理業(yè)務(wù)增加了負(fù)擔(dān),這時(shí)一個(gè)好的工作臺(tái)設(shè)計(jì)變得更為重要,那作為優(yōu)秀的交互設(shè)計(jì)師,如何進(jìn)行B端的工作臺(tái)設(shè)計(jì)呢?接下來(lái)我們針對(duì)這個(gè)問(wèn)題跟大家展開(kāi)討論一下。
一、了解工作臺(tái)
1.1 工作臺(tái)的定義
工作臺(tái)從字面上理解“工作的臺(tái)面”,跟工作相關(guān),那最根本目的就是增效,怎么幫助用戶(hù)提高工作效率并快速的進(jìn)入工作的狀態(tài)。
對(duì)應(yīng)B端的產(chǎn)品中, 工作臺(tái)就是以展示與用戶(hù)相關(guān)概要信息的頁(yè)面。通過(guò)各種概要信息幫助使用者快速了解之前的工作情況、當(dāng)前的任務(wù)進(jìn)度以及之后的工作安排等,從而達(dá)到提高效率的目的。
1.2 工作臺(tái)的特點(diǎn)
B端產(chǎn)品的業(yè)務(wù)種類(lèi)越來(lái)越多,信息系統(tǒng)越來(lái)越繁雜,那我們討論工作臺(tái)的特點(diǎn)時(shí)就不再脫離開(kāi)B端產(chǎn)品的業(yè)務(wù)屬性來(lái)分析,以下我們將通過(guò)對(duì)B端業(yè)務(wù)維度,進(jìn)行了常見(jiàn)工作臺(tái)類(lèi)型的分析,從而幫助大家拆解工作臺(tái)的功能尋求設(shè)計(jì)機(jī)會(huì)點(diǎn)。
功能聚合類(lèi)
釘釘、飛書(shū)這類(lèi)是典型的功能聚合型平臺(tái),主要業(yè)務(wù)特色是功能大而全,具有很強(qiáng)的普適性;那最需要解決的問(wèn)題是怎么幫助用戶(hù)在大量的應(yīng)用中快速找到所需的功能 。
在這一特色下,設(shè)計(jì)的機(jī)會(huì)點(diǎn)可重點(diǎn)突出常用功能,通過(guò)用戶(hù)實(shí)際的使用頻率或者用戶(hù)個(gè)性化設(shè)置自定義常用功能;同時(shí)可根據(jù)需求程度增加全功能搜索等輔助功能幫助用戶(hù)查找。
強(qiáng)數(shù)據(jù)類(lèi)
最典型的是IB數(shù)據(jù)分析平臺(tái),例如神策數(shù)據(jù)、growing io等 ,該類(lèi)型工作臺(tái)比較明顯的特點(diǎn)是通過(guò)大量的數(shù)據(jù)來(lái)傳遞關(guān)鍵性信息,借助圖形化的手段,清晰有效地傳達(dá)與溝通信息,從而促成用戶(hù)的決策。下圖中列舉了兩個(gè)圖表組件平臺(tái)供設(shè)計(jì)師們參考使用。
主要設(shè)計(jì)機(jī)會(huì)點(diǎn)在于一個(gè)是如何從各式各樣的圖表中選擇出符合用戶(hù)所需要的數(shù)據(jù)圖表,另一個(gè)就是通過(guò)對(duì)圖表細(xì)節(jié)的的處理,既能表達(dá)出復(fù)雜數(shù)據(jù)關(guān)系,又能統(tǒng)計(jì)到不同場(chǎng)景下的數(shù)據(jù)維度;然而這是另一個(gè)大的課題遂不展開(kāi)論述,如有感興趣的同學(xué)可查看往期推文 “18張圖例!帶你輕松了解B端數(shù)據(jù)圖表(一) ”。
強(qiáng)業(yè)務(wù)類(lèi)
強(qiáng)業(yè)務(wù)屬性的平臺(tái)一般多個(gè)使用角色,業(yè)務(wù)種類(lèi)繁多,使用場(chǎng)景復(fù)雜,具有很強(qiáng)的平臺(tái)特色。其工作臺(tái)的設(shè)計(jì)也不再具有明顯特征,那我們通過(guò)查找相關(guān)競(jìng)品羅列出一些常見(jiàn)工作臺(tái)功能模塊。
**待辦事項(xiàng)**
待辦事項(xiàng)或任務(wù)用于提醒用戶(hù)當(dāng)前待處理的工作事項(xiàng),一般會(huì)輔助一些具體數(shù)值來(lái)起到強(qiáng)提醒的目的,在設(shè)計(jì)中可適當(dāng)考慮在當(dāng)前頁(yè)面通過(guò)彈窗的方式能快捷處理,避免下鉆到更深頁(yè)面提交工作效能。
不同平臺(tái)不同角色的待辦內(nèi)容不同,客戶(hù)管理類(lèi)平臺(tái)的待辦更多是強(qiáng)業(yè)務(wù)指引,例如待審核訂單、待發(fā)貨訂單、待處理退款等;企業(yè)后臺(tái)類(lèi)的待辦任務(wù)更多的是流程審批,比如請(qǐng)假審批、報(bào)銷(xiāo)審批、用章審批。
**常用功能**
快捷功能板塊是承載用戶(hù)常用功能的快鏈入口,幫助用戶(hù)節(jié)省從導(dǎo)航欄上逐個(gè)下鉆的時(shí)間,快速定位至想要功能開(kāi)展對(duì)應(yīng)工作。為滿(mǎn)足用戶(hù)個(gè)人習(xí)慣偏好可設(shè)置通過(guò)用戶(hù)的使用頻率或自定義常用功能。
**核心業(yè)務(wù)數(shù)據(jù)概覽**
一般以具體的數(shù)值 或者可視化圖表的方式呈現(xiàn)。客戶(hù)管理類(lèi)平臺(tái)常根據(jù)需求統(tǒng)計(jì)一些關(guān)鍵節(jié)點(diǎn)的的信息,比如支付訂單數(shù)、支付金額、支付人數(shù)和訪問(wèn)數(shù)等,從而方便用戶(hù)通過(guò)數(shù)據(jù)進(jìn)行客戶(hù)活動(dòng)的策略調(diào)整。
**資訊公告**
通常業(yè)務(wù)通知、系統(tǒng)級(jí)或企業(yè)級(jí)的公告及平臺(tái)一些專(zhuān)業(yè)資訊信息,在首頁(yè)集中展示最主要方便用戶(hù)快速查看,避免重要信息遺漏。
**營(yíng)銷(xiāo)推廣**
一般平臺(tái)用來(lái)推廣新功能、新業(yè)務(wù)或者廣告等會(huì)在工作臺(tái)首頁(yè)中外漏流量轉(zhuǎn)化入口;入口樣式可看推廣力度,大到橫條Banner,小到文字鏈;
**個(gè)人信息**
針對(duì)多角色使用的平臺(tái),可通過(guò)個(gè)人信息快速進(jìn)行身份識(shí)別,例如企業(yè)網(wǎng)銀系統(tǒng)中一些中小型企業(yè)可能一人兼職兩種角色,不同角色的使用權(quán)限不同,清晰的標(biāo)識(shí)用戶(hù)的基礎(chǔ)信息及角色標(biāo)識(shí)有利于更迅速的開(kāi)展接下來(lái)工作。
工作臺(tái)的設(shè)計(jì)對(duì)于不同的平臺(tái)屬性、不同的角色,所需功能模塊不同,而相同功能模塊的重要程度也不同,因此要根據(jù)具體平臺(tái)有針對(duì)性地進(jìn)行合理布局。下面我們將針對(duì)如何進(jìn)行B端工作臺(tái)設(shè)計(jì)進(jìn)行展開(kāi)分析。
二、工作臺(tái)的設(shè)計(jì)剖析
近期我們剛好接到九江企業(yè)網(wǎng)銀的體驗(yàn)優(yōu)化項(xiàng)目,該項(xiàng)目是典型的強(qiáng)業(yè)務(wù)性平臺(tái),根據(jù)上文介紹的常見(jiàn)工作臺(tái)功能模塊,九江企業(yè)網(wǎng)銀又是如何搭建的屬于本平臺(tái)特色工作臺(tái)的呢?我們進(jìn)行了如下設(shè)計(jì)深挖:
2.1 明確設(shè)計(jì)目標(biāo)
本次項(xiàng)目伊始,我們和行內(nèi)業(yè)務(wù)人員及典型企業(yè)代表進(jìn)行了深入的探討和溝通,且針對(duì)行業(yè)內(nèi)標(biāo)桿的企業(yè)網(wǎng)銀進(jìn)行全方位的競(jìng)品分析。
針對(duì)整個(gè)工作臺(tái)頁(yè)面明確一個(gè)主線的敘事邏輯。首先明確該頁(yè)面的主要核心是什么,其次是可以通過(guò)什么興趣點(diǎn)來(lái)撬動(dòng)用戶(hù),最后是整體頁(yè)面的延伸點(diǎn)。這樣我們的設(shè)計(jì)目標(biāo)就有了明確的定義。
2.2 定義人群分層
隨著用戶(hù)群越來(lái)越大,不同的用戶(hù)群體分割越來(lái)越明顯,不同用戶(hù)的生長(zhǎng)周期也發(fā)生了一些變化,那么不同的用戶(hù)所需的信息需要不同的頁(yè)面來(lái)承載;
那我們?cè)诓煌娜巳悍謱涌梢愿鶕?jù)項(xiàng)目成熟度分為兩種方式,一種通過(guò)認(rèn)知和意愿進(jìn)行分層處理,在現(xiàn)有成熟的數(shù)據(jù)基礎(chǔ)上,將用戶(hù)可以分為全新用戶(hù)、嘗試型用戶(hù)、成長(zhǎng)型用戶(hù)、核心用戶(hù)等等一些更細(xì)分的領(lǐng)域;那比較普適的分層,可以簡(jiǎn)單直接的把用戶(hù)分為新用戶(hù)和老用戶(hù)兩種。
九江銀行的用戶(hù)體量還未進(jìn)一步提高,為保證分析的準(zhǔn)確性,我們采用普適分層法,分為新用戶(hù)和老用戶(hù)兩種。
2.3 提取分層人群的特征
根據(jù)實(shí)際數(shù)據(jù)確定人群的占比,明確該角色重點(diǎn)專(zhuān)注的問(wèn)題,通過(guò)怎么幫助用戶(hù)解決問(wèn)題進(jìn)行內(nèi)容策略的制定,然后再進(jìn)一步確定設(shè)計(jì)策略。
在B端平臺(tái)中往往會(huì)存在多角色使用的場(chǎng)景,所以在用戶(hù)分層特征提取前,需要先一步關(guān)鍵角色的概括,這樣分層人群的特征會(huì)更細(xì)致準(zhǔn)確。九江企業(yè)網(wǎng)銀中我們分為老板和財(cái)務(wù)人員 ,針對(duì)兩種角色進(jìn)行以下的分層人群特征提取。
根據(jù)上述分析,提取關(guān)鍵詞, 明確人群分層關(guān)鍵特征。
2.4 定義分層信息框架
結(jié)合前面我們針對(duì)該頁(yè)面主體敘事邏輯定義,梳理出整個(gè)頁(yè)面的功能模塊優(yōu)先層級(jí),再結(jié)合角色人群分層結(jié)論進(jìn)行信息框架制定,該環(huán)節(jié)需按照具體平臺(tái)分析結(jié)論綜合考慮后設(shè)計(jì)。
2.5 具體設(shè)計(jì)點(diǎn)展示
老板-新用戶(hù)
為了更貼近的老板使用場(chǎng)景及整個(gè)平臺(tái)全員快速使用戶(hù),將初始操作任務(wù)化,能更清晰引導(dǎo)老板完成企業(yè)初期的權(quán)限分配任務(wù),降低學(xué)習(xí)成本。
老板-老用戶(hù)
企業(yè)正常運(yùn)作一段時(shí)間后,老板更多專(zhuān)注企業(yè)內(nèi)部經(jīng)營(yíng)狀況,通過(guò)數(shù)據(jù)圖表化的方式更清晰傳遞數(shù)據(jù),幫助老板決策進(jìn)行企業(yè)管理,例如公司支取業(yè)務(wù)top10、資產(chǎn)負(fù)債一覽圖等。
財(cái)務(wù)-新用戶(hù)
通過(guò)關(guān)鍵數(shù)據(jù)的顯示及外露對(duì)應(yīng)的業(yè)務(wù)快捷操作入口,提高財(cái)務(wù)工作效率,以及根據(jù)個(gè)人習(xí)慣自定義常用功能來(lái)幫助用戶(hù)更快識(shí)別產(chǎn)品的業(yè)務(wù),為進(jìn)一步財(cái)務(wù)工作全面增效。
財(cái)務(wù)-老用戶(hù)
待辦事項(xiàng)中以業(yè)務(wù)指標(biāo)為基準(zhǔn)明確工作進(jìn)度,以數(shù)量多少為前提強(qiáng)化任務(wù)操作和查看。常用功能個(gè)人習(xí)慣自定義常用功能來(lái)幫助用戶(hù)更快識(shí)別產(chǎn)品的業(yè)務(wù),為進(jìn)一步財(cái)務(wù)工作全面增效。
三、總結(jié)
體驗(yàn)之路,任重道遠(yuǎn)。工作臺(tái)的體驗(yàn)優(yōu)化需符合平臺(tái)調(diào)性,貼切用戶(hù)自身的特點(diǎn),以提升使用效率,滿(mǎn)足用戶(hù)內(nèi)心價(jià)值點(diǎn)為設(shè)計(jì)出發(fā)。
熱門(mén)資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來(lái)如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見(jiàn)的5種APP界面類(lèi)型,你get到了嗎?
通過(guò)介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類(lèi)型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶(hù)輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書(shū)籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來(lái)說(shuō),這本書(shū)是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺(jué)醒》(IKKO TANAKA)推薦理由: 這本書(shū)是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專(zhuān)業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶(hù)一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過(guò)程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過(guò)多的視覺(jué)干擾。符合用戶(hù)習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢(qián)?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢(qián)?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過(guò)對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!