首頁

B端產(chǎn)品設(shè)計(jì)思路&高頻設(shè)計(jì)要點(diǎn)筆記

ui設(shè)計(jì)分享達(dá)人

B端全稱是Business即商家(泛指企業(yè))的產(chǎn)品,通常是企業(yè)或商家,為工作或商業(yè)目的而使用的系統(tǒng)型軟件、工具或平臺(tái)。相對(duì)于C端產(chǎn)品,B端產(chǎn)品對(duì)業(yè)務(wù)邏輯和產(chǎn)品邏輯要求會(huì)更高。


本篇筆記將羅列B端設(shè)計(jì)過程中的核心設(shè)計(jì)思維和高頻設(shè)計(jì)要點(diǎn),結(jié)尾附上大廠設(shè)計(jì)規(guī)范鏈接。供大家下載查閱。



★目標(biāo)導(dǎo)向·B端產(chǎn)品的商業(yè)目標(biāo)


設(shè)計(jì)開始要了解設(shè)計(jì)的目標(biāo),用戶的行為都是有「目標(biāo)動(dòng)機(jī)」的,B端產(chǎn)品的業(yè)務(wù)目標(biāo)往往都是為了為企業(yè)或個(gè)人為了解決某一項(xiàng)工作上的問題。
當(dāng)設(shè)計(jì)過程以「目標(biāo)」為出發(fā)點(diǎn),可以增強(qiáng)設(shè)計(jì)判斷力,輸出更有效設(shè)計(jì)解決方案。


B端產(chǎn)品的設(shè)計(jì)原則:提高使用者的工作效率,同時(shí)降低業(yè)務(wù)鏈路的操作及學(xué)習(xí)成本。

當(dāng)你有了目標(biāo)以后你的設(shè)計(jì)就可以圍繞這個(gè)目標(biāo)展開:



★設(shè)計(jì)價(jià)值·B端的設(shè)計(jì)價(jià)值體系搭建


對(duì)于B端的產(chǎn)品而言,用戶最關(guān)心它能為實(shí)際的工作帶來哪些便利,而并非這個(gè)界面做的多么的好看,以及用戶體驗(yàn)多么棒。所以B端產(chǎn)品設(shè)計(jì)價(jià)值優(yōu)先級(jí)往往是  功能性>表現(xiàn)力



B端產(chǎn)品設(shè)計(jì)需要站在整個(gè)業(yè)務(wù)線全局角度去把控各個(gè)設(shè)計(jì)點(diǎn),不再是「用戶體驗(yàn)」至上,為實(shí)現(xiàn)「任務(wù)目標(biāo)」,「犧牲」一部分「用戶體驗(yàn)」是必要的,這個(gè)時(shí)候視覺和一些體驗(yàn)就不那么重要了。通過調(diào)研業(yè)務(wù)去了解各個(gè)角色職能的工作流程、相關(guān)痛點(diǎn),讓產(chǎn)品能用,好用。



要點(diǎn)1·了解項(xiàng)目的業(yè)務(wù)流程


理想的B端設(shè)計(jì)需要了解業(yè)務(wù)目標(biāo)以及業(yè)務(wù)鏈路中每一個(gè)環(huán)節(jié)的過程。將業(yè)務(wù)邏輯理解透徹再考慮應(yīng)該如何進(jìn)行設(shè)計(jì)實(shí)現(xiàn)。

這樣做的原因當(dāng)你站在使用者的角度進(jìn)行同理心設(shè)計(jì)可以更好的幫助用戶完成他要完成的工作,從而提高效率。產(chǎn)品原型一般基于「功能」本身,而設(shè)計(jì)師從用戶實(shí)際場景規(guī)劃用戶的任務(wù)流,可以優(yōu)化產(chǎn)品邏輯,補(bǔ)全缺失場景,通過了解業(yè)務(wù)流程也能給予創(chuàng)造性解決方案




要點(diǎn)2·用戶調(diào)研與場景化設(shè)計(jì)思維


B端產(chǎn)品往往是是服務(wù)于企業(yè)用戶,用戶畫像需要專注于用戶特征中的「群體職業(yè)身份」這類人無論性別、年齡、地區(qū)有何差異,他們都是一類角色,我們的產(chǎn)品要提供給這類角色使用,而不是某個(gè)人使用。



由于B端設(shè)計(jì)師不是產(chǎn)品的用戶,無法沉浸在與用戶相同的真實(shí)場景中,建立共情。所以設(shè)計(jì)師最好親自感受一下業(yè)務(wù)流程,獲得一手的用戶洞察,


獲取B端用戶反饋的方式

「通過業(yè)務(wù)人員交流」業(yè)務(wù)人員可以幫助我們快速高效的描繪出典型客戶案例的用戶畫像。
「實(shí)地走訪」:觀察在自然狀態(tài)下用戶如何完成工作任務(wù),并提問題:「你怎么做?」或者「為什么這么做?」
「建立種子用戶群」:聚集活躍的種子用戶群,收集意見和建議,并在群里驗(yàn)證設(shè)計(jì)想法。
「親身體驗(yàn)」:成為真正的客服小二,接聽客戶電話,記錄自己在工作臺(tái)場景下的真實(shí)體驗(yàn)和感受。

獲取用戶畫像后了解該群體背后工作感受,行為習(xí)慣,以及任務(wù)類型。




要點(diǎn)3·情感化設(shè)計(jì)心理


安全感和信任感建立:人們?cè)絹碓疥P(guān)注隱私和信息安全。如果你要求必須填寫敏感信息,請(qǐng)確保使用字段下方的注釋文本解釋為什么需要這些信息。


實(shí)際工作中我們?cè)?jīng)自動(dòng)獲取過用戶之前表單中填寫的的支付類賬戶信息,在收集的用戶反饋中,用戶會(huì)感覺到隱私正在泄露并讓用戶信任感降低。所以即使用戶輸入體驗(yàn)會(huì)更好,但是考慮到信任感,敏感類信息請(qǐng)不要自動(dòng)獲取。


讓用戶感受到你正在幫助他操作:Jakob Nielsen于1994年提出的十大可用性原則中,其最后一條原則Help and documentation(幫助性指導(dǎo)原則)是搭建B端用戶幫助體系的核心準(zhǔn)則,在理想情況下,沒有幫助文檔就可以使用系統(tǒng)是最好的,但在某些情況下(尤其是B端系統(tǒng)),提供一些引導(dǎo)性的幫助其實(shí)是必要的。


B端系統(tǒng)中可以嘗試搭建用戶幫助系統(tǒng):




要點(diǎn)1·降低學(xué)習(xí)成本


對(duì)B端產(chǎn)品來講,設(shè)計(jì)師在設(shè)計(jì)的時(shí)候是不需要耗費(fèi)太多的思考的,只是去按照交互設(shè)計(jì)師的規(guī)劃堆砌圖表和列表。但是對(duì)于使用者來講,其中縱橫交錯(cuò)的商業(yè)邏輯和業(yè)務(wù)邏輯卻是給用戶搭建了一個(gè)十分高的門檻。



要點(diǎn)2·保持高效


例如修改資料的時(shí)候,使用彈窗、浮層等等交互操作會(huì)減少頁面跳轉(zhuǎn)的頻率。

但是與此同時(shí),減少頁面跳轉(zhuǎn)并不代表真正的高效,例如瑞幸的供應(yīng)商系統(tǒng),供應(yīng)商所產(chǎn)生的訂單需要按照指定的流程一步步進(jìn)行操作確保不會(huì)出現(xiàn)問題這樣雖然頁面的跳轉(zhuǎn)增加,但是可以避免操作出錯(cuò)給用戶帶來更大的困擾。



要點(diǎn)3·整理信息/引導(dǎo)視覺


設(shè)計(jì)要根據(jù)用戶的瀏覽習(xí)慣和視覺動(dòng)線。要嘗試引導(dǎo)用戶的視覺,舉個(gè)例子,如何引導(dǎo):




設(shè)計(jì)側(cè)核心要點(diǎn)


B 端產(chǎn)品是以業(yè)務(wù)為核心,是需要用戶長時(shí)間操作并完成工作任務(wù)的,對(duì)于操作和展示內(nèi)容無關(guān)的元素,越少越好。視覺為功能讓步,追求簡潔、清晰、克制、理性的視覺風(fēng)格。設(shè)計(jì)語言盡量做到不干擾不打擾。



要點(diǎn)1·表單設(shè)計(jì)


輸入順序:先易后難;先必填后選填;先公開信息后隱私信息;有關(guān)聯(lián)性的合成一組,特殊問題后置,用戶輸入時(shí)、不會(huì)覺得突兀、門檻太高 。

自動(dòng)對(duì)焦(PC端)進(jìn)行表單頁面,自動(dòng)對(duì)焦第一個(gè)輸入字段可以引導(dǎo)用戶開始進(jìn)行輸入。

標(biāo)題:標(biāo)題是對(duì)下文最短最精的概括。用戶一般都會(huì)跳過表單內(nèi)容,而且?guī)缀醵疾粫?huì)仔細(xì)閱讀那種特別詳細(xì)的描述。所以用最少的文字說清楚一個(gè)表單的目的尤其重要。
用戶應(yīng)該可以看一眼標(biāo)題就知道他們應(yīng)該怎么做,而不是非得把剩下的全部看完,
(附:這部分感興趣的同學(xué)可以搜索“微文案設(shè)計(jì)”)

在表單編寫方面,或者說各種寫作中,刪減詞語都要比添加詞語更加有益。 在仔細(xì)檢查不必要的詞語后,文章會(huì)更篤實(shí),更連貫,更吸引人。



這個(gè)鏈接有什么用?關(guān)閉是點(diǎn)擊右上角的按鈕嗎?如果并沒有增效,那就是減效。每一個(gè)字,每一張圖片,都不是100% 必需的,這些都會(huì)降低你表單的轉(zhuǎn)換率。

刪除一個(gè)字段,表單提交率就可以提高 26%。(本篇筆記原本有12000余字,為了避免浪費(fèi)大家時(shí)間,我僅保留4000余字的高頻要點(diǎn)內(nèi)容)


PC端產(chǎn)品提示文字盡量不要放在框內(nèi)

提示文字存在于框內(nèi)常用在移動(dòng)端,它的空間占比很小,對(duì)移動(dòng)端的小屏來說,是非常友好的,但如果在交互上處理不好,會(huì)有很大的缺陷。

內(nèi)部標(biāo)簽結(jié)構(gòu),只有提示性文字,用作提示用戶應(yīng)該輸入什么內(nèi)容,但用戶在輸入的時(shí)候,內(nèi)部的標(biāo)簽/提示性文字就會(huì)消失,這時(shí)候,用戶會(huì)失去它是否輸入準(zhǔn)確的唯一判別標(biāo)準(zhǔn)。


減少打字需求

字段輸入通過部分人工智能自動(dòng)將操作步驟可以變得簡潔高效 ,也包括諸如一些、自動(dòng)定位、圖片識(shí)別、自動(dòng)獲取,第三方導(dǎo)入等方式來使用戶的效率得以提升的功能。
打字是在線表單中最耗時(shí)、最密集的部分,而且經(jīng)常會(huì)導(dǎo)致錯(cuò)誤——尤其是在手機(jī)上。用按鈕、滑塊替換文本框并使用自動(dòng)完成功能,將減少工作量并提高轉(zhuǎn)化率。



使用文本塊

文本塊會(huì)更容易讓用戶記住內(nèi)容:例如銀行賬戶、電話號(hào)碼等等。它指的是將信息排列成「塊」的過程,使內(nèi)容更容易保留、處理和回憶。一份研究聲稱數(shù)字 3 是幫助人們吸收和回憶信息的神奇數(shù)字。


表單的提示文字和定義格式要求

如果一個(gè)字段需要特定的格式輸入,請(qǐng)告訴用戶。例如密碼要求、語法規(guī)則、編號(hào)間距等等。



用輸入框長度提示

可以用輸入框長度提示用戶輸入的內(nèi)容是否正確。
德萊厄斯研究所的可用性研究發(fā)現(xiàn),如果一個(gè)字段太長或太短,用戶開始懷疑他們是否正確理解了標(biāo)簽。


在用戶輸入的時(shí)候,右下角告訴用戶已經(jīng)輸入了多少字,如果超過 80 字后會(huì)變紅色,用來警示用戶,并且此時(shí)的表單域也無法輸入新的內(nèi)容。


如果用戶填寫錯(cuò)誤,向用戶顯示錯(cuò)誤發(fā)生的位置,并說明原因。


單選框

如果你的表單里的選項(xiàng)少于5個(gè)可以列出所有選項(xiàng)供用戶快速選擇,當(dāng)大于5個(gè)時(shí)候可以嘗試用下拉框解決。
將第一個(gè)選項(xiàng)作為用戶最有可能的默認(rèn)選項(xiàng),且是最安全的選項(xiàng),提前預(yù)判用戶的操作提升選擇效率。排列方式推薦數(shù)直排列,豎直排列相對(duì)于水平排列容易讀取和定位,提高用戶的瀏覽順序。



解釋隱私消息

當(dāng)前需要用戶填寫相對(duì)隱私的信息時(shí),請(qǐng)給予解釋這么做的原因及目的。


收集設(shè)計(jì)反饋

完成表單的設(shè)計(jì)后可以給業(yè)務(wù)用戶進(jìn)行簡單的測試,并記錄他們填寫的時(shí)間收集反饋,以及對(duì)這一連串的問題他們體驗(yàn)如何。這也將有助于你下次評(píng)估表單的設(shè)計(jì)。

最后在情感化設(shè)計(jì)系統(tǒng)里記得感謝用戶填寫或者反饋問題,因?yàn)橛脩羰腔〞r(shí)間的。所以請(qǐng)表示感謝。


要點(diǎn)2·表格設(shè)計(jì)

表格的設(shè)計(jì)圍繞著「可讀性」和「易操作」兩個(gè)設(shè)計(jì)原則。設(shè)計(jì)易讀,易掃視,易比較,易操作的表格結(jié)構(gòu)是表格設(shè)計(jì)的首要目標(biāo)。


列寬有三種常見處理方式:

1.  根據(jù)內(nèi)容的極限長度給出足夠的固定寬度;
2. 可以固定部分列的寬,其余列按百分比處理;
3. 列寬需要考慮最低寬度/最大寬度/文字極限狀態(tài),內(nèi)容為空狀態(tài)顯示方案;
4.需要設(shè)置列之間的最小寬度,表格響應(yīng)式布局情況下最小不小于此寬度。

M-Densign規(guī)范中對(duì)齊方式會(huì)遵循如下規(guī)則:
表格的排序,應(yīng)從用戶目的出發(fā),遵循用戶查看數(shù)據(jù)的習(xí)慣,尊重?cái)?shù)據(jù)之間的關(guān)聯(lián)性,設(shè)計(jì)用戶查看、操作數(shù)據(jù)的路徑,而非隨機(jī)排列(這部分可以在業(yè)務(wù)側(cè)調(diào)研時(shí)驗(yàn)證,提高用戶體驗(yàn)和閱讀效率)。


1. 文本信息/混合型文本左對(duì)齊,符合從左到右的閱讀習(xí)慣;

2. 數(shù)字信息右對(duì)齊,方便數(shù)字之間的直觀對(duì)比;



要點(diǎn)3·按鈕設(shè)計(jì)

設(shè)計(jì)規(guī)范需要定義按鈕的四種狀態(tài):正常狀態(tài)(Normal)、懸停狀態(tài)(Hover)、激活狀態(tài)(Active)、加載狀態(tài)(Loading)、禁用狀態(tài)(Disabled)



B端產(chǎn)品的開發(fā)一般涉及多個(gè)開發(fā)團(tuán)隊(duì)協(xié)作,例如瑞幸的后臺(tái)修改按鈕顏色,都可能牽動(dòng)10+工程師的協(xié)同。

所以B端產(chǎn)品在進(jìn)行設(shè)計(jì)改版以及設(shè)計(jì)側(cè)調(diào)整時(shí)候要思考調(diào)整對(duì)于業(yè)務(wù)側(cè)是否有直接幫助,在設(shè)計(jì)和規(guī)范建立之前,切勿頻繁改動(dòng)。


除了完全獨(dú)立設(shè)計(jì)開發(fā)的項(xiàng)目以外,還有大量的 B 端項(xiàng)目是采用第三方框架開發(fā)而成的,如 Ant、Element 等等。這是因?yàn)檫@些第三方程序可以幫助團(tuán)隊(duì)節(jié)省大量的開發(fā)時(shí)間和精力。


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來源:站酷 作者:Cesare_玄漓
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


B端設(shè)計(jì)指南 - 審批

ui設(shè)計(jì)分享達(dá)人

業(yè)務(wù)究竟是什么?


很多時(shí)候既讓初入B端行業(yè)的設(shè)計(jì)師感到一絲絲迷茫,因?yàn)椴煌腂端系統(tǒng)也就意味著,它的業(yè)務(wù)一定就會(huì)有所不同。比如CRM系統(tǒng)當(dāng)中的客戶生命周期管理,OA的辦公自動(dòng)化,特定的行業(yè)往往都會(huì)蘊(yùn)含著不同的業(yè)務(wù)類型


而作為設(shè)計(jì)師,如果只了解設(shè)計(jì)模式、設(shè)計(jì)組件,不去分析設(shè)計(jì)最后的業(yè)務(wù)訴求,其實(shí)是沒有任何意義。因此想要通過B端設(shè)計(jì)指南,和大家一起聊聊B端業(yè)務(wù),以及背后所牽涉的具體邏輯。今天就簡單聊聊最為常見的 審批


開始之前,還得再多說兩句,因?yàn)橐粋€(gè)系統(tǒng)當(dāng)中,業(yè)務(wù)本身就不是獨(dú)立存在的。因此在去講述審批的過程,一定會(huì)涉及到 流程、權(quán)限、表單配置 等一些基礎(chǔ)內(nèi)容,建議可以先做初步了解,再結(jié)合文章進(jìn)行閱讀



審批的起源

雖然在說起源,其實(shí)我更想給大家講清楚 審批在B端系統(tǒng) 當(dāng)中的重要性

審批字面意思是審查并加以批示,通常指對(duì) 下級(jí)呈報(bào)上級(jí)的公文進(jìn)行審查批示,報(bào)請(qǐng)上級(jí)審批

現(xiàn)如今,任何事情一定都會(huì)有分工協(xié)作,而使用審批的好處是可以

  • 規(guī)范員工行為

  • 提高企業(yè)運(yùn)轉(zhuǎn)效率

  • 系統(tǒng)存檔便于溯源

  • 保護(hù)環(huán)境(畢竟減少了紙張浪費(fèi))

當(dāng)然在不同的階段的公司,對(duì)于審批的訴求是不太一樣

小公司:因?yàn)閷徟臎Q策路徑短、流程上都非常簡單,但因此就會(huì)缺乏規(guī)范保障。比如在外出辦公時(shí),看似只需要與老板當(dāng)面進(jìn)行口頭上的溝通即可,但是在外出出現(xiàn)意外時(shí),由于缺乏外出辦公的相關(guān)證據(jù),員工的權(quán)益則很難得到保障

大公司:因?yàn)閷徟臎Q策路徑長,流程上都極其復(fù)雜,因此會(huì)在多人協(xié)作下完成整個(gè)流程審批。比如想要申請(qǐng)購買辦公用品時(shí),會(huì)由 行政、Leader、財(cái)務(wù) 層層審批,從提交審批到最終落實(shí)可能需要十天半個(gè)月,但是這樣的流程,能夠確保企業(yè)在清查財(cái)務(wù)狀況時(shí),更加有理有據(jù)

審批的演變,就是從最開始的規(guī)章制度而來。比如在早期去政務(wù)機(jī)構(gòu)辦理各種業(yè)務(wù)時(shí),會(huì)讓你去填寫各種紙質(zhì)表單。在審核過程中,則需要有各個(gè)機(jī)關(guān)的蓋章及批準(zhǔn),而這種形式正是政府對(duì)于普通市民的自上而下的管理方式


審批其實(shí)是整個(gè)B端系統(tǒng)的靈魂,因?yàn)樵贐端系統(tǒng)當(dāng)中,企業(yè)想要使用系統(tǒng)的一大痛點(diǎn)便是 核心的管控 

因此你會(huì)發(fā)現(xiàn),只要一個(gè)獨(dú)立的系統(tǒng),一定會(huì)存在獨(dú)立的審批模塊。因?yàn)锽端管理系統(tǒng)當(dāng)中企業(yè)的最終目的,是管理手中的人,而審批便是最為常見的一種手段

審批在如今的B端系統(tǒng)當(dāng)中,可以理解為它是一組消息,在這一組消息當(dāng)中會(huì)有:“具體的文本、對(duì)應(yīng)的附件、以及照片視頻”這些內(nèi)容都是輔佐 申請(qǐng)人 去講訴你需要申請(qǐng)的內(nèi)容

比如我們?cè)谏暾?qǐng)病假時(shí),往往需要出示 三甲醫(yī)院所開設(shè)的證明,對(duì)于這個(gè)證明,如何在表單當(dāng)中出現(xiàn),你會(huì)發(fā)現(xiàn)最為常見的便是拍攝證明圖片,然后上傳到表單當(dāng)中(這個(gè)與字段屬性緊密相連,我就不做不過介紹)


審批的這組消息還會(huì)有些特殊,因?yàn)樗浅V匾憧梢岳斫鉃樗且粍t“加急消息”會(huì)提醒審批人快速的進(jìn)行處理,同時(shí)會(huì)告知相關(guān)的參與人(處理人、抄送人)審批的進(jìn)度、并且無論成功與否,都會(huì)在系統(tǒng)當(dāng)中留下 足跡,因此它起到了 “追蹤、通知、留存” 三個(gè)非常重要的作用,我們首先對(duì)于審批進(jìn)行一個(gè)基礎(chǔ)的拆解

審批的拆解

如果把審批單獨(dú)拿出來,你會(huì)發(fā)現(xiàn)審批會(huì)牽涉到 發(fā)起人、處理人、抄送人

發(fā)起人:

審批的發(fā)起人,也是整個(gè)審批流程的歸屬人,他最關(guān)心整個(gè)審批進(jìn)展

因?yàn)樵诎l(fā)起人的角度,創(chuàng)建完審批事項(xiàng)后,可能還需要進(jìn)入審批頁面,完善 后續(xù)附加信息、及時(shí)了解審批狀態(tài)、催促審批人的審核、處理駁回意見 等等,因此站在發(fā)起人的角度,審批需要盡可能詳細(xì)的展示 當(dāng)前審批的狀態(tài)、完整的審批流程、駁回信息的快速操作、成功信息的必要通知

處理人

審批的處理人主要在審批過程做出決策,因此他更在乎的是審批申請(qǐng)內(nèi)容的信息。比如 審批的信息內(nèi)容、直接的審批操作、多條審批的管理

當(dāng)然,在一些大型的集團(tuán)企業(yè)當(dāng)中,會(huì)將審批分為審批「直接處理人」「間接處理人」(后文以 直處人、間處人 簡稱)

「直處人」作為審批的第一處理人,也就意味著他的意見至關(guān)重要,如果「直處人」通過過后,相對(duì)而言整條審批的通過幾率會(huì)大大增加。通?!钢碧幦恕故亲鳛樯暾?qǐng)人的直系領(lǐng)導(dǎo)居多,因此多數(shù)情況下可以理解為直屬領(lǐng)導(dǎo)進(jìn)行 “把關(guān)”

「間處人」作為審批的后續(xù)處理人,同樣在流程當(dāng)中也十分重要。但在有些情況下,比如一些偏平化管理的企業(yè),「間處人」更多像是“權(quán)利”的象征,因?yàn)闄?quán)利已經(jīng)下放給「直處人」,而「間處人」起到知曉審批以及企業(yè)的規(guī)章制度要求

抄送人

審批抄送人主要起到通知對(duì)應(yīng)角色的作用,因?yàn)橐粭l審批的出現(xiàn),會(huì)造成諸多影響,假設(shè)今天你需要申請(qǐng)事假,如何通知同部門的其他成員呢?

發(fā)送即時(shí)消息,顯得過于簡單;每個(gè)打電話,又有些麻煩;發(fā)送企業(yè)郵件,又怕他們沒有看到

這時(shí)候抄送人會(huì)顯得尤為關(guān)鍵

通常抄送會(huì)有企業(yè)流程上管理員配置的固定抄送人,以及發(fā)起人選擇的自行抄送人 兩種類型

固定抄送人 角色通常與管理員配置整個(gè)流程有關(guān),他是角色當(dāng)中 管理員 所配置的重要通知人,比如今天你的請(qǐng)假信息,肯定會(huì)告知行政,像這類默認(rèn)的通知流程,則可以將其設(shè)為固定抄送人

自行選擇抄送人 則是提供給發(fā)起人自行選擇,該條審批可能會(huì)影響到的相關(guān)人群。比如就是發(fā)送給同事,讓他們知曉今天你不在崗位上,因此自行選擇可以增加審批抄送的靈活性

這里肯定會(huì)有很多讀者會(huì)問,我選擇抄送人與我發(fā)消息給同事,有什么區(qū)別么?

看似完全相同,實(shí)則有明確的區(qū)分

通過消息,將審批內(nèi)容傳達(dá),本質(zhì)上是你自行將內(nèi)容發(fā)送給對(duì)方,對(duì)方會(huì)對(duì)于你這個(gè)消息的真實(shí)性會(huì)產(chǎn)生疑問?你是否通知了

而選擇抄送,更為權(quán)威,更能體現(xiàn)你這條消息的真實(shí)性,并且整個(gè)流程都已經(jīng)由領(lǐng)導(dǎo)進(jìn)行批準(zhǔn),因此不會(huì)存在太大問題

其實(shí)審批的本質(zhì)就是一組消息,而這一組消息當(dāng)中,申請(qǐng)人 通過 表單配置 去獲取需要補(bǔ)充的消息內(nèi)容,而流程會(huì)根據(jù)企業(yè)所配置的流程方式將這一組消息進(jìn)行合并轉(zhuǎn)發(fā)給對(duì)應(yīng)人,而審批人則需要對(duì)這一組消息進(jìn)行回復(fù)“通過、駁回” 來讓整個(gè)流程繼續(xù)延續(xù)

審批流程

審批當(dāng)中,最主要的便是流程。因?yàn)槟憧梢酝ㄟ^查看流程圖,去了解整個(gè)企業(yè)的組織架構(gòu)、規(guī)章制度、員工管理方式

1.串行審批/依次審批

串行審批主要是指當(dāng)一個(gè)審核節(jié)點(diǎn)通過后,才能進(jìn)入下一個(gè)審核節(jié)點(diǎn)。如果節(jié)點(diǎn)駁回,則可以根據(jù)業(yè)務(wù)實(shí)際需要,配置駁回的返回路徑,會(huì)有:撥回到發(fā)起人、駁回到上一個(gè)節(jié)點(diǎn)、或駁回之前任意一個(gè)節(jié)點(diǎn) 重新審批


2.并行審批

并行審批是指一個(gè)審批節(jié)點(diǎn)存在多個(gè)角色同時(shí)審批,這里會(huì)存在兩種情況

  1. 任何一個(gè)人審批通過,則可以進(jìn)入下個(gè)節(jié)點(diǎn),這也就是系統(tǒng)當(dāng)中常說的 「或簽」

  2. 所有審批人員通過,才能進(jìn)入下個(gè)節(jié)點(diǎn),這也是系統(tǒng)當(dāng)中常說的 「會(huì)簽」


3. 條件審批

條件審批就是將企業(yè)當(dāng)中的規(guī)章制度映射到實(shí)際的項(xiàng)目當(dāng)中,通常就是某個(gè)審批內(nèi)容會(huì)根據(jù) 金額多少、實(shí)際數(shù)量 等 進(jìn)而選擇哪個(gè)角色進(jìn)行審批

比如銷售人員在申請(qǐng)一個(gè)合同審批時(shí),會(huì)根據(jù)合同金額的不同,審批人也會(huì)有所差異

  • 當(dāng)金額小于8000時(shí),合同直接由財(cái)務(wù)專員進(jìn)行審批,進(jìn)而讓流程進(jìn)行快速審批

  • 當(dāng)金額大于8000時(shí),合同會(huì)由銷售主管進(jìn)行審批,讓銷售主管能夠掌握企業(yè)的重要合同


4.自主審批

通過發(fā)起人選定一個(gè)審批事項(xiàng)后,將自主選擇后續(xù)的審批內(nèi)容,進(jìn)而實(shí)現(xiàn)審批的后續(xù)選擇。這是一種較為靈活的審批流程,當(dāng)企業(yè)尚未形成標(biāo)準(zhǔn)化流程時(shí),自主的核心就是當(dāng)發(fā)起人發(fā)起一個(gè)審批,提交時(shí)需要自行選擇下一個(gè)環(huán)節(jié)的審批人。而下一個(gè)環(huán)節(jié)的審批人審批通過后,可以選擇繼續(xù)流轉(zhuǎn)到再下一個(gè)人去審批,或者結(jié)束這個(gè)流程

審批頁面梳理

審批的背后,它映射的其實(shí)是企業(yè)的一條條管理制度,而它的設(shè)計(jì)一定是要滿足企業(yè)的實(shí)際需求。因?yàn)槟阖?fù)責(zé)的產(chǎn)品不是為某一家企業(yè)提供的服務(wù)(定制化產(chǎn)品),并且企業(yè)管理制度的變動(dòng)其實(shí)是家常便飯,你需要去考慮一個(gè)通用的解決方案,這個(gè)解決方案拆解下來會(huì)分為三個(gè)內(nèi)容,分別是:申請(qǐng)表單、流程配置、更多配置 進(jìn)行講解

1.審批表單

審批表單是最為一個(gè)“簡單”的用戶可配置化表單,因?yàn)楝F(xiàn)如今大多數(shù)B端產(chǎn)品都是以 SaaS 作為基礎(chǔ)(如果是定制化產(chǎn)品 它的審批內(nèi)容、流程也不會(huì)是固定不變的)也就意味著審批表單需要為企業(yè)提供“DIY”的方式,通過表單提供不同的字段類型,去構(gòu)建審批的實(shí)際要求


比如在一個(gè)選擇請(qǐng)假時(shí),年假、事假、病假、婚假 等的要求都會(huì)有所不同

如何知道他們的差別,其實(shí)可以根據(jù)《勞動(dòng)法》的相關(guān)規(guī)定 以及 各個(gè)其實(shí)的實(shí)際公司制度,進(jìn)行個(gè)性化的處理

在申請(qǐng)婚假時(shí),需要上傳你的結(jié)婚證,以證明其真實(shí)性;在病假時(shí),需要有3甲醫(yī)院的病情證明;在年假時(shí),則需要有你的剩余年假天數(shù)。而這些特殊訴求,其實(shí)都需要在表單當(dāng)中進(jìn)行各種定制化表單

當(dāng)然這只是極為常見的 請(qǐng)假 場景,而在實(shí)際業(yè)務(wù)當(dāng)中的復(fù)雜場景(更多需要將 審批與其他系統(tǒng)關(guān)聯(lián))一個(gè)簡單的表單是沒有辦法進(jìn)行滿足

這也是很多企業(yè)會(huì)發(fā)現(xiàn),無論是飛書、釘釘、企業(yè)微信,都沒有辦法滿足其實(shí)際流程需求。又沒有辦法改變自身流程,只能夠自研、定制化 產(chǎn)品,這也是為什么即便各行各業(yè)都有了初具規(guī)模的 SaaS 產(chǎn)品,但是還是會(huì)有很多企業(yè)愿意自行研發(fā)軟件


2.流程配置

企業(yè)可以根據(jù)自身的系統(tǒng)流程,在流程配置當(dāng)中去定制特定的流程。在這個(gè)頁面的設(shè)計(jì)上,需要注意不同參與人的狀態(tài),以及復(fù)雜流程時(shí)如何才能夠進(jìn)行清晰的閱讀,因此增加了 顏色區(qū)分(發(fā)起人、審批人、抄送人)+ 視圖縮放 功能

顏色自然不必多說,整個(gè)系統(tǒng)需要統(tǒng)一,因此不能夠只考慮在管理后臺(tái)的顏色,是一定要在詳情頁當(dāng)中也能過保證顏色的一致。這樣才能夠滿足實(shí)際業(yè)務(wù)所需

視圖縮放只是小小提一下,常見的視圖縮放會(huì)放在左側(cè),至于為什么,自己稍稍揣摩揣摩

由于流程配置的屬性頁面會(huì)涉及很多表單的復(fù)雜邏輯,這個(gè)只能夠留在我的 訓(xùn)練營的課程 當(dāng)中進(jìn)行拆解,這里就不過多贅述


3.更多配置

更多配置項(xiàng)則是審批在實(shí)際情況下的特殊處理,比如:申請(qǐng)人修改審批的具體時(shí)間、能夠?qū)徟D(zhuǎn)發(fā)給其他人、出現(xiàn)多次相同的審批人是否去重 等等...  其實(shí)就是將審批的設(shè)計(jì)方案進(jìn)行“賦能”,去滿足更多企業(yè)在實(shí)際場景當(dāng)中的需求,感興趣的同學(xué)可以去 釘釘、飛書 了解詳情


結(jié)語

審批,核心還是提高企業(yè)運(yùn)轉(zhuǎn)效率,如果在審批之間,還需要不同角色私下反復(fù)溝通,本質(zhì)上就失去了審批的意義。而審批本身,就是一個(gè)典型的B端產(chǎn)品 從場景到需求,進(jìn)而研發(fā)功能,最后又回歸場景,你設(shè)計(jì)的好與壞,落地到真實(shí)的場景當(dāng)中,試試便知

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼ben_lanlan,報(bào)下信息,會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

文章來源:站酷 作者:CE青年
分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


UI設(shè)計(jì)新人必須要善用這10個(gè)網(wǎng)站

seo達(dá)人


01. Behance

https://www.behance.net/

Behance 對(duì)于設(shè)計(jì)師來說并不陌生,作為國外的一大設(shè)計(jì)平臺(tái)匯聚了眾多的設(shè)計(jì)大佬,分享了很多高質(zhì)量的設(shè)計(jì)作品。

對(duì)于 UI 設(shè)計(jì)師來說,這是我們需要定期訪問的網(wǎng)站,里面很多 UI/UX 設(shè)計(jì)相關(guān)的作品都偏向于成套的作品輸出。不僅可以讓我們學(xué)習(xí)全案設(shè)計(jì)的思路,作品包裝設(shè)計(jì)的思路和處理技巧也是非常值得學(xué)習(xí)的。除了 UI/UX 作品以外,還包括平面、圖形、品牌、插畫、攝影、動(dòng)畫等等作品,并且質(zhì)量都非常高。

成為優(yōu)秀的設(shè)計(jì)師離不開靈感的積累,這個(gè)網(wǎng)站絕對(duì)是高質(zhì)量靈感來源之一。

圖片

 

02. Dribbble

https://dribbble.com/

Dribbble 相信很多喜歡 UI 設(shè)計(jì)打卡的同學(xué)比較熟悉,匯集了大量設(shè)計(jì)師的一些日常創(chuàng)意作品。該網(wǎng)站不同之處是發(fā)布作品需要邀請(qǐng)碼,就是需要有邀請(qǐng)碼的設(shè)計(jì)師邀請(qǐng)加入才能發(fā)布作品,獲得邀請(qǐng)碼也相當(dāng)于設(shè)計(jì)能力獲得認(rèn)可。

整體作品的質(zhì)量還是不錯(cuò)的,如果當(dāng)你設(shè)計(jì)時(shí)沒有想法,這是一個(gè)不錯(cuò)的靈感采集地。

圖片

 

03. Pinterest

https://www.pinterest.com/

這絕對(duì)是一個(gè)靈感采集的絕佳網(wǎng)站,經(jīng)過眾多用戶的長期積累,已經(jīng)匯集了全球大量的優(yōu)質(zhì)圖片資源,其中設(shè)計(jì)作品也是非常豐富,且質(zhì)量都普遍偏高。

你可以通過關(guān)鍵詞搜索、畫板關(guān)注、以圖搜圖等操作獲得靈感,而且相似推薦還能延伸出更多類似構(gòu)圖、配色、主題等圖片資源。點(diǎn)擊作品還能跳轉(zhuǎn)到原始出處,順藤摸瓜找到更多優(yōu)質(zhì)資源,真的是非常便利。

圖片

 

04. Mobbin

https://mobbin.design/

這是一個(gè)匯集全球優(yōu)秀 APP 截圖的網(wǎng)站,有超過 50000 個(gè)優(yōu)秀 APP,節(jié)省了下載應(yīng)用的時(shí)間,對(duì)于 UI 設(shè)計(jì)師來說非常實(shí)用。

同樣的應(yīng)用還提供了 iOS 和 Android 兩個(gè)不同版本的截圖,簡直非常的人性化。這是一個(gè)使用起來非常簡單的網(wǎng)站,海量的設(shè)計(jì)必將開啟你的靈感腦洞。

圖片

 

05. Medium

https://medium.com/

這是國外的一個(gè)分享專業(yè)文章的網(wǎng)站,各行業(yè)的大佬們會(huì)在這里分享自己的經(jīng)驗(yàn)和心得,帶給新人很大的幫助。作為設(shè)計(jì)師來說,一些設(shè)計(jì)技巧和經(jīng)驗(yàn)的學(xué)習(xí)也是至關(guān)重要的,這里也匯集了很多優(yōu)質(zhì)的設(shè)計(jì)類文章,相信可以帶給你更多幫助。

學(xué)習(xí)吸收國外設(shè)計(jì)師的想法也是一種擴(kuò)充視野的方式,這個(gè)網(wǎng)站是一個(gè)知識(shí)吸收層面來說不錯(cuò)的選擇之一。

圖片

 

06. Unsplash

https://unsplash.com/

這是個(gè)人非常喜歡的一個(gè)圖庫網(wǎng)站,在做一些設(shè)計(jì)作品的時(shí)候,我經(jīng)常去里面搜索符合的圖片填充我的設(shè)計(jì)。這個(gè)圖庫網(wǎng)站的圖片都是可以免費(fèi)商用的,而且你無需注冊(cè)也可以下載使用里面的圖片,是不是非常的人性化。

網(wǎng)站提供了很多的圖庫資源,在搜索的時(shí)候采用英文搜索資源會(huì)更豐富一些。

圖片

 

07. Zhongguose 中國色

http://zhongguose.com/

你知道茶花紅是什么顏色嗎?莧菜紅你可能名字都不一定聽過,中國有很多傳統(tǒng)復(fù)古的顏?,這個(gè)?站相信會(huì)給你想要的答案。

當(dāng)我們?cè)谧鲆恍﹤鹘y(tǒng)文化項(xiàng)目或者需要用到國風(fēng)味道的配色時(shí), Zhongguose 這個(gè)網(wǎng)站列舉了很多中國色,提供給設(shè)計(jì)師進(jìn)行配色參考。

圖片

 

 

08. Designspiration

https://www.designspiration.com/

該網(wǎng)站除了通過關(guān)鍵詞搜索圖片內(nèi)容以外,在搜索欄有?個(gè)調(diào)色板的圖標(biāo),點(diǎn)擊可以通過指定的顏色進(jìn)行搜索相關(guān)配色的圖片或者設(shè)計(jì)。在選擇顏色的時(shí)候不是單一的色彩選擇,可以選擇幾個(gè)配?組合進(jìn)行搜索,對(duì)于設(shè)計(jì)師來說?常實(shí)用。

圖片

 

09. Adobe Color

https://color.adobe.com/zh/create

該網(wǎng)站是 Adobe 公司開發(fā)的,主要功能就在于超級(jí)方便的色彩選取。它提供免費(fèi)的?彩主題,我們可以在任何作品上使用它們。我們也可以選擇不同的調(diào)色規(guī)則,然后使用交互式色盤、亮度以及不同顏?模式的滑塊來建立顏?。

圖片

 

10. 51學(xué)設(shè)計(jì)-設(shè)計(jì)規(guī)范

http://51xsj.cn/index.php?s=/index/design/categorylist.html

最后給大家推薦一個(gè)黑馬哥自己的網(wǎng)站 – 51學(xué)設(shè)計(jì)網(wǎng),本次主要推薦的是里面的設(shè)計(jì)規(guī)范欄目。為了方便各位 UI 設(shè)計(jì)師熟悉各大平臺(tái)的設(shè)計(jì)規(guī)范,專門為大家整理了常用的設(shè)計(jì)規(guī)范合集,讓大家更方便獲取相關(guān)的資源。

當(dāng)然,還有黑馬家族平時(shí)推送的一些文章合集也收錄在里面了,還有設(shè)計(jì)書籍欄目也是不錯(cuò)的選擇。

圖片

 

小結(jié)

靈感的積累來源于日常的不斷吸收和總結(jié),今天分享的這些網(wǎng)站如果大家可以經(jīng)常去逛一下,相信可以帶給你很多收獲。本期先給大家分享這 10 個(gè)網(wǎng)站作為拋磚引玉,希望可以帶給大家更多幫助。

 

原文地址:黑馬家族(公眾號(hào))

作者:黑馬青年

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》UI設(shè)計(jì)新人必須要善用這10個(gè)網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)



組件固化、布局確定,如何對(duì)B端頁面進(jìn)行大的改版?- B端問答

seo達(dá)人


 

Fiori

在SAP的 Fiori 設(shè)計(jì)系統(tǒng)當(dāng)中,同樣它也進(jìn)行過多次的改版:

從最初的 Fiori 1.0版本的Blue Crystal

圖片

再到 Fiori 2.0版本的 Concept Design

圖片

而Fiori 1.4 版本的 Belize

圖片

而除了視覺風(fēng)格的改變,更多是交互形式的一點(diǎn)點(diǎn)優(yōu)化,而優(yōu)化并不等于顛覆,更多是想在原本的設(shè)計(jì)框架下去調(diào)整錯(cuò)誤的交互形式,在一些細(xì)節(jié)點(diǎn)上去做創(chuàng)新。

感興趣的讀者可以復(fù)制下方鏈接去看看 Fiori 的一點(diǎn)點(diǎn)改變:

https://zhuanlan.zhihu.com/p/54476972

 

Lightning

圖片

在 SalesForce設(shè)計(jì)團(tuán)隊(duì)的 一次 YouTube 直播分享過,講到一個(gè)問題:如果想要對(duì)當(dāng)前的系統(tǒng)進(jìn)行一次小范圍的迭代,所耗費(fèi)的資金可能會(huì)達(dá)到數(shù)百萬美金。

因?yàn)楫?dāng)你進(jìn)行了改版過后,企業(yè)需要通知用戶有哪些改版內(nèi)容;而銷售則需要對(duì)大型企業(yè)進(jìn)行培訓(xùn);作為產(chǎn)品設(shè)計(jì)者你需要引導(dǎo)用戶,提示他修改的點(diǎn);

你上面所做的一切并不能覆蓋所有的用戶,就像我這篇文章雖然大家都會(huì)轉(zhuǎn)發(fā),但是也不是所有的B端設(shè)計(jì)師都能看到(不過大家也一定要多多轉(zhuǎn)發(fā))。

而很多用戶不知道,也就意味著他可能需要去翻閱幫助文檔、咨詢客服。

這一系列的付出都是需要成本,因?yàn)椴荒芎唵握驹谝粋€(gè)設(shè)計(jì)師的角度去分析改版,更多需要你多去理解改版究竟會(huì)帶來什么,特別是產(chǎn)品成熟階段。

而SalesForce 的案例并不是勸退設(shè)計(jì)師改版,而是在改版之前需想清楚自己的真實(shí)需求,哪怕是視覺上的好看,也要確定你的設(shè)計(jì)與其他版本之間的差距究竟有多少,來驗(yàn)證自己的設(shè)計(jì)。B端設(shè)計(jì)目前難點(diǎn)不在設(shè)計(jì)“好看”的頁面,而是如何講清楚你設(shè)計(jì)的頁面是合理的。

 

Element Plus

圖片

這里也和大家聊聊 Element,不知道有沒有細(xì)心的讀者發(fā)現(xiàn)Element最近正在更新 Element Plus。

而關(guān)于Element的版本迭代,則是因?yàn)榧夹g(shù)的原因。

如果你對(duì)基本的技術(shù)框架有那么一點(diǎn)點(diǎn)的了解,你就會(huì)知道 Element 是基于 vue 進(jìn)行搭建的,而最近的Vue 3.0 的出現(xiàn),也就意味著 Element 需要進(jìn)行一次全新的迭代。

這是 Element 的技術(shù)迭代大背景下,而他的迭代過程,就需要將之前element系統(tǒng)當(dāng)中一些基礎(chǔ)內(nèi)容給優(yōu)化,調(diào)整來滿足現(xiàn)如今B端市場的設(shè)計(jì)需求。

最近也在與 忠忠 一起負(fù)責(zé) Element 的設(shè)計(jì)系統(tǒng)優(yōu)化改版,如果你有設(shè)計(jì)系統(tǒng)相關(guān)經(jīng)驗(yàn),有充足的時(shí)間,可以微信咨詢我。

 

總結(jié)

其實(shí)B端設(shè)計(jì),更多的是優(yōu)化、迭代,想要顛覆,會(huì)付出很多代價(jià),正因如此它和C端不同,也正因如此才叫做B端。

 

原文鏈接:CE青年(公眾號(hào))

作者:CE青年

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》組件固化、布局確定,如何對(duì)B端頁面進(jìn)行大的改版?- B端問答

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


設(shè)計(jì)師搞定B端用戶初級(jí)指南

seo達(dá)人



B端用戶有哪些

不同于C端消費(fèi)產(chǎn)品的用戶比較唯一,B端產(chǎn)品系統(tǒng)更為復(fù)雜所以用戶角色也更多。本篇將從商業(yè)銷售的角度來研究B端用戶。

 

用戶構(gòu)成

B端產(chǎn)品的售賣大多針對(duì)一個(gè)組織/一家企業(yè),往往存在著產(chǎn)品價(jià)格高、產(chǎn)品體量大、適用范圍廣的情況,所以商家決定購買的決策成本更高,按照組織層級(jí)從上向下、可以歸納出「決策者」、「運(yùn)維者」、「使用者」 三個(gè)層級(jí)的角色。

圖片

  • 使用者 —— 一般是企業(yè)內(nèi)的內(nèi)部員工,在日常工作時(shí)需要一些支持性軟件來更好地辦公。比如公司內(nèi)的員工進(jìn)行上下班打卡,這時(shí)他們對(duì)于考勤系統(tǒng)就是使用者。
  • 運(yùn)維者 —— 一般是企業(yè)管理內(nèi)部的部門負(fù)責(zé)人或管理員,他們?yōu)槠髽I(yè)提供支持性的服務(wù),也是產(chǎn)品工具輔助完成工作的管理者。
  • 決策者 —— 一般是一個(gè)企業(yè)的CEO/負(fù)責(zé)人,他們來決定是否需要支付一筆不小的費(fèi)用購入一款軟件,來更好地管理企業(yè)。比如某公司的CEO最終決定買企業(yè)微信還是釘釘,讓員工進(jìn)行內(nèi)部溝通。

 

關(guān)于決策鏈

B端用戶的三個(gè)角色,通過相互影響形成了產(chǎn)品購買的「決策鏈」

這個(gè)“決策鏈”的作用產(chǎn)生在「是否購買」、以及「是否續(xù)費(fèi)」兩個(gè)核心問題上,通常我們簡稱為「新購」與「續(xù)購」。

在這里我還是重審下背景:出現(xiàn)的新購與續(xù)購概念,好像看起來已經(jīng)脫離了本篇文章的主題,但這確實(shí)非常重要。對(duì)于B端產(chǎn)品,產(chǎn)研開發(fā)的核心目的還是將產(chǎn)品賣出,設(shè)計(jì)師作為產(chǎn)研的一員也需要背負(fù)這樣的任務(wù)。所以我們需要研究用戶,并且從商業(yè)的角度出發(fā)給出建議?;诖?,新購與續(xù)購的商業(yè)概念可以幫助大家更好的聚焦用戶場景與設(shè)計(jì)策略。

圖片

 

關(guān)于新購:

新購即指從未買過產(chǎn)品的商家、初次購買的過程。

對(duì)于新購,有的商家是自上而下決策:決策者主動(dòng)有意愿有想法,從而購買產(chǎn)品。

這樣的方式在購買后對(duì)產(chǎn)品的推廣和使用更為容易,下面人員的配合度更高,產(chǎn)品取得的效果也就更好,更容易成為優(yōu)秀的標(biāo)桿案例。

圖片

有的商家是自下而上決策:從運(yùn)維者主動(dòng)有意愿有想法,并通過游說決策者、讓其理解當(dāng)前企業(yè)存在的問題、通過什么樣的產(chǎn)品去解決,從而購買產(chǎn)品。

這樣的方式取決于決策者獲取到產(chǎn)品價(jià)值從而支持購入,如果沒獲取或不認(rèn)同,則導(dǎo)致產(chǎn)品售賣失?。坏珱]獲取,卻因?yàn)槠渌蛩兀ū热绺偲菲髽I(yè)都在用了),可能會(huì)進(jìn)行購買。但這樣的方式因?yàn)椴荒塬@得決策者最大限度的支持,在推行起來會(huì)存在一些障礙和困難,因?yàn)锽端產(chǎn)品往往牽扯組織內(nèi)多個(gè)部門或人員,所以往往啟動(dòng)較慢,產(chǎn)品效果也不能保證。

所以在這個(gè)階段決策者的態(tài)度與意見是非常重要的,運(yùn)維者提供一定的建議,使用者通常沒有話語權(quán)。

圖片

 

關(guān)于續(xù)購:

續(xù)購即指已經(jīng)購買過的商家,續(xù)約產(chǎn)品的過程。

決定續(xù)購的核心標(biāo)準(zhǔn):產(chǎn)品是否有效果,翻譯到產(chǎn)研側(cè)就是產(chǎn)品是否被用起來了。

在這個(gè)問題上,因?yàn)闆Q策者幾乎不會(huì)參與過程,所以更考驗(yàn)運(yùn)維者本身的使用策略,同時(shí)也非??粗厥褂谜叩膶?shí)際使用體驗(yàn)。

在決策鏈上,核心角色的建議權(quán),往往比決策權(quán)還重,是否被用起來以及用起來的效果是一個(gè)從下向上檢驗(yàn)的結(jié)果。所以在這個(gè)階段,運(yùn)維者和使用者的體驗(yàn)非常重要。

圖片

 

對(duì)癥下藥:

在了解基礎(chǔ)的概念后,還要知道他們關(guān)心什么才能將設(shè)計(jì)對(duì)癥下藥。

對(duì)于決策者來說,擁有最終購買決定權(quán),但因其并不是實(shí)際業(yè)務(wù)執(zhí)行人,所以會(huì)考慮其他角色的建議與意見。他們關(guān)注營收增長、效率提高、減少成本等方面的問題。一般都是階段性的查看成果,權(quán)衡產(chǎn)品價(jià)值。

對(duì)于運(yùn)維者來說,是提供重要意見的核心建議者,也是實(shí)際業(yè)務(wù)的執(zhí)行人會(huì)對(duì)產(chǎn)品有更多的要求和考慮。他們同樣關(guān)注營收增長、效率提高、減少成本等方面的問題。但更多的是實(shí)際執(zhí)行時(shí)的種種細(xì)節(jié)問題,具體些:管理方面的功能完不完備(比如社區(qū)中是否能精選評(píng)論、是否能自定給精選評(píng)論發(fā)獎(jiǎng)勵(lì))、數(shù)據(jù)能力完不完善等等。

對(duì)于使用者來說,前期幾乎只能被動(dòng)接受,但承載著后期衡量產(chǎn)品實(shí)際使用效果的作用。他們關(guān)注產(chǎn)品便捷性、是否為自己解決問題。幫他們解決問題,他們才愿意用,產(chǎn)品才能用的起來、用的好。

 

如何尋找用戶

對(duì)B端用戶有一個(gè)大概了解后,我們?cè)賮砹私庀略O(shè)計(jì)師如何介入用戶、了解用戶與用戶相處,讓我們的設(shè)計(jì)更打動(dòng)人心。

不同于C端可以較為自由的選取用戶,B端產(chǎn)品對(duì)于用戶的選取與接觸較為受限。

產(chǎn)品供應(yīng)企業(yè)針對(duì)所服務(wù)的商家會(huì)提供一套售前+售后的服務(wù)體系,并配備了不同的人員分管各個(gè)階段,例如有客戶銷售、客戶成功、專屬運(yùn)營等。設(shè)立的目的是針對(duì)性的個(gè)性化服務(wù),面對(duì)不同商家情況不同,所轉(zhuǎn)述的產(chǎn)品價(jià)值甚至價(jià)格都會(huì)有所區(qū)別,當(dāng)然這些信息也都非常敏感和隱私。

所以當(dāng)你想尋找用戶做調(diào)研時(shí),一般要找到對(duì)應(yīng)的商家運(yùn)營,告知目的后幫你推薦合適的用戶與聯(lián)系方式,除此之外,在話術(shù)方面例如什么可以溝通、什么不可以溝通,如何回答敏感問題等更為嚴(yán)格(這個(gè)我們后文會(huì)再詳細(xì)描述)。

圖片

 

如何接觸用戶

在認(rèn)知用戶基礎(chǔ)信息所處身份后,還需了解如何與用戶接觸,本文將從接觸時(shí)機(jī)與接觸渠道兩個(gè)方面闡述,內(nèi)容來自實(shí)際經(jīng)驗(yàn)總結(jié)以供參考。

 

接觸時(shí)機(jī):

功能類變動(dòng)

  • 在涉及操作的流程設(shè)計(jì)前后,需要跟進(jìn)商家意見,看是否真正解決商家問題、減少成本或符合習(xí)慣。
  • 在大模塊頁面優(yōu)化前后,需要調(diào)研是否符合使用習(xí)慣或預(yù)期。

視覺類變動(dòng)

  • 在重要的視覺表現(xiàn)設(shè)計(jì)上(比如證書樣式、皮膚設(shè)置等),需要調(diào)研是否符合其審美。

 

接觸渠道:

除了尋求運(yùn)營幫助推薦單個(gè)用戶,還有一些渠道方式可以幫助你接觸用戶。

  • 日常溝通商家群

一般一個(gè)商家會(huì)建立一個(gè)包含該商家的運(yùn)維者、B端的產(chǎn)品經(jīng)理以及運(yùn)營的群,用來解決對(duì)接問題以及日常咨詢,所以設(shè)計(jì)師可以通過加入這個(gè)群,就能了解商家如何使用、都在反饋些什么問題。一般商家反饋的最多的是某某功能如何使用和bug類。

  • 產(chǎn)研反饋優(yōu)化群

不同于商家群的人少而精的特點(diǎn),問題反饋群更多匯集了各類技術(shù)與全部運(yùn)營銷售人員,用以處理運(yùn)營在平時(shí)遇到的商家的各種問題、還有商家從故障平臺(tái)等多個(gè)方面回收的使用反饋。這個(gè)群不僅可以幫你了解商家更關(guān)注哪些功能、還能通過技術(shù)對(duì)于問題的解答更加了解產(chǎn)品邏輯。

圖片

 

如何跟進(jìn)用戶

一般B端產(chǎn)品的用戶數(shù)量有限,使用深度也更高,除了非常少頻的調(diào)研問卷,更多采用訪談的形式來進(jìn)行問題的挖掘與調(diào)研。這些跟進(jìn)方式其實(shí)在各個(gè)領(lǐng)域已經(jīng)非常成熟,作者通過自己的實(shí)際經(jīng)驗(yàn)羅列一些方法和區(qū)別以供參考。

 

實(shí)地拜訪:

通過實(shí)地走訪,真實(shí)的走入用戶的實(shí)際使用場地,近距離、近環(huán)境的接觸用戶。

操作指南

  • 一般運(yùn)營聯(lián)系商家用戶確定上門的時(shí)間以及目的來發(fā)起一次拜訪。
  • 拜訪時(shí)在設(shè)計(jì)師提前準(zhǔn)備好問題的情況下,過程中因?yàn)锽端商家的使用場景往往不能預(yù)想,且面對(duì)面聊天會(huì)更加激發(fā)用戶的表達(dá)欲,所以在深度追問的過程中,用戶的回答可能不會(huì)按照預(yù)想的方向進(jìn)行,會(huì)經(jīng)常跑偏,此時(shí)需要根據(jù)你的目的視情況引導(dǎo)談話方向。
  • 溝通時(shí),用戶除了回答產(chǎn)研預(yù)設(shè)的問題、還會(huì)提一堆優(yōu)化需求或是功能需求,此時(shí)要注意避坑,除了自己能力范圍外的,不能擅自答應(yīng),但同時(shí)也需要給出比較委婉的解決方案安撫用戶。
  • 用戶所有提出的問題、給出明確的后續(xù)反饋時(shí)間、并同步組內(nèi)其它產(chǎn)研同學(xué)、及時(shí)跟進(jìn)和反饋結(jié)果,不然商家會(huì)覺得一直在提重復(fù)的問題給不同的人,但沒什么反饋,造成不良印象。

實(shí)地拜訪好處是面對(duì)面增強(qiáng)真實(shí)感、更準(zhǔn)確的解讀用戶需求,也能一次性了解商家?guī)缀跞康挠脩纛愋?,有更為全面的用戶源可了解,同時(shí)更容易跟用戶熟悉起來,建立長期的關(guān)系。壞處是,成本高、費(fèi)時(shí)間。

 

線上訪談:

一般遇到?jīng)]辦法花時(shí)間實(shí)地拜訪的情況,線上聯(lián)系也是一種好方法。此時(shí)需要聯(lián)系好運(yùn)營確認(rèn)好溝通訴求后,自行線上聯(lián)系用戶進(jìn)行調(diào)研。

操作指南

  • 聯(lián)系前要說明來意、并預(yù)約時(shí)間(區(qū)別于C端直接打電話開始訪問),一般商家都會(huì)很高興(可能因?yàn)楫吘够隋X)。
  • 需要提前準(zhǔn)備好問題,一般會(huì)按照問題逐個(gè)回答,很少跑偏。

線上調(diào)研的好處是便捷快速的聚焦問題,壞處是對(duì)問題的理解還有回答的準(zhǔn)確度判斷可能沒那么高。

 

調(diào)研問卷:

不同于C端場景,B端產(chǎn)品因?yàn)橛脩趔w量上的原因,較少用到問卷。但依然有一些必要場景會(huì)用到,比如針對(duì)某一功能的認(rèn)知、產(chǎn)品的滿意度等。

操作指南

  • B端問卷的一個(gè)難點(diǎn)在于“如何發(fā)放”。C端一般在產(chǎn)品內(nèi)留有問卷入口,因?yàn)橛脩袅看蟆⒖倳?huì)收集部分反饋,但B端用戶較少,若要確保收集到一定量的問卷就得主動(dòng)出擊提高觸達(dá)率。目前作者所在團(tuán)隊(duì)每周會(huì)針對(duì)運(yùn)維者進(jìn)行答疑直播活動(dòng),相當(dāng)于每次直播都自動(dòng)匯集一群目標(biāo)用戶,在直播過程中可以穿插問卷及入口,能夠極大概率的收到反饋(當(dāng)然填寫?yīng)剟?lì)必不可少,可以準(zhǔn)備一些公司周邊小禮品抽獎(jiǎng))。
  • 問卷如何設(shè)計(jì)按照普遍方式進(jìn)行即可在此不詳述。

圖片

 

如何維護(hù)用戶

建立個(gè)人用戶庫:

通過以上方法我們已經(jīng)開始并可以與各類用戶認(rèn)識(shí)、并進(jìn)行調(diào)研了。做完調(diào)研后,我建議可以針對(duì)一些愿意發(fā)聲的用戶建立更深一層的關(guān)系,比如直接幫助他們解決設(shè)計(jì)問題、解答功能疑惑等,用戶其實(shí)是樂于接受更多交流的。這樣可以構(gòu)建個(gè)人用戶庫,它可以幫助你避免重復(fù)的走預(yù)約流程,更加便捷的獲取用戶信息,讓你對(duì)用戶也能夠更加了解。

 

關(guān)于B端的標(biāo)桿客戶

在B端產(chǎn)品迭代中,我們經(jīng)常聽到這樣的話“我們要打造一個(gè)標(biāo)桿”“目前這個(gè)功能還沒形成標(biāo)桿”等,這里涉及到一個(gè)詞“標(biāo)桿客戶”。其實(shí)除了企業(yè)內(nèi)部角色的劃分,針對(duì)企業(yè)本身,也是有不同維度的劃分,「標(biāo)桿」相當(dāng)于企業(yè)的一種分層維度。

 

什么是標(biāo)桿:

標(biāo)桿客戶指該B端產(chǎn)品在商家內(nèi)部推行后、使用的效果超過預(yù)期,對(duì)商家某問題起到了極大的正面作用。

 

標(biāo)桿的作用:

  • 驗(yàn)證產(chǎn)品可行性

只用通過標(biāo)桿的建立,才可以一定程度證明產(chǎn)品能力是符合市場需求的。如果遲遲沒有標(biāo)桿產(chǎn)生、可能產(chǎn)品本身就得重新考慮定位與方向了。

  • 為產(chǎn)品站臺(tái)增強(qiáng)說服力

在很多銷售售賣產(chǎn)品時(shí),如果只是單薄的產(chǎn)品邏輯講解,往往商家沒那么容易理解獲取產(chǎn)品價(jià)值,但如果有標(biāo)桿案例,銷售將標(biāo)桿商家是如何運(yùn)營、如何取得成果的流程闡述出來,基本上同行商家能夠立馬理解產(chǎn)品價(jià)值。

所以商家對(duì)標(biāo)桿是很看重的,且要求會(huì)越來越高,不僅是同行標(biāo)桿、有的還會(huì)要求有細(xì)分行業(yè)的案例給到(比如除了同樣是家居行業(yè)、更希望有硬裝行業(yè)、甚至家居-硬裝-瓷磚行業(yè)的案例)

圖片

 

為B端用戶做設(shè)計(jì)的避坑指南

關(guān)于「如何為B端用戶做設(shè)計(jì)」又是一個(gè)宏大的主題,在此先不做系統(tǒng)性的分析和展開,僅提供一些經(jīng)歷實(shí)戰(zhàn)后的小技巧以供讀者參考。

  • 產(chǎn)品模塊對(duì)B端商家的作用不同、需求不同、要保證適配各類商家的靈活性
  • B端產(chǎn)品往往復(fù)雜,更注重頁面引導(dǎo)、新功能的解釋,所以每做一個(gè)新功能對(duì)于“能不能理解”的新人引導(dǎo)設(shè)計(jì)非常必要(且是人性化的)
  • 避免個(gè)人經(jīng)驗(yàn)主義,B端場景往往不能共情,不能依靠個(gè)人生活經(jīng)驗(yàn)去做設(shè)計(jì)判斷
  • 決策者和使用者有時(shí)會(huì)在功能模塊上有利益沖突,需要根據(jù)該功能對(duì)產(chǎn)品購買的影響程度,來權(quán)衡利弊(參考決策鏈)
  • B端產(chǎn)品是用戶花錢買的,與C端的免費(fèi)使用是一個(gè)本質(zhì)區(qū)別,“買的東西去享受”和“免費(fèi)的東西去享受”,感受與包容度是完全不一樣。買,代表有所需,使用時(shí),會(huì)有準(zhǔn)確的預(yù)期,在產(chǎn)品設(shè)計(jì)時(shí)需要考慮該功能商家是否買單,是不是當(dāng)初買這份產(chǎn)品所預(yù)期的,如果不是,謹(jǐn)慎添加,且要保證不增加任何認(rèn)知/操作成本
  • 商家更注重儀式感,對(duì)于某些一次性場景不可因頻率不高而忽視視覺表現(xiàn),比如產(chǎn)品初始化設(shè)置。

 

最后

B端用戶既是普通消費(fèi)者也是企業(yè)打工人,在使用B端產(chǎn)品時(shí)天然擁有兩重身份、會(huì)有職業(yè)屬性的因素存在,所以拆解好這兩種角色并對(duì)癥下藥,就可以了解他們深入他們?cè)O(shè)計(jì)出極致的產(chǎn)品。

以上內(nèi)容來自作者在實(shí)際業(yè)務(wù)中的探索、學(xué)習(xí)與實(shí)踐經(jīng)驗(yàn)總結(jié),未必足夠系統(tǒng)與細(xì)致,歡迎留言討論其中內(nèi)容~

 

聲明: 本文插圖icon部分取自酷家樂內(nèi)部圖標(biāo)系統(tǒng);部分C4D插圖取自UI中國-悶悶小悶悶的圖標(biāo)分享。

 

原文鏈接:酷家樂用戶體驗(yàn)設(shè)計(jì)(公眾號(hào))

作者:十禾

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》設(shè)計(jì)師搞定B端用戶初級(jí)指南

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


關(guān)于設(shè)計(jì)師的出路思考,看見比技法更重要的東西

seo達(dá)人


1.浮躁的時(shí)代,停止躁動(dòng),保持獨(dú)立思考

余秋雨曾說:這是一個(gè)浮躁的時(shí)代 ;我說:這是一個(gè)需要獨(dú)立思考的時(shí)代。

我們每天忙碌的過著互聯(lián)網(wǎng)民工起早貪黑的生活,每天接受著外界各種嘈雜的聲音,都沒完整的獨(dú)立思考空間。為了緩解焦慮,有些設(shè)計(jì)師,每天拼命的學(xué)習(xí),像海綿一樣不斷吸收知識(shí),看似乎很努力,但是實(shí)際上是沒有方向的努力,是平庸的努力。

回過頭來想想,確實(shí)如此。無意義的學(xué)習(xí)浪費(fèi)了時(shí)間還沒有成效,這是最笨的一種方式。

在這個(gè)時(shí)代,我們需要保持獨(dú)立思考,每個(gè)人都需要重新認(rèn)識(shí)自己。比如我們想成為一個(gè)什么樣的人?然后成為這樣的人,需要具備的能力,最后付出行動(dòng),做就完了。

比如,你繪畫比較好,那么就工作之余多去畫畫;如果你喜歡演講,那就多參加一些演講活動(dòng);又或者你只會(huì)畫界面,那就大量做出更多精品作品。如果實(shí)在沒有任何優(yōu)勢,那就去挖掘,先動(dòng)起來,只有動(dòng)起來才有變化的機(jī)會(huì)。

這種有目標(biāo)的行動(dòng),用一分力,就能獲得十分的效果,這才是聰明的做法。在努力過程中,不斷收獲正向反饋,激勵(lì)你有更大動(dòng)力前行。

 

2.建立壁壘,創(chuàng)造不可替代性

企業(yè)都在建立自己的護(hù)城河,建立競爭壁壘,那么我們?cè)O(shè)計(jì)師同樣的需要這樣做,創(chuàng)造不可替代性。如何構(gòu)建自己的競爭壁壘,其實(shí)很簡單,就是這個(gè)領(lǐng)域的知識(shí)體系。

知識(shí)體系的重要性,設(shè)計(jì)師在面對(duì)任何難題,任何場合,都能隨機(jī)應(yīng)變,并應(yīng)用結(jié)構(gòu)化思維去解決難題。

圖片

上圖是大廠設(shè)計(jì)師第一層級(jí)的能力模型圖,也是設(shè)計(jì)師的知識(shí)體系建構(gòu)的底層模型,因此可以從這幾個(gè)維度構(gòu)建自己專業(yè)競爭壁壘,打造屬于自己的知識(shí)體系框架。

這里,我們拿專業(yè)知識(shí)來舉例,首先你對(duì)本職工作的專業(yè)知識(shí)了解多少?能做到什么程度?如果不足有沒有思考過怎么去提升?任何一個(gè)小的點(diǎn),做好了都能給我們產(chǎn)生很大正面影響。

圖片

我們?cè)跇?gòu)建自己的專業(yè)知識(shí)模型時(shí),勿要貪多,覺得自己啥都會(huì),全能型,最可怕的就是不知道還說自己知道。

我們成長過程都是一步步往前走的,所以不急不躁,踏實(shí)穩(wěn)步前行,方能走得更穩(wěn)更遠(yuǎn)。

 

3.破圈,走出去

之前聽到一句話,很受震撼,分享給大家,“你之所以焦慮,就是因?yàn)槟愕恼J(rèn)知不足導(dǎo)致的”確實(shí),我們所有的焦慮就是因?yàn)橹赖奶倭?,?duì)周遭事務(wù)理解有限。對(duì)于設(shè)計(jì)師來說,這個(gè)圈子本身很小,我們更要踏出去。

如果我們想要和同齡人拉開差距,那么破圈就是其中一個(gè)不錯(cuò)的方法。大家都擠在同一個(gè)地方,當(dāng)你還沒有競爭力時(shí)候,你的機(jī)會(huì)自然更少,所以努力走出第一步。

破圈思維的好處:“圈子鑄就動(dòng)能,圈子鑄就眼界”,眼界開闊,思維開竅,自然對(duì)自己人生有了更多的想法和思路。

那么如何破圈呢?其實(shí)就是去認(rèn)識(shí)更多的牛人,看看他們平時(shí)在做什么?怎么思考的?如何學(xué)習(xí)的?時(shí)間怎么分配的?可以從中找到一些適合的方法,然后加以優(yōu)化用在自己的身上。

很多人說,如何認(rèn)識(shí)一些牛人,以及該認(rèn)識(shí)哪些牛人?我覺得不一定是設(shè)計(jì)師的圈子,其他行業(yè)圈子都是可以的。只要能幫助到自己,對(duì)自己有價(jià)值的都可以的。成事在人,我相信沒有什么做不成的。

 

4.時(shí)間分配,保持初心,全速前進(jìn)

這句話其實(shí)也對(duì)我自己說的,新時(shí)代,更需要設(shè)計(jì)師不驕不躁的心態(tài),默默前行。
任何時(shí)候,我們不能輕易停下前進(jìn)的腳步??枷x網(wǎng)聯(lián)合創(chuàng)始人石雷鵬老師:所有一切都可以成為努力的動(dòng)力,永遠(yuǎn)不要停下前進(jìn)的腳步。拼命努力后,總有一天我們可以站在閃耀的地方,活成自己最渴望的模樣。
選對(duì)一個(gè)賽道,哪怕一個(gè)很小的點(diǎn),合理的時(shí)間分配,專注做到極致,我想你也可以做到這個(gè)領(lǐng)域的KOL了。
愿我們都能保持初心,方得始終。

 

原文地址: 功夫UX(公眾號(hào))
作者:Tony
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》關(guān)于設(shè)計(jì)師的出路思考,看見比技法更重要的東西

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


設(shè)計(jì)模式丨加載提示:如何讓用戶看到任務(wù)執(zhí)行進(jìn)度?

seo達(dá)人



What 是什么

簡介:「加載提示」是用戶在提交操作之后,程序響應(yīng)結(jié)果前顯示的動(dòng)畫和指示。

加載提示通常是儀表或溫度計(jì)式的動(dòng)畫,用于顯示某項(xiàng)耗時(shí)較長的任務(wù)的關(guān)鍵數(shù)據(jù)。例如,上傳大型文件或圖像,或者在移動(dòng)設(shè)備上加載移動(dòng)應(yīng)用程序時(shí)的動(dòng)畫,表示當(dāng)前的狀態(tài)以及完成任務(wù)剩余的時(shí)間。

例子: 使用 Ant Design 組件-加載中 搭建的kitchen頁面加載時(shí)的效果

 

Why 為什么

「加載提示」可以讓用戶通過一個(gè)指示器看到系統(tǒng)正在積極進(jìn)行響應(yīng),讓用戶感受到當(dāng)下的交互反饋是實(shí)時(shí)的,使用戶有耐心保持在等待的狀態(tài),不離開當(dāng)前頁面。特別是當(dāng)一個(gè)頁面其他部分都不能操作的時(shí)候,更應(yīng)該加上加載提示,這樣用戶在等待的時(shí)候會(huì)更有耐心。

 

When 什么時(shí)候使用

當(dāng)一個(gè)耗時(shí)的操作會(huì)打斷用戶繼續(xù)操作,或需要在背后運(yùn)行,耗時(shí)超過一秒時(shí)就可以應(yīng)用此模式。

原因?yàn)椋?

  • 不到十分之一秒時(shí),用戶會(huì)感覺他們?cè)谂c界面進(jìn)行“實(shí)時(shí)”交互,軟件的響應(yīng)讓用戶感覺是即時(shí)的,沒有感覺到延遲。
  • 在十分之一秒到一秒之間,用戶會(huì)感受到略有延遲,但他們會(huì)等待并立即繼續(xù)。
  • 超過一秒時(shí),用戶可能會(huì)認(rèn)為他的操作對(duì)任務(wù)推進(jìn)不起作用,導(dǎo)致其可能放棄當(dāng)前任務(wù)。此時(shí)若使用使用加載指示,用戶就能明確知道系統(tǒng)正在工作,他可以選擇繼續(xù)等待或者在此期間進(jìn)行其他活動(dòng)。

使用條件

  • 當(dāng)前的操作系統(tǒng)需要一秒以上時(shí)間處理
  • 為了讓用戶明確知道當(dāng)前系統(tǒng)正在運(yùn)行
  • 想讓用戶留在當(dāng)前頁面等待

 

How 如何使用

在頁面中放置一個(gè)文字或者圖形的指示器,指示當(dāng)前已經(jīng)完成的進(jìn)度。告訴用戶:

  • 當(dāng)前正在做什么;
  • 已經(jīng)完成了多少比例;
  • 還需要多少時(shí)間才能完成;
  • 如何停止這項(xiàng)任務(wù)。

有時(shí)加載提示的時(shí)間不一定十分精準(zhǔn),但是只需要保證出錯(cuò)時(shí)能很快回到準(zhǔn)確的時(shí)間就可以了。當(dāng)一個(gè)用戶界面無法推斷耗費(fèi)時(shí)長時(shí),可以使用加載提示告訴用戶當(dāng)前系統(tǒng)的處理狀態(tài)。

 

Example 案例

案例一:Apple 音樂 APP啟動(dòng)頁面

用戶需求:選擇在線音樂聽歌

在用戶進(jìn)入APP時(shí)使用了加載提示動(dòng)畫,通常應(yīng)用于輕微等待的場景下。目的是讓用戶知道“系統(tǒng)正在工作,請(qǐng)稍等”。

undefined

 

案例二:語雀和釘釘郵箱上傳附件

用戶需求:上傳文件

在上傳大文件時(shí),等待的時(shí)間可能比較久,此時(shí)的進(jìn)度條可以讓用戶知道當(dāng)前的上傳進(jìn)度,用戶能夠預(yù)估大概還需要多久才能傳完。

undefined

undefined

 

案例三:安卓端Google Play 商店

用戶需求:下載軟件

Google Play商店中將軟件下載到用戶的安卓設(shè)備上時(shí)會(huì)顯示加載指示條,將文件大小,進(jìn)度提示等信息都顯示在上面,可以讓用戶知道需要多長時(shí)間,并可以等待、取消或做其他事情,稍后再回來。

undefined

 

案例四:Adobe Creative Cloud desktop manager

用戶需求:下載軟件

Adobe 在其macOS桌面的 Creative Cloud 應(yīng)用程序中使用了加載指示。 在頁面中放入了進(jìn)度條,讓用戶知道安裝進(jìn)度。

undefined

 


原文地址:Ant_Design(站酷)

作者: 六六

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》設(shè)計(jì)模式丨加載提示:如何讓用戶看到任務(wù)執(zhí)行進(jìn)度?

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


盲盒熱潮-設(shè)計(jì)師必備工藝揭秘

seo達(dá)人


 

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

 

 

圖片

圖片

圖片

圖片

圖片

圖片

[優(yōu)化輸出圖像]

圖片

圖片

 

 

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

圖片

 

原文地址:百度MEUX(公眾號(hào))

作者:運(yùn)營設(shè)計(jì)中心

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》盲盒熱潮-設(shè)計(jì)師必備工藝揭秘

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


還不知道什么是汽車HMI設(shè)計(jì)?進(jìn)來帶你快速了解

seo達(dá)人


什么是汽車HMI?

什么是汽車HMI呢?咱們先把這個(gè)概念拆分成兩個(gè)關(guān)鍵詞:汽車+HMI。

先來說一下HMI,HMI是Human Machine Interface的縮寫,“人機(jī)接口”,也叫人機(jī)界面。

HMI(人機(jī)界面)是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介,它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。

知道了HMI的定義后,我們把“汽車”這個(gè)前綴加上,汽車HMI是指用戶與汽車系統(tǒng)之間進(jìn)行人機(jī)交互的媒介。

圖片

當(dāng)然汽車HMI并不局限于界面中,而是作為功能的集合,例如汽車儀表盤、HUD抬頭顯示器、交互媒介(語音、觸覺)等,都是汽車HMI設(shè)計(jì)包含的內(nèi)容。

 

聊聊汽車HMI的發(fā)展

目前我們說到的汽車HMI最早是在80年代初推出的。

在當(dāng)時(shí),普通汽車需要實(shí)現(xiàn)的功能在迅速增加,設(shè)計(jì)師的任務(wù)之一就是為駕駛員提供控制,保證駕駛員能夠使用和管理這些新功能。

對(duì)于新功能的增加,主要遵循兩種方法:

  • 一是添加模擬控件,為新功能添加物理按鈕。例如想在車內(nèi)開空調(diào),需要空調(diào)開關(guān)控制按鈕;想在車?yán)锫犚魳罚枰砑訐Q歌/調(diào)節(jié)音量按鈕。
  • 二是添加具有動(dòng)態(tài)內(nèi)容的汽車屏幕系統(tǒng)。例如展示車速的動(dòng)態(tài)儀表、可以導(dǎo)航的動(dòng)態(tài)地圖。

圖片

第一種方法在德系車中比較流行,而第二種方法在美系和日系車中比較流行。

現(xiàn)在看來也是這樣,雖然現(xiàn)在汽車都在用車載大屏來代替物理按鍵,但德系車的物理按鍵仍然要比日系車多。

別克汽車在1986年最早推出了車載屏幕系統(tǒng),用戶可以在單色觸摸顯示屏中控制電臺(tái)和天氣。

圖片

另一個(gè)典型的案例是日產(chǎn)推出的CUE-X概念車,具備可觸摸和彩色圖形的車載系統(tǒng)。能夠看出來,當(dāng)時(shí)車內(nèi)功能控件的位置和設(shè)計(jì)跟現(xiàn)在的車內(nèi)飾已經(jīng)很像了。

圖片

現(xiàn)在的汽車HMI更像是汽車控制中心與娛樂系統(tǒng)混合的數(shù)字座艙,提供的功能更多更強(qiáng)大,同時(shí)兼?zhèn)鋳蕵穼傩浴?/span>

圖片

 

汽車HMI設(shè)計(jì)重點(diǎn)關(guān)注這些原則

設(shè)計(jì)美觀有效的HMI,需要將藝術(shù)性與功能性合為一體。藝術(shù)性和功能性應(yīng)該是平等和諧地協(xié)同工作,讓用戶沉浸在體驗(yàn)中。以下是一些基本的設(shè)計(jì)原則:

 

給用戶控制感

汽車HMI應(yīng)該始終在合理的時(shí)間內(nèi),通過適當(dāng)?shù)姆答?,告知用戶?dāng)前的狀態(tài)

這一點(diǎn)在用戶開車時(shí)尤為重要。如果系統(tǒng)在沒有通知駕駛員的情況下就采取某個(gè)行為,很可能會(huì)對(duì)駕駛員造成干擾,產(chǎn)生不好的后果。

駕駛員駕駛汽車,實(shí)際上就是在控制汽車做出各種行為。這既是一種控制,也是一種反饋,控制的是汽車的功能,反饋的功能帶來的結(jié)果。例如利用指示燈、速度儀表等各種動(dòng)態(tài)化信息,隨時(shí)告知駕駛員當(dāng)前的狀態(tài)。

 

遵循“安全第一”法則

HMI系統(tǒng)主要的好處是可以幫助我們避免事故。現(xiàn)代汽車配備了許多傳感器,傳感器可以收集信息,再利用這些信息跟蹤駕駛狀況。

HMI系統(tǒng)可以實(shí)時(shí)監(jiān)控情況,防止交通碰撞和事故的發(fā)生。系統(tǒng)對(duì)條件的響應(yīng)包括:

反應(yīng)型:系統(tǒng)會(huì)通知駕駛員剛剛發(fā)生的事,例如胎壓過低或疲勞駕駛,并向駕駛員發(fā)出警告。

主動(dòng)型:系統(tǒng)分析狀況,預(yù)測可能發(fā)生的情況,并基于潛在的不良情況向駕駛員發(fā)出警告。例如系統(tǒng)分析天氣狀況,并建議用戶避免在道路結(jié)冰的日子開車。

圖片

在設(shè)計(jì)系統(tǒng)響應(yīng)時(shí),重要的不是用大量信息淹沒用戶,而是要制定可靠的通知策略。發(fā)送給用戶的反饋應(yīng)該是:

  • 有價(jià)值的:用戶只看到他們關(guān)心的反饋。
  • 及時(shí)的:反饋應(yīng)該在需要時(shí)準(zhǔn)確發(fā)送給用戶。
  • 清楚的:在設(shè)計(jì)信息反饋時(shí),依據(jù)模塊化和格式塔原則很重要,確保用戶能夠快速理解反饋表達(dá)的含義。這些信息越容易理解,安全性就會(huì)越好。

 

認(rèn)知負(fù)荷最小化

認(rèn)知負(fù)荷是使用系統(tǒng)需要付出的腦力成本、思考成本。用戶在使用產(chǎn)品時(shí)付出的成本越小,說明這個(gè)產(chǎn)品至少是簡單易用的。

話說回來,如果一個(gè)車載系統(tǒng)要求用戶承擔(dān)大量認(rèn)知負(fù)荷時(shí),說明這個(gè)系統(tǒng)存在很大的改進(jìn)空間。

首先,不要去強(qiáng)迫用戶記住汽車駕駛相關(guān)的信息。大家都知道,用戶在短期記憶中不能記住太多信息,特別是多個(gè)容易混淆的功能或抽象的概念。

預(yù)先考慮用戶在駕駛過程中可能遇到的問題,例如機(jī)艙溫度是多少?現(xiàn)在在聽什么音樂?怎么導(dǎo)航去商場?基于這些場景和問題進(jìn)行系統(tǒng)的設(shè)計(jì),以此來解答用戶的問題。

圖片

其次,基于現(xiàn)有的心智模型構(gòu)建HMI至關(guān)重要。為什么大多數(shù)汽車的儀表、中控的分布位置都很相似呢?

實(shí)際上這些都是在用戶與汽車的交互行為中建立起來的使用習(xí)慣,遵循熟悉的設(shè)計(jì)方式,能最大限度減少學(xué)習(xí)使用系統(tǒng)所需的工作量。

 

減少不必要的分心

駕駛過程中,駕駛員沒有什么理由去看手機(jī),因?yàn)镠MI能夠做任何在手機(jī)上能夠做的事情。可能會(huì)有人說,現(xiàn)在車載大屏尺寸那么大,會(huì)吸引用戶的注意力,對(duì)駕駛造成一定影響。

所以現(xiàn)在越來越多的智能汽車推出各種車載語音助手,將聲音——而不是觸摸,作為用戶與系統(tǒng)交互的主要媒介,通過語音來控制場景,例如切歌、撥打電話、調(diào)節(jié)溫度等。

 

不言自明的導(dǎo)航體驗(yàn)

可發(fā)現(xiàn)性(在系統(tǒng)中找到特定功能)和導(dǎo)航體驗(yàn)應(yīng)該在設(shè)計(jì)中處于最高級(jí)別。

現(xiàn)在很多車載系統(tǒng)面臨著操作層級(jí)過多/過深的情況:用戶需要點(diǎn)擊很多次才能找到他們想要做的功能。

通過仔細(xì)規(guī)劃系統(tǒng)的信息架構(gòu),將常用的功能放置在第一層級(jí),可以避免這種情況。

圖片

想調(diào)整座椅的高低,我們只需要上下移動(dòng)座椅旁的把手就可以。如果用系統(tǒng)來控制座椅,需要將控制座椅的功能放在用戶觸手可及的位置,否則會(huì)增加用戶的操作成本。

 

改進(jìn)視覺效果

美即適用效應(yīng)的影響下,用戶更傾向于認(rèn)為好看的、有吸引力的產(chǎn)品更實(shí)用。

設(shè)計(jì)師可以通過改進(jìn)系統(tǒng)的視覺效果,改善用戶對(duì)系統(tǒng)的感知態(tài)度。例如為導(dǎo)航渲染逼真的3D模型,能幫助用戶更快地理解他們現(xiàn)在所在的位置和要去的地方,并獲得很好的體驗(yàn)。

圖片

驗(yàn)證HMI是否合理,不僅要衡量操作完成的時(shí)間和發(fā)生錯(cuò)誤的數(shù)量,還要注重用戶滿意度。

嘗試向真實(shí)或潛在用戶進(jìn)行可用性測試時(shí),向用戶詢問,“這個(gè)設(shè)計(jì)讓你感覺如何?”。如果發(fā)現(xiàn)用戶的體驗(yàn)感覺不好,設(shè)計(jì)師可以提出更具體的問題,以確定需要改進(jìn)的地方。

 

最后

用戶對(duì)汽車HMI的期望很高,有時(shí)候甚至?xí)罁?jù)汽車HMI體驗(yàn)的好壞來決定是否購買汽車。

如果你下次設(shè)計(jì)HMI系統(tǒng),可以將這些要求作為基準(zhǔn):

  • 給用戶一種控制感;
  • 提供良好的學(xué)習(xí)能力;
  • 避免分散注意力;
  • 不斷了解用戶偏好并提出更改建議;
  • 激發(fā)用戶積極的情緒反應(yīng)。 

 

原文地址:Clip設(shè)計(jì)夾(公眾號(hào))

作者:Clippp

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》還不知道什么是汽車HMI設(shè)計(jì)?進(jìn)來帶你快速了解

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


用一篇文章,幫你了解什么是虛擬數(shù)字人?

seo達(dá)人



1.數(shù)字人的三方面特征

虛擬數(shù)字人是指具有數(shù)字化外形的虛擬人物。與具備實(shí)體的機(jī)器人不同,虛擬數(shù)字人依賴顯示設(shè)備存在,我們所知的很多虛擬人都要通過手機(jī)、電腦或者智慧大屏等設(shè)備才能顯示。

圖片

虛擬數(shù)字人宜具備以下三方面特征:

  • 一是擁有人的外觀,具有特定的相貌、性別和性格等人物特征;
  • 二是擁有人的行為,具有用語言、面部表情和肢體動(dòng)作表達(dá)的能力;
  • 三是擁有人的思想,具有識(shí)別外界環(huán)境、并能與人交流互動(dòng)的能力。

綜合來看,就是具備四方面的能力,即形象能力、感知能力、表達(dá)能力和娛樂互動(dòng)能力。

如果我們下次再看到有公司推出數(shù)字人,就可以結(jié)合這些特征和能力來判斷這個(gè)數(shù)字人的可信度,避免被借勢營銷的企業(yè)鉆了空子。

 

2.數(shù)字人的運(yùn)作原理

知道了什么是數(shù)字人,接下來就要搞清楚數(shù)字人到底是怎么說話、互動(dòng)的,是背后有真人在操控,還是完全通過技術(shù)生成。

面對(duì)新興的數(shù)字人,相信很多讀者都存在類似的疑問。

數(shù)字人的誕生發(fā)展和AI人工智能可以說是密不可分,想了解數(shù)字人的運(yùn)作原理,首先要知道數(shù)字人的通用系統(tǒng)框架。

虛擬數(shù)字人系統(tǒng)一般情況下由人物形象、語音生成、動(dòng)畫生成、音視頻合成顯示、交互等5個(gè)模塊構(gòu)成。(資料參考: 2020年虛擬數(shù)字人發(fā)展白皮書)

圖片

交互模塊為擴(kuò)展項(xiàng),根據(jù)其有無,可將數(shù)字人分為交互型數(shù)字人和非交互型數(shù)字人。

首先看一下非交互型數(shù)字人:系統(tǒng)依據(jù)目標(biāo)文本生成對(duì)應(yīng)的人物語音及動(dòng)畫,并合成音視頻呈現(xiàn)給用戶。

圖片

交互型數(shù)字人根據(jù)驅(qū)動(dòng)方式的不同可分為智能驅(qū)動(dòng)型和真人驅(qū)動(dòng)型。

圖片

 智能驅(qū)動(dòng)型數(shù)字人:通過智能系統(tǒng)自動(dòng)讀取并解析識(shí)別外界輸入信息,根據(jù)解析結(jié)果決策數(shù)字人后續(xù)的輸出文本,驅(qū)動(dòng)人物模型生成相應(yīng)的語音與動(dòng)作來使數(shù)字人跟用戶互動(dòng)。

這種人物模型是預(yù)先通過AI技術(shù)訓(xùn)練得到,可通過文本驅(qū)動(dòng)生成語音和對(duì)應(yīng)動(dòng)畫,業(yè)內(nèi)將此模型稱為TTSA(Text To Speech & Animation)人物模型。

 

圖片

 真人驅(qū)動(dòng)型數(shù)字人:真人根據(jù)視頻監(jiān)控系統(tǒng)傳來的用戶視頻,與用戶實(shí)時(shí)語音,同時(shí)通過動(dòng)作捕捉采集系統(tǒng)將真人的表情、動(dòng)作呈現(xiàn)在虛擬數(shù)字人形象上,從而與用戶進(jìn)行交互。

 

3.數(shù)字人常見的類型

調(diào)研分析當(dāng)前市場上的數(shù)字人,根據(jù)人物圖形維度,分為2D和3D兩大類,從外形上可分為卡通、寫實(shí)等風(fēng)格,綜合來看可分為二次元、3D卡通、3D高寫實(shí)、真人形象四種類型。

圖片

接下來根據(jù)每種類型的特點(diǎn),從外在形象、服飾裝扮、表情動(dòng)作等方面,結(jié)合典型案例來逐一分析虛擬數(shù)字人的設(shè)計(jì)。

 

二次元類型

虛擬歌手-洛天依

圖片

洛天依的職業(yè)設(shè)定為虛擬歌姬,個(gè)性軟萌可愛、溫柔細(xì)膩,外貌特征上是灰發(fā)、綠瞳,頭戴碧玉發(fā)飾。

圖片

 除了獨(dú)特的形象和性格,洛天依還能唱歌、跳舞、直播帶貨,多樣的才藝加持讓人物設(shè)定不單薄,受到很多用戶的關(guān)注。

 

3D卡通類型

虛擬助理-度曉曉

度曉曉是基于虛擬人IP的陪伴型虛擬助理。在小度助手的能力基礎(chǔ)上,度曉曉有虛擬人物形象和情感交互系統(tǒng),具備視覺識(shí)別能力,支持自然的交流方式。

圖片

 在外形裝扮上,度曉曉是紅色短發(fā)的甜美可愛風(fēng),五官比例偏向二次元風(fēng)格。根據(jù)現(xiàn)有案例來看,度曉曉在眨眼、微笑等面部微動(dòng)作以及肢體的造型,都很自然、生動(dòng),整體設(shè)計(jì)效果相對(duì)較好。

 

圖片

 度曉曉定期更新身穿不同主題服裝、擺著各種pose的形象,每套服裝都有一個(gè)主題再帶配上各種周邊小配飾,營造出一種清新時(shí)尚的效果。

 

3D高寫實(shí)類型

浦發(fā)銀行數(shù)字員工-小浦

小浦作為銀行的數(shù)字員工,主要進(jìn)行風(fēng)險(xiǎn)評(píng)估、要聞播報(bào)、投資建議等在線服務(wù)。

圖片

▲ 從外觀上,小浦在形象上無論發(fā)型還是五官都足夠擬人化、職業(yè)化,穿著銀行職業(yè)裝,屬于比較典型的銀行職員形象。

 

圖片

▲ 小浦沒有很夸張的面部表情,始終以面帶微笑的狀態(tài)面向用戶,給人一種親切感。肢體動(dòng)作相對(duì)較少,沒有特別夸張的動(dòng)作設(shè)定,只有固定的幾套動(dòng)作。

 

虛擬偶像-AYAYI

AYAYI是使用Unreal引擎造出來的特別擬真的Metahuman形象。

圖片

▲ 外在形象:寫實(shí)程度更高,人物整體效果已經(jīng)和真人十分接近,五官特別精致、眼瞼微斂、銀色短發(fā),散發(fā)著一種清冷氣質(zhì)。

 

圖片

▲ 從AYAYI社交賬號(hào)的更新來看,目前主要是分享一些AYAYI的擺拍圖片,穿著的服裝、飾品都比較真實(shí)、時(shí)尚,拍照環(huán)境都是休閑、藝術(shù)類的場景。

 

圖片

▲ AYAYI人物形象的時(shí)尚感和真實(shí)感,更容易切入商業(yè)化,比如穿著特定品牌的服裝進(jìn)行擺拍。

 

高保真數(shù)字人-Siren(塞壬)

圖片

Siren是高保真、實(shí)時(shí)、可交互數(shù)字人,用到了實(shí)時(shí)渲染、表情捕捉、動(dòng)作捕捉、高保真3D掃描等前沿技術(shù),達(dá)到了目前業(yè)界最高的技術(shù)水平。

圖片

▲ Siren的面貌細(xì)節(jié)更加真實(shí),可以很清楚看到皮膚的細(xì)節(jié)、眼睛的轉(zhuǎn)動(dòng)、說話的神態(tài)、臉上各種各樣的細(xì)紋。不管是毛孔、細(xì)紋等皮膚質(zhì)感,還是神態(tài)上的表情,都很像真人。

 

圖片

▲ Siren在說話時(shí)嘴唇動(dòng)作自然,效果真實(shí)。

之所以有的數(shù)字人看起來不自然,很大一部分原因是因?yàn)?strong>數(shù)字人面部表情不生動(dòng),特別是在說話時(shí)嘴唇和臉部、牙齒甚至舌頭的聯(lián)動(dòng),很容易出現(xiàn)動(dòng)作不聯(lián)動(dòng)、不真實(shí)的情況。

 

真人形象類型

新華社AI合成主播-新小浩

圖片

“新小浩”是無論外在形象、面部表情、服裝搭配、說話聲音,還是肢體動(dòng)作上,都是完全基于真實(shí)主持人生成。

圖片

通過語音合成、唇形合成、表情合成以及深度學(xué)習(xí)等技術(shù),克隆出具備和真人主播一樣播報(bào)能力的“AI 合成主播”。

圖片

▲ 我們每天都會(huì)遇見各種各樣的人,即使臉上最細(xì)微的表情,我們都可以感知到,用計(jì)算機(jī)打造出來的表情,往往缺乏靈氣。

真人形象的虛擬主播的優(yōu)勢在于,他的特征都是來源于真人,呈現(xiàn)的面貌和狀態(tài)更容易被用戶了解。如果不仔細(xì)看,可能分辨不出是不是真人。

 

4.數(shù)字人的應(yīng)用場景

目前國內(nèi)市場上已經(jīng)出現(xiàn)了非常多的虛擬數(shù)字人,在各行各業(yè)中有著廣泛的應(yīng)用。

虛擬數(shù)字人技術(shù)結(jié)合實(shí)際應(yīng)用場景領(lǐng)域,切入各類,形成行業(yè)應(yīng)用解決方案,賦能影視、傳媒、游戲、金融、文旅等領(lǐng)域,根據(jù)需求為用戶提供定制化服務(wù)。

圖片

按照應(yīng)用場景或行業(yè)的不同,已經(jīng)出現(xiàn)了娛樂型數(shù)字人,如虛擬偶像、歌手、網(wǎng)紅、虛擬代言人等;

圖片

助手型數(shù)字人,如虛擬客服、虛擬導(dǎo)游、智能助手。

圖片

主播型數(shù)字人,如虛擬主播、虛擬支持人等。

圖片

這里搜集的案例只是虛擬數(shù)字人的應(yīng)用的一小部分,還有很多優(yōu)秀的應(yīng)用案例等待著大家去一起發(fā)現(xiàn)。

 

5.代表性的研發(fā)平臺(tái)

國內(nèi)有很多互聯(lián)網(wǎng)平臺(tái)在研發(fā)虛擬數(shù)字人,我也從中收獲了大量的信息和資料,這次把這些平臺(tái)分享給大家:

  • 搜狗AI開放平臺(tái)
  • 網(wǎng)易伏羲、網(wǎng)易易現(xiàn)
  • 百度AI開放平臺(tái)
  • 騰訊云、騰訊NEXT Studios
  • 訊飛開放平臺(tái)…

 

設(shè)計(jì)夾把這些網(wǎng)站進(jìn)行了匯總,如果大家想了解更多關(guān)于AI人工智能、數(shù)字人和最新科技的發(fā)展,可以去公眾號(hào)后臺(tái)獲取網(wǎng)站鏈接~

領(lǐng)取方式:關(guān)注公眾號(hào),后臺(tái)回復(fù)【數(shù)字人】領(lǐng)取虛擬數(shù)字人網(wǎng)址鏈接匯總

圖片

慢慢來比較快,希望對(duì)你有所幫助!

 

原文地址:Clip設(shè)計(jì)夾(公眾號(hào))

作者:Clippp

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》用一篇文章,幫你了解什么是虛擬數(shù)字人?

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


日歷

鏈接

個(gè)人資料

存檔