首頁(yè)

潘通(Pantone)是如何靠“色”賺錢(qián)的

seo達(dá)人


色彩研究機(jī)構(gòu)潘通正式公布了2022年度流行色
長(zhǎng)春花藍(lán)

 

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

 

特別有仙氣的名稱(chēng)和顏色,長(zhǎng)春花藍(lán)是一個(gè)全新創(chuàng)作的顏色,代表著一種自在的信心和大膽的好奇心,期望激發(fā)個(gè)人的創(chuàng)意與創(chuàng)作力,擁抱充滿(mǎn)可能性的未來(lái)。

當(dāng)很多網(wǎng)友在討論這到底是藍(lán)色還是紫色時(shí),潘通表示它是藍(lán)色和紫紅色的混合,將前者的「恒久」與后者的「活力和興奮」結(jié)合在一起,并展示了多種配色組合方式。

 

圖片

 

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

 

其實(shí)這種分不清具體色系的顏色也出現(xiàn)在2001年潘通為T(mén)iffany打造的獨(dú)有品牌色Tiffany藍(lán),同時(shí)也成就了這個(gè)品牌。

 

圖片

圖片

 

很多女生買(mǎi)Tiffany大多為了這個(gè)顏色的包裝。這個(gè)品牌色在潘通色庫(kù)中是找不到的,除非是Tiffany授權(quán),否則任何印刷廠都無(wú)法印制。

圖片

 

潘通就像統(tǒng)治了色彩世界一樣,只要跟潘通合作過(guò)的品牌色都會(huì)火,比如星巴克、可口可樂(lè)、騰訊企業(yè)官方色、華為P10的手機(jī)、歐拉汽車(chē)的粉色、五菱mini的馬卡龍色等等。

圖片

到底潘通為什么會(huì)這么火,而潘通到底是家什么公司,我們今天就來(lái)科普下。

潘通介紹

Pantone的前身是一家印刷品公司,創(chuàng)始人勞倫斯·赫伯特(Lawrence Herbert)原本是在一個(gè)小的廣告印刷公司做兼職。

圖片

 

同時(shí)擁有生物、化學(xué)雙學(xué)位的他利用自己的專(zhuān)業(yè)知識(shí)簡(jiǎn)化了油墨生產(chǎn)流程,并且?guī)椭镜挠∷⒉块T(mén)實(shí)現(xiàn)盈利。

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

 

后來(lái)一想,印刷部門(mén)盈利都是靠我,不如就自己?jiǎn)胃?,于是花費(fèi)9W美元把這個(gè)印刷部門(mén)也買(mǎi)了下來(lái),并命名為潘通(Pantone)。

圖片

但在銷(xiāo)售自己生產(chǎn)的顏色時(shí),他經(jīng)常發(fā)現(xiàn)會(huì)與客戶(hù)需求顏色信息不對(duì)稱(chēng)的問(wèn)題,比如客戶(hù)需要一個(gè)湛藍(lán)色,而油墨廠可能無(wú)法調(diào)制出與客戶(hù)需求一樣的顏色,就會(huì)導(dǎo)致在很多色彩上認(rèn)定的誤差。

 

圖片

 

他意識(shí)到解決辦法就是建立統(tǒng)一的色彩系統(tǒng),每一種顏色都用數(shù)字代號(hào)來(lái)表示,比如設(shè)計(jì)師與印刷廠說(shuō),我要印制一個(gè)例如007顏色,而印刷廠只要拿著色卡找到與型號(hào)相符的油墨進(jìn)行配置,就可以得到目的顏色,這樣會(huì)極大的降低顏色的試錯(cuò)率,對(duì)印刷廠也可以減少庫(kù)存,縮減成本。

 

在1963年,第一代潘通(Pantone)配色系統(tǒng)

(簡(jiǎn)稱(chēng)PMS)上市

圖片

圖片

接下來(lái)的20年,潘通逐步建立起了一整套色彩標(biāo)準(zhǔn)體系,使原本模糊不清的顏色概念發(fā)展成一門(mén)精準(zhǔn)的科學(xué),減少了設(shè)計(jì)師、制造方、零售商和終端客戶(hù)間的溝通成本。

 

圖片

 

 

因?yàn)楸憬莸纳氏到y(tǒng)使用,應(yīng)用人群也越來(lái)越廣,這一套配色系統(tǒng)為潘通賺的盆滿(mǎn)缽滿(mǎn),潘通也逐漸被市場(chǎng)認(rèn)定為色彩標(biāo)準(zhǔn)的代表,就像國(guó)際通用貨幣一樣的主導(dǎo)地位。

 

圖片

圖片

可赫伯特的野心不僅僅是這樣,潘通建議所有的色卡用戶(hù)每年都購(gòu)買(mǎi)最新版本,理由是印刷的油墨會(huì)隨著時(shí)間的推移而變黃,從而失去精準(zhǔn)度。

圖片

 

呃,雖然有點(diǎn)道理,但一看這色卡的價(jià)錢(qián)(割韭菜還是你狠),于是“賣(mài)色卡”成了一個(gè)持續(xù)帶來(lái)現(xiàn)金的業(yè)務(wù)。

 

圖片

但是大眾也不傻,心想只要買(mǎi)一本色卡回去就能用好多年,于是潘通利用色卡所能涉及到的平面設(shè)計(jì)、家居裝潢、服裝紡織、工業(yè)產(chǎn)品的龐大人群便滲透到大眾。

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

在千禧年開(kāi)始發(fā)布了第一個(gè)年度代表色,將天藍(lán)色命名為千禧藍(lán)(Pantone 15-4020)。

圖片

 

并且植入到了《穿普拉達(dá)的女王》電影中,成為了潘通里程碑的時(shí)刻,這一招是真絕,因?yàn)殡娪芭c時(shí)尚行業(yè)是最能傳播到大眾市場(chǎng)的,加上各大品牌與潘通合作的專(zhuān)屬色大火。

圖片

 

從這一刻開(kāi)始,潘通成為了全球色彩趨勢(shì)的老大,之后的潘通每年都會(huì)推出一個(gè)新的年度代表色,每個(gè)代表色都有單獨(dú)的色卡。

圖片

 

利用每年的色彩流行趨勢(shì)影響著眾多產(chǎn)業(yè)的產(chǎn)品開(kāi)發(fā)與采購(gòu)決定,包括服裝、家飾紡織品和工業(yè)設(shè)計(jì),以及產(chǎn)品、包裝和平面設(shè)計(jì)。

圖片

而作為商家想跟時(shí)尚潮流就必須使用每一年的色卡,比如今年的長(zhǎng)春花藍(lán),潘通的色彩帝國(guó)已經(jīng)在影響著全球的消費(fèi)心理和時(shí)尚變革。

圖片

 

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

 

最后來(lái)看看長(zhǎng)春花籃的色彩

不得不說(shuō)這顏色確實(shí)挺好看的

 

圖片

圖片

圖片

圖片

圖片

圖片

圖片

 

原文地址:修先森撩設(shè)計(jì)(公眾號(hào))

作者:修先森


轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》潘通(Pantone)是如何靠“色”賺錢(qián)的

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

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

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

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


發(fā)現(xiàn)了10個(gè)非常棒的UI動(dòng)效案例

seo達(dá)人


 01.  

動(dòng)效,讓點(diǎn)贊與眾不同 

動(dòng)態(tài)表情為社交場(chǎng)景帶來(lái)更活躍的體驗(yàn),使得交流過(guò)程變得更加趣味性。一個(gè)動(dòng)態(tài)的表情不僅活躍了氛圍,也使得通過(guò)簡(jiǎn)單的一個(gè)符號(hào)代表了千言萬(wàn)語(yǔ)。

最近在使用釘釘 APP 進(jìn)行聊天的過(guò)程中,發(fā)現(xiàn)輸入框的大拇指圖標(biāo)在長(zhǎng)按的時(shí)候結(jié)合了動(dòng)效的變化,對(duì)話(huà)場(chǎng)景中出現(xiàn)的大拇指表情會(huì)隨著長(zhǎng)按而增大。結(jié)合動(dòng)效和長(zhǎng)按手勢(shì),為點(diǎn)贊的圖標(biāo)增加了不一樣的趣味性,帶給用戶(hù)不一樣的社交體驗(yàn)。

 

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

 

 

02.  

動(dòng)態(tài)提醒,增強(qiáng)消息的關(guān)注度 

各類(lèi)通知/消息在產(chǎn)品中隨處可見(jiàn),紅點(diǎn)提示剛出現(xiàn)的時(shí)候還引起了用戶(hù)強(qiáng)迫癥,短時(shí)間內(nèi)也增強(qiáng)了消息的閱讀率。隨著紅點(diǎn)效應(yīng)逐漸淡化,未讀消息的點(diǎn)擊率逐漸降低,大家都在嘗試更多提高關(guān)注度的形式。

支付寶在消息模塊的服務(wù)提醒中,采用了動(dòng)態(tài)形式提高關(guān)注度。當(dāng)用戶(hù)點(diǎn)擊消息進(jìn)入界面時(shí),小鈴鐺圖標(biāo)會(huì)左右晃動(dòng),以此來(lái)吸引用戶(hù)的目光,達(dá)到增加關(guān)注度的目的。

圖片

 

 03.  

圖標(biāo)動(dòng)效,讓你脫穎而出 

在金剛區(qū)眾多的業(yè)務(wù)模塊中,想要突出重點(diǎn)模塊的關(guān)注度,采用動(dòng)態(tài)圖標(biāo)是比較常用的方式。采用動(dòng)靜結(jié)合的形式,會(huì)讓動(dòng)態(tài)表達(dá)得到突出。

比如 Keep App 將活動(dòng)挑戰(zhàn)圖標(biāo)動(dòng)效化,在不改變配色規(guī)則和圖標(biāo)設(shè)計(jì)規(guī)范前提下,依然可以達(dá)到突出主題的作用。

圖片

 

 

 04.  

博人眼球的動(dòng)態(tài)懸浮廣告 

在不破壞產(chǎn)品結(jié)構(gòu)的前提下,融入廣告的做法中,懸浮層廣告是較為明顯的形式。通常是靜態(tài)異形和動(dòng)態(tài)異形較多,而動(dòng)態(tài)的關(guān)注度相對(duì)更強(qiáng)一些。

比如 Keep App 將活動(dòng)的折扣信息以懸浮層的形式表達(dá),既不會(huì)占用太多空間(隨著滑動(dòng)會(huì)隱藏顯示),又能吸引用戶(hù)的關(guān)注度。如果用戶(hù)覺(jué)得影響操作,也可以直接關(guān)閉,就不會(huì)反復(fù)提醒而形成干擾。

圖片

 

 

 05.  

內(nèi)容模塊結(jié)合動(dòng)效替換突出存在感 

在一些內(nèi)容量比較多的產(chǎn)品中,比如電商產(chǎn)品,很多內(nèi)容模塊都是百花齊放。都想要突出自己模塊的存在感,帶來(lái)更好的流量引入。而動(dòng)效的結(jié)合也是不錯(cuò)的選擇,但是需要考慮動(dòng)效的干擾度。

當(dāng)當(dāng) App 在突出今日搶購(gòu)欄目時(shí),為了不影響臨近板塊的干擾度,利用動(dòng)效轉(zhuǎn)場(chǎng)來(lái)替換展示的商品信息??s放替換商品時(shí)的動(dòng)效既能達(dá)到差異化,也不會(huì)破壞整體的結(jié)構(gòu),算是一舉兩得的設(shè)計(jì)解決方案。

圖片

 

 

 06.  

微弱的動(dòng)效也能呈現(xiàn)有溫度的設(shè)計(jì) 

有時(shí)候在進(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)候,動(dòng)效帶來(lái)的關(guān)注度并不是需要很強(qiáng)的表現(xiàn)力,一些微弱的動(dòng)效依然可以提升產(chǎn)品體驗(yàn),帶給用戶(hù)更有溫度的設(shè)計(jì)。

自如 App 整體的設(shè)計(jì)都是做得非常不錯(cuò)的,在“我的”板塊頭部區(qū)域,結(jié)合背景插畫(huà)視覺(jué)感也是非常不錯(cuò)。插畫(huà)中部分元素的微動(dòng)效增強(qiáng)了生活氣息和真實(shí)感,讓用戶(hù)感受到這是一款有溫度的產(chǎn)品,提升用戶(hù)的好感度。

圖片

圖片

 

 

 07.  

動(dòng)態(tài)感十足的底部標(biāo)簽欄 

圖標(biāo)動(dòng)效運(yùn)用到底部標(biāo)簽欄十分普遍,在這個(gè)頻繁切換的操作中,動(dòng)態(tài)的形式可以帶來(lái)更強(qiáng)的趣味性和關(guān)注度。

優(yōu)酷 App 底部標(biāo)簽欄采用多種顏色變化轉(zhuǎn)場(chǎng),結(jié)合路徑動(dòng)效帶來(lái)動(dòng)感十足的體驗(yàn)。首頁(yè)圖標(biāo)還結(jié)合了刷新的功能,方便用戶(hù)進(jìn)行內(nèi)容的刷新,增強(qiáng)用戶(hù)體驗(yàn)感。

圖片

 

 

 08. 

 拓展功能的動(dòng)態(tài)指引設(shè)計(jì) 

針對(duì)一些功能體量較大的產(chǎn)品,會(huì)經(jīng)常結(jié)合一些隱藏式設(shè)計(jì),拓展出更多功能操作。通常默認(rèn)為展開(kāi)狀態(tài),在滑動(dòng)瀏覽內(nèi)容時(shí)隱藏,通過(guò)動(dòng)效吸引點(diǎn)擊展開(kāi),不會(huì)造成主內(nèi)容的干擾。

比如平安口袋銀行底部標(biāo)簽欄上方的拓展功能區(qū),動(dòng)態(tài)形式的展開(kāi)與隱藏方便用戶(hù)瀏覽主頁(yè)內(nèi)容。個(gè)別內(nèi)容采用動(dòng)態(tài)設(shè)計(jì)(點(diǎn)我抽獎(jiǎng)),突出其點(diǎn)擊欲望。動(dòng)態(tài)設(shè)計(jì)不僅提高了功能的曝光度,也能引導(dǎo)用戶(hù)操作,將繁瑣的操作變得更便利。

圖片

 

 

 09. 

 結(jié)合動(dòng)態(tài) IP 的下拉刷新 

針對(duì)下拉刷新這一常規(guī)操作,設(shè)計(jì)形式也是豐富多樣。結(jié)合 IP 形象進(jìn)行動(dòng)態(tài)演變完成刷新動(dòng)作,被很多產(chǎn)品設(shè)計(jì)師所采納。

美團(tuán)外賣(mài)就將品牌 IP 形象結(jié)合得恰到好處,下拉刷新時(shí)兩只耳朵搖擺非常俏皮可愛(ài),松開(kāi)后 IP 形象露出,還配合眨眼睛等可愛(ài)的表情動(dòng)效。情感化設(shè)計(jì)結(jié)合動(dòng)態(tài)表現(xiàn),拉近與用戶(hù)之間的親和力,帶給用戶(hù)更人性化的使用體驗(yàn)。

圖片

 

 

 10. 

 圖標(biāo)動(dòng)效帶動(dòng)局部功能的關(guān)注度 

對(duì)于一些局部功能或者模塊占比較小的欄目,為了提高曝光度,獲得用戶(hù)的關(guān)注度,動(dòng)態(tài)的形式是比較常用的方法。通常會(huì)在圖標(biāo)部分、文字部分、裝飾元素部分等進(jìn)行動(dòng)效設(shè)計(jì),帶來(lái)的效果也是顯而易見(jiàn)。

比如 QQ 音樂(lè)在“我的”模塊中,將活動(dòng)中心、會(huì)員中心、每日簽到的圖標(biāo)采用動(dòng)態(tài)設(shè)計(jì)形式,雖然幾個(gè)模塊占比較小,但是依然能夠獲得用戶(hù)的關(guān)注度。

圖片

 

 

 結(jié) 

動(dòng)效表達(dá)在產(chǎn)品設(shè)計(jì)中的應(yīng)用越發(fā)普及,不僅可以強(qiáng)化功能的關(guān)注度,也能帶給用戶(hù)感官體驗(yàn)上的升級(jí)。優(yōu)秀案例的積累和分析,有助于我們掌握更多的表現(xiàn)形式,靈活的運(yùn)用到項(xiàng)目設(shè)計(jì)中。

 

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

作者:黑馬青年

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》發(fā)現(xiàn)了10個(gè)非常棒的UI動(dòng)效案例

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

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

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

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


儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

資深UI設(shè)計(jì)者

你知道儀表盤(pán)應(yīng)該如何被設(shè)計(jì),才能更符合用戶(hù)需求、滿(mǎn)足用戶(hù)的使用期待嗎?過(guò)于復(fù)雜的儀表盤(pán)設(shè)計(jì)可能是不可取的,在進(jìn)行儀表盤(pán)設(shè)計(jì)前,你需要做好相應(yīng)的規(guī)劃和設(shè)計(jì)策略。本篇文章里,作者總結(jié)了儀表盤(pán)設(shè)計(jì)的七個(gè)階段,一起來(lái)看一下。

一個(gè)看起來(lái)很酷炫的儀表盤(pán)可能有很多功能但實(shí)際上,它通常只是一個(gè)閃亮的玩具,而不是一個(gè)有用的工具。這些儀表盤(pán)類(lèi)似于多臂機(jī)器人,能隨機(jī)拖拽數(shù)據(jù)并將這些數(shù)據(jù)分門(mén)別類(lèi)地整理在一起,讓你目瞪口呆。

就像魔術(shù)師玩紙牌戲法一樣,它看起來(lái)令人印象深刻,但它的大腦和巧奪天工的手法一樣好。

([1] Widget:全稱(chēng)Web widget是一種Web2.0 的衍生物,它好像是一個(gè)小型的應(yīng)用程式,是一小塊可以在任意一個(gè)基于HTML的網(wǎng)頁(yè)上執(zhí)行代碼構(gòu)成的小部件。)

玩這個(gè)儀表盤(pán)機(jī)器人一開(kāi)始可能很有趣,但最終會(huì)讓客戶(hù)失望,因?yàn)樗鼪](méi)有達(dá)到用戶(hù)的期望值。為什么會(huì)發(fā)生這種情況呢?設(shè)計(jì)一個(gè)工具而不是一個(gè)很快就會(huì)被丟棄的玩具的訣竅是什么呢?

一、構(gòu)想儀表板:核心大腦 Conceiving the dashboard: the brain

讓我們深入剖析儀表盤(pán)設(shè)計(jì)。

儀表盤(pán)是由客戶(hù)、設(shè)計(jì)師和開(kāi)發(fā)人員共同設(shè)計(jì)的,他們每個(gè)人通過(guò)合作做出一定的貢獻(xiàn),并且所有的基礎(chǔ)功能在一開(kāi)始就確定了(或者他們沒(méi)標(biāo)明)。

一個(gè)有思考能力的人是從胚胎發(fā)育而來(lái)的。腦細(xì)胞和神經(jīng)細(xì)胞是最先形成的,隨后是身體的其他細(xì)胞,而這正是任何可行項(xiàng)目被創(chuàng)建的方式。

第一個(gè)階段是最重要的。如果你在這個(gè)階段遺漏了什么,那么任何奇特的設(shè)計(jì)都無(wú)法挽救。因?yàn)樵谶@一階段你正在為儀表盤(pán)的長(zhǎng)期發(fā)展奠定基礎(chǔ)?!拔覟槭裁幢辉O(shè)計(jì)出來(lái)?誰(shuí)需要我?”如果儀表盤(pán)會(huì)說(shuō)話(huà)的,它一定會(huì)問(wèn)這些問(wèn)題。你能回答這些問(wèn)題嗎?

  • 儀表盤(pán)將如何促進(jìn)公司目標(biāo)的達(dá)成?
  • 什么樣的結(jié)構(gòu)、功能和視覺(jué)效果能讓儀表盤(pán)執(zhí)行它的任務(wù)?
  • 哪種設(shè)計(jì)最適合你的目標(biāo)受眾?

這些問(wèn)題的答案將構(gòu)成你設(shè)計(jì)理念的基礎(chǔ)(現(xiàn)在你可以告訴你的儀表盤(pán)存在的意義了)。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

網(wǎng)頁(yè)P(yáng)erls儀表盤(pán)設(shè)計(jì)

1)儀表盤(pán)的“智能”是其實(shí)現(xiàn)目標(biāo)的能力。

有些人認(rèn)為只有分析類(lèi)儀表盤(pán)才需要智能性能,而可操作的儀表板只需要可讀性,實(shí)際上這個(gè)想法是錯(cuò)的。比方說(shuō),你有一個(gè)用于激勵(lì)員工的操作類(lèi)儀表盤(pán),用戶(hù)的注意力應(yīng)該放在比較結(jié)果,然而設(shè)計(jì)師會(huì)讓其在視覺(jué)效果上更加突出。

2)儀表盤(pán)上沒(méi)有瑣碎的細(xì)節(jié)。儀表盤(pán)上需要展示足夠的信息使用戶(hù)來(lái)做決定。設(shè)計(jì)師的職責(zé)是幫助用戶(hù),而不是通過(guò)一系列很酷的小微件來(lái)幫助用戶(hù)解決難題。任何不是出于這個(gè)目的設(shè)計(jì)的都會(huì)阻礙用戶(hù)使用。

3)從項(xiàng)目的初始階段到最終階段,設(shè)計(jì)師必須關(guān)注公司的目標(biāo)、儀表盤(pán)的目標(biāo),和用戶(hù)的目標(biāo)。否則儀表盤(pán)將永遠(yuǎn)無(wú)法運(yùn)行。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì):Clover

二、數(shù)據(jù)及關(guān)鍵績(jī)效指標(biāo)的選擇:這屬于血液循環(huán)系統(tǒng) Data & KPI selection: the circulatory system

儀表盤(pán)的數(shù)據(jù)就像是身體內(nèi)的循環(huán)血液。我們必須了解它們來(lái)自哪里,它們?cè)诒挥脩?hù)需要時(shí)是如何被處理的,以及它們?cè)撊绾伪豢梢暬?

理所當(dāng)然地,設(shè)計(jì)師需要了解指標(biāo)的目的,顯然,這將幫助他們選擇合適的微件,但不僅僅只有這些。

舉個(gè)例子,一個(gè)客戶(hù)想在屏幕上看到許多不同的讀數(shù)。你(作為設(shè)計(jì)師)并不需要從屏幕上去除任何東西來(lái)清理儀表盤(pán)的展示空間;但你可以做的是突出最重要的東西,并在視覺(jué)上淡化次要的內(nèi)容。

然而,要做到這一點(diǎn),你必須得知道哪個(gè)指標(biāo)是最重要的且哪個(gè)是次要的。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì):Bidding Car

最重要的一系列指標(biāo)有助于實(shí)現(xiàn)目標(biāo),且能幫助控制流程(或者產(chǎn)品),例如:

  • 它們展示實(shí)際的成功率;
  • 它們影響產(chǎn)品被感知的方式;
  • 它們激勵(lì)創(chuàng)建該儀表盤(pán)的團(tuán)隊(duì)。

指標(biāo)的選擇還需要了解受眾。用戶(hù)應(yīng)該看到哪個(gè) KPI以及他們認(rèn)為最容易理解的視覺(jué)表現(xiàn)形式?

人們喜歡對(duì)應(yīng)他們目標(biāo)的一系列數(shù)字。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì):Panch

三、儀表盤(pán)的結(jié)構(gòu):這類(lèi)似于骨頭 Dashboard structure: the skeleton

想象一下,你進(jìn)入一家酒店房間,看到一張床、一面桌椅、一個(gè)鏡子和一個(gè)衣柜,就算不打開(kāi)壁櫥,你也能猜到里面有什么,吹風(fēng)機(jī)、拖鞋、浴巾就放在你所認(rèn)為的地方——有人已經(jīng)保證了這些。

一個(gè)好的儀表盤(pán)設(shè)計(jì)就如同那個(gè)房間:它是干凈、整潔且可被預(yù)知的。你可以立即看到所有必需品,并且直觀地知道剩下的東西會(huì)在哪里。設(shè)計(jì)師們有他們自己的工具來(lái)確保儀表盤(pán)設(shè)計(jì)的整潔性。

1. 層級(jí)

首先,你需要理清思路,在發(fā)揮創(chuàng)意之前,要對(duì)所有數(shù)據(jù)進(jìn)行排序,將其分類(lèi)并充分理解優(yōu)先級(jí)等等,確定用戶(hù)可以立即看見(jiàn)的關(guān)鍵指標(biāo)數(shù)據(jù)。

1)視覺(jué)層級(jí)必須反應(yīng)信息層級(jí)。

設(shè)計(jì)師可以通過(guò)微件的大小及位置來(lái)表現(xiàn)數(shù)據(jù)的層級(jí)權(quán)重。如果你的用戶(hù)是從左往右閱讀的,那么關(guān)鍵信息必須放在左上角,而相關(guān)性最弱的信息放在底部右下角。

對(duì)數(shù)據(jù)重要性的排序方法取決于儀表盤(pán)的設(shè)計(jì)用途。重要的是根據(jù)信息的優(yōu)先級(jí)構(gòu)造信息并搭建邏輯鏈路。

2)將信息面板視為一個(gè)故事,而不是一系列的數(shù)據(jù)點(diǎn)。

2. 網(wǎng)格

網(wǎng)格對(duì)于創(chuàng)建頁(yè)面的總體布局排序協(xié)調(diào)和對(duì)齊元素非常有用。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

3. 信息模塊

系統(tǒng)的模塊類(lèi)似于一個(gè)住宅中的功能分區(qū):臥室用來(lái)睡眠,餐廳用來(lái)吃飯之類(lèi),每個(gè)區(qū)域有其功能。你的舒適性取決于它們放置的位置有多方便。

一個(gè)糟糕的布局不能靠翻新和布置家具來(lái)挽救,因此與之相類(lèi)似的,信息模塊的布局需要被提前考慮。信息模塊幫助你展示內(nèi)容的層次結(jié)構(gòu),且?guī)椭愀鶕?jù)數(shù)據(jù)內(nèi)容的重要性、相關(guān)性和邏輯連接對(duì)內(nèi)容進(jìn)行分組。每個(gè)模塊應(yīng)該在給定過(guò)程中執(zhí)行特定的目的。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

4. 連續(xù)性和接近性

如果你在去往廚房的路上需要穿過(guò)一個(gè)有兩扇門(mén)的走廊,那么這是一個(gè)糟糕的室內(nèi)布局。相互關(guān)聯(lián)的進(jìn)程則會(huì)假定在邏輯上也具有相似性。如果一個(gè)模塊的進(jìn)程需要來(lái)自另一個(gè)模塊的數(shù)據(jù),那么數(shù)據(jù)的布局就需要有近似性。

這一點(diǎn)必須事先考慮,這樣用戶(hù)就不需要在晦澀難懂的信息海里挖掘他們需要的信息。所有相關(guān)的信息應(yīng)依據(jù)相似性,從最重要到最不重要性來(lái)進(jìn)行分組和定位。

5. 分離模塊

沒(méi)有人需要一個(gè)與臥室相連的廚房。為了將兩個(gè)區(qū)塊分開(kāi),你需要留白或者負(fù)空間。你一定要在一開(kāi)始就考慮到:將負(fù)空間視為視覺(jué)平衡所需要的設(shè)計(jì)元素組合

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì):Wingle

四、功能:這就類(lèi)似于身體的肌肉部分 Functions: the muscles

功能和工具的數(shù)量取決于儀表盤(pán)的用途和其用戶(hù)的主要目標(biāo)。為了自由地移動(dòng),人類(lèi)需要兩條腿,狗需要四條腿,而蜘蛛需要八條腿。一個(gè)擁有太多功能的儀表盤(pán)就像一條有著六條腿的狗一樣優(yōu)秀,但這有點(diǎn)讓人毛骨悚然。

不要在控制面板上放太多工具,只需要在最表層放置用戶(hù)必需品就好。太多的可用工具會(huì)讓用戶(hù)困惑且被嚇退,因?yàn)檫@會(huì)讓儀表盤(pán)看起來(lái)很復(fù)雜。個(gè)性化總是比定制要好。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì):Band

五、微件:重要的器官 Widgets: thevital organs

如果屏幕上有超過(guò) 5~7 個(gè)的小微件,人們則會(huì)難以理解其內(nèi)容。所以我們(設(shè)計(jì)師)的工作是讓相關(guān)數(shù)據(jù)可以被訪(fǎng)問(wèn)但數(shù)量保持一定,不過(guò)多,這樣就能使用戶(hù)能在數(shù)秒中理解他們看到的內(nèi)容。視覺(jué)可視化的工具包括:

  • 表格
  • 圖形
  • 圖表
  • 卡片
  • 指標(biāo)
  • 地圖
  • 圖片
  • 分組
  • 過(guò)濾器
  • 列表
  • 資料結(jié)構(gòu)

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)數(shù)據(jù)微件的選擇取決于你儀表盤(pán)的目的和你的受眾。請(qǐng)思考以下問(wèn)題:

  • 哪一種微件最能展示特定的 KPI(關(guān)鍵績(jī)效指標(biāo))?
  • 用戶(hù)需要最先在儀表盤(pán)上看到什么?
  • 哪一種微件將會(huì)是用戶(hù)最容易理解的?
  • 什么可以幫助用戶(hù)更快地找到他們需要的東西?

請(qǐng)選擇容易理解和可讀的微件。這里有一個(gè)讓人困惑的與最易理解的微件對(duì)比示例:?????????

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

請(qǐng)考慮什么是主要的目標(biāo)來(lái)吸引用戶(hù)的注意力。

例如,如果你的首要任務(wù)是業(yè)績(jī)目標(biāo),則應(yīng)使用數(shù)字;如果你需要比較數(shù)值,則應(yīng)使用折線(xiàn)圖或者柱狀圖;如果是為了激勵(lì)團(tuán)隊(duì),則應(yīng)使用具有亮點(diǎn)突出的排行榜。

選擇一個(gè)不合適的部件或默認(rèn)的小部件模板可能會(huì)混淆用戶(hù)或?qū)е滤麄冋`解數(shù)據(jù)。最好的解決方案總是分析和測(cè)試的結(jié)果。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

最好的小部件設(shè)計(jì)是簡(jiǎn)約的并且易于閱讀的。

例如,一個(gè) 3D 圖可能看起來(lái)令人印象深刻,但它占用了用戶(hù)太多的注意力,最終證明它會(huì)分散用戶(hù)的注意力。漸變、過(guò)度使用顏色和太多細(xì)節(jié)也同樣會(huì)造成困擾。

六、視覺(jué)設(shè)計(jì):通用技巧 Visual design: general tips

我們已經(jīng)構(gòu)建了儀表盤(pán)的大腦和身體。最后需要構(gòu)建的是儀表盤(pán)的皮膚——最表面的一層。這可以根據(jù)好的經(jīng)典設(shè)計(jì)的基本原則來(lái)完成,但這里仍然有些細(xì)節(jié)需要具體說(shuō)明。

1. 簡(jiǎn)約性

一個(gè)儀表盤(pán)應(yīng)該跟你喜歡的工作桌面一樣干凈:它只有必需的文件和工具,沒(méi)有任何干擾項(xiàng)。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì):MEMO

2. 配色板

儀表盤(pán)的顏色選擇必須服務(wù)于一個(gè)目的:盡可能清晰地呈現(xiàn)信息。你的配色板越大,就越難清晰地展示信息。所以不要在儀表盤(pán)上使用過(guò)多顏色。盡可能用相同顏色的深淺色或者不同的色相。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

首選,你需要選擇一個(gè)基礎(chǔ)色,然后選擇一個(gè)輔助色。每個(gè)顏色都必須有特定的用途。一個(gè)顏色可以用來(lái)結(jié)合/組合元素,另一種顏色可以用來(lái)強(qiáng)調(diào)元素。顏色還經(jīng)常用來(lái)展示一個(gè)元素是主動(dòng)的還是被動(dòng)的。避免使用可能具有負(fù)面含義的顏色。

例如在下面的例子中,紅色看上去像展示一些不好且不受歡迎的數(shù)據(jù):

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

如果儀表盤(pán)提供可定制的顏色,請(qǐng)確保所有的可選顏色看上去都不錯(cuò)。Aodbe Color CC 是一個(gè)用來(lái)選擇配色的優(yōu)秀工具。

3. 強(qiáng)調(diào)

語(yǔ)義的強(qiáng)調(diào)之處應(yīng)和視覺(jué)的強(qiáng)調(diào)之處一一對(duì)應(yīng)。你可以使用顏色(對(duì)比、亮度)、形狀、大小、負(fù)空間等等來(lái)強(qiáng)調(diào)元素。

4. 可讀性和數(shù)字格式

這是確保視覺(jué)上清晰清楚的一切:干凈的布局,視覺(jué)層級(jí),突出重點(diǎn),對(duì)比鮮明的元素,適當(dāng)?shù)淖煮w,且這些字體也必須具有對(duì)比性和易讀性。

高精度的數(shù)字格式是難以讓人理解的。最好的辦法是將任何數(shù)字四舍五入,并減少較長(zhǎng)的數(shù)字。

七、適應(yīng)性 Adaptability

在實(shí)踐過(guò)程中,當(dāng)桌面版本是用戶(hù)的優(yōu)先選擇時(shí),則應(yīng)該優(yōu)先構(gòu)建網(wǎng)頁(yè)版,然后創(chuàng)建移動(dòng)端的。如果你的目標(biāo)受眾主要使用移動(dòng)端版本,則應(yīng)首先著眼于構(gòu)建移動(dòng)端的儀表盤(pán)。然后再創(chuàng)建桌面端的。

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段

儀表盤(pán)設(shè)計(jì):Snap

八、結(jié)論 In conclusion

設(shè)計(jì)一個(gè)優(yōu)先的儀表盤(pán)并不容易。我們將其創(chuàng)建過(guò)程類(lèi)比作人類(lèi)發(fā)展,因?yàn)樗怯涀≈匾獤|西和展示工作的連續(xù)階段的好方法。當(dāng)你在開(kāi)發(fā)你的儀表盤(pán),請(qǐng)不斷地自我提問(wèn):是否一切各就其位、各司其職?是否有多余的部分嗎(需要去掉)?各部位協(xié)作時(shí)工作正常嗎?用戶(hù)會(huì)喜歡這樣的結(jié)果嗎?這(功能)會(huì)有用嗎?

如你所見(jiàn),視覺(jué)設(shè)計(jì)實(shí)際上是設(shè)計(jì)師最后需要擔(dān)心的事。如果你什么都沒(méi)有漏過(guò),你的儀表盤(pán)將對(duì)你的用戶(hù)產(chǎn)生有價(jià)值的幫助,而不只是一個(gè)玩具。

本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)

儀表盤(pán)設(shè)計(jì)的 7 個(gè)階段


文章來(lái)源:人人都是產(chǎn)品經(jīng)理   作者:TCC翻譯情報(bào)局


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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


 


數(shù)字農(nóng)業(yè):農(nóng)企數(shù)字化轉(zhuǎn)型實(shí)施路徑

資深UI設(shè)計(jì)者

農(nóng)業(yè)產(chǎn)業(yè)鏈上的企業(yè)實(shí)現(xiàn)數(shù)字化后,才能逐漸帶動(dòng)當(dāng)?shù)乜h域整個(gè)農(nóng)業(yè)的數(shù)字化,每一件事進(jìn)行都有著它的實(shí)施路徑,農(nóng)企數(shù)字化也不例外。本文涵蓋了某農(nóng)企的數(shù)字化戰(zhàn)略規(guī)劃之路,與你分享。


很多人一談數(shù)字農(nóng)業(yè)上來(lái)的就是政府,這個(gè)我們也有文章闡述過(guò)。今天我們主要是來(lái)分析一下農(nóng)企怎么做數(shù)字化,畢竟農(nóng)業(yè)產(chǎn)業(yè)鏈上的企業(yè)一個(gè)個(gè)實(shí)現(xiàn)數(shù)字化之后,才會(huì)帶動(dòng)當(dāng)?shù)乜h域整個(gè)農(nóng)業(yè)的數(shù)字化。

每一件事情做的時(shí)候都是有實(shí)施路徑,農(nóng)企數(shù)字化也不例外。

農(nóng)業(yè)數(shù)字化有方方面面,本文還是聚焦于農(nóng)企數(shù)字化,只有一個(gè)個(gè)的農(nóng)企實(shí)現(xiàn)了數(shù)字化轉(zhuǎn)型,才能讓整個(gè)農(nóng)業(yè)產(chǎn)業(yè)鏈?zhǔn)菙?shù)字化的,即實(shí)現(xiàn)某一個(gè)區(qū)域內(nèi)的農(nóng)業(yè)數(shù)字化。

最后本文將給某農(nóng)企的五年數(shù)字化之路,從業(yè)務(wù)優(yōu)化、商業(yè)變革到技術(shù)應(yīng)用都會(huì)涵蓋。

本文可以看成是某一個(gè)農(nóng)企的數(shù)字化戰(zhàn)略規(guī)劃之路。

一、現(xiàn)狀評(píng)估-常規(guī)操作

一般商業(yè)模式實(shí)施前,需要了解自身有哪些資源,有哪些優(yōu)劣勢(shì),政策經(jīng)濟(jì)背景如何。

農(nóng)企做數(shù)字化轉(zhuǎn)型,也是如此,需要清晰地了解自己所處的產(chǎn)業(yè)鏈地位、產(chǎn)業(yè)地位、內(nèi)外部環(huán)境如何。使用的工具有戰(zhàn)略地圖、波特五力模型、市場(chǎng)分析、SWOT/PEST、 價(jià)值鏈分析、標(biāo)桿對(duì)標(biāo)等一些列工具。

最后期望的出來(lái)的就是農(nóng)企要做農(nóng)企數(shù)字化轉(zhuǎn)型,需要哪些資源,需要怎么做,需要多少成本,需要多少工期。

以上都是常規(guī)操作,實(shí)施起來(lái),不找個(gè)外部咨詢(xún)公司、花個(gè)一二百萬(wàn),還分析不出個(gè)所以然。

二、現(xiàn)狀評(píng)估模板-簡(jiǎn)單版

所以我們的建議是,把農(nóng)企高管集中起來(lái),統(tǒng)一回答如下幾個(gè)問(wèn)題。

談?wù)勀銓?duì)數(shù)字化轉(zhuǎn)型的理解,隨意任何方面,哪怕是國(guó)家政策導(dǎo)向。

  1. 你認(rèn)為本企業(yè)數(shù)字化的模樣是咋樣的?
  2. 你認(rèn)為可以從哪幾個(gè)方面發(fā)力成為你心中的數(shù)字化企業(yè)?
  3. 這幾個(gè)方面需要哪些成本和資源?
  4. 當(dāng)?shù)卣梢詾槟男┕ぷ髻I(mǎi)單

當(dāng)然還有其他的五個(gè)問(wèn)題。

通過(guò)這幾個(gè)問(wèn)題的高管問(wèn)答,高層能夠看到農(nóng)企數(shù)字化后的未來(lái)藍(lán)圖,也能看到現(xiàn)在到未來(lái)的差距。

至于現(xiàn)在長(zhǎng)得怎樣,相比未來(lái)而言,還是可以簡(jiǎn)單看待。畢竟漏洞識(shí)別越多,得罪的人越多。不如多談?wù)勎磥?lái)藍(lán)圖,跨組織跨部門(mén)的未來(lái)。

三、某農(nóng)企的數(shù)字化轉(zhuǎn)型藍(lán)圖

農(nóng)企的數(shù)字化轉(zhuǎn)型可以從以下一個(gè)方向展開(kāi)。都針對(duì)大企業(yè),小企業(yè)建議選擇其中若干項(xiàng)開(kāi)展。

第一,業(yè)務(wù)模式的變化,建議增加三塊業(yè)務(wù),一個(gè)是政府項(xiàng)目申報(bào),一個(gè)是直播+電商小程序,最后一個(gè)是自建渠道。三個(gè)的價(jià)值不一,政府項(xiàng)目申報(bào),是與當(dāng)?shù)禺a(chǎn)業(yè)的深入融合,額外與政府形成聯(lián)盟。直播+電商小程序,不為真賣(mài),只為營(yíng)銷(xiāo)推廣和品牌孵化,所以短視頻也行。自建渠道,包括采購(gòu)和銷(xiāo)售,一定要發(fā)展起自己的貿(mào)易屬性,將貿(mào)易武器抓在自己手里。

第二,信息化建設(shè),配合上面三個(gè)業(yè)務(wù),做一些信息化數(shù)字化建設(shè),可以建設(shè)的系統(tǒng)有農(nóng)事生產(chǎn)系統(tǒng),電商系統(tǒng),進(jìn)銷(xiāo)存管理系統(tǒng),財(cái)務(wù)分析系統(tǒng),人力資源系統(tǒng)等,可以做的數(shù)據(jù)分析有產(chǎn)量預(yù)估,農(nóng)事作業(yè)分析,銷(xiāo)售價(jià)格預(yù)測(cè)。

第三,商業(yè)模式創(chuàng)新。要為董事長(zhǎng)CEO以及當(dāng)?shù)卣畬?duì)口單位,一個(gè)可以不斷做大不斷優(yōu)化的商業(yè)模式。不能只講自己的數(shù)字化,要講產(chǎn)業(yè),要說(shuō)明農(nóng)企數(shù)字化進(jìn)程中,給產(chǎn)業(yè),給就業(yè),給GDP帶來(lái)的變化。

四、某農(nóng)企的數(shù)字化轉(zhuǎn)型藍(lán)圖

該企業(yè)為了確保以上戰(zhàn)略的實(shí)施,做了一下工作。

1)成立項(xiàng)目管理團(tuán)隊(duì),用來(lái)管理整體的數(shù)字化轉(zhuǎn)型項(xiàng)目的落地實(shí)施和資源協(xié)調(diào)。

2)成立政府研究和項(xiàng)目申報(bào)團(tuán)隊(duì),專(zhuān)門(mén)維持與政府及大企業(yè)的關(guān)系,支持政府各項(xiàng)涉農(nóng)規(guī)劃在本企業(yè)的試點(diǎn)落地。同時(shí)專(zhuān)門(mén)面向政府的項(xiàng)目立項(xiàng)機(jī)會(huì)完成項(xiàng)目立項(xiàng)。

3)構(gòu)建自己的經(jīng)銷(xiāo)渠道,并通過(guò)電商系統(tǒng)做自己農(nóng)產(chǎn)品的軟文推廣。開(kāi)始在各類(lèi)自媒體上,聯(lián)合當(dāng)?shù)卣l(fā)布推介信息,爭(zhēng)取銷(xiāo)路和投資。

4)分五年,將上面信息化系統(tǒng)進(jìn)行落地,并選擇合適的云計(jì)算廠商,將系統(tǒng)和物聯(lián)網(wǎng)設(shè)備跑在公有云上。第三年開(kāi)始,應(yīng)用前兩年積累的數(shù)據(jù)開(kāi)始做數(shù)據(jù)運(yùn)營(yíng)分析,發(fā)揮數(shù)據(jù)的生產(chǎn)力價(jià)值。

5)開(kāi)始認(rèn)養(yǎng)農(nóng)業(yè)模式,并選擇了合適自己的潛在目標(biāo)客群。


文章來(lái)源:人人都是產(chǎn)品經(jīng)理   作者:農(nóng)業(yè)數(shù)字化


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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



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

資深UI設(shè)計(jì)者

一直以來(lái),業(yè)務(wù)都是B端逃不開(kāi)的話(huà)題,你可以在許多文章當(dāng)中看到
我們的改版方向是因?yàn)闃I(yè)務(wù)需求、設(shè)計(jì)的思路是因?yàn)闃I(yè)務(wù)需求

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


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


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


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



審批的起源

雖然在說(shuō)起源,其實(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策路徑短、流程上都非常簡(jiǎn)單,但因此就會(huì)缺乏規(guī)范保障。比如在外出辦公時(shí),看似只需要與老板當(dāng)面進(jìn)行口頭上的溝通即可,但是在外出出現(xiàn)意外時(shí),由于缺乏外出辦公的相關(guān)證據(jù),員工的權(quán)益則很難得到保障

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

審批的演變,就是從最開(kāi)始的規(guī)章制度而來(lái)。比如在早期去政務(wù)機(jī)構(gòu)辦理各種業(yè)務(wù)時(shí),會(huì)讓你去填寫(xiě)各種紙質(zhì)表單。在審核過(guò)程中,則需要有各個(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è)的最終目的,是管理手中的人,而審批便是最為常見(jiàn)的一種手段

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

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


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

審批的拆解

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

發(fā)起人:

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

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

處理人

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

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

「直處人」作為審批的第一處理人,也就意味著他的意見(jiàn)至關(guān)重要,如果「直處人」通過(guò)過(guò)后,相對(duì)而言整條審批的通過(guò)幾率會(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)事假,如何通知同部門(mén)的其他成員呢?

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

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

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

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

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

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

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

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

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

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

審批流程

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

1.串行審批/依次審批

串行審批主要是指當(dāng)一個(gè)審核節(jié)點(diǎn)通過(guò)后,才能進(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è)人審批通過(guò),則可以進(jìn)入下個(gè)節(jié)點(diǎn),這也就是系統(tǒng)當(dāng)中常說(shuō)的 「或簽」

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


3. 條件審批

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

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

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

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


4.自主審批

通過(guò)發(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é)的審批人審批通過(guò)后,可以選擇繼續(xù)流轉(zhuǎn)到再下一個(gè)人去審批,或者結(jié)束這個(gè)流程

審批頁(yè)面梳理

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

1.審批表單

審批表單是最為一個(gè)“簡(jiǎn)單”的用戶(hù)可配置化表單,因?yàn)楝F(xiàn)如今大多數(shù)B端產(chǎn)品都是以 SaaS 作為基礎(chǔ)(如果是定制化產(chǎn)品 它的審批內(nèi)容、流程也不會(huì)是固定不變的)也就意味著審批表單需要為企業(yè)提供“DIY”的方式,通過(guò)表單提供不同的字段類(lèi)型,去構(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)然這只是極為常見(jiàn)的 請(qǐng)假 場(chǎng)景,而在實(shí)際業(yè)務(wù)當(dāng)中的復(fù)雜場(chǎng)景(更多需要將 審批與其他系統(tǒng)關(guān)聯(lián))一個(gè)簡(jiǎn)單的表單是沒(méi)有辦法進(jìn)行滿(mǎn)足

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


2.流程配置

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

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

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

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


3.更多配置

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


結(jié)語(yǔ)

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





文章來(lái)源:站酷   作者:CE青年


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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


一直以來(lái),業(yè)務(wù)都是B端逃不開(kāi)的話(huà)題,你可以在許多文章當(dāng)中看到
我們的改版方向是因?yàn)闃I(yè)務(wù)需求、設(shè)計(jì)的思路是因?yàn)闃I(yè)務(wù)需求

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


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


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


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



審批的起源

雖然在說(shuō)起源,其實(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策路徑短、流程上都非常簡(jiǎn)單,但因此就會(huì)缺乏規(guī)范保障。比如在外出辦公時(shí),看似只需要與老板當(dāng)面進(jìn)行口頭上的溝通即可,但是在外出出現(xiàn)意外時(shí),由于缺乏外出辦公的相關(guān)證據(jù),員工的權(quán)益則很難得到保障

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

審批的演變,就是從最開(kāi)始的規(guī)章制度而來(lái)。比如在早期去政務(wù)機(jī)構(gòu)辦理各種業(yè)務(wù)時(shí),會(huì)讓你去填寫(xiě)各種紙質(zhì)表單。在審核過(guò)程中,則需要有各個(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è)的最終目的,是管理手中的人,而審批便是最為常見(jiàn)的一種手段

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

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


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

審批的拆解

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

發(fā)起人:

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

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

處理人

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

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

「直處人」作為審批的第一處理人,也就意味著他的意見(jiàn)至關(guān)重要,如果「直處人」通過(guò)過(guò)后,相對(duì)而言整條審批的通過(guò)幾率會(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)事假,如何通知同部門(mén)的其他成員呢?

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

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

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

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

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

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

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

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

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

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

審批流程

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

1.串行審批/依次審批

串行審批主要是指當(dāng)一個(gè)審核節(jié)點(diǎn)通過(guò)后,才能進(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è)人審批通過(guò),則可以進(jìn)入下個(gè)節(jié)點(diǎn),這也就是系統(tǒng)當(dāng)中常說(shuō)的 「或簽」

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


3. 條件審批

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

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

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

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


4.自主審批

通過(guò)發(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é)的審批人審批通過(guò)后,可以選擇繼續(xù)流轉(zhuǎn)到再下一個(gè)人去審批,或者結(jié)束這個(gè)流程

審批頁(yè)面梳理

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

1.審批表單

審批表單是最為一個(gè)“簡(jiǎn)單”的用戶(hù)可配置化表單,因?yàn)楝F(xiàn)如今大多數(shù)B端產(chǎn)品都是以 SaaS 作為基礎(chǔ)(如果是定制化產(chǎn)品 它的審批內(nèi)容、流程也不會(huì)是固定不變的)也就意味著審批表單需要為企業(yè)提供“DIY”的方式,通過(guò)表單提供不同的字段類(lèi)型,去構(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)然這只是極為常見(jiàn)的 請(qǐng)假 場(chǎng)景,而在實(shí)際業(yè)務(wù)當(dāng)中的復(fù)雜場(chǎng)景(更多需要將 審批與其他系統(tǒng)關(guān)聯(lián))一個(gè)簡(jiǎn)單的表單是沒(méi)有辦法進(jìn)行滿(mǎn)足

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


2.流程配置

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

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

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

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


3.更多配置

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


結(jié)語(yǔ)

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




文章來(lái)源:站酷   作者:CE青年


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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


一些交互體驗(yàn)的思考

資深UI設(shè)計(jì)者

站酷對(duì)于長(zhǎng)文章需要點(diǎn)擊展開(kāi)文章按鈕,才能繼續(xù)閱讀全文;而對(duì)于短文則不需要。對(duì)于這個(gè)按鈕的存在是否必要,值得深思。

站酷“展開(kāi)文章”按鈕合理性思考


站酷對(duì)于長(zhǎng)文章需要點(diǎn)擊展開(kāi)文章按鈕,才能繼續(xù)閱讀全文;而對(duì)于短文則不需要。對(duì)于這個(gè)按鈕的存在是否必要,值得深思。


先說(shuō)一下個(gè)人體驗(yàn),每次當(dāng)我看文章看的津津有味,這個(gè)按鈕映入眼簾,告訴你需點(diǎn)擊“展開(kāi)文章”才能繼續(xù)閱讀,雖然點(diǎn)擊這個(gè)動(dòng)作很簡(jiǎn)單,但無(wú)形之中打斷了用戶(hù)的心流狀態(tài),這并不是一個(gè)好的用戶(hù)體驗(yàn)。讓用戶(hù)沉浸在心流狀態(tài)不被打擾,用戶(hù)能感覺(jué)到愉悅,是產(chǎn)品的溫柔。


什么是心流?


《About face 4》中提到,心流在心理學(xué)中是指一種人們?cè)趯?zhuān)注進(jìn)行某行為時(shí)所表現(xiàn)的心理狀態(tài),理想的交互設(shè)計(jì)是專(zhuān)注于促成用戶(hù)進(jìn)入心流的狀態(tài),因此在設(shè)計(jì)過(guò)程中最核心的關(guān)注點(diǎn)應(yīng)該是用戶(hù)的目標(biāo),而不是只考慮交互是否酷炫,最完美的交互設(shè)計(jì)是讓用戶(hù)除了自己的目標(biāo),感受不到其他干擾。


簡(jiǎn)單的說(shuō)就是用戶(hù)全神貫注于某件事而產(chǎn)生的一種精神狀態(tài)。


進(jìn)入心流狀態(tài)是一種美妙的境界,完全專(zhuān)心于一件事,沉浸享受其中,不想停下來(lái),用戶(hù)著眼于當(dāng)下的事情或者目標(biāo),心無(wú)旁騖,全神貫注投入并且享受其中,而體驗(yàn)到的一種精神狀態(tài)。


大多數(shù)用戶(hù)的目標(biāo)是想先看完文章,再去看評(píng)論。這是大多數(shù)人的需求。


對(duì)于有一部分用戶(hù),他并沒(méi)有耐心看完全文;或者覺(jué)得文章比較枯燥很無(wú)趣,不想看了,想直奔評(píng)論區(qū);建議可以改成“點(diǎn)擊收起”。我想這樣的體驗(yàn)是不是會(huì)更友好一些。


還有一些網(wǎng)站(例:觀察者網(wǎng))喜歡把一頁(yè)文章分成兩頁(yè),這是為了提高網(wǎng)頁(yè)的點(diǎn)擊數(shù)據(jù),以犧牲用戶(hù)體驗(yàn)而達(dá)到商業(yè)目的,也是令人不齒的。



刷手機(jī)坐公交能否更簡(jiǎn)單一些?


廣州的公交車(chē)終于可以刷手機(jī)坐公交了(多年前),但我感覺(jué)廣州的刷手機(jī)坐公交體驗(yàn)很讓人迷惑,在第一次體驗(yàn)刷手機(jī)坐公交的時(shí)候,竟然使用了兩次都不知道怎么操作,很是尷尬。我感覺(jué)廣州的刷手機(jī)坐公交對(duì)于新手用戶(hù)來(lái)說(shuō)學(xué)習(xí)成本有點(diǎn)高,不夠人性化,不那么自然。



在評(píng)判任何一個(gè)交互行為時(shí),我們都要了解用戶(hù)的使用場(chǎng)景,我們知道用戶(hù)坐公交通常是比較匆忙的,著急的,而情急之下極容易犯錯(cuò),因此操作過(guò)程越簡(jiǎn)單越好,學(xué)習(xí)成本越低越好,盡可能的減少用戶(hù)第一次使用的挫敗感。最好讓人一看到就知道怎么操作,而不需要去思考。在設(shè)計(jì)硬件的時(shí)候就應(yīng)該考慮到這一點(diǎn)。


為什么我說(shuō)體驗(yàn)感比較差呢?當(dāng)我第一次看到這個(gè)機(jī)器的時(shí)候,給我的第一感覺(jué)是把手機(jī)屏幕貼在凹槽里掃描,我試了幾次,都失敗了,最后無(wú)奈只能付現(xiàn)金。后來(lái)我才發(fā)現(xiàn)正確的步驟是把手機(jī)放進(jìn)凹槽,這是一個(gè)非常不自然的操作,一般人都想不到。過(guò)了很久我才發(fā)現(xiàn)原來(lái)上面那個(gè)是攝像頭,設(shè)計(jì)的很隱蔽,誰(shuí)又知道呢?你會(huì)說(shuō)屏幕上面不是有說(shuō)明圖,很抱歉,在那種場(chǎng)景下沒(méi)有人會(huì)去看你的說(shuō)明圖的。


我認(rèn)為更好的解決方案應(yīng)該像南京公交那樣的,有一個(gè)明顯的攝像頭,這樣人們一看到就知道怎么操作,學(xué)習(xí)成本比較低,因?yàn)檫@種支付方式在超市、商場(chǎng)、高速公路收費(fèi)站等早已司空見(jiàn)慣,用戶(hù)已經(jīng)習(xí)慣了這種付款方式。



當(dāng)然,二維碼始終不是最理想的解決方法,因?yàn)槟阋蜷_(kāi)App,打開(kāi)乘車(chē)碼小程序,這幾個(gè)步驟對(duì)于用戶(hù)來(lái)說(shuō)還是稍顯繁瑣了點(diǎn)。如果能夠像公交卡一下,“嘀”一下就上車(chē),這才是最理想的終極解決方案。把手機(jī)放過(guò)去就可以“嘀”一下,不需要打開(kāi)任何App,手機(jī)就是公交卡,自然而然的操作,完全沒(méi)有任何的學(xué)習(xí)成本。但這需要使用到NFC技術(shù),現(xiàn)在并不是所有的手機(jī)都支持這個(gè)功能。因此當(dāng)下這個(gè)方案還難以執(zhí)行。



知乎問(wèn)題時(shí)間的缺失


作為知乎的重度用戶(hù),使用這個(gè)產(chǎn)品多年,一直很喜歡這個(gè)產(chǎn)品。但在長(zhǎng)期的使用過(guò)程中,有個(gè)問(wèn)題一直困擾著我,那就是問(wèn)題的時(shí)效性,在知乎上搜索問(wèn)題時(shí)看不到提問(wèn)時(shí)間,相信也不僅僅是我一個(gè)用戶(hù)遇到這個(gè)問(wèn)題吧。

有的人會(huì)問(wèn)了為什么要顯示時(shí)間,時(shí)間有那么重要嗎?


當(dāng)然重要,一般問(wèn)題都具有很強(qiáng)的時(shí)效性,一個(gè)問(wèn)題在三年前很有用,但在今天看來(lái)已經(jīng)沒(méi)有什么參考價(jià)值。而且我肯定是希望尋找最近的問(wèn)題和答案。


舉個(gè)例子來(lái)說(shuō),我搜索“廣州考駕照”,那我肯定希望時(shí)間越近的越好,越有參考價(jià)值,最好是今年的,畢境駕考規(guī)則每年都在變化。而你看同樣問(wèn)答類(lèi)的百度知道,答案給出了明確的時(shí)間,這樣就合理很多,我可以根據(jù)最近的時(shí)間去選擇。



再比如我想了解一下“月餅門(mén)事件”,當(dāng)我進(jìn)入這個(gè)問(wèn)題頁(yè)面時(shí),看不到時(shí)間,根本就不知道這個(gè)事件是何時(shí)發(fā)生的,難道還要去百度搜索一下?那我要你這破乎有何用?



有人說(shuō)可以通過(guò)“查看問(wèn)題日志”的方式看提問(wèn)時(shí)間,抱歉,我覺(jué)得那個(gè)入口隱藏的太深了,我在很長(zhǎng)一段時(shí)間之內(nèi)都不知道還有這個(gè)入口,而且根據(jù)我身邊朋友的調(diào)研和網(wǎng)上調(diào)查,極少數(shù)用戶(hù)知道這個(gè)入口的存在。況且這么重要的時(shí)間戳,隱藏起來(lái)也確實(shí)不合理,點(diǎn)擊也麻煩。


同樣,答案的時(shí)間也是很重要的,放在文章的后面也不合理,過(guò)于弱化。而且有的文章寫(xiě)的很長(zhǎng),難道還要我拉到最后面為了看個(gè)時(shí)間,那樣多麻煩,拉的我手都要酸,而且容易劇透內(nèi)容。


列舉幾個(gè)常見(jiàn)的用戶(hù)使用場(chǎng)景:


很多時(shí)候我看到回答問(wèn)題的時(shí)間很久了,那我就不會(huì)看了。


文章中提到“今年的互聯(lián)網(wǎng)寒冬”,搞的我都不知道今年是哪一年,缺少時(shí)間坐標(biāo)。而如果在文章的開(kāi)頭就顯示了,起碼心里有個(gè)數(shù)。


有的文章提到“預(yù)測(cè)未來(lái)5年內(nèi)房?jī)r(jià)走低”,但我不知道你回答的時(shí)間是哪一年。


……

綜上所述,我覺(jué)得應(yīng)該加上問(wèn)題的創(chuàng)建時(shí)間和回答的時(shí)間,明確告知用戶(hù)問(wèn)題的時(shí)效性。



iOS鬧鐘交互思考


鬧鐘提醒的界面有兩種情況,鎖屏狀態(tài)和非鎖屏狀態(tài)。分別對(duì)應(yīng)以下幾種使用場(chǎng)景:


使用場(chǎng)景一,比如起床提醒(鎖屏)


使用場(chǎng)景二,你在干別的事情需要鬧鐘提醒(鎖屏)


使用場(chǎng)景三,正在使用手機(jī)(非鎖屏)


起床提醒鬧鐘,這時(shí)手機(jī)屏幕處于鎖屏狀態(tài),當(dāng)鬧鐘響起,屏幕出現(xiàn)稍后提醒和停止兩個(gè)按鈕。很明顯,這里稍后提醒按鈕的權(quán)重更高,因?yàn)槿绻恍⌒年P(guān)閉鬧鐘可能會(huì)睡過(guò)頭,導(dǎo)致上班遲到。為了避免這種情況,稍后提醒按鈕必須突顯,這樣即使你在朦朧狀態(tài)依然可以輕松點(diǎn)擊。而停止鬧鐘按鈕應(yīng)該弱化,防止誤觸。



還有一種情況,比如你晚上趕稿子熬夜太晚了,早上又要起來(lái)上班,實(shí)在沒(méi)睡醒,眼睛都睜不開(kāi),點(diǎn)擊屏幕的話(huà)有可能會(huì)關(guān)閉鬧鐘,那么可以利用手機(jī)實(shí)體鍵控制鬧鐘的開(kāi)關(guān),這種方式的優(yōu)勢(shì)在于可以盲按。按音量鍵和電源鍵都是稍后提醒,按返回鍵是關(guān)閉鬧鐘。


另外一種使用場(chǎng)景,當(dāng)你正在使用手機(jī)時(shí),鬧鐘響了。這個(gè)時(shí)候界面上方會(huì)彈出一個(gè)非模態(tài)的浮層,但這個(gè)浮層并不干擾用戶(hù)的其他操作。這里會(huì)有三個(gè)交互手勢(shì),上劃表示稍后提醒,有一個(gè)隱藏手勢(shì),選中浮層下拉會(huì)出現(xiàn)兩個(gè)按鈕:稍后提醒,停止。用力下滑居然是關(guān)閉鬧鐘,這個(gè)手勢(shì)我表示從未用過(guò)。



個(gè)人覺(jué)得這里的交互略微有點(diǎn)復(fù)雜了,很多人可能都不知道如何關(guān)閉,我一般都是上滑,然后在消息通知欄那里關(guān)掉鬧鐘,我想大多數(shù)人都是這樣操作的吧。因?yàn)楹竺鎯蓚€(gè)交互手勢(shì)隱藏的太深了,很多人都不知道,學(xué)習(xí)成本比較高。還不如像來(lái)電顯示浮層那樣,接聽(tīng)或掛斷兩個(gè)按鈕,簡(jiǎn)單易用,無(wú)需思考。


岔個(gè)話(huà)題,對(duì)比一下鬧鐘與計(jì)時(shí)器的交互差異,計(jì)時(shí)器的界面按鈕布局的剛好跟鬧鐘的相反,為什么會(huì)這樣呢?這是由計(jì)時(shí)器的使用場(chǎng)景決定的,用戶(hù)使用計(jì)時(shí)器一般都是為了提醒完成某個(gè)任務(wù)。而倒計(jì)時(shí)一結(jié)束,意味著需要馬上去完成某個(gè)任務(wù)。因此這時(shí)需要停止倒計(jì)時(shí),停止的權(quán)重更高。




產(chǎn)品初始默認(rèn)值的重要性


每個(gè)產(chǎn)品都有初始默認(rèn)設(shè)置,比如各種游戲、輸入法、ps軟件、瀏覽器,比如qq、微信的系統(tǒng)設(shè)置,但有多少人會(huì)去自定義設(shè)置呢?



Microsoft Office小組曾經(jīng)做過(guò)這樣一個(gè)用戶(hù)研究,發(fā)現(xiàn)只有不到 5% 的用戶(hù)更改了默認(rèn)設(shè)置,多年來(lái),他們以各種形式重復(fù)了這項(xiàng)用戶(hù)研究。發(fā)現(xiàn)它始終如一:用戶(hù)很少更改他們的設(shè)置。


《About face 4》中提到,我們只需要滿(mǎn)足滿(mǎn)足大多數(shù)主流用戶(hù)的需求,對(duì)用戶(hù)合理推斷,所以在設(shè)定初始默認(rèn)值的時(shí)候就要格外注意,要找出幫用戶(hù)實(shí)現(xiàn)目標(biāo)的最佳默認(rèn)值設(shè)定。


比如,在疫情期間我們經(jīng)常使用到的健康碼,每當(dāng)打開(kāi)健康碼都會(huì)彈出一個(gè)窗口,上報(bào)個(gè)人健康狀況,這幾個(gè)選項(xiàng)都是必填項(xiàng)。因?yàn)榻^大多數(shù)的用戶(hù)的狀況都是正常的,所以全部選項(xiàng)直接默認(rèn)正常即可,少數(shù)不正常的用戶(hù)如實(shí)填寫(xiě)即可。



不要每次讓用戶(hù)去選擇,在進(jìn)入商場(chǎng)需要查看健康碼的時(shí)候,很多人根本就不會(huì)認(rèn)真去填,想都不想就直接點(diǎn)擊提交了。如果每次都強(qiáng)制要求用戶(hù)去選擇,那么這就是個(gè)災(zāi)難。


用戶(hù)多數(shù)時(shí)候是傾向于不調(diào)整默認(rèn)值的,而默認(rèn)值設(shè)置的合理與否,對(duì)于產(chǎn)品的整體體驗(yàn)影響是非常大的。


但有兩類(lèi)人是例外的,設(shè)計(jì)師和程序員,他們總是喜歡修改自己的默認(rèn)設(shè)置,以符合自己的使用習(xí)慣,使效率最大化。



喜馬拉雅可否記住定時(shí)設(shè)置?


每天晚上入睡前,家里的小寶都要聽(tīng)喜馬拉雅的睡前故事才能入睡,這已經(jīng)形成了一個(gè)睡前習(xí)慣。


喜馬拉雅app有個(gè)很好用的功能,那就是定時(shí)關(guān)閉功能,比如定時(shí)30分鐘,倒計(jì)時(shí)結(jié)束后,睡前故事就自動(dòng)關(guān)閉了。



但是有個(gè)不完美的地方在于每次都要去手動(dòng)選擇定時(shí),有時(shí)候經(jīng)常會(huì)忘記定時(shí),手機(jī)就會(huì)一直播放,直到手機(jī)沒(méi)電。這樣第二天的起床鬧鐘就不響了,容易睡過(guò)頭。

站酷對(duì)于長(zhǎng)文章需要點(diǎn)擊展開(kāi)文章按鈕,才能繼續(xù)閱讀全文;而對(duì)于短文則不需要。對(duì)于這個(gè)按鈕的存在是否必要,值得深思。

站酷“展開(kāi)文章”按鈕合理性思考


站酷對(duì)于長(zhǎng)文章需要點(diǎn)擊展開(kāi)文章按鈕,才能繼續(xù)閱讀全文;而對(duì)于短文則不需要。對(duì)于這個(gè)按鈕的存在是否必要,值得深思。


先說(shuō)一下個(gè)人體驗(yàn),每次當(dāng)我看文章看的津津有味,這個(gè)按鈕映入眼簾,告訴你需點(diǎn)擊“展開(kāi)文章”才能繼續(xù)閱讀,雖然點(diǎn)擊這個(gè)動(dòng)作很簡(jiǎn)單,但無(wú)形之中打斷了用戶(hù)的心流狀態(tài),這并不是一個(gè)好的用戶(hù)體驗(yàn)。讓用戶(hù)沉浸在心流狀態(tài)不被打擾,用戶(hù)能感覺(jué)到愉悅,是產(chǎn)品的溫柔。


什么是心流?


《About face 4》中提到,心流在心理學(xué)中是指一種人們?cè)趯?zhuān)注進(jìn)行某行為時(shí)所表現(xiàn)的心理狀態(tài),理想的交互設(shè)計(jì)是專(zhuān)注于促成用戶(hù)進(jìn)入心流的狀態(tài),因此在設(shè)計(jì)過(guò)程中最核心的關(guān)注點(diǎn)應(yīng)該是用戶(hù)的目標(biāo),而不是只考慮交互是否酷炫,最完美的交互設(shè)計(jì)是讓用戶(hù)除了自己的目標(biāo),感受不到其他干擾。


簡(jiǎn)單的說(shuō)就是用戶(hù)全神貫注于某件事而產(chǎn)生的一種精神狀態(tài)。


進(jìn)入心流狀態(tài)是一種美妙的境界,完全專(zhuān)心于一件事,沉浸享受其中,不想停下來(lái),用戶(hù)著眼于當(dāng)下的事情或者目標(biāo),心無(wú)旁騖,全神貫注投入并且享受其中,而體驗(yàn)到的一種精神狀態(tài)。


大多數(shù)用戶(hù)的目標(biāo)是想先看完文章,再去看評(píng)論。這是大多數(shù)人的需求。


對(duì)于有一部分用戶(hù),他并沒(méi)有耐心看完全文;或者覺(jué)得文章比較枯燥很無(wú)趣,不想看了,想直奔評(píng)論區(qū);建議可以改成“點(diǎn)擊收起”。我想這樣的體驗(yàn)是不是會(huì)更友好一些。


還有一些網(wǎng)站(例:觀察者網(wǎng))喜歡把一頁(yè)文章分成兩頁(yè),這是為了提高網(wǎng)頁(yè)的點(diǎn)擊數(shù)據(jù),以犧牲用戶(hù)體驗(yàn)而達(dá)到商業(yè)目的,也是令人不齒的。



刷手機(jī)坐公交能否更簡(jiǎn)單一些?


廣州的公交車(chē)終于可以刷手機(jī)坐公交了(多年前),但我感覺(jué)廣州的刷手機(jī)坐公交體驗(yàn)很讓人迷惑,在第一次體驗(yàn)刷手機(jī)坐公交的時(shí)候,竟然使用了兩次都不知道怎么操作,很是尷尬。我感覺(jué)廣州的刷手機(jī)坐公交對(duì)于新手用戶(hù)來(lái)說(shuō)學(xué)習(xí)成本有點(diǎn)高,不夠人性化,不那么自然。



在評(píng)判任何一個(gè)交互行為時(shí),我們都要了解用戶(hù)的使用場(chǎng)景,我們知道用戶(hù)坐公交通常是比較匆忙的,著急的,而情急之下極容易犯錯(cuò),因此操作過(guò)程越簡(jiǎn)單越好,學(xué)習(xí)成本越低越好,盡可能的減少用戶(hù)第一次使用的挫敗感。最好讓人一看到就知道怎么操作,而不需要去思考。在設(shè)計(jì)硬件的時(shí)候就應(yīng)該考慮到這一點(diǎn)。


為什么我說(shuō)體驗(yàn)感比較差呢?當(dāng)我第一次看到這個(gè)機(jī)器的時(shí)候,給我的第一感覺(jué)是把手機(jī)屏幕貼在凹槽里掃描,我試了幾次,都失敗了,最后無(wú)奈只能付現(xiàn)金。后來(lái)我才發(fā)現(xiàn)正確的步驟是把手機(jī)放進(jìn)凹槽,這是一個(gè)非常不自然的操作,一般人都想不到。過(guò)了很久我才發(fā)現(xiàn)原來(lái)上面那個(gè)是攝像頭,設(shè)計(jì)的很隱蔽,誰(shuí)又知道呢?你會(huì)說(shuō)屏幕上面不是有說(shuō)明圖,很抱歉,在那種場(chǎng)景下沒(méi)有人會(huì)去看你的說(shuō)明圖的。


我認(rèn)為更好的解決方案應(yīng)該像南京公交那樣的,有一個(gè)明顯的攝像頭,這樣人們一看到就知道怎么操作,學(xué)習(xí)成本比較低,因?yàn)檫@種支付方式在超市、商場(chǎng)、高速公路收費(fèi)站等早已司空見(jiàn)慣,用戶(hù)已經(jīng)習(xí)慣了這種付款方式。



當(dāng)然,二維碼始終不是最理想的解決方法,因?yàn)槟阋蜷_(kāi)App,打開(kāi)乘車(chē)碼小程序,這幾個(gè)步驟對(duì)于用戶(hù)來(lái)說(shuō)還是稍顯繁瑣了點(diǎn)。如果能夠像公交卡一下,“嘀”一下就上車(chē),這才是最理想的終極解決方案。把手機(jī)放過(guò)去就可以“嘀”一下,不需要打開(kāi)任何App,手機(jī)就是公交卡,自然而然的操作,完全沒(méi)有任何的學(xué)習(xí)成本。但這需要使用到NFC技術(shù),現(xiàn)在并不是所有的手機(jī)都支持這個(gè)功能。因此當(dāng)下這個(gè)方案還難以執(zhí)行。



知乎問(wèn)題時(shí)間的缺失


作為知乎的重度用戶(hù),使用這個(gè)產(chǎn)品多年,一直很喜歡這個(gè)產(chǎn)品。但在長(zhǎng)期的使用過(guò)程中,有個(gè)問(wèn)題一直困擾著我,那就是問(wèn)題的時(shí)效性,在知乎上搜索問(wèn)題時(shí)看不到提問(wèn)時(shí)間,相信也不僅僅是我一個(gè)用戶(hù)遇到這個(gè)問(wèn)題吧。

有的人會(huì)問(wèn)了為什么要顯示時(shí)間,時(shí)間有那么重要嗎?


當(dāng)然重要,一般問(wèn)題都具有很強(qiáng)的時(shí)效性,一個(gè)問(wèn)題在三年前很有用,但在今天看來(lái)已經(jīng)沒(méi)有什么參考價(jià)值。而且我肯定是希望尋找最近的問(wèn)題和答案。


舉個(gè)例子來(lái)說(shuō),我搜索“廣州考駕照”,那我肯定希望時(shí)間越近的越好,越有參考價(jià)值,最好是今年的,畢境駕考規(guī)則每年都在變化。而你看同樣問(wèn)答類(lèi)的百度知道,答案給出了明確的時(shí)間,這樣就合理很多,我可以根據(jù)最近的時(shí)間去選擇。



再比如我想了解一下“月餅門(mén)事件”,當(dāng)我進(jìn)入這個(gè)問(wèn)題頁(yè)面時(shí),看不到時(shí)間,根本就不知道這個(gè)事件是何時(shí)發(fā)生的,難道還要去百度搜索一下?那我要你這破乎有何用?



有人說(shuō)可以通過(guò)“查看問(wèn)題日志”的方式看提問(wèn)時(shí)間,抱歉,我覺(jué)得那個(gè)入口隱藏的太深了,我在很長(zhǎng)一段時(shí)間之內(nèi)都不知道還有這個(gè)入口,而且根據(jù)我身邊朋友的調(diào)研和網(wǎng)上調(diào)查,極少數(shù)用戶(hù)知道這個(gè)入口的存在。況且這么重要的時(shí)間戳,隱藏起來(lái)也確實(shí)不合理,點(diǎn)擊也麻煩。


同樣,答案的時(shí)間也是很重要的,放在文章的后面也不合理,過(guò)于弱化。而且有的文章寫(xiě)的很長(zhǎng),難道還要我拉到最后面為了看個(gè)時(shí)間,那樣多麻煩,拉的我手都要酸,而且容易劇透內(nèi)容。


列舉幾個(gè)常見(jiàn)的用戶(hù)使用場(chǎng)景:


很多時(shí)候我看到回答問(wèn)題的時(shí)間很久了,那我就不會(huì)看了。


文章中提到“今年的互聯(lián)網(wǎng)寒冬”,搞的我都不知道今年是哪一年,缺少時(shí)間坐標(biāo)。而如果在文章的開(kāi)頭就顯示了,起碼心里有個(gè)數(shù)。


有的文章提到“預(yù)測(cè)未來(lái)5年內(nèi)房?jī)r(jià)走低”,但我不知道你回答的時(shí)間是哪一年。


……

綜上所述,我覺(jué)得應(yīng)該加上問(wèn)題的創(chuàng)建時(shí)間和回答的時(shí)間,明確告知用戶(hù)問(wèn)題的時(shí)效性。



iOS鬧鐘交互思考


鬧鐘提醒的界面有兩種情況,鎖屏狀態(tài)和非鎖屏狀態(tài)。分別對(duì)應(yīng)以下幾種使用場(chǎng)景:


使用場(chǎng)景一,比如起床提醒(鎖屏)


使用場(chǎng)景二,你在干別的事情需要鬧鐘提醒(鎖屏)


使用場(chǎng)景三,正在使用手機(jī)(非鎖屏)


起床提醒鬧鐘,這時(shí)手機(jī)屏幕處于鎖屏狀態(tài),當(dāng)鬧鐘響起,屏幕出現(xiàn)稍后提醒和停止兩個(gè)按鈕。很明顯,這里稍后提醒按鈕的權(quán)重更高,因?yàn)槿绻恍⌒年P(guān)閉鬧鐘可能會(huì)睡過(guò)頭,導(dǎo)致上班遲到。為了避免這種情況,稍后提醒按鈕必須突顯,這樣即使你在朦朧狀態(tài)依然可以輕松點(diǎn)擊。而停止鬧鐘按鈕應(yīng)該弱化,防止誤觸。



還有一種情況,比如你晚上趕稿子熬夜太晚了,早上又要起來(lái)上班,實(shí)在沒(méi)睡醒,眼睛都睜不開(kāi),點(diǎn)擊屏幕的話(huà)有可能會(huì)關(guān)閉鬧鐘,那么可以利用手機(jī)實(shí)體鍵控制鬧鐘的開(kāi)關(guān),這種方式的優(yōu)勢(shì)在于可以盲按。按音量鍵和電源鍵都是稍后提醒,按返回鍵是關(guān)閉鬧鐘。


另外一種使用場(chǎng)景,當(dāng)你正在使用手機(jī)時(shí),鬧鐘響了。這個(gè)時(shí)候界面上方會(huì)彈出一個(gè)非模態(tài)的浮層,但這個(gè)浮層并不干擾用戶(hù)的其他操作。這里會(huì)有三個(gè)交互手勢(shì),上劃表示稍后提醒,有一個(gè)隱藏手勢(shì),選中浮層下拉會(huì)出現(xiàn)兩個(gè)按鈕:稍后提醒,停止。用力下滑居然是關(guān)閉鬧鐘,這個(gè)手勢(shì)我表示從未用過(guò)。



個(gè)人覺(jué)得這里的交互略微有點(diǎn)復(fù)雜了,很多人可能都不知道如何關(guān)閉,我一般都是上滑,然后在消息通知欄那里關(guān)掉鬧鐘,我想大多數(shù)人都是這樣操作的吧。因?yàn)楹竺鎯蓚€(gè)交互手勢(shì)隱藏的太深了,很多人都不知道,學(xué)習(xí)成本比較高。還不如像來(lái)電顯示浮層那樣,接聽(tīng)或掛斷兩個(gè)按鈕,簡(jiǎn)單易用,無(wú)需思考。


岔個(gè)話(huà)題,對(duì)比一下鬧鐘與計(jì)時(shí)器的交互差異,計(jì)時(shí)器的界面按鈕布局的剛好跟鬧鐘的相反,為什么會(huì)這樣呢?這是由計(jì)時(shí)器的使用場(chǎng)景決定的,用戶(hù)使用計(jì)時(shí)器一般都是為了提醒完成某個(gè)任務(wù)。而倒計(jì)時(shí)一結(jié)束,意味著需要馬上去完成某個(gè)任務(wù)。因此這時(shí)需要停止倒計(jì)時(shí),停止的權(quán)重更高。




產(chǎn)品初始默認(rèn)值的重要性


每個(gè)產(chǎn)品都有初始默認(rèn)設(shè)置,比如各種游戲、輸入法、ps軟件、瀏覽器,比如qq、微信的系統(tǒng)設(shè)置,但有多少人會(huì)去自定義設(shè)置呢?



Microsoft Office小組曾經(jīng)做過(guò)這樣一個(gè)用戶(hù)研究,發(fā)現(xiàn)只有不到 5% 的用戶(hù)更改了默認(rèn)設(shè)置,多年來(lái),他們以各種形式重復(fù)了這項(xiàng)用戶(hù)研究。發(fā)現(xiàn)它始終如一:用戶(hù)很少更改他們的設(shè)置。


《About face 4》中提到,我們只需要滿(mǎn)足滿(mǎn)足大多數(shù)主流用戶(hù)的需求,對(duì)用戶(hù)合理推斷,所以在設(shè)定初始默認(rèn)值的時(shí)候就要格外注意,要找出幫用戶(hù)實(shí)現(xiàn)目標(biāo)的最佳默認(rèn)值設(shè)定。


比如,在疫情期間我們經(jīng)常使用到的健康碼,每當(dāng)打開(kāi)健康碼都會(huì)彈出一個(gè)窗口,上報(bào)個(gè)人健康狀況,這幾個(gè)選項(xiàng)都是必填項(xiàng)。因?yàn)榻^大多數(shù)的用戶(hù)的狀況都是正常的,所以全部選項(xiàng)直接默認(rèn)正常即可,少數(shù)不正常的用戶(hù)如實(shí)填寫(xiě)即可。



不要每次讓用戶(hù)去選擇,在進(jìn)入商場(chǎng)需要查看健康碼的時(shí)候,很多人根本就不會(huì)認(rèn)真去填,想都不想就直接點(diǎn)擊提交了。如果每次都強(qiáng)制要求用戶(hù)去選擇,那么這就是個(gè)災(zāi)難。


用戶(hù)多數(shù)時(shí)候是傾向于不調(diào)整默認(rèn)值的,而默認(rèn)值設(shè)置的合理與否,對(duì)于產(chǎn)品的整體體驗(yàn)影響是非常大的。


但有兩類(lèi)人是例外的,設(shè)計(jì)師和程序員,他們總是喜歡修改自己的默認(rèn)設(shè)置,以符合自己的使用習(xí)慣,使效率最大化。



喜馬拉雅可否記住定時(shí)設(shè)置?


每天晚上入睡前,家里的小寶都要聽(tīng)喜馬拉雅的睡前故事才能入睡,這已經(jīng)形成了一個(gè)睡前習(xí)慣。


喜馬拉雅app有個(gè)很好用的功能,那就是定時(shí)關(guān)閉功能,比如定時(shí)30分鐘,倒計(jì)時(shí)結(jié)束后,睡前故事就自動(dòng)關(guān)閉了。



但是有個(gè)不完美的地方在于每次都要去手動(dòng)選擇定時(shí),有時(shí)候經(jīng)常會(huì)忘記定時(shí),手機(jī)就會(huì)一直播放,直到手機(jī)沒(méi)電。這樣第二天的起床鬧鐘就不響了,容易睡過(guò)頭。


文章來(lái)源:站酷   作者:
CdzhcHappy

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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



體驗(yàn)設(shè)計(jì)指南:?jiǎn)柧砥?/a>

資深UI設(shè)計(jì)者



1.前言

12月份馬上就結(jié)束了,這也意味著這個(gè)雙月的體驗(yàn)OKR也到了復(fù)盤(pán)的階段。想趁這個(gè)機(jī)會(huì)復(fù)盤(pán)一下自己這么久以來(lái)的體驗(yàn)經(jīng)歷,幫助我拓寬了設(shè)計(jì)職能的邊界,站在整個(gè)產(chǎn)品和業(yè)務(wù)的角度,思考當(dāng)前產(chǎn)品遇到的問(wèn)題和解決方案。


所以打算分幾篇文章輸出一些關(guān)于我在體驗(yàn)中遇到的問(wèn)題和解決方案,以及一些個(gè)人感悟。


之所以會(huì)先從問(wèn)卷入手,一方面是因?yàn)槲覀冊(cè)趩?wèn)卷的設(shè)計(jì)的過(guò)程中,很難找到全面分析問(wèn)卷設(shè)計(jì)的文章。另一方面是因?yàn)槔斫庥脩?hù),才能理解體驗(yàn)。真正好的體驗(yàn)一定來(lái)自于用戶(hù),且以幫助用戶(hù)解決問(wèn)題為目的。


接下來(lái),本文會(huì)通過(guò)大量問(wèn)卷案例,把實(shí)際過(guò)程中的落地經(jīng)驗(yàn)分享給大家。


1.1 問(wèn)卷的使用場(chǎng)景

問(wèn)卷還是訪(fǎng)談?

在實(shí)際的工作中,常用的用戶(hù)調(diào)研方式有兩種:?jiǎn)柧碚{(diào)研和用戶(hù)訪(fǎng)談。


那么,我們這次體驗(yàn)調(diào)研,為什么使用問(wèn)卷調(diào)研而不是用戶(hù)訪(fǎng)談呢?


想要回答這個(gè)問(wèn)題,可以從問(wèn)卷和訪(fǎng)談的差異性上進(jìn)行對(duì)比:

當(dāng)一個(gè)問(wèn)題沒(méi)有明確答案的時(shí)候,很適合做訪(fǎng)談,因?yàn)闆](méi)有確定的參考變量,不知道方向在哪,訪(fǎng)談可以幫助我們找到目標(biāo)方向。甚至你的訪(fǎng)談對(duì)象可以不是產(chǎn)品用戶(hù),但是他一定要有相同的產(chǎn)品需求。比如一個(gè)用戶(hù)沒(méi)有使用過(guò)微信,但是他有明確的社交需求,那么這個(gè)用戶(hù)就有被訪(fǎng)談的價(jià)值,因?yàn)樗軌驇椭覀冋业疆a(chǎn)品后續(xù)的迭代方向。


而問(wèn)卷是基于現(xiàn)有數(shù)據(jù),向用戶(hù)求證問(wèn)題的過(guò)程。當(dāng)公司產(chǎn)品經(jīng)歷了冷啟動(dòng)階段之后,后臺(tái)已經(jīng)記錄了足夠的產(chǎn)品數(shù)據(jù),這其中包括各功能的使用情況、用戶(hù)行為等,都為問(wèn)卷設(shè)計(jì)提供了很好的參考變量。所以,這個(gè)時(shí)候調(diào)研對(duì)象控制在使用過(guò)我們產(chǎn)品的用戶(hù),可以幫助我們快速定位問(wèn)題。


當(dāng)然,上述觀點(diǎn)并不絕對(duì),根據(jù)公司業(yè)務(wù)、使用場(chǎng)景、成本預(yù)算等因素,問(wèn)卷和調(diào)研一起使用的情況也是有的,所以找到適合自己公司的調(diào)研方式最重要。


補(bǔ)充:?jiǎn)柧硎且环N常用的定量分析工具,使用場(chǎng)景主要分為收集用戶(hù)數(shù)據(jù)和需求驗(yàn)證



收集用戶(hù)數(shù)據(jù)

收集用戶(hù)數(shù)據(jù)主要是為了判斷我們對(duì)用戶(hù)的的定位是否精準(zhǔn)。具體表現(xiàn)為收集用戶(hù)的基本信息、和用戶(hù)的體驗(yàn)反饋(吐槽、好評(píng)),主要作為了完善用戶(hù)畫(huà)像。


需求驗(yàn)證

需求驗(yàn)證主要是調(diào)研產(chǎn)品功能是否符合用戶(hù)預(yù)期,以及判斷現(xiàn)有功能是否有優(yōu)化的價(jià)值和空間(判斷優(yōu)化空間的依據(jù)主要以后臺(tái)數(shù)據(jù)為根本立足點(diǎn))。


舉個(gè)例子:平臺(tái)上架了一個(gè)xx功能,新功能的觸達(dá)路徑從首頁(yè)到目標(biāo)頁(yè)需要三步,通過(guò)后臺(tái)數(shù)據(jù)埋點(diǎn)的追蹤發(fā)現(xiàn),在第二步的時(shí)候,觸達(dá)人數(shù)驟降。那么針對(duì)新功能的問(wèn)卷重點(diǎn)之一,就會(huì)放在這個(gè)頁(yè)面觸達(dá)率為什么這么低上,以此尋找解決方案。



1.2 問(wèn)卷的特點(diǎn):

問(wèn)卷調(diào)研屬于間接調(diào)查,即被調(diào)查者填寫(xiě)問(wèn)卷是在調(diào)查者不在場(chǎng)的情況下進(jìn)行的,即調(diào)查者與被調(diào)查者一般不見(jiàn)面。


問(wèn)卷的優(yōu)點(diǎn):

  • 效率高:低成本、反饋快。

  • 容易量化:?jiǎn)柧淼膬?nèi)容呈封閉式,答案基本會(huì)被限定在有限的數(shù)量范圍內(nèi),很少有主觀問(wèn)答,樣本結(jié)果可控,容易量化。

  • 范圍廣:?jiǎn)柧碚{(diào)研不受人數(shù)、地域范圍、時(shí)空的限制。


問(wèn)卷的缺點(diǎn):

  • 封閉性:?jiǎn)柧淼拇鸢甘窃O(shè)計(jì)者預(yù)先設(shè)計(jì)好的,所以收到的信息有限。

  • 數(shù)據(jù)質(zhì)量不穩(wěn)定:由于問(wèn)卷覆蓋的用戶(hù)廣,回答問(wèn)卷的人是不受約束的,用戶(hù)的配合意愿對(duì)數(shù)據(jù)質(zhì)量影響較大(可能會(huì)出現(xiàn)隨便答題的情況)。




1.3 問(wèn)卷流程

在工作中,問(wèn)卷的設(shè)計(jì)流程通常被分為四個(gè)階段:準(zhǔn)備階段、設(shè)計(jì)階段、發(fā)放并回收階段,分析報(bào)告階段。



2. 問(wèn)卷設(shè)計(jì)前

2.1 關(guān)鍵目的

確定問(wèn)卷目的是為了聚焦問(wèn)題的范圍和方向。

每一個(gè)產(chǎn)品調(diào)研問(wèn)卷都應(yīng)該圍繞著至少1-2個(gè)核心目標(biāo)進(jìn)行拆分,過(guò)多的核心目標(biāo)會(huì)導(dǎo)致問(wèn)題數(shù)量沒(méi)法控制和調(diào)研方向不清晰。


2.2 問(wèn)卷說(shuō)明

在向用戶(hù)提出問(wèn)題之前,有個(gè)最重要也是最容易忽略的地方,就是問(wèn)卷的說(shuō)明部分,通常這些說(shuō)明會(huì)包括以下內(nèi)容:

  • 告訴用戶(hù)為什么要做這份問(wèn)卷調(diào)查:讓用戶(hù)知道,他們的建議會(huì)影響產(chǎn)品的設(shè)計(jì)方向。

  • 告訴用戶(hù)做調(diào)研的人是誰(shuí)(即平臺(tái)方的名稱(chēng))

  • 告訴用戶(hù)這份問(wèn)卷的重要程度:告訴用戶(hù)的選擇會(huì)影響最后產(chǎn)品的方向

  • 告訴用戶(hù)需要多久能填完這份問(wèn)卷:讓用戶(hù)判斷當(dāng)前是否有足夠的時(shí)間完成全部問(wèn)卷。

  • 告訴用戶(hù)回答問(wèn)卷的有效期限:避免用戶(hù)填寫(xiě)完后,提交的時(shí)候發(fā)現(xiàn)已經(jīng)錯(cuò)過(guò)了時(shí)機(jī)。

  • 告訴用戶(hù)保證受訪(fǎng)者的個(gè)人隱私是保密的:打消用戶(hù)不必要的顧慮,反映客觀事實(shí)和觀點(diǎn)。

  • 問(wèn)卷獎(jiǎng)勵(lì)的說(shuō)明:激勵(lì)用戶(hù)答題,最好是和產(chǎn)品相關(guān)的獎(jiǎng)勵(lì),比如說(shuō)平臺(tái)會(huì)員獎(jiǎng)勵(lì)。


2.3 確定問(wèn)卷的目標(biāo)用戶(hù)

用戶(hù)分群:

用戶(hù)分群其實(shí)就是通過(guò)權(quán)衡來(lái)讓調(diào)研目的和用戶(hù)的需求相匹配,忽略和調(diào)研目的不相關(guān)的用戶(hù),從而更好的調(diào)研目標(biāo)用戶(hù)的需求,本質(zhì)是為了提升效率。



常用的用戶(hù)分群維度由時(shí)間、用戶(hù)行為和用戶(hù)屬性三個(gè)維度組合完成:



  • 時(shí)間范圍:比如,最近7天,或者給出一個(gè)時(shí)間區(qū)間。


  • 用戶(hù)行為:圍繞調(diào)研目標(biāo),明確用戶(hù)的核心行為路徑以及分支路徑。然后判斷用戶(hù)完成了/未完成/依次完成了xx路徑,比如:

    1. 完成了登錄注冊(cè)的用戶(hù)

    2. 沒(méi)完成登錄注冊(cè)的用戶(hù)

    3. 完成了登錄注冊(cè),并且點(diǎn)擊了首頁(yè)廣告位的用戶(hù)


  • 用戶(hù)屬性:關(guān)于用戶(hù)屬性的定義,沒(méi)有統(tǒng)一的標(biāo)準(zhǔn),通常會(huì)從業(yè)務(wù)角度出發(fā),基于產(chǎn)品功能或運(yùn)營(yíng)玩法,對(duì)用戶(hù)進(jìn)行屬性分類(lèi),比如:性別/是否新用戶(hù)/是否實(shí)名認(rèn)證/用戶(hù)來(lái)源(抖音、地推)等。



下圖是我們用的用戶(hù)分群工具:



選擇的維度越多,用戶(hù)越精準(zhǔn)

我們?cè)谶M(jìn)行用戶(hù)分群時(shí),定位的精準(zhǔn)程度,和維度的選擇數(shù)量是正相關(guān)的。時(shí)間范圍越窄,用戶(hù)行為越多,用戶(hù)屬性越多,定位到的用戶(hù)越精確。


舉個(gè)例子:“近7天使用xx功能的男性用戶(hù)”,一定比“近7天使用xx功能的用戶(hù)”更加精準(zhǔn),因?yàn)槎嗔艘粋€(gè)“性別”的維度。


當(dāng)然,每一個(gè)產(chǎn)品的業(yè)務(wù)模式和用戶(hù)群體都是復(fù)雜的,根據(jù)商業(yè)模式、產(chǎn)品功能、用戶(hù)使用習(xí)慣和目的不同,這些因素都可能成為用戶(hù)細(xì)分的維度。


樣本數(shù)量

樣本的數(shù)量,主要取決于我們想要回收多少份有效問(wèn)卷,也就是回收率。

  • 回收率 = 回收的有效回答份數(shù) / 總發(fā)送的份數(shù) × 100%

  • 問(wèn)卷回收數(shù) = 回收率 × 樣本數(shù)量


所以,在回收率固定不變的情況下,樣本數(shù)量越大,問(wèn)卷回收的數(shù)量越多,反之,樣本數(shù)量越小,問(wèn)卷回收的數(shù)量越少。


影響樣本數(shù)量的因素

影響樣本數(shù)量的因素主要分為響應(yīng)率和完成率:

  • 響應(yīng)率 = 打開(kāi)問(wèn)卷的用戶(hù) / 問(wèn)卷實(shí)際發(fā)放人數(shù)×100%

舉個(gè)例子:平臺(tái)通過(guò)渠道向100人發(fā)放問(wèn)卷,只有50人打開(kāi)了問(wèn)卷,那么調(diào)查的響應(yīng)率為50 / 100 × 100% = 50%


  • 完成率 = 完成并提交問(wèn)卷的用戶(hù) / 打開(kāi)問(wèn)卷的用戶(hù)×100%

舉個(gè)例子:有100人點(diǎn)開(kāi)了問(wèn)卷,最終有50個(gè)人填寫(xiě)完成,那么完成率為50 / 100 × 100% = 50%


相同的調(diào)研樣本數(shù)量,用戶(hù)響應(yīng)率和完成率越高,有效問(wèn)卷的回收率也就越高。所以,除了增加樣本數(shù)量外,也可以通過(guò)提高用戶(hù)的響應(yīng)率和完成率,來(lái)提高問(wèn)卷的回收數(shù)量。


舉個(gè)例子:

  • 擴(kuò)大問(wèn)卷的曝光量,從而觸達(dá)更多用戶(hù),提高響應(yīng)率。

  • 豐富問(wèn)卷獎(jiǎng)勵(lì),增加用戶(hù)的答題意愿,提高完成率。



樣本數(shù)量的邊際效益

問(wèn)卷數(shù)量的價(jià)值是存在邊際效應(yīng)的,因?yàn)殡S著樣本數(shù)量的增多,回收的答案是趨于一致的,參考價(jià)值較低,所以問(wèn)卷的樣本數(shù)量并不是越多越好。



通常為了保證最終的有效問(wèn)卷回收能滿(mǎn)足研究報(bào)告,應(yīng)該在理想的樣本數(shù)量上,進(jìn)行適當(dāng)?shù)臄U(kuò)充。


舉個(gè)例子:通過(guò)觀察平臺(tái)用戶(hù)的響應(yīng)率和完成度,估算出抽取1000數(shù)量的樣本數(shù)量能夠支撐最終的研究產(chǎn)出,但是考慮一些特殊情況的產(chǎn)生,此時(shí)會(huì)再加上200的樣本數(shù)量,來(lái)確保問(wèn)卷的回收率。



3. 問(wèn)題和答案的設(shè)計(jì)

3.1 MECE原則

MECE是一種將一個(gè)具體事物進(jìn)行"拆分"的原則,該原則由麥肯錫顧問(wèn)巴巴拉·明托(Barbara Minto)在《金字塔原理》一書(shū)中首次提出,隨即被奉為咨詢(xún)解決思路的圭臬。其目的在于分析問(wèn)題時(shí)盡量做到對(duì)問(wèn)題點(diǎn)進(jìn)行不重疊且不遺漏的分類(lèi),而且能夠借此有效把握問(wèn)題的核心,并成為有效解決問(wèn)題的方法。


MECE原則可以分為兩個(gè)部分:


  • 相互獨(dú)立(ME):

互斥性原則是指在問(wèn)卷答案的設(shè)計(jì)中,同一問(wèn)題的若干個(gè)答案之間關(guān)系時(shí)是互相排斥的,不能有重疊、交叉、包含等情況。

  • 完全窮盡(CE):

完備性原則是指在問(wèn)卷答案的設(shè)計(jì)中,所排列出的答案應(yīng)包含問(wèn)題的全部情況,不能有遺漏。特別是針對(duì)封閉題而言的,必須做到窮盡。



MECE的步驟

了解完MECE原則后,接著從以下四個(gè)步驟來(lái)說(shuō)一下它的實(shí)際用法:



步驟一:確定范圍

明確問(wèn)題是什么,比如說(shuō)我們當(dāng)前產(chǎn)品的問(wèn)題是:“為什么新用戶(hù)搭訕次數(shù)低?”,所以我們的問(wèn)題就會(huì)聚焦在搭訕數(shù)低的原因上,這也是“完全窮盡”的基礎(chǔ),只有當(dāng)問(wèn)題有了邊界,才能窮盡。


步驟二:尋找切入點(diǎn)

切入點(diǎn)指的是按什么方向進(jìn)行拆分,還是以“為什么新用戶(hù)搭訕次數(shù)低?”這個(gè)問(wèn)題來(lái)舉例,我們從搭訕數(shù)低的原因出發(fā),選擇的切入點(diǎn)是“角色”。即:在整個(gè)業(yè)務(wù)中,會(huì)涉及到的“用戶(hù)方”和“產(chǎn)品方”兩個(gè)角色:

  • 用戶(hù)在使用過(guò)程中遇到哪些問(wèn)題,導(dǎo)致用戶(hù)搭訕次數(shù)低,比如說(shuō)用戶(hù)對(duì)平臺(tái)推薦的人不感興趣、不知道搭訕是什么等。

  • 產(chǎn)品的功能設(shè)計(jì)是否合理,比如說(shuō)交互邏輯、界面布局,甚至可以聚焦到按鈕的大小和顏色,這些都可能會(huì)影響用戶(hù)使用搭訕。


步驟三:繼續(xù)細(xì)分

考慮當(dāng)前問(wèn)題是否可以繼續(xù)細(xì)分,比如說(shuō)用戶(hù)方可以分為男性和女性,但是這對(duì)搭訕數(shù)并沒(méi)有直接的影響,可能還要繼續(xù)細(xì)分為年齡、地區(qū)、職業(yè)等屬性,直到找到影響“搭訕”的因素。


步驟四:檢查確認(rèn)

細(xì)分完成之后,對(duì)問(wèn)題進(jìn)行檢查,看看是否有明顯遺漏或者重復(fù)的問(wèn)題。

怎么檢查提出的問(wèn)題是否已經(jīng)滿(mǎn)足相互獨(dú)立和完全窮盡呢?這里提供以下兩個(gè)方法:

  • 判斷是否相互獨(dú)立:每個(gè)拆分后的問(wèn)題,是否可以和其他問(wèn)題清楚的區(qū)分開(kāi)。

  • 判斷是否完全窮盡:拆分后的問(wèn)題是否具有唯一性,是否把能想到的都想到了。


*注:MECE原則同時(shí)適用于問(wèn)題和答案的設(shè)計(jì)。



MECE原則的拆分方法

MECE的拆分方法具體分為以下五種:



二分法

二分法指的是把信息分成A和非A的兩個(gè)部分,也就是說(shuō)在找出事物的某一維度后,繼續(xù)找出一個(gè)相反的維度,通俗來(lái)說(shuō)就是找出他的反義詞。常見(jiàn)的例子在我們生活中隨處可見(jiàn),比如說(shuō):未婚和已婚、成年和未成年、黑和白、上和下等等。


象限法

找到一個(gè)事物的兩個(gè)維度,進(jìn)行坐標(biāo)系劃分,變成4個(gè)象限。

比如我們一次性接到了很多迭代的設(shè)計(jì)需求,可以根據(jù)任務(wù)的重要性和緊急程度兩個(gè)維度,確定所有迭代需求的優(yōu)先級(jí)。

  • P0:重要且緊急,該問(wèn)題未得到解決,用戶(hù)無(wú)法順利完成任務(wù),這種需要馬上開(kāi)始進(jìn)行優(yōu)化解決的,比如一個(gè)電商軟件,用戶(hù)付款時(shí)總是失敗。

  • P1:重要但不緊急,這種一般指用戶(hù)在操作時(shí)可能感到麻煩,但仍然可以繼續(xù)完成任務(wù),比如說(shuō)按鈕、反饋很不顯眼,需要仔細(xì)查找。可以過(guò)段時(shí)間交付的內(nèi)容也算在這個(gè)范圍內(nèi),比如國(guó)慶大型活動(dòng)這種需求一般都要提前很久準(zhǔn)備,可能交付時(shí)間在一兩個(gè)星期之后。

  • P2:不重要但緊急,這種情況在設(shè)計(jì)工作中一般會(huì)比較少,比如歷史版本中遺留下來(lái)的字號(hào)、間距等問(wèn)題。

  • P3:不重要且不緊急,盡量少做,或者可以不做的需求,比如需求評(píng)審會(huì)上不完善、待修改的需求。



要素法

要素法是根據(jù)一個(gè)事物的做成要素行劃分的。比如說(shuō)我們作為設(shè)計(jì)師,都知道體驗(yàn)很重要,但是什么樣的體驗(yàn)才能被稱(chēng)之為好呢?于是很多公司會(huì)制定自己的體驗(yàn)度量標(biāo)準(zhǔn),比如Ant rDesign的PTECH模型,就把體驗(yàn)拆分成了性能體驗(yàn)、任務(wù)完成度、參與度、清晰度和滿(mǎn)意度。


*題外話(huà)補(bǔ)充:

HEART模型更多是用來(lái)度量C端產(chǎn)品的體驗(yàn),并不太適用于B端產(chǎn)品。B端產(chǎn)品多是提高效率的工具類(lèi)產(chǎn)品,業(yè)務(wù)比較復(fù)雜且用戶(hù)需要付費(fèi)才能使用,比較注重任務(wù)的完成效率和邏輯的清晰度。


公式法

按照現(xiàn)有公式中的要素進(jìn)行去分類(lèi),比如說(shuō)銷(xiāo)售額 = 銷(xiāo)售量 x 價(jià)格,CTR = 點(diǎn)擊數(shù) / 曝光數(shù)(根據(jù)不同業(yè)務(wù)和場(chǎng)景會(huì)有細(xì)微差異)。


這種時(shí)候,我們就可以把銷(xiāo)售額拆分為銷(xiāo)售量和價(jià)格,CTR拆分為點(diǎn)擊數(shù)和曝光數(shù)。



流程法

流程法指的是把一個(gè)事物,按照進(jìn)行的流程進(jìn)行劃分。拿我自己的上班日常來(lái)舉例:8個(gè)活動(dòng)組成一個(gè)流程。


3.2 問(wèn)題設(shè)計(jì)

問(wèn)題的四種形式

  • 封閉式:

在提出的每個(gè)問(wèn)題下面給出若干個(gè)答案,讓被調(diào)查者選出其中的一個(gè)或若干個(gè)問(wèn)題來(lái)回答的問(wèn)卷形式。封閉式問(wèn)題的優(yōu)勢(shì)在于,用戶(hù)在看到問(wèn)題和答案的時(shí)候,很快就能理解提問(wèn)者的目的。


a. 是非型:有且只有兩個(gè)備選答案,受訪(fǎng)者只能從中選擇一個(gè)答案。



b. 并列型:提供兩個(gè)及以上的并列答案,讓用戶(hù)在其中選擇最適合自己的答案。



c. 等級(jí)型:對(duì)兩個(gè)及以上分成等級(jí)的答案進(jìn)行選擇的題型,只能從中選擇一個(gè)答案。



d. 排序型:讓用戶(hù)從備選答案中選出全部或者部分答案,根據(jù)用戶(hù)選擇順序?qū)Υ鸢高M(jìn)行排列的一種方式。


  • 開(kāi)放式:

開(kāi)放式問(wèn)卷是問(wèn)卷設(shè)計(jì)者提供問(wèn)題,由被調(diào)查者自行構(gòu)思自由發(fā)揮,從而按自己意愿答出問(wèn)題的問(wèn)答題型為主,也就是我們常說(shuō)的填空題。


開(kāi)放式的優(yōu)勢(shì)是經(jīng)常會(huì)收集到一些意料之外的信息,且都是用戶(hù)直觀的感受。但正是由于它的開(kāi)放性,會(huì)導(dǎo)致問(wèn)題的答案很不規(guī)范,經(jīng)常會(huì)出現(xiàn)用戶(hù)的回答和問(wèn)題不相符的情況。這類(lèi)不規(guī)范的回答無(wú)法使用數(shù)據(jù)分析方法,嚴(yán)重影響最后的分析效率。


比如說(shuō)我們本次的問(wèn)卷目標(biāo)是調(diào)研影響用戶(hù)搭訕率和回復(fù)率的因素,其中有道填空題:

問(wèn)題:您在搭訕聊天的過(guò)程中,有什么不滿(mǎn)意的地方?或有什么建議?

回答:不太清楚、不知道等詞語(yǔ)。


  • 混合式:指的是封閉式+開(kāi)放式組合,常見(jiàn)的是在封閉式的答案下,用戶(hù)選擇一個(gè)答案后,會(huì)出現(xiàn)一個(gè)輸入框,填寫(xiě)用戶(hù)自己的看法,根據(jù)不同的情況,輸入框分為必填和非必填。


問(wèn)題產(chǎn)生的依據(jù)

*問(wèn)題的產(chǎn)生要有理有據(jù)。


我們本次調(diào)研的目的,主要是為了幫助用戶(hù)解決問(wèn)題,所以在問(wèn)卷的設(shè)計(jì)過(guò)程中,要問(wèn)自己兩個(gè)問(wèn)題:

  • 找到用戶(hù)遇到了哪些問(wèn)題?

  • 造成用戶(hù)遇到這些問(wèn)題的原因有哪些?

步驟一:通過(guò)用戶(hù)使用路徑差異,定位問(wèn)題

通過(guò)對(duì)比路徑和數(shù)據(jù)漏斗,發(fā)現(xiàn)并記錄用戶(hù)在使用過(guò)程中遇到的問(wèn)題。

如下圖,是一個(gè)簡(jiǎn)化的用戶(hù)路徑和漏斗數(shù)據(jù),主要分析的是“首頁(yè) - 發(fā)送消息”這條核心路徑,可以發(fā)現(xiàn):用戶(hù)流失最大的地方在“查看用戶(hù)資料 - 進(jìn)入IM頁(yè)”這一階段。


當(dāng)定位問(wèn)題后,還需要通過(guò)福格模型來(lái)擬定問(wèn)題和答案。



步驟二:通過(guò)福格模型,分析影響因素

福格模型認(rèn)為,行為的發(fā)生,有 3 個(gè)關(guān)鍵的要素,并且需要 3 個(gè)要素同時(shí)發(fā)生才能產(chǎn)生作用,也就是動(dòng)機(jī)、能力和提示:

  • 動(dòng)機(jī):做出行為的欲望。

  • 能力:去做某個(gè)行為的能力。

  • 提示:提醒你做出某個(gè)行為的信號(hào)。


*之前的版本為 B=MAT,其中 T 是 trigger 觸發(fā)的意思,后續(xù)迭代成 B=MAP,P 是 Prompt 提示的意思,但是提示和觸發(fā)的差異并不大,不必糾結(jié)。



當(dāng)我們利用福格模型去分析“查看用戶(hù)資料 - 進(jìn)入IM頁(yè)”的流失問(wèn)題時(shí),就變成了:

  • 動(dòng)機(jī):對(duì)方資料頁(yè)的哪些信息對(duì)用戶(hù)的吸引力高?哪些吸引力低?

  • 能力:阻礙用戶(hù)點(diǎn)擊私聊的原因可能是什么?按鈕是否在拇指可觸控區(qū)域?

  • 提示:用戶(hù)是否注意到了私聊的存在?怎樣在不打擾用戶(hù)的情況下讓用戶(hù)注意到私聊按鈕?



針對(duì)MAP這三個(gè)因素,預(yù)測(cè)用戶(hù)在各個(gè)使用場(chǎng)景會(huì)遇到的困難,總結(jié)成問(wèn)卷,向用戶(hù)求證。




問(wèn)題篩選

我們通過(guò)上述方法設(shè)計(jì)出很多的問(wèn)題后,時(shí)常會(huì)出現(xiàn)問(wèn)題很多,“我全都要”的情況。

步驟一:通過(guò)屬性,對(duì)問(wèn)題進(jìn)行歸類(lèi)

這里提供給大家一個(gè)思路:根據(jù)屬性不同,對(duì)所有問(wèn)題進(jìn)行歸類(lèi)。當(dāng)然,有時(shí)候會(huì)遇到這樣的情況:有一些問(wèn)題沒(méi)有明確的屬性進(jìn)行定義,但是又很重要,這種問(wèn)題可以統(tǒng)一概括為其他。



步驟二:?jiǎn)栴}篩選

歸類(lèi)完成后,從每一個(gè)屬性中,選出固定數(shù)量的問(wèn)題整合成問(wèn)卷,篩選的標(biāo)準(zhǔn)以目標(biāo)結(jié)果為導(dǎo)向,也就是每個(gè)問(wèn)題和本次問(wèn)卷目標(biāo)的關(guān)聯(lián)性,關(guān)聯(lián)性強(qiáng),則納入問(wèn)卷,反之則剔除。


這樣做的好處是在最后的問(wèn)卷結(jié)構(gòu)上,可以把相同屬性的問(wèn)題放在一起,保證上下問(wèn)題的邏輯性和相關(guān)性,用戶(hù)作答時(shí)不顯得別扭。




3.3 問(wèn)題數(shù)量

問(wèn)題的數(shù)量沒(méi)有固定的要求,根據(jù)不同的業(yè)務(wù)、不同的問(wèn)卷目的,問(wèn)卷的數(shù)量都是不同的。

通常情況下,問(wèn)卷中的問(wèn)題越多,所得的數(shù)據(jù)就越詳細(xì)。但是問(wèn)題越多,用戶(hù)的投入成本也就越高,這樣就會(huì)導(dǎo)致填寫(xiě)意愿降低。


我們公司平時(shí)的問(wèn)題數(shù)量,基本會(huì)控制在15個(gè)左右,為的是讓用戶(hù)能夠在半小時(shí)內(nèi)填寫(xiě)完畢。因?yàn)橛脩?hù)填寫(xiě)問(wèn)卷的耐心和時(shí)間都是有限的,所以在問(wèn)題的數(shù)量上,不宜過(guò)多。


提問(wèn)技巧


由淺入深

  • 按照問(wèn)題的難易程度進(jìn)行排列:問(wèn)題應(yīng)該先易后難,由淺入深,先問(wèn)正面的問(wèn)題,后問(wèn)負(fù)面的問(wèn)題,先描述客觀問(wèn)題,后描述主觀問(wèn)題,先一般性質(zhì)的問(wèn)題,后特殊性質(zhì)的問(wèn)題。


  • 按照問(wèn)題的類(lèi)型進(jìn)行排序:排列問(wèn)題的順序時(shí),要注意把不同類(lèi)型的問(wèn)題放在一起,這樣用戶(hù)可以一起回答,避免破壞用戶(hù)的思路和注意力。


  • 按照問(wèn)題的時(shí)間順序進(jìn)行排列:一般來(lái)說(shuō),問(wèn)題應(yīng)該按照事情發(fā)生的過(guò)去、現(xiàn)在、未來(lái)的時(shí)間順序進(jìn)行排列,也可以發(fā)過(guò)來(lái),即由近到遠(yuǎn)。


提供場(chǎng)景預(yù)設(shè),幫助用戶(hù)回憶

在設(shè)計(jì)問(wèn)題時(shí),避免回憶性問(wèn)題,特別是長(zhǎng)時(shí)間以前的回憶,記憶的模糊會(huì)降低答題的準(zhǔn)確率。


因?yàn)槿说挠洃浭浅仕槠鎯?chǔ)在大腦里的,直接問(wèn)用戶(hù)是很難被搜索到的。但是,在實(shí)際調(diào)研中,經(jīng)常會(huì)出現(xiàn)不得不讓用戶(hù)回憶的情況,針對(duì)這種場(chǎng)景,需要在問(wèn)題當(dāng)中構(gòu)建出一個(gè)具象的場(chǎng)景,這里的場(chǎng)景可以是時(shí)間、地點(diǎn)或者產(chǎn)品功能等,能夠幫助用戶(hù)串聯(lián)起回憶的都可以。



舉個(gè)例子:比如我現(xiàn)在想調(diào)研用戶(hù)使用發(fā)布模塊的情況,那么在問(wèn)題設(shè)計(jì)時(shí),就會(huì)圍繞發(fā)布相關(guān)的場(chǎng)景進(jìn)行提問(wèn)。



保持客觀,避免導(dǎo)向型問(wèn)題

如果問(wèn)題中帶有偏向性的語(yǔ)境,這樣就可能引發(fā)“誘導(dǎo)”,會(huì)導(dǎo)致用戶(hù)選擇問(wèn)題“暗示”的答案。


舉個(gè)例子:


避免范圍很大的問(wèn)題

如下圖,單看修改前的問(wèn)題是沒(méi)什么對(duì)錯(cuò)的,但聊天只是我們產(chǎn)品的功能之一,它由1v1聊天、群組聊天等多個(gè)功能組成。這樣就會(huì)造成用戶(hù)回答的內(nèi)容很寬泛,很難提取出有價(jià)值的信息。所以在問(wèn)題的修改上,我們需要更加具體的指向性?xún)?nèi)容。



避免一個(gè)問(wèn)句,兩個(gè)問(wèn)題

一個(gè)問(wèn)句中,出現(xiàn)兩個(gè)及以上的問(wèn)題。這個(gè)很簡(jiǎn)單,我們直接用上面學(xué)到的MECE原則進(jìn)行拆分就可以了,直接分成兩個(gè)問(wèn)題提問(wèn)。



避免術(shù)語(yǔ)、黑話(huà)

在設(shè)計(jì)問(wèn)題時(shí)要避免使用專(zhuān)業(yè)性術(shù)語(yǔ),通俗易懂的語(yǔ)言容易被不同畫(huà)像的用戶(hù)理解,避免誤會(huì)而引起的問(wèn)答偏差。有些用戶(hù)可能因?yàn)椴恢馈八惴ā钡木唧w意思,導(dǎo)致問(wèn)卷無(wú)法進(jìn)行。



避免雙重否定句式

雙重否定就是否定兩次,即表示肯定的意思,如:不得不。這種句式的問(wèn)題,用戶(hù)通常不能一下子就讀懂句子的意思,增加答題成本。



敏感問(wèn)題

  • 轉(zhuǎn)移法

不直接詢(xún)問(wèn)用戶(hù)對(duì)某事的觀點(diǎn),而是把問(wèn)題轉(zhuǎn)移到其他人身上,然后,請(qǐng)用戶(hù)以第三人稱(chēng)的視角,對(duì)他人的回答作出評(píng)價(jià),更能得到用戶(hù)真實(shí)的想法。


  • 假設(shè)法

首先假設(shè)某一情景或現(xiàn)象的存在,然后再詢(xún)問(wèn)用戶(hù)的看法。


3.4 答案設(shè)計(jì)

答案設(shè)計(jì)的注意事項(xiàng)

答案的設(shè)計(jì)最后會(huì)影響數(shù)據(jù)的有效性,所以在設(shè)計(jì)上需要注意以下三點(diǎn)事項(xiàng):

  • 具體量化:避免主觀描述,比如,偶爾、經(jīng)常、幾乎、相當(dāng)多。這類(lèi)詞語(yǔ)在不同的情況下,不同的用戶(hù)會(huì)有不同程度的理解。

  • 避免無(wú)效數(shù)據(jù):特殊情況下,提供無(wú)效答案,比如其他、以上都不是等選項(xiàng),避免給出的答案都不是用戶(hù)想要的,隨便選一個(gè),影響最后的數(shù)據(jù)分析。

  • 避免多選:多選的話(huà)設(shè)置上限,一般不超過(guò)三個(gè),可根據(jù)具體情況增加或減少。


3.5 問(wèn)卷評(píng)審

內(nèi)審和外審

在內(nèi)部評(píng)審之前,首先要自審一遍,這就要求我們?cè)谠O(shè)計(jì)問(wèn)卷后,最好是站在問(wèn)卷回答者的角度,試著自己做一遍問(wèn)卷,避免出現(xiàn)一些比較常規(guī)性質(zhì)的問(wèn)題,比如問(wèn)卷的邏輯性、用詞的通俗性、語(yǔ)意的表達(dá)等。


問(wèn)卷自審后沒(méi)什么問(wèn)題后,可以邀請(qǐng)項(xiàng)目組的人進(jìn)行內(nèi)審,最好可以拉上開(kāi)發(fā)、產(chǎn)品一起,提供多角度的思考方向。


4. 問(wèn)卷發(fā)放

問(wèn)卷發(fā)放主要從時(shí)間、地點(diǎn)、人物三個(gè)維度出發(fā)。

4.1 時(shí)間:

在問(wèn)卷的發(fā)放和回收時(shí)間之間,需要考慮用戶(hù)看到問(wèn)卷的時(shí)間和答題時(shí)間。


根據(jù)問(wèn)卷的曝光程度,留有足夠的時(shí)間讓用戶(hù)能夠看到并點(diǎn)擊問(wèn)卷,如果發(fā)放和回收中間留的時(shí)間過(guò)短,會(huì)造成用戶(hù)可能沒(méi)看到問(wèn)卷,或正在答題中,就已經(jīng)開(kāi)始回收了。這種情況會(huì)導(dǎo)致用戶(hù)在沒(méi)有完整閱讀題目或者充分思考的情況下,隨便作答,無(wú)法獲取足夠的樣本數(shù)據(jù)和用戶(hù)的真實(shí)想法。


當(dāng)然,發(fā)放和回收中間留的時(shí)間也不宜過(guò)長(zhǎng),時(shí)間越長(zhǎng),用戶(hù)忘記調(diào)研問(wèn)卷這回事的概率也就越大。


4.2 地點(diǎn)(投放方式):

投放渠道,由于我們的體驗(yàn)工作一般圍繞APP進(jìn)行,所以我們的渠道主要分為以下幾種:


  • app消息推送(push)

優(yōu)點(diǎn):可實(shí)現(xiàn)精準(zhǔn)投放

缺點(diǎn):受限于設(shè)備的消息開(kāi)關(guān),打擾性強(qiáng)


  • app廣告位推送:啟動(dòng)頁(yè),banner,信息流等形式

優(yōu)點(diǎn):由于是用戶(hù)主動(dòng)點(diǎn)擊進(jìn)行,所以有效性較高

缺點(diǎn):廣告位多為全量投放,無(wú)法保證用戶(hù)參與度


4.3 人物:

用戶(hù)和問(wèn)卷的匹配關(guān)系:?jiǎn)柧淼恼{(diào)研對(duì)象必須是我們的用戶(hù)。也就是說(shuō),如果投放的用戶(hù)和問(wèn)卷不匹配,那么最后得到的數(shù)據(jù)是沒(méi)有意義。


并且在分發(fā)方式上,還會(huì)根據(jù)規(guī)模分為部分和全量。部分就是針對(duì)用戶(hù)分群后的具體用戶(hù),有選擇性的進(jìn)行問(wèn)卷發(fā)放。全量則是針對(duì)平臺(tái)所有用戶(hù)的問(wèn)卷,這種由于平臺(tái)的用戶(hù)類(lèi)型很多,資源浪費(fèi)等問(wèn)題,基本不太用。



5. 問(wèn)卷整理:數(shù)據(jù)清洗

5.1 有效問(wèn)卷的數(shù)量影響最后分析的準(zhǔn)確性

在前文關(guān)于問(wèn)卷的特點(diǎn)中我們提到,用戶(hù)回答問(wèn)題的場(chǎng)景是不可控的,可能會(huì)出現(xiàn)瞎填的情況,如果我們回收問(wèn)卷后立馬進(jìn)行分析,會(huì)混入一些無(wú)效數(shù)據(jù),大大降低我們調(diào)研結(jié)果的可靠性。


所以,在正式進(jìn)行數(shù)據(jù)分析之前,還有一個(gè)問(wèn)卷篩選的環(huán)節(jié),以此保證數(shù)據(jù)的有效性,專(zhuān)業(yè)名稱(chēng)叫做數(shù)據(jù)清洗。

 


5.2 篩選無(wú)效問(wèn)卷的標(biāo)準(zhǔn)

既然涉及數(shù)據(jù)清洗,那么就一定會(huì)有一套標(biāo)準(zhǔn)去判斷哪些數(shù)據(jù)是可以“被清洗”的,所以我們這里總結(jié)了以下幾個(gè)標(biāo)準(zhǔn)供大家參考:


  • 選項(xiàng)呈重復(fù)性和規(guī)律性

檢查答案是否出現(xiàn)保持一致,或呈現(xiàn)某種規(guī)律的情況,出現(xiàn)的問(wèn)卷進(jìn)行刪除。

舉個(gè)例子:所有的答案都是“A-A-A-A”或”A-B-A-B”


  • 剔除漏答數(shù)過(guò)多的問(wèn)卷

嚴(yán)格來(lái)說(shuō)應(yīng)該將漏填的答卷全都進(jìn)行剔除,但有時(shí)候會(huì)遇到回收樣本量很少的情況,所以一般會(huì)設(shè)置漏答數(shù)的標(biāo)準(zhǔn)。

常用的標(biāo)準(zhǔn)是總題數(shù)的2/3,例如問(wèn)卷一共設(shè)計(jì)了 10 個(gè)問(wèn)題,回答了 6 個(gè)以上的用戶(hù)即視為有效問(wèn)卷,反之,則視為無(wú)效問(wèn)卷。



  • 前后邏輯不符

有些用戶(hù)受主客觀因素影響,可能不會(huì)認(rèn)真選答案,所以需要檢查前后的選項(xiàng)是否矛盾。

在問(wèn)題的設(shè)計(jì)中,經(jīng)常會(huì)出現(xiàn)多個(gè)問(wèn)題之間保持邏輯關(guān)系,如果用戶(hù)選擇了前一題“A”,則不應(yīng)該選擇后一道題的“B”。


舉個(gè)例子:用戶(hù)在前一題中選擇了“從未搭訕過(guò)”,后面卻又選擇了“搭訕后沒(méi)有人回復(fù)“,這種就可以視為前后邏輯不符的答卷。


如果問(wèn)卷中實(shí)在找不出可以用來(lái)表示邏輯關(guān)系的問(wèn)題,那么也可以設(shè)置一個(gè)明顯錯(cuò)誤的答案,最后統(tǒng)計(jì)問(wèn)卷數(shù)據(jù)時(shí),剔除該問(wèn)卷即可。

當(dāng)然問(wèn)題的迷惑性不能太強(qiáng),我們只是想要檢驗(yàn)用戶(hù)是否在認(rèn)真答題,而不是為難用戶(hù),所以認(rèn)真閱讀問(wèn)題和答案就不會(huì)出錯(cuò)。


  • 未按問(wèn)卷所指示之題項(xiàng)填答

舉個(gè)例子:第1題問(wèn):「請(qǐng)問(wèn)您使用過(guò)語(yǔ)音功能嗎?若沒(méi)有,請(qǐng)忽略第 2 題」,如果用戶(hù)第1題選沒(méi)有的,卻仍回答了第2題,那么就可以把該問(wèn)卷視為無(wú)效。


  • 根據(jù)填答時(shí)間和提交時(shí)間處理

在發(fā)放問(wèn)卷前,我們會(huì)進(jìn)行答題測(cè)試,目的是估算出答題所需要的總時(shí)長(zhǎng),以此作為問(wèn)卷答題時(shí)長(zhǎng)的有效性依據(jù),如果最后回收的問(wèn)卷答題時(shí)間比預(yù)估時(shí)間過(guò)長(zhǎng)或過(guò)短,就可以判斷為答題不認(rèn)真,都可以根據(jù)業(yè)務(wù)需求酌情剔除。


提交時(shí)間主要針對(duì)的是在規(guī)定時(shí)間內(nèi)完成答題,但超過(guò)了提交時(shí)間的用戶(hù)。比如說(shuō)我們回收問(wèn)卷的截止時(shí)間是12月7日,但是有的用戶(hù)是在12月8日完成答題并提交的,也會(huì)被視為無(wú)效問(wèn)卷。(市面上有些問(wèn)卷工具,可以回收設(shè)置時(shí)間,超過(guò)規(guī)定時(shí)間提交的問(wèn)卷不計(jì)入問(wèn)卷回收。)


6. 分析報(bào)告

統(tǒng)計(jì)各選項(xiàng)的數(shù)量、頻率是最常用到的分析方法,然后通過(guò)圖表展現(xiàn)出來(lái),可以非常直觀的看出整體分布情況。具體可以分為趨勢(shì)分析和分組分析兩種方法。

6.1 分類(lèi)篩選

顧名思義,分類(lèi)篩選是根據(jù)類(lèi)別來(lái)進(jìn)行數(shù)據(jù)篩選的一種方法,常用的類(lèi)別有:

  • 按回答篩選:根據(jù)題目中某道題進(jìn)行篩選分類(lèi)。使用場(chǎng)景如:需要分別查看男、女性的數(shù)據(jù),或者是按部門(mén)查看數(shù)據(jù)。

  • 問(wèn)卷提交時(shí)間:顧名思義按提交的時(shí)間篩選(以天為時(shí)間單位)。

  • 來(lái)源詳情:如鏈接地址、郵件地址、手機(jī)、PC等。

  • 地區(qū):省份、城市

  • 其他類(lèi)別:比如得分、IP地址等。


舉個(gè)例子:如下圖,選擇的篩選條件是問(wèn)題回答+提交日期。最終選擇的類(lèi)別為:年齡在21-30歲之間的用戶(hù),且2021/12/23之前提交問(wèn)卷的用戶(hù),最后得到的有效答卷是 44 份,這就說(shuō)明滿(mǎn)足該篩選條件的用戶(hù)有44人。




此時(shí),系統(tǒng)會(huì)把這44個(gè)人回答的其他問(wèn)題也全部篩選出來(lái),如下圖:

44個(gè)人當(dāng)中,有7個(gè)人搭訕過(guò) 1 次,9個(gè)人搭訕過(guò) 2-5 次,4個(gè)人搭訕過(guò)6-10次,5個(gè)人搭訕過(guò) 10 次以上,剩下19個(gè)人從未搭訕過(guò)。




6.2 交叉分析

除了分類(lèi)統(tǒng)計(jì),我們還可以通過(guò)交叉法,進(jìn)行差異分析,找出影響因素。


交叉分析法通常用于分析兩個(gè)及以上的變量關(guān)系,即同時(shí)將有一定聯(lián)系的變量及其值交叉排列在一張表格內(nèi),形成交叉表,從而分析交叉表中變量之間的關(guān)系。



聽(tīng)上去有一些麻煩,但是現(xiàn)在的很多問(wèn)卷平臺(tái)都會(huì)提供交叉分析的功能,下面會(huì)以問(wèn)卷星為例,簡(jiǎn)單的了解一下交叉分析的具體流程。



步驟一:點(diǎn)擊問(wèn)卷后臺(tái)的統(tǒng)計(jì)頁(yè)面,選擇交叉分析,選擇自變量X和因變量Y,點(diǎn)擊交叉分析。



步驟二:得出“分析年齡和關(guān)注信息之間的關(guān)系”數(shù)據(jù)表現(xiàn)。

當(dāng)數(shù)據(jù)都放在一起分析時(shí),很難看出年齡和關(guān)注信息這一行為的關(guān)系,但使用交叉分析之后,可以聚焦每個(gè)年齡段對(duì)于關(guān)注點(diǎn)的偏好,針對(duì)性的給出優(yōu)化方案。

  • 20歲以下的用戶(hù)中,最關(guān)注的是顏值,占比為63.64%。

  • 21-30歲的所有用戶(hù)中,最關(guān)注的是年齡,占比為67.86%。

  • 31-40歲的所有用戶(hù)中,最關(guān)注城市,占比為76.92%。

  • 其他年齡的信息偏好等等...




上述的兩種分析方法(分類(lèi)篩選和交叉分析),都是我們常用且方便的分析方法。如果想要更加深入的進(jìn)行調(diào)研總結(jié),可以使用一些專(zhuān)業(yè)的分析軟件,例如使用SPSS軟件,或者導(dǎo)入Excel表格做數(shù)據(jù)的處理,這都是目前使用比較廣泛的一些分析工具。


*重要的不是分析工具,而是對(duì)數(shù)據(jù)的敏感程度和分析能力。

7. 寫(xiě)在最后

至此,從問(wèn)卷設(shè)計(jì)到最后的數(shù)據(jù)分析就講解完了。


問(wèn)卷調(diào)研不是目的,目的是通過(guò)調(diào)研得出的結(jié)論,指導(dǎo)我們體驗(yàn)的優(yōu)化方向,問(wèn)卷調(diào)研本身只是了解用戶(hù)的手段之一,重要的是在問(wèn)卷設(shè)計(jì)過(guò)程中加深對(duì)手頭業(yè)務(wù)的理解。



1.前言

12月份馬上就結(jié)束了,這也意味著這個(gè)雙月的體驗(yàn)OKR也到了復(fù)盤(pán)的階段。想趁這個(gè)機(jī)會(huì)復(fù)盤(pán)一下自己這么久以來(lái)的體驗(yàn)經(jīng)歷,幫助我拓寬了設(shè)計(jì)職能的邊界,站在整個(gè)產(chǎn)品和業(yè)務(wù)的角度,思考當(dāng)前產(chǎn)品遇到的問(wèn)題和解決方案。


所以打算分幾篇文章輸出一些關(guān)于我在體驗(yàn)中遇到的問(wèn)題和解決方案,以及一些個(gè)人感悟。


之所以會(huì)先從問(wèn)卷入手,一方面是因?yàn)槲覀冊(cè)趩?wèn)卷的設(shè)計(jì)的過(guò)程中,很難找到全面分析問(wèn)卷設(shè)計(jì)的文章。另一方面是因?yàn)槔斫庥脩?hù),才能理解體驗(yàn)。真正好的體驗(yàn)一定來(lái)自于用戶(hù),且以幫助用戶(hù)解決問(wèn)題為目的。


接下來(lái),本文會(huì)通過(guò)大量問(wèn)卷案例,把實(shí)際過(guò)程中的落地經(jīng)驗(yàn)分享給大家。


1.1 問(wèn)卷的使用場(chǎng)景

問(wèn)卷還是訪(fǎng)談?

在實(shí)際的工作中,常用的用戶(hù)調(diào)研方式有兩種:?jiǎn)柧碚{(diào)研和用戶(hù)訪(fǎng)談。


那么,我們這次體驗(yàn)調(diào)研,為什么使用問(wèn)卷調(diào)研而不是用戶(hù)訪(fǎng)談呢?


想要回答這個(gè)問(wèn)題,可以從問(wèn)卷和訪(fǎng)談的差異性上進(jìn)行對(duì)比:

當(dāng)一個(gè)問(wèn)題沒(méi)有明確答案的時(shí)候,很適合做訪(fǎng)談,因?yàn)闆](méi)有確定的參考變量,不知道方向在哪,訪(fǎng)談可以幫助我們找到目標(biāo)方向。甚至你的訪(fǎng)談對(duì)象可以不是產(chǎn)品用戶(hù),但是他一定要有相同的產(chǎn)品需求。比如一個(gè)用戶(hù)沒(méi)有使用過(guò)微信,但是他有明確的社交需求,那么這個(gè)用戶(hù)就有被訪(fǎng)談的價(jià)值,因?yàn)樗軌驇椭覀冋业疆a(chǎn)品后續(xù)的迭代方向。


而問(wèn)卷是基于現(xiàn)有數(shù)據(jù),向用戶(hù)求證問(wèn)題的過(guò)程。當(dāng)公司產(chǎn)品經(jīng)歷了冷啟動(dòng)階段之后,后臺(tái)已經(jīng)記錄了足夠的產(chǎn)品數(shù)據(jù),這其中包括各功能的使用情況、用戶(hù)行為等,都為問(wèn)卷設(shè)計(jì)提供了很好的參考變量。所以,這個(gè)時(shí)候調(diào)研對(duì)象控制在使用過(guò)我們產(chǎn)品的用戶(hù),可以幫助我們快速定位問(wèn)題。


當(dāng)然,上述觀點(diǎn)并不絕對(duì),根據(jù)公司業(yè)務(wù)、使用場(chǎng)景、成本預(yù)算等因素,問(wèn)卷和調(diào)研一起使用的情況也是有的,所以找到適合自己公司的調(diào)研方式最重要。


補(bǔ)充:?jiǎn)柧硎且环N常用的定量分析工具,使用場(chǎng)景主要分為收集用戶(hù)數(shù)據(jù)和需求驗(yàn)證



收集用戶(hù)數(shù)據(jù)

收集用戶(hù)數(shù)據(jù)主要是為了判斷我們對(duì)用戶(hù)的的定位是否精準(zhǔn)。具體表現(xiàn)為收集用戶(hù)的基本信息、和用戶(hù)的體驗(yàn)反饋(吐槽、好評(píng)),主要作為了完善用戶(hù)畫(huà)像。


需求驗(yàn)證

需求驗(yàn)證主要是調(diào)研產(chǎn)品功能是否符合用戶(hù)預(yù)期,以及判斷現(xiàn)有功能是否有優(yōu)化的價(jià)值和空間(判斷優(yōu)化空間的依據(jù)主要以后臺(tái)數(shù)據(jù)為根本立足點(diǎn))。


舉個(gè)例子:平臺(tái)上架了一個(gè)xx功能,新功能的觸達(dá)路徑從首頁(yè)到目標(biāo)頁(yè)需要三步,通過(guò)后臺(tái)數(shù)據(jù)埋點(diǎn)的追蹤發(fā)現(xiàn),在第二步的時(shí)候,觸達(dá)人數(shù)驟降。那么針對(duì)新功能的問(wèn)卷重點(diǎn)之一,就會(huì)放在這個(gè)頁(yè)面觸達(dá)率為什么這么低上,以此尋找解決方案。



1.2 問(wèn)卷的特點(diǎn):

問(wèn)卷調(diào)研屬于間接調(diào)查,即被調(diào)查者填寫(xiě)問(wèn)卷是在調(diào)查者不在場(chǎng)的情況下進(jìn)行的,即調(diào)查者與被調(diào)查者一般不見(jiàn)面。


問(wèn)卷的優(yōu)點(diǎn):

  • 效率高:低成本、反饋快。

  • 容易量化:?jiǎn)柧淼膬?nèi)容呈封閉式,答案基本會(huì)被限定在有限的數(shù)量范圍內(nèi),很少有主觀問(wèn)答,樣本結(jié)果可控,容易量化。

  • 范圍廣:?jiǎn)柧碚{(diào)研不受人數(shù)、地域范圍、時(shí)空的限制。


問(wèn)卷的缺點(diǎn):

  • 封閉性:?jiǎn)柧淼拇鸢甘窃O(shè)計(jì)者預(yù)先設(shè)計(jì)好的,所以收到的信息有限。

  • 數(shù)據(jù)質(zhì)量不穩(wěn)定:由于問(wèn)卷覆蓋的用戶(hù)廣,回答問(wèn)卷的人是不受約束的,用戶(hù)的配合意愿對(duì)數(shù)據(jù)質(zhì)量影響較大(可能會(huì)出現(xiàn)隨便答題的情況)。




1.3 問(wèn)卷流程

在工作中,問(wèn)卷的設(shè)計(jì)流程通常被分為四個(gè)階段:準(zhǔn)備階段、設(shè)計(jì)階段、發(fā)放并回收階段,分析報(bào)告階段。



2. 問(wèn)卷設(shè)計(jì)前

2.1 關(guān)鍵目的

確定問(wèn)卷目的是為了聚焦問(wèn)題的范圍和方向。

每一個(gè)產(chǎn)品調(diào)研問(wèn)卷都應(yīng)該圍繞著至少1-2個(gè)核心目標(biāo)進(jìn)行拆分,過(guò)多的核心目標(biāo)會(huì)導(dǎo)致問(wèn)題數(shù)量沒(méi)法控制和調(diào)研方向不清晰。


2.2 問(wèn)卷說(shuō)明

在向用戶(hù)提出問(wèn)題之前,有個(gè)最重要也是最容易忽略的地方,就是問(wèn)卷的說(shuō)明部分,通常這些說(shuō)明會(huì)包括以下內(nèi)容:

  • 告訴用戶(hù)為什么要做這份問(wèn)卷調(diào)查:讓用戶(hù)知道,他們的建議會(huì)影響產(chǎn)品的設(shè)計(jì)方向。

  • 告訴用戶(hù)做調(diào)研的人是誰(shuí)(即平臺(tái)方的名稱(chēng))

  • 告訴用戶(hù)這份問(wèn)卷的重要程度:告訴用戶(hù)的選擇會(huì)影響最后產(chǎn)品的方向

  • 告訴用戶(hù)需要多久能填完這份問(wèn)卷:讓用戶(hù)判斷當(dāng)前是否有足夠的時(shí)間完成全部問(wèn)卷。

  • 告訴用戶(hù)回答問(wèn)卷的有效期限:避免用戶(hù)填寫(xiě)完后,提交的時(shí)候發(fā)現(xiàn)已經(jīng)錯(cuò)過(guò)了時(shí)機(jī)。

  • 告訴用戶(hù)保證受訪(fǎng)者的個(gè)人隱私是保密的:打消用戶(hù)不必要的顧慮,反映客觀事實(shí)和觀點(diǎn)。

  • 問(wèn)卷獎(jiǎng)勵(lì)的說(shuō)明:激勵(lì)用戶(hù)答題,最好是和產(chǎn)品相關(guān)的獎(jiǎng)勵(lì),比如說(shuō)平臺(tái)會(huì)員獎(jiǎng)勵(lì)。


2.3 確定問(wèn)卷的目標(biāo)用戶(hù)

用戶(hù)分群:

用戶(hù)分群其實(shí)就是通過(guò)權(quán)衡來(lái)讓調(diào)研目的和用戶(hù)的需求相匹配,忽略和調(diào)研目的不相關(guān)的用戶(hù),從而更好的調(diào)研目標(biāo)用戶(hù)的需求,本質(zhì)是為了提升效率。



常用的用戶(hù)分群維度由時(shí)間、用戶(hù)行為和用戶(hù)屬性三個(gè)維度組合完成:



  • 時(shí)間范圍:比如,最近7天,或者給出一個(gè)時(shí)間區(qū)間。


  • 用戶(hù)行為:圍繞調(diào)研目標(biāo),明確用戶(hù)的核心行為路徑以及分支路徑。然后判斷用戶(hù)完成了/未完成/依次完成了xx路徑,比如:

    1. 完成了登錄注冊(cè)的用戶(hù)

    2. 沒(méi)完成登錄注冊(cè)的用戶(hù)

    3. 完成了登錄注冊(cè),并且點(diǎn)擊了首頁(yè)廣告位的用戶(hù)


  • 用戶(hù)屬性:關(guān)于用戶(hù)屬性的定義,沒(méi)有統(tǒng)一的標(biāo)準(zhǔn),通常會(huì)從業(yè)務(wù)角度出發(fā),基于產(chǎn)品功能或運(yùn)營(yíng)玩法,對(duì)用戶(hù)進(jìn)行屬性分類(lèi),比如:性別/是否新用戶(hù)/是否實(shí)名認(rèn)證/用戶(hù)來(lái)源(抖音、地推)等。



下圖是我們用的用戶(hù)分群工具:



選擇的維度越多,用戶(hù)越精準(zhǔn)

我們?cè)谶M(jìn)行用戶(hù)分群時(shí),定位的精準(zhǔn)程度,和維度的選擇數(shù)量是正相關(guān)的。時(shí)間范圍越窄,用戶(hù)行為越多,用戶(hù)屬性越多,定位到的用戶(hù)越精確。


舉個(gè)例子:“近7天使用xx功能的男性用戶(hù)”,一定比“近7天使用xx功能的用戶(hù)”更加精準(zhǔn),因?yàn)槎嗔艘粋€(gè)“性別”的維度。


當(dāng)然,每一個(gè)產(chǎn)品的業(yè)務(wù)模式和用戶(hù)群體都是復(fù)雜的,根據(jù)商業(yè)模式、產(chǎn)品功能、用戶(hù)使用習(xí)慣和目的不同,這些因素都可能成為用戶(hù)細(xì)分的維度。


樣本數(shù)量

樣本的數(shù)量,主要取決于我們想要回收多少份有效問(wèn)卷,也就是回收率。

  • 回收率 = 回收的有效回答份數(shù) / 總發(fā)送的份數(shù) × 100%

  • 問(wèn)卷回收數(shù) = 回收率 × 樣本數(shù)量


所以,在回收率固定不變的情況下,樣本數(shù)量越大,問(wèn)卷回收的數(shù)量越多,反之,樣本數(shù)量越小,問(wèn)卷回收的數(shù)量越少。


影響樣本數(shù)量的因素

影響樣本數(shù)量的因素主要分為響應(yīng)率和完成率:

  • 響應(yīng)率 = 打開(kāi)問(wèn)卷的用戶(hù) / 問(wèn)卷實(shí)際發(fā)放人數(shù)×100%

舉個(gè)例子:平臺(tái)通過(guò)渠道向100人發(fā)放問(wèn)卷,只有50人打開(kāi)了問(wèn)卷,那么調(diào)查的響應(yīng)率為50 / 100 × 100% = 50%


  • 完成率 = 完成并提交問(wèn)卷的用戶(hù) / 打開(kāi)問(wèn)卷的用戶(hù)×100%

舉個(gè)例子:有100人點(diǎn)開(kāi)了問(wèn)卷,最終有50個(gè)人填寫(xiě)完成,那么完成率為50 / 100 × 100% = 50%


相同的調(diào)研樣本數(shù)量,用戶(hù)響應(yīng)率和完成率越高,有效問(wèn)卷的回收率也就越高。所以,除了增加樣本數(shù)量外,也可以通過(guò)提高用戶(hù)的響應(yīng)率和完成率,來(lái)提高問(wèn)卷的回收數(shù)量。


舉個(gè)例子:

  • 擴(kuò)大問(wèn)卷的曝光量,從而觸達(dá)更多用戶(hù),提高響應(yīng)率。

  • 豐富問(wèn)卷獎(jiǎng)勵(lì),增加用戶(hù)的答題意愿,提高完成率。



樣本數(shù)量的邊際效益

問(wèn)卷數(shù)量的價(jià)值是存在邊際效應(yīng)的,因?yàn)殡S著樣本數(shù)量的增多,回收的答案是趨于一致的,參考價(jià)值較低,所以問(wèn)卷的樣本數(shù)量并不是越多越好。



通常為了保證最終的有效問(wèn)卷回收能滿(mǎn)足研究報(bào)告,應(yīng)該在理想的樣本數(shù)量上,進(jìn)行適當(dāng)?shù)臄U(kuò)充。


舉個(gè)例子:通過(guò)觀察平臺(tái)用戶(hù)的響應(yīng)率和完成度,估算出抽取1000數(shù)量的樣本數(shù)量能夠支撐最終的研究產(chǎn)出,但是考慮一些特殊情況的產(chǎn)生,此時(shí)會(huì)再加上200的樣本數(shù)量,來(lái)確保問(wèn)卷的回收率。



3. 問(wèn)題和答案的設(shè)計(jì)

3.1 MECE原則

MECE是一種將一個(gè)具體事物進(jìn)行"拆分"的原則,該原則由麥肯錫顧問(wèn)巴巴拉·明托(Barbara Minto)在《金字塔原理》一書(shū)中首次提出,隨即被奉為咨詢(xún)解決思路的圭臬。其目的在于分析問(wèn)題時(shí)盡量做到對(duì)問(wèn)題點(diǎn)進(jìn)行不重疊且不遺漏的分類(lèi),而且能夠借此有效把握問(wèn)題的核心,并成為有效解決問(wèn)題的方法。


MECE原則可以分為兩個(gè)部分:


  • 相互獨(dú)立(ME):

互斥性原則是指在問(wèn)卷答案的設(shè)計(jì)中,同一問(wèn)題的若干個(gè)答案之間關(guān)系時(shí)是互相排斥的,不能有重疊、交叉、包含等情況。

  • 完全窮盡(CE):

完備性原則是指在問(wèn)卷答案的設(shè)計(jì)中,所排列出的答案應(yīng)包含問(wèn)題的全部情況,不能有遺漏。特別是針對(duì)封閉題而言的,必須做到窮盡。



MECE的步驟

了解完MECE原則后,接著從以下四個(gè)步驟來(lái)說(shuō)一下它的實(shí)際用法:



步驟一:確定范圍

明確問(wèn)題是什么,比如說(shuō)我們當(dāng)前產(chǎn)品的問(wèn)題是:“為什么新用戶(hù)搭訕次數(shù)低?”,所以我們的問(wèn)題就會(huì)聚焦在搭訕數(shù)低的原因上,這也是“完全窮盡”的基礎(chǔ),只有當(dāng)問(wèn)題有了邊界,才能窮盡。


步驟二:尋找切入點(diǎn)

切入點(diǎn)指的是按什么方向進(jìn)行拆分,還是以“為什么新用戶(hù)搭訕次數(shù)低?”這個(gè)問(wèn)題來(lái)舉例,我們從搭訕數(shù)低的原因出發(fā),選擇的切入點(diǎn)是“角色”。即:在整個(gè)業(yè)務(wù)中,會(huì)涉及到的“用戶(hù)方”和“產(chǎn)品方”兩個(gè)角色:

  • 用戶(hù)在使用過(guò)程中遇到哪些問(wèn)題,導(dǎo)致用戶(hù)搭訕次數(shù)低,比如說(shuō)用戶(hù)對(duì)平臺(tái)推薦的人不感興趣、不知道搭訕是什么等。

  • 產(chǎn)品的功能設(shè)計(jì)是否合理,比如說(shuō)交互邏輯、界面布局,甚至可以聚焦到按鈕的大小和顏色,這些都可能會(huì)影響用戶(hù)使用搭訕。


步驟三:繼續(xù)細(xì)分

考慮當(dāng)前問(wèn)題是否可以繼續(xù)細(xì)分,比如說(shuō)用戶(hù)方可以分為男性和女性,但是這對(duì)搭訕數(shù)并沒(méi)有直接的影響,可能還要繼續(xù)細(xì)分為年齡、地區(qū)、職業(yè)等屬性,直到找到影響“搭訕”的因素。


步驟四:檢查確認(rèn)

細(xì)分完成之后,對(duì)問(wèn)題進(jìn)行檢查,看看是否有明顯遺漏或者重復(fù)的問(wèn)題。

怎么檢查提出的問(wèn)題是否已經(jīng)滿(mǎn)足相互獨(dú)立和完全窮盡呢?這里提供以下兩個(gè)方法:

  • 判斷是否相互獨(dú)立:每個(gè)拆分后的問(wèn)題,是否可以和其他問(wèn)題清楚的區(qū)分開(kāi)。

  • 判斷是否完全窮盡:拆分后的問(wèn)題是否具有唯一性,是否把能想到的都想到了。


*注:MECE原則同時(shí)適用于問(wèn)題和答案的設(shè)計(jì)。



MECE原則的拆分方法

MECE的拆分方法具體分為以下五種:



二分法

二分法指的是把信息分成A和非A的兩個(gè)部分,也就是說(shuō)在找出事物的某一維度后,繼續(xù)找出一個(gè)相反的維度,通俗來(lái)說(shuō)就是找出他的反義詞。常見(jiàn)的例子在我們生活中隨處可見(jiàn),比如說(shuō):未婚和已婚、成年和未成年、黑和白、上和下等等。


象限法

找到一個(gè)事物的兩個(gè)維度,進(jìn)行坐標(biāo)系劃分,變成4個(gè)象限。

比如我們一次性接到了很多迭代的設(shè)計(jì)需求,可以根據(jù)任務(wù)的重要性和緊急程度兩個(gè)維度,確定所有迭代需求的優(yōu)先級(jí)。

  • P0:重要且緊急,該問(wèn)題未得到解決,用戶(hù)無(wú)法順利完成任務(wù),這種需要馬上開(kāi)始進(jìn)行優(yōu)化解決的,比如一個(gè)電商軟件,用戶(hù)付款時(shí)總是失敗。

  • P1:重要但不緊急,這種一般指用戶(hù)在操作時(shí)可能感到麻煩,但仍然可以繼續(xù)完成任務(wù),比如說(shuō)按鈕、反饋很不顯眼,需要仔細(xì)查找??梢赃^(guò)段時(shí)間交付的內(nèi)容也算在這個(gè)范圍內(nèi),比如國(guó)慶大型活動(dòng)這種需求一般都要提前很久準(zhǔn)備,可能交付時(shí)間在一兩個(gè)星期之后。

  • P2:不重要但緊急,這種情況在設(shè)計(jì)工作中一般會(huì)比較少,比如歷史版本中遺留下來(lái)的字號(hào)、間距等問(wèn)題。

  • P3:不重要且不緊急,盡量少做,或者可以不做的需求,比如需求評(píng)審會(huì)上不完善、待修改的需求。



要素法

要素法是根據(jù)一個(gè)事物的做成要素行劃分的。比如說(shuō)我們作為設(shè)計(jì)師,都知道體驗(yàn)很重要,但是什么樣的體驗(yàn)才能被稱(chēng)之為好呢?于是很多公司會(huì)制定自己的體驗(yàn)度量標(biāo)準(zhǔn),比如Ant rDesign的PTECH模型,就把體驗(yàn)拆分成了性能體驗(yàn)、任務(wù)完成度、參與度、清晰度和滿(mǎn)意度。


*題外話(huà)補(bǔ)充:

HEART模型更多是用來(lái)度量C端產(chǎn)品的體驗(yàn),并不太適用于B端產(chǎn)品。B端產(chǎn)品多是提高效率的工具類(lèi)產(chǎn)品,業(yè)務(wù)比較復(fù)雜且用戶(hù)需要付費(fèi)才能使用,比較注重任務(wù)的完成效率和邏輯的清晰度。


公式法

按照現(xiàn)有公式中的要素進(jìn)行去分類(lèi),比如說(shuō)銷(xiāo)售額 = 銷(xiāo)售量 x 價(jià)格,CTR = 點(diǎn)擊數(shù) / 曝光數(shù)(根據(jù)不同業(yè)務(wù)和場(chǎng)景會(huì)有細(xì)微差異)。


這種時(shí)候,我們就可以把銷(xiāo)售額拆分為銷(xiāo)售量和價(jià)格,CTR拆分為點(diǎn)擊數(shù)和曝光數(shù)。



流程法

流程法指的是把一個(gè)事物,按照進(jìn)行的流程進(jìn)行劃分。拿我自己的上班日常來(lái)舉例:8個(gè)活動(dòng)組成一個(gè)流程。


3.2 問(wèn)題設(shè)計(jì)

問(wèn)題的四種形式

  • 封閉式:

在提出的每個(gè)問(wèn)題下面給出若干個(gè)答案,讓被調(diào)查者選出其中的一個(gè)或若干個(gè)問(wèn)題來(lái)回答的問(wèn)卷形式。封閉式問(wèn)題的優(yōu)勢(shì)在于,用戶(hù)在看到問(wèn)題和答案的時(shí)候,很快就能理解提問(wèn)者的目的。


a. 是非型:有且只有兩個(gè)備選答案,受訪(fǎng)者只能從中選擇一個(gè)答案。



b. 并列型:提供兩個(gè)及以上的并列答案,讓用戶(hù)在其中選擇最適合自己的答案。



c. 等級(jí)型:對(duì)兩個(gè)及以上分成等級(jí)的答案進(jìn)行選擇的題型,只能從中選擇一個(gè)答案。



d. 排序型:讓用戶(hù)從備選答案中選出全部或者部分答案,根據(jù)用戶(hù)選擇順序?qū)Υ鸢高M(jìn)行排列的一種方式。


  • 開(kāi)放式:

開(kāi)放式問(wèn)卷是問(wèn)卷設(shè)計(jì)者提供問(wèn)題,由被調(diào)查者自行構(gòu)思自由發(fā)揮,從而按自己意愿答出問(wèn)題的問(wèn)答題型為主,也就是我們常說(shuō)的填空題。


開(kāi)放式的優(yōu)勢(shì)是經(jīng)常會(huì)收集到一些意料之外的信息,且都是用戶(hù)直觀的感受。但正是由于它的開(kāi)放性,會(huì)導(dǎo)致問(wèn)題的答案很不規(guī)范,經(jīng)常會(huì)出現(xiàn)用戶(hù)的回答和問(wèn)題不相符的情況。這類(lèi)不規(guī)范的回答無(wú)法使用數(shù)據(jù)分析方法,嚴(yán)重影響最后的分析效率。


比如說(shuō)我們本次的問(wèn)卷目標(biāo)是調(diào)研影響用戶(hù)搭訕率和回復(fù)率的因素,其中有道填空題:

問(wèn)題:您在搭訕聊天的過(guò)程中,有什么不滿(mǎn)意的地方?或有什么建議?

回答:不太清楚、不知道等詞語(yǔ)。


  • 混合式:指的是封閉式+開(kāi)放式組合,常見(jiàn)的是在封閉式的答案下,用戶(hù)選擇一個(gè)答案后,會(huì)出現(xiàn)一個(gè)輸入框,填寫(xiě)用戶(hù)自己的看法,根據(jù)不同的情況,輸入框分為必填和非必填。


問(wèn)題產(chǎn)生的依據(jù)

*問(wèn)題的產(chǎn)生要有理有據(jù)。


我們本次調(diào)研的目的,主要是為了幫助用戶(hù)解決問(wèn)題,所以在問(wèn)卷的設(shè)計(jì)過(guò)程中,要問(wèn)自己兩個(gè)問(wèn)題:

  • 找到用戶(hù)遇到了哪些問(wèn)題?

  • 造成用戶(hù)遇到這些問(wèn)題的原因有哪些?

步驟一:通過(guò)用戶(hù)使用路徑差異,定位問(wèn)題

通過(guò)對(duì)比路徑和數(shù)據(jù)漏斗,發(fā)現(xiàn)并記錄用戶(hù)在使用過(guò)程中遇到的問(wèn)題。

如下圖,是一個(gè)簡(jiǎn)化的用戶(hù)路徑和漏斗數(shù)據(jù),主要分析的是“首頁(yè) - 發(fā)送消息”這條核心路徑,可以發(fā)現(xiàn):用戶(hù)流失最大的地方在“查看用戶(hù)資料 - 進(jìn)入IM頁(yè)”這一階段。


當(dāng)定位問(wèn)題后,還需要通過(guò)福格模型來(lái)擬定問(wèn)題和答案。



步驟二:通過(guò)福格模型,分析影響因素

福格模型認(rèn)為,行為的發(fā)生,有 3 個(gè)關(guān)鍵的要素,并且需要 3 個(gè)要素同時(shí)發(fā)生才能產(chǎn)生作用,也就是動(dòng)機(jī)、能力和提示:

  • 動(dòng)機(jī):做出行為的欲望。

  • 能力:去做某個(gè)行為的能力。

  • 提示:提醒你做出某個(gè)行為的信號(hào)。


*之前的版本為 B=MAT,其中 T 是 trigger 觸發(fā)的意思,后續(xù)迭代成 B=MAP,P 是 Prompt 提示的意思,但是提示和觸發(fā)的差異并不大,不必糾結(jié)。



當(dāng)我們利用福格模型去分析“查看用戶(hù)資料 - 進(jìn)入IM頁(yè)”的流失問(wèn)題時(shí),就變成了:

  • 動(dòng)機(jī):對(duì)方資料頁(yè)的哪些信息對(duì)用戶(hù)的吸引力高?哪些吸引力低?

  • 能力:阻礙用戶(hù)點(diǎn)擊私聊的原因可能是什么?按鈕是否在拇指可觸控區(qū)域?

  • 提示:用戶(hù)是否注意到了私聊的存在?怎樣在不打擾用戶(hù)的情況下讓用戶(hù)注意到私聊按鈕?



針對(duì)MAP這三個(gè)因素,預(yù)測(cè)用戶(hù)在各個(gè)使用場(chǎng)景會(huì)遇到的困難,總結(jié)成問(wèn)卷,向用戶(hù)求證。




問(wèn)題篩選

我們通過(guò)上述方法設(shè)計(jì)出很多的問(wèn)題后,時(shí)常會(huì)出現(xiàn)問(wèn)題很多,“我全都要”的情況。

步驟一:通過(guò)屬性,對(duì)問(wèn)題進(jìn)行歸類(lèi)

這里提供給大家一個(gè)思路:根據(jù)屬性不同,對(duì)所有問(wèn)題進(jìn)行歸類(lèi)。當(dāng)然,有時(shí)候會(huì)遇到這樣的情況:有一些問(wèn)題沒(méi)有明確的屬性進(jìn)行定義,但是又很重要,這種問(wèn)題可以統(tǒng)一概括為其他。



步驟二:?jiǎn)栴}篩選

歸類(lèi)完成后,從每一個(gè)屬性中,選出固定數(shù)量的問(wèn)題整合成問(wèn)卷,篩選的標(biāo)準(zhǔn)以目標(biāo)結(jié)果為導(dǎo)向,也就是每個(gè)問(wèn)題和本次問(wèn)卷目標(biāo)的關(guān)聯(lián)性,關(guān)聯(lián)性強(qiáng),則納入問(wèn)卷,反之則剔除。


這樣做的好處是在最后的問(wèn)卷結(jié)構(gòu)上,可以把相同屬性的問(wèn)題放在一起,保證上下問(wèn)題的邏輯性和相關(guān)性,用戶(hù)作答時(shí)不顯得別扭。




3.3 問(wèn)題數(shù)量

問(wèn)題的數(shù)量沒(méi)有固定的要求,根據(jù)不同的業(yè)務(wù)、不同的問(wèn)卷目的,問(wèn)卷的數(shù)量都是不同的。

通常情況下,問(wèn)卷中的問(wèn)題越多,所得的數(shù)據(jù)就越詳細(xì)。但是問(wèn)題越多,用戶(hù)的投入成本也就越高,這樣就會(huì)導(dǎo)致填寫(xiě)意愿降低。


我們公司平時(shí)的問(wèn)題數(shù)量,基本會(huì)控制在15個(gè)左右,為的是讓用戶(hù)能夠在半小時(shí)內(nèi)填寫(xiě)完畢。因?yàn)橛脩?hù)填寫(xiě)問(wèn)卷的耐心和時(shí)間都是有限的,所以在問(wèn)題的數(shù)量上,不宜過(guò)多。


提問(wèn)技巧


由淺入深

  • 按照問(wèn)題的難易程度進(jìn)行排列:問(wèn)題應(yīng)該先易后難,由淺入深,先問(wèn)正面的問(wèn)題,后問(wèn)負(fù)面的問(wèn)題,先描述客觀問(wèn)題,后描述主觀問(wèn)題,先一般性質(zhì)的問(wèn)題,后特殊性質(zhì)的問(wèn)題。


  • 按照問(wèn)題的類(lèi)型進(jìn)行排序:排列問(wèn)題的順序時(shí),要注意把不同類(lèi)型的問(wèn)題放在一起,這樣用戶(hù)可以一起回答,避免破壞用戶(hù)的思路和注意力。


  • 按照問(wèn)題的時(shí)間順序進(jìn)行排列:一般來(lái)說(shuō),問(wèn)題應(yīng)該按照事情發(fā)生的過(guò)去、現(xiàn)在、未來(lái)的時(shí)間順序進(jìn)行排列,也可以發(fā)過(guò)來(lái),即由近到遠(yuǎn)。


提供場(chǎng)景預(yù)設(shè),幫助用戶(hù)回憶

在設(shè)計(jì)問(wèn)題時(shí),避免回憶性問(wèn)題,特別是長(zhǎng)時(shí)間以前的回憶,記憶的模糊會(huì)降低答題的準(zhǔn)確率。


因?yàn)槿说挠洃浭浅仕槠鎯?chǔ)在大腦里的,直接問(wèn)用戶(hù)是很難被搜索到的。但是,在實(shí)際調(diào)研中,經(jīng)常會(huì)出現(xiàn)不得不讓用戶(hù)回憶的情況,針對(duì)這種場(chǎng)景,需要在問(wèn)題當(dāng)中構(gòu)建出一個(gè)具象的場(chǎng)景,這里的場(chǎng)景可以是時(shí)間、地點(diǎn)或者產(chǎn)品功能等,能夠幫助用戶(hù)串聯(lián)起回憶的都可以。



舉個(gè)例子:比如我現(xiàn)在想調(diào)研用戶(hù)使用發(fā)布模塊的情況,那么在問(wèn)題設(shè)計(jì)時(shí),就會(huì)圍繞發(fā)布相關(guān)的場(chǎng)景進(jìn)行提問(wèn)。



保持客觀,避免導(dǎo)向型問(wèn)題

如果問(wèn)題中帶有偏向性的語(yǔ)境,這樣就可能引發(fā)“誘導(dǎo)”,會(huì)導(dǎo)致用戶(hù)選擇問(wèn)題“暗示”的答案。


舉個(gè)例子:


避免范圍很大的問(wèn)題

如下圖,單看修改前的問(wèn)題是沒(méi)什么對(duì)錯(cuò)的,但聊天只是我們產(chǎn)品的功能之一,它由1v1聊天、群組聊天等多個(gè)功能組成。這樣就會(huì)造成用戶(hù)回答的內(nèi)容很寬泛,很難提取出有價(jià)值的信息。所以在問(wèn)題的修改上,我們需要更加具體的指向性?xún)?nèi)容。



避免一個(gè)問(wèn)句,兩個(gè)問(wèn)題

一個(gè)問(wèn)句中,出現(xiàn)兩個(gè)及以上的問(wèn)題。這個(gè)很簡(jiǎn)單,我們直接用上面學(xué)到的MECE原則進(jìn)行拆分就可以了,直接分成兩個(gè)問(wèn)題提問(wèn)。



避免術(shù)語(yǔ)、黑話(huà)

在設(shè)計(jì)問(wèn)題時(shí)要避免使用專(zhuān)業(yè)性術(shù)語(yǔ),通俗易懂的語(yǔ)言容易被不同畫(huà)像的用戶(hù)理解,避免誤會(huì)而引起的問(wèn)答偏差。有些用戶(hù)可能因?yàn)椴恢馈八惴ā钡木唧w意思,導(dǎo)致問(wèn)卷無(wú)法進(jìn)行。



避免雙重否定句式

雙重否定就是否定兩次,即表示肯定的意思,如:不得不。這種句式的問(wèn)題,用戶(hù)通常不能一下子就讀懂句子的意思,增加答題成本。



敏感問(wèn)題

  • 轉(zhuǎn)移法

不直接詢(xún)問(wèn)用戶(hù)對(duì)某事的觀點(diǎn),而是把問(wèn)題轉(zhuǎn)移到其他人身上,然后,請(qǐng)用戶(hù)以第三人稱(chēng)的視角,對(duì)他人的回答作出評(píng)價(jià),更能得到用戶(hù)真實(shí)的想法。


  • 假設(shè)法

首先假設(shè)某一情景或現(xiàn)象的存在,然后再詢(xún)問(wèn)用戶(hù)的看法。


3.4 答案設(shè)計(jì)

答案設(shè)計(jì)的注意事項(xiàng)

答案的設(shè)計(jì)最后會(huì)影響數(shù)據(jù)的有效性,所以在設(shè)計(jì)上需要注意以下三點(diǎn)事項(xiàng):

  • 具體量化:避免主觀描述,比如,偶爾、經(jīng)常、幾乎、相當(dāng)多。這類(lèi)詞語(yǔ)在不同的情況下,不同的用戶(hù)會(huì)有不同程度的理解。

  • 避免無(wú)效數(shù)據(jù):特殊情況下,提供無(wú)效答案,比如其他、以上都不是等選項(xiàng),避免給出的答案都不是用戶(hù)想要的,隨便選一個(gè),影響最后的數(shù)據(jù)分析。

  • 避免多選:多選的話(huà)設(shè)置上限,一般不超過(guò)三個(gè),可根據(jù)具體情況增加或減少。


3.5 問(wèn)卷評(píng)審

內(nèi)審和外審

在內(nèi)部評(píng)審之前,首先要自審一遍,這就要求我們?cè)谠O(shè)計(jì)問(wèn)卷后,最好是站在問(wèn)卷回答者的角度,試著自己做一遍問(wèn)卷,避免出現(xiàn)一些比較常規(guī)性質(zhì)的問(wèn)題,比如問(wèn)卷的邏輯性、用詞的通俗性、語(yǔ)意的表達(dá)等。


問(wèn)卷自審后沒(méi)什么問(wèn)題后,可以邀請(qǐng)項(xiàng)目組的人進(jìn)行內(nèi)審,最好可以拉上開(kāi)發(fā)、產(chǎn)品一起,提供多角度的思考方向。


4. 問(wèn)卷發(fā)放

問(wèn)卷發(fā)放主要從時(shí)間、地點(diǎn)、人物三個(gè)維度出發(fā)。

4.1 時(shí)間:

在問(wèn)卷的發(fā)放和回收時(shí)間之間,需要考慮用戶(hù)看到問(wèn)卷的時(shí)間和答題時(shí)間。


根據(jù)問(wèn)卷的曝光程度,留有足夠的時(shí)間讓用戶(hù)能夠看到并點(diǎn)擊問(wèn)卷,如果發(fā)放和回收中間留的時(shí)間過(guò)短,會(huì)造成用戶(hù)可能沒(méi)看到問(wèn)卷,或正在答題中,就已經(jīng)開(kāi)始回收了。這種情況會(huì)導(dǎo)致用戶(hù)在沒(méi)有完整閱讀題目或者充分思考的情況下,隨便作答,無(wú)法獲取足夠的樣本數(shù)據(jù)和用戶(hù)的真實(shí)想法。


當(dāng)然,發(fā)放和回收中間留的時(shí)間也不宜過(guò)長(zhǎng),時(shí)間越長(zhǎng),用戶(hù)忘記調(diào)研問(wèn)卷這回事的概率也就越大。


4.2 地點(diǎn)(投放方式):

投放渠道,由于我們的體驗(yàn)工作一般圍繞APP進(jìn)行,所以我們的渠道主要分為以下幾種:


  • app消息推送(push)

優(yōu)點(diǎn):可實(shí)現(xiàn)精準(zhǔn)投放

缺點(diǎn):受限于設(shè)備的消息開(kāi)關(guān),打擾性強(qiáng)


  • app廣告位推送:啟動(dòng)頁(yè),banner,信息流等形式

優(yōu)點(diǎn):由于是用戶(hù)主動(dòng)點(diǎn)擊進(jìn)行,所以有效性較高

缺點(diǎn):廣告位多為全量投放,無(wú)法保證用戶(hù)參與度


4.3 人物:

用戶(hù)和問(wèn)卷的匹配關(guān)系:?jiǎn)柧淼恼{(diào)研對(duì)象必須是我們的用戶(hù)。也就是說(shuō),如果投放的用戶(hù)和問(wèn)卷不匹配,那么最后得到的數(shù)據(jù)是沒(méi)有意義。


并且在分發(fā)方式上,還會(huì)根據(jù)規(guī)模分為部分和全量。部分就是針對(duì)用戶(hù)分群后的具體用戶(hù),有選擇性的進(jìn)行問(wèn)卷發(fā)放。全量則是針對(duì)平臺(tái)所有用戶(hù)的問(wèn)卷,這種由于平臺(tái)的用戶(hù)類(lèi)型很多,資源浪費(fèi)等問(wèn)題,基本不太用。



5. 問(wèn)卷整理:數(shù)據(jù)清洗

5.1 有效問(wèn)卷的數(shù)量影響最后分析的準(zhǔn)確性

在前文關(guān)于問(wèn)卷的特點(diǎn)中我們提到,用戶(hù)回答問(wèn)題的場(chǎng)景是不可控的,可能會(huì)出現(xiàn)瞎填的情況,如果我們回收問(wèn)卷后立馬進(jìn)行分析,會(huì)混入一些無(wú)效數(shù)據(jù),大大降低我們調(diào)研結(jié)果的可靠性。


所以,在正式進(jìn)行數(shù)據(jù)分析之前,還有一個(gè)問(wèn)卷篩選的環(huán)節(jié),以此保證數(shù)據(jù)的有效性,專(zhuān)業(yè)名稱(chēng)叫做數(shù)據(jù)清洗。

 


5.2 篩選無(wú)效問(wèn)卷的標(biāo)準(zhǔn)

既然涉及數(shù)據(jù)清洗,那么就一定會(huì)有一套標(biāo)準(zhǔn)去判斷哪些數(shù)據(jù)是可以“被清洗”的,所以我們這里總結(jié)了以下幾個(gè)標(biāo)準(zhǔn)供大家參考:


  • 選項(xiàng)呈重復(fù)性和規(guī)律性

檢查答案是否出現(xiàn)保持一致,或呈現(xiàn)某種規(guī)律的情況,出現(xiàn)的問(wèn)卷進(jìn)行刪除。

舉個(gè)例子:所有的答案都是“A-A-A-A”或”A-B-A-B”


  • 剔除漏答數(shù)過(guò)多的問(wèn)卷

嚴(yán)格來(lái)說(shuō)應(yīng)該將漏填的答卷全都進(jìn)行剔除,但有時(shí)候會(huì)遇到回收樣本量很少的情況,所以一般會(huì)設(shè)置漏答數(shù)的標(biāo)準(zhǔn)。

常用的標(biāo)準(zhǔn)是總題數(shù)的2/3,例如問(wèn)卷一共設(shè)計(jì)了 10 個(gè)問(wèn)題,回答了 6 個(gè)以上的用戶(hù)即視為有效問(wèn)卷,反之,則視為無(wú)效問(wèn)卷。



  • 前后邏輯不符

有些用戶(hù)受主客觀因素影響,可能不會(huì)認(rèn)真選答案,所以需要檢查前后的選項(xiàng)是否矛盾。

在問(wèn)題的設(shè)計(jì)中,經(jīng)常會(huì)出現(xiàn)多個(gè)問(wèn)題之間保持邏輯關(guān)系,如果用戶(hù)選擇了前一題“A”,則不應(yīng)該選擇后一道題的“B”。


舉個(gè)例子:用戶(hù)在前一題中選擇了“從未搭訕過(guò)”,后面卻又選擇了“搭訕后沒(méi)有人回復(fù)“,這種就可以視為前后邏輯不符的答卷。


如果問(wèn)卷中實(shí)在找不出可以用來(lái)表示邏輯關(guān)系的問(wèn)題,那么也可以設(shè)置一個(gè)明顯錯(cuò)誤的答案,最后統(tǒng)計(jì)問(wèn)卷數(shù)據(jù)時(shí),剔除該問(wèn)卷即可。

當(dāng)然問(wèn)題的迷惑性不能太強(qiáng),我們只是想要檢驗(yàn)用戶(hù)是否在認(rèn)真答題,而不是為難用戶(hù),所以認(rèn)真閱讀問(wèn)題和答案就不會(huì)出錯(cuò)。


  • 未按問(wèn)卷所指示之題項(xiàng)填答

舉個(gè)例子:第1題問(wèn):「請(qǐng)問(wèn)您使用過(guò)語(yǔ)音功能嗎?若沒(méi)有,請(qǐng)忽略第 2 題」,如果用戶(hù)第1題選沒(méi)有的,卻仍回答了第2題,那么就可以把該問(wèn)卷視為無(wú)效。


  • 根據(jù)填答時(shí)間和提交時(shí)間處理

在發(fā)放問(wèn)卷前,我們會(huì)進(jìn)行答題測(cè)試,目的是估算出答題所需要的總時(shí)長(zhǎng),以此作為問(wèn)卷答題時(shí)長(zhǎng)的有效性依據(jù),如果最后回收的問(wèn)卷答題時(shí)間比預(yù)估時(shí)間過(guò)長(zhǎng)或過(guò)短,就可以判斷為答題不認(rèn)真,都可以根據(jù)業(yè)務(wù)需求酌情剔除。


提交時(shí)間主要針對(duì)的是在規(guī)定時(shí)間內(nèi)完成答題,但超過(guò)了提交時(shí)間的用戶(hù)。比如說(shuō)我們回收問(wèn)卷的截止時(shí)間是12月7日,但是有的用戶(hù)是在12月8日完成答題并提交的,也會(huì)被視為無(wú)效問(wèn)卷。(市面上有些問(wèn)卷工具,可以回收設(shè)置時(shí)間,超過(guò)規(guī)定時(shí)間提交的問(wèn)卷不計(jì)入問(wèn)卷回收。)


6. 分析報(bào)告

統(tǒng)計(jì)各選項(xiàng)的數(shù)量、頻率是最常用到的分析方法,然后通過(guò)圖表展現(xiàn)出來(lái),可以非常直觀的看出整體分布情況。具體可以分為趨勢(shì)分析和分組分析兩種方法。

6.1 分類(lèi)篩選

顧名思義,分類(lèi)篩選是根據(jù)類(lèi)別來(lái)進(jìn)行數(shù)據(jù)篩選的一種方法,常用的類(lèi)別有:

  • 按回答篩選:根據(jù)題目中某道題進(jìn)行篩選分類(lèi)。使用場(chǎng)景如:需要分別查看男、女性的數(shù)據(jù),或者是按部門(mén)查看數(shù)據(jù)。

  • 問(wèn)卷提交時(shí)間:顧名思義按提交的時(shí)間篩選(以天為時(shí)間單位)。

  • 來(lái)源詳情:如鏈接地址、郵件地址、手機(jī)、PC等。

  • 地區(qū):省份、城市

  • 其他類(lèi)別:比如得分、IP地址等。


舉個(gè)例子:如下圖,選擇的篩選條件是問(wèn)題回答+提交日期。最終選擇的類(lèi)別為:年齡在21-30歲之間的用戶(hù),且2021/12/23之前提交問(wèn)卷的用戶(hù),最后得到的有效答卷是 44 份,這就說(shuō)明滿(mǎn)足該篩選條件的用戶(hù)有44人。




此時(shí),系統(tǒng)會(huì)把這44個(gè)人回答的其他問(wèn)題也全部篩選出來(lái),如下圖:

44個(gè)人當(dāng)中,有7個(gè)人搭訕過(guò) 1 次,9個(gè)人搭訕過(guò) 2-5 次,4個(gè)人搭訕過(guò)6-10次,5個(gè)人搭訕過(guò) 10 次以上,剩下19個(gè)人從未搭訕過(guò)。




6.2 交叉分析

除了分類(lèi)統(tǒng)計(jì),我們還可以通過(guò)交叉法,進(jìn)行差異分析,找出影響因素。


交叉分析法通常用于分析兩個(gè)及以上的變量關(guān)系,即同時(shí)將有一定聯(lián)系的變量及其值交叉排列在一張表格內(nèi),形成交叉表,從而分析交叉表中變量之間的關(guān)系。



聽(tīng)上去有一些麻煩,但是現(xiàn)在的很多問(wèn)卷平臺(tái)都會(huì)提供交叉分析的功能,下面會(huì)以問(wèn)卷星為例,簡(jiǎn)單的了解一下交叉分析的具體流程。



步驟一:點(diǎn)擊問(wèn)卷后臺(tái)的統(tǒng)計(jì)頁(yè)面,選擇交叉分析,選擇自變量X和因變量Y,點(diǎn)擊交叉分析。



步驟二:得出“分析年齡和關(guān)注信息之間的關(guān)系”數(shù)據(jù)表現(xiàn)。

當(dāng)數(shù)據(jù)都放在一起分析時(shí),很難看出年齡和關(guān)注信息這一行為的關(guān)系,但使用交叉分析之后,可以聚焦每個(gè)年齡段對(duì)于關(guān)注點(diǎn)的偏好,針對(duì)性的給出優(yōu)化方案。

  • 20歲以下的用戶(hù)中,最關(guān)注的是顏值,占比為63.64%。

  • 21-30歲的所有用戶(hù)中,最關(guān)注的是年齡,占比為67.86%。

  • 31-40歲的所有用戶(hù)中,最關(guān)注城市,占比為76.92%。

  • 其他年齡的信息偏好等等...




上述的兩種分析方法(分類(lèi)篩選和交叉分析),都是我們常用且方便的分析方法。如果想要更加深入的進(jìn)行調(diào)研總結(jié),可以使用一些專(zhuān)業(yè)的分析軟件,例如使用SPSS軟件,或者導(dǎo)入Excel表格做數(shù)據(jù)的處理,這都是目前使用比較廣泛的一些分析工具。


*重要的不是分析工具,而是對(duì)數(shù)據(jù)的敏感程度和分析能力。

7. 寫(xiě)在最后

至此,從問(wèn)卷設(shè)計(jì)到最后的數(shù)據(jù)分析就講解完了。


問(wèn)卷調(diào)研不是目的,目的是通過(guò)調(diào)研得出的結(jié)論,指導(dǎo)我們體驗(yàn)的優(yōu)化方向,問(wèn)卷調(diào)研本身只是了解用戶(hù)的手段之一,重要的是在問(wèn)卷設(shè)計(jì)過(guò)程中加深對(duì)手頭業(yè)務(wù)的理解。


文章來(lái)源:站酷   作者:抓馬九七


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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


2022年10種UI/UX設(shè)計(jì)趨勢(shì)

資深UI設(shè)計(jì)者

我們收集了一份UX/UI設(shè)計(jì)趨勢(shì)清單,幫助你了解2022年的相關(guān)行業(yè)變化,以及未來(lái)展望。

想成為更優(yōu)秀的設(shè)計(jì)師, 需要了解設(shè)計(jì)趨勢(shì)和受眾目標(biāo)的需求。了解UI/UX設(shè)計(jì)趨勢(shì)本質(zhì)上與了解時(shí)尚或者消費(fèi)行業(yè)的趨勢(shì)并無(wú)本質(zhì)差別,都必須傾聽(tīng)人們的需求,關(guān)注人們?nèi)绾问褂卯a(chǎn)品,創(chuàng)造出美觀、簡(jiǎn)單、易用的設(shè)計(jì),使產(chǎn)品脫穎而出。

在2021年的那份文章中,許多假設(shè)已不僅僅是一種趨勢(shì)——已經(jīng)演變成全新的東西。

我們收集了一份UX/UI設(shè)計(jì)趨勢(shì)的清單,幫助你了解2022年的相關(guān)行業(yè)變化。




1.極簡(jiǎn)主義


越是領(lǐng)先的科技公司,你會(huì)發(fā)現(xiàn),他們對(duì)簡(jiǎn)單大氣、重點(diǎn)信息明確、精致的設(shè)計(jì)越有強(qiáng)烈的偏好。這種趨勢(shì)逐年增多,覆蓋范圍也越來(lái)越廣,品牌和各行各業(yè)的設(shè)計(jì)師也越來(lái)越多的偏好這種風(fēng)格。


例如:英國(guó)金融科技公司Revolut


Meta(2021年10月28日,F(xiàn)acebook宣布,該平臺(tái)的品牌將部分更名為“Meta”。)


Dribbble設(shè)計(jì)師:MoRas ? 的作品

小結(jié):從心理學(xué)角度上說(shuō),極簡(jiǎn)主義也是在尋求一種安全感,紛雜的物品和內(nèi)容生產(chǎn)者無(wú)時(shí)無(wú)刻都在綁架我們的眼睛,很容易讓人沉淪其中,不能自拔。當(dāng)越來(lái)越多的人開(kāi)始明確自己的定位,明確這些購(gòu)物和社交軟件只是滿(mǎn)足自己需求的一種工具,而拒絕做工具的奴隸?!赣X(jué)醒」的人越多,極簡(jiǎn)主義的運(yùn)用就會(huì)越來(lái)越普遍。





2.粗曠/粗野主義


粗曠主義包含強(qiáng)烈的輪廓、鮮明的對(duì)比色、大膽的排版和真實(shí)的生活攝影相結(jié)合。




  • 去年我們還在說(shuō):“ 野蠻主義設(shè)計(jì)風(fēng)格短期內(nèi)應(yīng)該不會(huì)深入到UI設(shè)計(jì)中去,更多的會(huì)在網(wǎng)站,或者雜志的設(shè)計(jì)運(yùn)用此種設(shè)計(jì)思想。”


今年Spotify Wrapped(可以理解為國(guó)外的網(wǎng)易云年報(bào))就給我們上了一課—野無(wú)止境。

貪吃蛇一樣的形狀配合各種高飽和顏色,穿插于各種界面和海報(bào)中,形成了巨大的視覺(jué)沖擊,令人難以忘懷。


讓我們來(lái)看看他們的設(shè)計(jì):





3. 重回90年代


流行趨勢(shì)總是輪回又輪回,但原因可能不是現(xiàn)在的人忽然意識(shí)到以前的回憶有多美好,而是當(dāng)年的90后小孩成了行業(yè)的領(lǐng)頭羊以后,將童年的美好回憶拿出來(lái)沉醉一番,找個(gè)機(jī)會(huì)釋放內(nèi)心的那份童真。

創(chuàng)意機(jī)構(gòu)CPB London的設(shè)計(jì)總監(jiān)June Frange將這波趨勢(shì)稱(chēng)之為「年代懷舊」,短視頻平臺(tái)和明星效應(yīng)的加持,以及使用者自發(fā)性的DIY內(nèi)容,也使得它的影響力更加強(qiáng)大。

今年《王者榮耀》推出了兩個(gè)新主題的游戲皮膚,其中一個(gè)以舊版西游記為原型打造的孫行者皮膚,一經(jīng)上線(xiàn)在銷(xiāo)售量上就遠(yuǎn)遠(yuǎn)超過(guò)了同時(shí)出現(xiàn)的安琪拉新皮膚。而原因卻并不是皮膚的精美,因?yàn)閺膶O行者皮膚的精美程度而言,官方這一次就是出了一個(gè)“原皮”。

這樣一個(gè)簡(jiǎn)單的皮膚,卻讓無(wú)數(shù)玩家紛紛掏錢(qián)買(mǎi)賬,這就是懷舊的魅力。這種使用傳統(tǒng)神話(huà)故事元素結(jié)合官方的創(chuàng)新設(shè)計(jì),讓無(wú)數(shù)玩家用一種全新的方式感受到了傳統(tǒng)文化的魅力所在。


雖然我玩游戲不多,但是也半夜爬起來(lái)買(mǎi)了個(gè)孫猴子~




4.排版變得更生動(dòng)有趣


10 年前,行業(yè)對(duì)排版比現(xiàn)在要嚴(yán)格得多,有明確的排版和字體使用規(guī)范。

不過(guò)現(xiàn)在,設(shè)計(jì)師們可以對(duì)標(biāo)題和段落做任何想做的事情——完全取決于想象力。將字體與形狀、照片和表情符號(hào)混合,在其上添加紋理,或者選擇一種形式非常復(fù)雜的字體做裝飾。

這種設(shè)計(jì)會(huì)產(chǎn)生一種有趣、引人注目的效果,但它也必須要美觀和諧——我們?nèi)孕柙谠O(shè)計(jì)時(shí)首先牢記:用戶(hù)的舒適度永遠(yuǎn)是第一原則。

字體設(shè)計(jì)在2022年仍將占有一席之地,設(shè)計(jì)排版中融入夸張的、富有個(gè)性的字體,比如:同時(shí)擁有流暢的線(xiàn)條與銳利的棱角。


《魷魚(yú)游戲》的韓文片名標(biāo)題,是由幾何圖形重新排列組合而成,挑戰(zhàn)了抽象形狀和文字之間的區(qū)別,借此突破字體必須易于閱讀的局限,創(chuàng)作出具有表現(xiàn)力的形式。


Design Bridge London的高級(jí)設(shè)計(jì)師 Chris Algar認(rèn)為:「  2022 年將是字體的重要一年」。


他預(yù)測(cè):“我們將看到排版風(fēng)格融入真正夸張的個(gè)性字體,在流暢的線(xiàn)條和銳利的棱角形狀之間形成對(duì)比?!?/section>
Chris 認(rèn)為,顏色和活力也將在 2022 年的排版趨勢(shì)中發(fā)揮重要作用。





5.Glassmorphism 和玻璃元素


玻璃態(tài)已經(jīng)無(wú)處不在——這是事實(shí)。有背景模糊、半透明物體,如卡片、水彩、玻璃球等等。從 Mac OS Big Sur 和 Windows 11 ,玻璃擬態(tài)已經(jīng)存在了很長(zhǎng)時(shí)間。

在去年,Glassmorphism(玻璃擬態(tài))經(jīng)過(guò)一整年的風(fēng)靡也算站穩(wěn)了腳跟,并未像新擬態(tài)風(fēng)(Neumorphism)一樣火速崛起又火速沉寂。越來(lái)越多的設(shè)計(jì)師將這種風(fēng)格融入設(shè)計(jì)中去。





6.極光背景


不知大家是否可能還記得前一年的這個(gè)趨勢(shì)——「模糊的彩色背景」。

它在2021變得非常流行,甚至有了一個(gè)專(zhuān)有名詞——極光背景。

微妙、多彩、模糊的顏色看起來(lái)非常友好和有機(jī)——且更具視覺(jué)吸引力。這些飛濺和高斯模糊可以用作整個(gè)背景或置于一些重要的 UI 元素下。








7.全息/霓虹燈


這種網(wǎng)絡(luò)全息/霓虹燈效果很適合虛擬現(xiàn)實(shí)和全息界面的時(shí)代。虛擬世界提供的新可能性激發(fā)了設(shè)計(jì)師的靈感。充滿(mǎn)活力的、發(fā)光的顏色、抽象的圓形、全息圖紋理是這一趨勢(shì)的典型特征。


它也被廣泛用于許多加密空間,以展示這些接口的未來(lái)性。





8.環(huán)保風(fēng)


我們大多數(shù)人還是愿意選擇環(huán)保的生活方式的,投射到設(shè)計(jì)中——可以將「生態(tài)外觀」和感覺(jué)融入設(shè)計(jì)中。

越來(lái)越多的品牌在追逐這種「紙質(zhì)感」的趨勢(shì)——背景通常是灰色的,類(lèi)似于可回收的紙板。排版風(fēng)格極簡(jiǎn)。對(duì)比度很高。顏色非??酥?,看起來(lái)稍顯「暗淡」,這種風(fēng)格包含現(xiàn)實(shí)生活中的攝影、紋理、和涂鴉。




9.粘土形態(tài)3D


3D 作為一種藝術(shù)風(fēng)格正在變成設(shè)計(jì)趨勢(shì)和大眾流行

現(xiàn)在一種特殊的風(fēng)格越來(lái)越受歡迎,3D最新的流行風(fēng)格是粘土形態(tài)——類(lèi)似于由粘土制成的對(duì)象(形狀簡(jiǎn)單,由圓柱形/橢圓形組成,由內(nèi)陰影和外陰影創(chuàng)造深度,但采用更「松軟」的 3D呈現(xiàn)方式,通常與其他極簡(jiǎn)設(shè)計(jì)結(jié)合在一起。粘土3D有種可以按出一個(gè)坑的質(zhì)感。






10. Metaverse


元宇宙(英語(yǔ):Metaverse),又稱(chēng)形上宇宙,此一科技詞匯由前綴“meta”(意思是超越)和詞干“verse”(通過(guò)逆向構(gòu)詞法從“宇宙(universe)”得來(lái))組成,可簡(jiǎn)稱(chēng)為MVS。這個(gè)詞通常用來(lái)描述未來(lái)互聯(lián)網(wǎng)虛擬環(huán)境的概念,于共享、持久的3D 虛擬空間組成一個(gè)可感知的虛擬宇宙,此合成環(huán)境包含對(duì)象、常駐用戶(hù)與其交互關(guān)系,并存在于虛擬定義的時(shí)間中。旨在提供連接用戶(hù)長(zhǎng)時(shí)間登錄和交互。廣義上的元宇宙概念不僅指虛擬合成世界,還指整個(gè)互聯(lián)網(wǎng),也包括增強(qiáng)現(xiàn)實(shí)的范圍。


Metaverse描述的是一種趨勢(shì):越來(lái)越多的技術(shù)和媒介,都在不停地縮短虛擬和現(xiàn)實(shí)的距離。


人類(lèi)的大量活動(dòng)和時(shí)間在往數(shù)字世界進(jìn)行遷移。我們的社交活動(dòng)、經(jīng)濟(jì)活動(dòng)都是在數(shù)字世界(或者叫虛擬世界)里面,玩游戲也好,購(gòu)物也好,社交也好,所以元宇宙(Metaverse)就是順應(yīng)這樣的趨勢(shì)產(chǎn)生的,元宇宙就是個(gè)數(shù)字世界。


感興趣的朋友可以自行搜集詳細(xì)資料。



用戶(hù)體驗(yàn)設(shè)計(jì),設(shè)計(jì)師的出發(fā)點(diǎn)是人,讓人的使用體驗(yàn)感加強(qiáng),趣味性加強(qiáng),使用更加方便。





文章來(lái)源:站酷   作者:一個(gè)辛普森


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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


中后臺(tái)加載-被忽略的體驗(yàn)細(xì)節(jié)

資深UI設(shè)計(jì)者

這是一篇想要講清楚中后臺(tái)加載流程和加載用法的文章,希望能幫助到大家。同時(shí)感謝在此期間公司前后端和設(shè)計(jì)部門(mén)小伙伴提供的幫助

先看目錄,大家按需取用,當(dāng)然更建議全文閱讀(全文7756字,建議閱讀20分鐘)

undefined


undefined

大部分設(shè)計(jì)師應(yīng)該都遇到過(guò)這種場(chǎng)景:在做設(shè)計(jì)前并沒(méi)有考慮到加載,但在進(jìn)行還原度走查或者驗(yàn)收的時(shí)候才發(fā)現(xiàn),由于某些頁(yè)面數(shù)據(jù)請(qǐng)求較慢,導(dǎo)致在頁(yè)面中會(huì)出現(xiàn)空屏狀態(tài)。這時(shí)才想起需要在這些頁(yè)面添加動(dòng)畫(huà)來(lái)承載頁(yè)面的過(guò)渡。

歸根結(jié)底是因?yàn)樵O(shè)計(jì)師在設(shè)計(jì)過(guò)程中,更多關(guān)注頁(yè)面本身,而很少去思考頁(yè)面在呈現(xiàn)過(guò)程中何時(shí)會(huì)出現(xiàn)白屏狀態(tài),都是后知后覺(jué)去補(bǔ)充完善。加載作為必備的一環(huán),卻總是被忽略。目前很多B端產(chǎn)品在這方面都沒(méi)有一個(gè)系統(tǒng)合理的規(guī)劃,導(dǎo)致系統(tǒng)的加載體驗(yàn)缺失或者不統(tǒng)一。

因此希望這篇文章能夠講清楚中后臺(tái)加載出現(xiàn)的場(chǎng)景和規(guī)則,對(duì)需要深入了解加載以及在制定加載規(guī)則的設(shè)計(jì)師朋友們帶來(lái)一些幫助。


undefined

加載通俗來(lái)講就是用戶(hù)從觸發(fā)頁(yè)面操作,到頁(yè)面最終呈現(xiàn)的一個(gè)等待過(guò)程。這個(gè)過(guò)程始終存在不可避免,只是時(shí)間有快有慢??斓募虞d只需要幾百毫秒就結(jié)束,但慢的加載就可能會(huì)達(dá)到幾秒甚至十幾秒,讓人產(chǎn)生焦慮。

而為什么會(huì)有如此大的差距,這就需要從頁(yè)面渲染的整體過(guò)程來(lái)進(jìn)行說(shuō)明。當(dāng)我們從瀏覽器輸入網(wǎng)址,再到我們看到完整頁(yè)面的這個(gè)過(guò)程,網(wǎng)頁(yè)到底經(jīng)過(guò)了哪些步驟呢。經(jīng)過(guò)資料查詢(xún)和與前端確認(rèn),整體過(guò)程可以闡述如下:

從這里我們可以看到頁(yè)面的呈現(xiàn)是程序經(jīng)過(guò)了一系列操作才最終呈現(xiàn)到我們面前的。在這里可以將其簡(jiǎn)化為四個(gè)階段:用戶(hù)操作功能→頁(yè)面向服務(wù)器發(fā)送請(qǐng)求→服務(wù)器接受并返回?cái)?shù)據(jù)→頁(yè)面呈現(xiàn)。

而決定整個(gè)頁(yè)面加載快慢的就在于請(qǐng)求與數(shù)據(jù)這里。一般我們可以將頁(yè)面的數(shù)據(jù)分為2種類(lèi)型:靜態(tài)資源和動(dòng)態(tài)資源。


靜態(tài)資源:前端的固定頁(yè)面,這里面包含HTML、CSS、JS、圖片等等,不需要查數(shù)據(jù)庫(kù)也不需要程序處理,直接就能夠顯示的頁(yè)面??梢院?jiǎn)單理解為你頁(yè)面上的固定字段和結(jié)構(gòu)。這種頁(yè)面一般加載速度比較快,比如我們看到的展示型官網(wǎng)一般都是前端寫(xiě)好的靜態(tài)資源。


動(dòng)態(tài)資源:而對(duì)于頁(yè)面上的動(dòng)態(tài)變化的,需要程序處理或者從數(shù)據(jù)庫(kù)中讀數(shù)據(jù),能根據(jù)不同的條件在頁(yè)面顯示不同的數(shù)據(jù),比如表格數(shù)據(jù)、統(tǒng)計(jì)數(shù)據(jù)等稱(chēng)為動(dòng)態(tài)資源,這種都需要調(diào)用后臺(tái)接口來(lái)進(jìn)行返回,因此加載速度相比于靜態(tài)資源就會(huì)更慢。

而它們的區(qū)分點(diǎn)用下圖可以表示:

可以看到靜態(tài)資源基本是直接返回,而動(dòng)態(tài)資源還需要連接數(shù)據(jù)庫(kù)調(diào)取資源,尤其是在遇到數(shù)據(jù)庫(kù)調(diào)取較慢時(shí)就會(huì)花費(fèi)更多時(shí)間。而我們加載緩慢的大多數(shù)問(wèn)題,也基本上更多出現(xiàn)在動(dòng)態(tài)資源的獲取上。


undefined

當(dāng)我們清楚加載形成的原因,接下來(lái)要做的就是在需要加載的地方對(duì)其進(jìn)行處理。這也是在設(shè)計(jì)過(guò)程中我們經(jīng)常遺漏的地方。我們先看一下目前常見(jiàn)的2種處理方式:「默認(rèn)處理」和「使用進(jìn)度指示器」


2.1程序默認(rèn)處理方式:直接顯示

當(dāng)我們對(duì)加載過(guò)程不進(jìn)行任何處理時(shí),程序就會(huì)以默認(rèn)的方式進(jìn)行-即根據(jù)資源獲取速度一步步呈現(xiàn)??梢钥吹胶俚旰笈_(tái)的處理過(guò)程就是一種默認(rèn)處理方式:

但是這種做法就會(huì)導(dǎo)致我們?cè)陧?yè)面加載過(guò)程中會(huì)出現(xiàn)空屏狀態(tài),比如上圖切換到概覽時(shí)出現(xiàn)了空屏狀態(tài),尤其是當(dāng)遇到了網(wǎng)絡(luò)緩慢的情況,會(huì)造成在加載時(shí)頁(yè)面停留在當(dāng)前狀態(tài)下不動(dòng),往往會(huì)讓用戶(hù)陷入到「系統(tǒng)故障」的錯(cuò)覺(jué)。


2.2通用處理方式:進(jìn)度指示器

這個(gè)名詞說(shuō)起來(lái)可能比較陌生,它指代的就是我們平時(shí)經(jīng)??吹降募虞d動(dòng)畫(huà)、骨架屏或者進(jìn)度條等。進(jìn)度指示器的作用就是告知用戶(hù)當(dāng)前頁(yè)面并沒(méi)有故障,而是正在讀取數(shù)據(jù)。

通過(guò)添加進(jìn)度指示器來(lái)對(duì)空屏狀態(tài)進(jìn)行承載,能夠減輕用戶(hù)的焦慮感。目前很多B端產(chǎn)品更通用的形式是添加動(dòng)畫(huà)來(lái)過(guò)渡。

但是在體驗(yàn)過(guò)程中很容易發(fā)現(xiàn)一個(gè)問(wèn)題,就是在產(chǎn)品的整體加載過(guò)程中,某些空屏狀態(tài)是沒(méi)被加載動(dòng)畫(huà)覆蓋到的。當(dāng)這些沒(méi)被覆蓋到的加載過(guò)程過(guò)長(zhǎng)時(shí),很容易出現(xiàn)焦慮感。比如神策數(shù)據(jù)在左側(cè)列表切換時(shí)的加載過(guò)程就沒(méi)被覆蓋:

想要更全面的把加載動(dòng)畫(huà)覆蓋到所有頁(yè)面,我們就需要弄清頁(yè)面在哪些狀態(tài)下會(huì)出現(xiàn)空屏狀態(tài),從而制定統(tǒng)一的加載動(dòng)畫(huà)規(guī)則。這個(gè)問(wèn)題可以先思考一下,后面解答。


undefined

在制定統(tǒng)一加載規(guī)則之前,我們需要明確一個(gè)概念,就是加載的模態(tài)與非模態(tài)。


3.1模態(tài)加載

模態(tài)加載的含義就是當(dāng)前加載會(huì)中斷用戶(hù)其余操作,用戶(hù)在這個(gè)期間只能等待加載而不能進(jìn)行其他操作(有的模態(tài)會(huì)提供取消按鈕)。如果你的頁(yè)面涉及到以下2種情況,可以考慮使用:

1.用戶(hù)當(dāng)前的操作本身不能與其他操作同時(shí)進(jìn)行。比如系統(tǒng)更新,或者工具類(lèi)的導(dǎo)入導(dǎo)出相關(guān)操作,我們只能等待更新、導(dǎo)出完成才能繼續(xù)進(jìn)行后續(xù)的操作。這時(shí)候可以使用模態(tài)加載來(lái)承載,比如protopie的導(dǎo)入操作;

2.當(dāng)用戶(hù)進(jìn)入到一個(gè)全新的頁(yè)面時(shí),這個(gè)時(shí)候頁(yè)面什么都沒(méi)有,我們只能等待頁(yè)面加載完成才能進(jìn)行后續(xù)的操作,因此在這種情況下也可以采用模態(tài)加載,比如我們剛進(jìn)入Asanan產(chǎn)品頁(yè)面看到的首屏加載動(dòng)畫(huà):

除了上述2種情況外,你也可以根據(jù)你的業(yè)務(wù)場(chǎng)景來(lái)進(jìn)行模態(tài)加載的選擇,但建議是盡量少用模態(tài)加載,其會(huì)對(duì)用戶(hù)的打斷和干擾性比較強(qiáng)。


3.2非模態(tài)加載

非模態(tài)加載的話(huà),這種加載通常只會(huì)出現(xiàn)在需要加載的部分,不會(huì)中斷用戶(hù)其他操作。對(duì)用戶(hù)干擾比較小。比如我們常見(jiàn)的功能切換加載、數(shù)據(jù)篩選加載等都屬于非模態(tài)加載。

非模態(tài)加載相比于模態(tài)加載會(huì)更輕量,因?yàn)橛脩?hù)隨時(shí)都可以打斷也不會(huì)影響到其他操作。因此建議在大部分情況下都可以使用非模態(tài)彈窗來(lái)進(jìn)行承載,比如飛書(shū)的左側(cè)欄切換操作:


undefined

接下來(lái)我們進(jìn)入正題,在這里我從加載的角度將網(wǎng)頁(yè)整體加載過(guò)程分為呈現(xiàn)加載規(guī)則操作加載規(guī)則。

我們先談頁(yè)面呈現(xiàn)規(guī)則。前面已經(jīng)明確加載產(chǎn)生的原因和類(lèi)型后,我們就可以開(kāi)始為我們的產(chǎn)品制定統(tǒng)一的加載規(guī)則,以保證后續(xù)頁(yè)面加載的一致性。


4.1 頁(yè)面的加載過(guò)程拆解

在拆解頁(yè)面的加載過(guò)程前,我們進(jìn)一步闡述之前提到的渲染原則,從前文中提到最后會(huì)經(jīng)過(guò)「解碼」和「渲染」2個(gè)步驟,這也是決定了我們看到的頁(yè)面的最終呈現(xiàn)順序:


1.頁(yè)面渲染順序

我們看到的頁(yè)面是由HTML、CSS和JavaScript來(lái)進(jìn)行構(gòu)成的。HTML可以看作最簡(jiǎn)單的框架、CSS則是賦予了框架樣式,JavaScript則是負(fù)責(zé)頁(yè)面中的交互(當(dāng)然JS也可以控制樣式,這里只描述主要功能)。

頁(yè)面在「解碼」階段,拿到的HTML文檔會(huì)被解碼為DOM樹(shù),同時(shí)將CSS文件解析成CSSOM,這兩者結(jié)合后一起渲染頁(yè)面,JS一般是在最后渲染。所以邏輯上就是框架和樣式一起渲染,最后渲染交互。視覺(jué)的角度來(lái)講就是先看到元素樣式,然后才能進(jìn)行對(duì)應(yīng)操作。


2.頁(yè)面呈現(xiàn)的視覺(jué)順序

由于瀏覽器渲染順序一般會(huì)根據(jù)代碼的順序進(jìn)行渲染,而代碼在頁(yè)面中的構(gòu)建一般也是按照頁(yè)面的上下和左右的順序去寫(xiě)的,因此我們看到的頁(yè)面的視覺(jué)呈現(xiàn)順序也是遵循從上到下,從左到右。

所以幾乎所有的產(chǎn)品都是先看到頂欄,然后左側(cè)邊欄,然后其他內(nèi)容。因此我們可以通過(guò)這個(gè)原則來(lái)拆解對(duì)應(yīng)的頁(yè)面,我們按照頁(yè)面常規(guī)結(jié)構(gòu)可以將其分為三個(gè)加載部分:頂欄、左側(cè)導(dǎo)航欄、內(nèi)容區(qū)域。而其加載順序如圖所示:

當(dāng)知道對(duì)應(yīng)頁(yè)面的渲染順序后,我們就能夠清楚在頁(yè)面渲染的過(guò)程中哪些地方會(huì)出現(xiàn)空屏了。因此將頁(yè)面加載過(guò)程拆解為如下順序:

undefined

我們的加載動(dòng)畫(huà)需要承載的就是上述這些白屏的地方,從而將加載細(xì)化為三種場(chǎng)景的拆分:全局加載+局部加載+內(nèi)部加載。如圖所示:

undefined

通過(guò)這三種加載就可以涵蓋頁(yè)面所涉及到的所有部分。接下來(lái)詳細(xì)闡述一下這三種類(lèi)型的定義和用法。


4.2 全局加載

如上圖所示,全局加載的目的是為了覆蓋用戶(hù)從輸入網(wǎng)址到頁(yè)面的資源渲染的這個(gè)中間過(guò)程的空屏狀態(tài)而存在的。而這種狀態(tài)會(huì)涉及三種場(chǎng)景:

1.通過(guò)網(wǎng)址進(jìn)入到一個(gè)新的頁(yè)面時(shí);

2.通過(guò)鼠標(biāo)右鍵或網(wǎng)頁(yè)刷新按鈕對(duì)該頁(yè)面刷新時(shí);

3.通過(guò)頁(yè)面操作需要新開(kāi)頁(yè)面時(shí)。

該全局加載的動(dòng)畫(huà)構(gòu)成為:

1:覆蓋整個(gè)頁(yè)面的加載,由純白色+加載動(dòng)畫(huà)構(gòu)成;

2:加載類(lèi)型為模態(tài)加載,因?yàn)橛脩?hù)在這種頁(yè)面狀態(tài)下并不能進(jìn)行其它操作。

undefined

但在這里我們需要注意全局加載的開(kāi)始和結(jié)束時(shí)間:

開(kāi)始時(shí)間:當(dāng)進(jìn)入頁(yè)面時(shí)立即呈現(xiàn)加載動(dòng)畫(huà);

結(jié)束時(shí)間:當(dāng)頁(yè)面加載出頂欄的時(shí)候,此時(shí)停止加載。


為何要這么處理結(jié)束時(shí)間,原因其實(shí)圖中已經(jīng)給出了。這里再解釋一下原則:只要有頁(yè)面資源返回,我們的全局加載動(dòng)畫(huà)就會(huì)結(jié)束,隨后啟用局部加載來(lái)承接后續(xù)的狀態(tài),避免用戶(hù)在當(dāng)前狀態(tài)長(zhǎng)時(shí)間等待。而頂欄在一般情況下都是最先加載出來(lái)的,所以以頂欄出現(xiàn)作為結(jié)束全局加載的標(biāo)準(zhǔn)。當(dāng)然如果你的結(jié)構(gòu)沒(méi)有頂欄,可以以左側(cè)欄來(lái)作為結(jié)束標(biāo)準(zhǔn)。


4.3 局部加載

局部加載是用在頁(yè)面整體框架加載的過(guò)程中,承接在全局加載后。局部加載的使用場(chǎng)景可以概括如下:

1.頂欄加載結(jié)束后,用在剩余框架的加載效果(具體體現(xiàn)為左側(cè)邊欄和右側(cè)內(nèi)容區(qū)域);

2.對(duì)于涉及到局部頁(yè)面的切換操作都會(huì)進(jìn)行局部加載(比如左側(cè)邊欄的切換);

光看文字可能不是特別清晰,在這里可以舉一個(gè)動(dòng)態(tài)的例子來(lái)幫助理解:


上述展示的是在頁(yè)面呈現(xiàn)的時(shí)候一個(gè)完整的局部加載。在這里需要注意的是我們首次渲染和第二次渲染在加載動(dòng)畫(huà)上是可以有區(qū)分的,可以通過(guò)程序控制讓這種加載動(dòng)畫(huà)只在初次加載時(shí)出現(xiàn)。


第一次加載時(shí)出現(xiàn)是因?yàn)槲覀冃枰屑虞d動(dòng)畫(huà)來(lái)承接框架首次加載的空屏?xí)r間:

但第二次的時(shí)候由于有緩存(緩存會(huì)加載我們的靜態(tài)資源,能夠讓我們的頁(yè)面框架在第二次時(shí)更快顯示),這樣在讀取框架時(shí)基本不需要加載,我們就可以通過(guò)程序來(lái)直接去掉其中的局部加載動(dòng)畫(huà),直接顯示框架來(lái)進(jìn)行呈現(xiàn)。

undefined

目前在飛書(shū)和釘釘?shù)菳端產(chǎn)品后臺(tái)均采用了這種處理方式??梢钥吹綀D中我在第一次切換到角色管理時(shí)是有碰撞小球的局部動(dòng)畫(huà)存在的,而第二次再次進(jìn)入時(shí)則直接出現(xiàn)框架。這樣既能夠保證加載動(dòng)畫(huà)能夠覆蓋所有的空屏狀態(tài),又避免了局部加載動(dòng)畫(huà)的頻繁出現(xiàn)。


4.4 內(nèi)部加載

內(nèi)部加載是用在頁(yè)面內(nèi)部不同模塊數(shù)據(jù)間的加載。當(dāng)框架都已經(jīng)加載結(jié)束,但某些數(shù)據(jù)由于接口比較慢,此時(shí)還沒(méi)有返回,這時(shí)我們就可以用內(nèi)部加載來(lái)進(jìn)行承載。這應(yīng)該是我們更常見(jiàn)的加載情況:

在進(jìn)行內(nèi)部加載的時(shí)候,需要注意,內(nèi)部加載的時(shí)候一般標(biāo)題是存在的,因?yàn)闃?biāo)題基本都是固定的,所以能夠很快被拉取。比如Zoho的內(nèi)部加載,加載時(shí)標(biāo)題已經(jīng)出現(xiàn)了:

通過(guò)這三種類(lèi)型的加載,能夠覆蓋從用戶(hù)輸入網(wǎng)址,到頁(yè)面渲染完成這個(gè)頁(yè)面呈現(xiàn)過(guò)程中的全部加載場(chǎng)景。


undefined

說(shuō)完頁(yè)面的呈現(xiàn)規(guī)則,再談頁(yè)面操作加載規(guī)則。頁(yè)面的操作其實(shí)對(duì)應(yīng)的是頁(yè)面控件的反饋。而我們的常用的控件比如有按鈕、tab切換等。我們不僅需要考慮控件本身的加載狀態(tài),而且需要考慮到控件影響的其他頁(yè)面范圍。


5.1需要考慮控件本身加載

控件的加載并不是隨時(shí)都需要,我們要根據(jù)實(shí)際的數(shù)據(jù)量大小及業(yè)務(wù)場(chǎng)景來(lái)選擇性使用。目前我們需要考慮的控件及其加載狀態(tài)主要有如下:

undefined

比如圖中的按鈕的加載狀態(tài)是必備的,在很多場(chǎng)景下都會(huì)用到。但是下拉列表和級(jí)聯(lián)列表,在一般的場(chǎng)景下都不太需要進(jìn)行加載,當(dāng)遇到列表中的數(shù)據(jù)特別多或者調(diào)取特別慢時(shí)就可以考慮為其加上加載狀態(tài)。


5.2當(dāng)控件操作會(huì)影響到頁(yè)面其他元素

這種控件比如日期篩選、表格篩選或者保存等操作,當(dāng)你切換篩選條件后所有與其相關(guān)的頁(yè)面元素都會(huì)發(fā)生變化。在這種情況下我們需要考慮到被影響元素的狀態(tài)。目前的設(shè)計(jì)實(shí)現(xiàn)上有兩種做法:

1.被影響元素不可被操作,且該區(qū)域有遮罩+加載動(dòng)畫(huà)來(lái)覆蓋;

2.被影響元素可進(jìn)行操作,無(wú)任何動(dòng)畫(huà),但操作并不會(huì)影響之前提交的結(jié)果;


這兩種方案一種是利用遮罩防止用戶(hù)無(wú)效操作,另一種則是保持了足夠的操作自由性。個(gè)人在這里更傾向于處理方式1,我認(rèn)為被影響的元素是需要有遮罩+動(dòng)畫(huà)的,來(lái)避免用戶(hù)在加載期間對(duì)其進(jìn)行無(wú)效操作,比如示例中方案2后面修改的名稱(chēng)是沒(méi)有被系統(tǒng)保存的。

需要注意的是如果在產(chǎn)品中使用方案1,我們的遮罩區(qū)域只需要覆蓋被影響的元素就可以了(保存這種可以將按鈕一起覆蓋),比如通過(guò)篩選導(dǎo)致圖表數(shù)據(jù)發(fā)生變化,這時(shí)只需覆蓋圖表區(qū)域,而不用覆蓋篩選區(qū)域。這樣的好處是當(dāng)某些篩選數(shù)據(jù)出現(xiàn)加載過(guò)慢問(wèn)題時(shí),用戶(hù)可以通過(guò)切換篩選項(xiàng)來(lái)打斷當(dāng)前加載。

上述描述的操作都是針對(duì)于當(dāng)前頁(yè)加載。當(dāng)控件導(dǎo)致頁(yè)面刷新或者跳轉(zhuǎn)時(shí),則整體遵照頁(yè)面呈現(xiàn)的規(guī)則進(jìn)行加載。


undefined

上面闡述的加載已經(jīng)完全能夠覆蓋我們頁(yè)面整體的加載,但是還是需要提及一下骨架屏和進(jìn)度條這兩種加載形式。

undefined

先說(shuō)骨架屏。實(shí)際上骨架屏的使用效果體驗(yàn)是優(yōu)于加載動(dòng)畫(huà)的體驗(yàn)的(骨架屏的加入使用會(huì)讓用戶(hù)感覺(jué)網(wǎng)頁(yè)出現(xiàn)的更快)。那么為什么在大部分的B端業(yè)務(wù)頁(yè)面中沒(méi)被用到呢,主要有2點(diǎn)原因:

1.每種骨架屏都需要進(jìn)行對(duì)應(yīng)的定制開(kāi)發(fā),需要與加載后的頁(yè)面框架保持一致,這會(huì)增加了開(kāi)發(fā)成本。

2.中后臺(tái)的業(yè)務(wù)界面對(duì)來(lái)說(shuō)固定結(jié)構(gòu)的頁(yè)面會(huì)較少,這對(duì)于骨架屏的使用機(jī)會(huì)就相對(duì)較少。

個(gè)人認(rèn)為在前期可以以統(tǒng)一加載體驗(yàn)為主,在后期業(yè)務(wù)相對(duì)成熟后,可以針對(duì)固定結(jié)構(gòu),通過(guò)骨架屏的使用優(yōu)化加載體驗(yàn)。


再說(shuō)進(jìn)度條。我理解的進(jìn)度條的使用條件:對(duì)于加載時(shí)間較長(zhǎng)的規(guī)定場(chǎng)景可以考慮用進(jìn)度條來(lái)承載,比如我們常見(jiàn)的游戲加載中進(jìn)度條就用得比較多,因?yàn)橛螒蛞话阗Y源比較大。還比如figma在進(jìn)入設(shè)計(jì)文件的過(guò)程中也采用了進(jìn)度條加載也是因?yàn)樵O(shè)計(jì)文件可能會(huì)很大。

進(jìn)度條在特定場(chǎng)景下能夠緩解用戶(hù)焦慮,讓用戶(hù)知道進(jìn)展。但進(jìn)度條在多數(shù)情況下都抓取不到程序的真實(shí)進(jìn)度,這也會(huì)導(dǎo)致有時(shí)候我們看著加載到99%,那最后的1%遲遲加載不出來(lái)的的原因。目前很多中后臺(tái)產(chǎn)品對(duì)于進(jìn)度條加載使用相對(duì)較少的原因,很大程度是沒(méi)有那種加載特別長(zhǎng)的場(chǎng)景。


因此這兩種加載場(chǎng)景的使用會(huì)更加定制化,如果需要使用請(qǐng)根據(jù)具體的業(yè)務(wù)場(chǎng)景來(lái)進(jìn)行選擇。


如果把加載動(dòng)畫(huà)等比作頁(yè)面加載的外在,那么緩存和加載策略則是頁(yè)面加載的內(nèi)核,合理使用緩存和加載策略可以從根本上提升我們頁(yè)面的加載速度,讓用戶(hù)更快速地看到頁(yè)面。


7.1 關(guān)于頁(yè)面的資源緩存

大家肯定聽(tīng)過(guò)緩存這個(gè)概念,前后端都可以使用緩存。緩存就是數(shù)據(jù)交換的緩沖區(qū)(稱(chēng)作Cache),是存貯數(shù)據(jù)(使用頻繁的數(shù)據(jù))的臨時(shí)地方。在這里主要講一下瀏覽器緩存:

undefined

從這張圖可以看出,服務(wù)器在請(qǐng)求數(shù)據(jù)時(shí),會(huì)進(jìn)行緩存的判斷,如果有緩存則首先讀取緩存,如果沒(méi)有則從服務(wù)器中拿取。調(diào)取緩存會(huì)在很大程度上提升頁(yè)面的加載速度,縮短了從服務(wù)獲取數(shù)據(jù)的時(shí)間。通常瀏覽器會(huì)主動(dòng)對(duì)頁(yè)面的靜態(tài)資源進(jìn)行對(duì)應(yīng)的緩存,這也就解釋了我們第二次進(jìn)入頁(yè)面會(huì)比初次進(jìn)入頁(yè)面時(shí)加載快的原因。


但程序其實(shí)也可以對(duì)動(dòng)態(tài)資源(也就是需要從數(shù)據(jù)庫(kù)等拿到的資源)進(jìn)行緩存的,并且可以設(shè)置緩存的過(guò)期時(shí)間(比如設(shè)置過(guò)期時(shí)間為1小時(shí),那么1小時(shí)過(guò)后就會(huì)重新拉取新資源)。對(duì)于某些動(dòng)態(tài)資源拉取過(guò)慢并且更新頻率不高的我們可以采用動(dòng)態(tài)資源緩存的策略,從而提升整體的頁(yè)面加載體驗(yàn)。


7.2 加載策略的正確使用

現(xiàn)階段我們常用的主要有下列6種加載策略:

加載策略的本質(zhì)就是通過(guò)對(duì)應(yīng)的加載設(shè)置來(lái)縮短產(chǎn)品與服務(wù)器交換數(shù)據(jù)的時(shí)間,接下來(lái)我們?cè)敿?xì)看一下每種加載策略的具體使用策略:


7.2.1懶加載

懶加載是當(dāng)內(nèi)容落入視窗被用戶(hù)看到時(shí),才會(huì)進(jìn)行加載。這種比較節(jié)省資源和減輕服務(wù)器壓力。對(duì)于當(dāng)前頁(yè)面內(nèi)容很多的可以采用這種加載策略。而這種加載策略的設(shè)計(jì),能夠讓用戶(hù)更快看到當(dāng)前屏幕內(nèi)的內(nèi)容,減少等待時(shí)間。

比如蘋(píng)果官網(wǎng)的加載策略就采取了這樣的一種方式。我們可以看到右側(cè)的資源只有在我們向下滾動(dòng)出現(xiàn)在屏幕中時(shí)才會(huì)進(jìn)行對(duì)應(yīng)的加載,這樣能夠保證用戶(hù)在進(jìn)入網(wǎng)頁(yè)第一時(shí)間看到首屏內(nèi)容,并且用戶(hù)幾乎感知不到這種加載延遲。


7.2.2預(yù)加載

預(yù)加載是在頁(yè)面空閑的時(shí)候就把用戶(hù)即將用到的資源加載完存到緩存中,等用戶(hù)需要使用時(shí),通過(guò)緩存直接調(diào)用呈現(xiàn)。比如用戶(hù)在看A頁(yè)面的時(shí)候,就可以通過(guò)預(yù)加載來(lái)準(zhǔn)備用戶(hù)需要的B頁(yè)面資源。當(dāng)用戶(hù)需要B頁(yè)面的時(shí)候,立刻就可以呈現(xiàn)。

比如某些頁(yè)面在實(shí)際中加載比較慢,這個(gè)時(shí)候就可以考慮是否用預(yù)加載的策略來(lái)提升網(wǎng)頁(yè)整體加載速度。比如知乎的視頻和文字在都進(jìn)行了對(duì)應(yīng)的預(yù)加載。即使當(dāng)你處于斷網(wǎng)狀態(tài)(圖中我將頁(yè)面網(wǎng)絡(luò)切換為斷開(kāi)狀態(tài)),可以看到依舊可以點(diǎn)擊全文進(jìn)行查看和視頻的部分預(yù)覽。


7.2.3分步加載

當(dāng)頁(yè)面中有文字和圖片時(shí),優(yōu)先加載占用網(wǎng)絡(luò)資源小的,比如文字資源,然后再進(jìn)行占用資源較大的加載,比如圖片資源。通過(guò)分步加載也能有效減少頁(yè)面等待時(shí)間。比如大眾點(diǎn)評(píng)等圖片很多的網(wǎng)站往往會(huì)采用這種加載策略。


7.2.4分頁(yè)加載

分頁(yè)加載是我們目前很常見(jiàn)的方式,比如我們常用的百度和谷歌等搜索引擎都是使用的分頁(yè)加載,分頁(yè)適用于數(shù)據(jù)量比較大的內(nèi)容,比如表格數(shù)據(jù)或者大數(shù)據(jù)搜索場(chǎng)景可以使用。

分頁(yè)加載可以理解為當(dāng)前獲取到100條數(shù)據(jù),但是將100條數(shù)據(jù)分別拆成5頁(yè)每頁(yè)20條數(shù)據(jù)提供給用戶(hù),這樣也可以讓用戶(hù)減少等待時(shí)間:

在目前還有一種滾動(dòng)分頁(yè)的加載,就是不提供視覺(jué)上的分頁(yè),而是當(dāng)用戶(hù)進(jìn)行滾動(dòng)時(shí),自動(dòng)加載一定數(shù)量的內(nèi)容,這樣從用戶(hù)的視角看就是一個(gè)連續(xù)不間斷的數(shù)據(jù)展示。比如一些資訊類(lèi)的網(wǎng)站就是采用的這種加載策略,有的也把這種滾動(dòng)分頁(yè)的方式稱(chēng)為自動(dòng)加載。


7.2.5延遲加載

這里講的延遲加載更多的是一種防護(hù)加載機(jī)制,一般延遲設(shè)置的時(shí)間為300ms。這里的延遲加載有2種使用,第一種多用于搜索,通過(guò)延遲加載能夠讓用戶(hù)更好進(jìn)行連續(xù)輸入,避免搜索結(jié)果被高頻率刷新,同時(shí)緩解服務(wù)器壓力。如下圖,可以看到我在輸入1后會(huì)有個(gè)延遲才出現(xiàn)加載列表,并且我在連續(xù)輸入12306的過(guò)程中是沒(méi)有對(duì)結(jié)果進(jìn)行更新的,當(dāng)我輸入完后才更新。

第二種則是通過(guò)延遲加載可以更好防止反復(fù)操作。當(dāng)用戶(hù)在同一組件上面進(jìn)行切換時(shí),如果該操作小于300ms,則只記錄最后的點(diǎn)擊操作。這種情況可以用在我們的表格翻頁(yè)和開(kāi)關(guān)等狀態(tài)上,防止用戶(hù)瘋狂點(diǎn)擊導(dǎo)致數(shù)據(jù)反復(fù)請(qǐng)求和屏幕閃爍的情況。我們可以通過(guò)下面這個(gè)組件演示例子來(lái)進(jìn)行對(duì)應(yīng)的感知:

延遲加載更多用于上述2種場(chǎng)景,對(duì)于其他情況的加載,直接加上就可以了,并不需要刻意設(shè)置延遲。


7.2.6后臺(tái)加載

這里想要表達(dá)的含義是當(dāng)用戶(hù)在操作后,客戶(hù)端立即反饋操作成功,然后把請(qǐng)求放到后臺(tái)與服務(wù)器交互,這一過(guò)程用戶(hù)不需要了解,不需要等待。無(wú)論在什么網(wǎng)絡(luò)環(huán)境下你基本上都能操作成功。比如微信的朋友圈發(fā)布就是這樣的操作,即使你在斷網(wǎng)的情況下都能夠立刻發(fā)布,但實(shí)際上這個(gè)時(shí)候并沒(méi)有發(fā)送成功,還需要上傳到服務(wù)器后才你的朋友們才能看見(jiàn)。


這樣的好處是用戶(hù)使用起來(lái)非常流暢,但是壞處就是,當(dāng)操作不成功時(shí),用戶(hù)并不能及時(shí)進(jìn)行感知,仍然以為操作已經(jīng)成功了。所以這種場(chǎng)景我們也需要根據(jù)場(chǎng)景進(jìn)行對(duì)應(yīng)的判斷和選擇。對(duì)于復(fù)雜的B端場(chǎng)景個(gè)人建議慎用或者不用這種操作,畢竟很多發(fā)布的功能會(huì)同時(shí)影響很多業(yè)務(wù)線(xiàn)。


這里就拿微信的朋友圈發(fā)布來(lái)進(jìn)行舉例,下方手機(jī)狀態(tài)都為斷網(wǎng)狀態(tài),可以看到微信立即發(fā)布,而貼吧在這種狀態(tài)下提示網(wǎng)絡(luò)錯(cuò)誤。

通過(guò)這些加載策略的選擇性使用,能夠在特定環(huán)境下提升我們系統(tǒng)的整體使用體驗(yàn)。因此我們需要對(duì)這些加載策略有一個(gè)比較全面的認(rèn)識(shí),這樣我們不僅知道加載慢的原因,還可以利用加載策略去提升頁(yè)面性能。



在整體的加載過(guò)程中,別忘了考慮加載異常的情況。在通常情況下我們會(huì)我們會(huì)遇到網(wǎng)絡(luò)速度過(guò)慢或者突然斷網(wǎng)這兩種狀況讓頁(yè)面一直加載不出來(lái),這時(shí)我們需要考慮對(duì)長(zhǎng)時(shí)間的加載過(guò)程進(jìn)行處理。

通常做法是我們要對(duì)加載狀態(tài)有一個(gè)最長(zhǎng)時(shí)間的限制,一般為加載不超過(guò)10s,超過(guò)最長(zhǎng)時(shí)間后就進(jìn)行異常狀態(tài)顯示(提示語(yǔ)+刷新按鈕)。這樣用戶(hù)可以選擇重新加載或者離開(kāi)此頁(yè)面,而不是一直等待。

在這里還想到一點(diǎn),就是對(duì)于編輯頁(yè)面,我們應(yīng)當(dāng)加入網(wǎng)絡(luò)連接是否異常的判斷,比如當(dāng)進(jìn)入到編輯頁(yè)面后,如果遇到網(wǎng)絡(luò)斷開(kāi),需要在頁(yè)面的頂部加上常駐提示條【當(dāng)前網(wǎng)絡(luò)連接斷開(kāi)】,這樣用戶(hù)能夠及時(shí)進(jìn)行察覺(jué)并修復(fù)。避免在無(wú)網(wǎng)環(huán)境下繼續(xù)輸入。這對(duì)于某些需要輸入很多內(nèi)容且并不提供本地保存的頁(yè)面來(lái)講是非常有必要的。


加載在設(shè)計(jì)中是非常容易被忽略的模塊,因?yàn)樵诖蟛糠智闆r下網(wǎng)絡(luò)速度都較快,人們很難深刻地感受到加載過(guò)程。但加載卻在產(chǎn)品運(yùn)行中起著不可或缺的作用。通過(guò)這篇文章想要告訴大家的有幾個(gè)點(diǎn):

1.我們需要明白加載為什么會(huì)出現(xiàn),這個(gè)過(guò)程是怎么樣的;

2.加載的通用處理手段是怎么樣的,非通用處理方式有哪些;

3.通過(guò)緩存和對(duì)應(yīng)加載策略能夠讓頁(yè)面加載速度有本質(zhì)上的提升。


這樣當(dāng)我們?cè)陧?yè)面上遇到加載速度慢的問(wèn)題時(shí),在為其加上動(dòng)畫(huà)承載過(guò)渡的同時(shí),還應(yīng)該思考其加載緩慢背后的原因,是因?yàn)閿?shù)據(jù)量太大還是加載策略的相關(guān)問(wèn)題,是否可以將其進(jìn)行懶加載或者分步加載,這時(shí)我應(yīng)該去找前端或者后端如何溝通。從源頭上解決加載時(shí)間長(zhǎng)的問(wèn)題,才是后續(xù)產(chǎn)品設(shè)計(jì)過(guò)程中的長(zhǎng)久思路。


最后,雖然進(jìn)行了很多資料查詢(xún)和技術(shù)溝通,但文章不可避免會(huì)出現(xiàn)不當(dāng)之處,歡迎進(jìn)行反饋。





文章來(lái)源:站酷   作者:進(jìn)擊的M


分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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


日歷

鏈接

個(gè)人資料

存檔