首頁

你真的懂如何教育用戶嗎

純純

我們常常會發(fā)現(xiàn):某個產(chǎn)品功能/活動上線推出后,用戶一看到就參與并使用;但你負(fù)責(zé)的某個產(chǎn)品功能/活動上線后,用戶并沒有按照產(chǎn)品或你的預(yù)期去做出相對應(yīng)的行為——功能不使用、活動不參加、廣告看了沒反應(yīng)…

理想很豐滿,現(xiàn)實卻很骨感;你從產(chǎn)品體驗流程到視覺表現(xiàn)復(fù)盤了一遍后都沒有問題,但是為什么用戶對你的產(chǎn)品/設(shè)計感知度如此之低,為什么用戶不按照你預(yù)期的設(shè)計去做出對應(yīng)的行為,為什么用戶對你的設(shè)計不感冒…明明無論是體驗流程還是視覺表現(xiàn)都沒問題,究竟是什么原因?qū)е逻@樣的結(jié)果?你真的讓你的用戶感知到了嗎?你的用戶真的懂你的設(shè)計和流程了嗎?換句話說,你真的懂如何教育用戶嗎?

無論是C端還是B端產(chǎn)品,都面臨著不同程度教育用戶的問題,這篇文章將從設(shè)計的角度出發(fā),幫助設(shè)計師如何通過設(shè)計手段去正確地教育用戶



產(chǎn)品教育的本質(zhì)

想要了解怎么正確地教育用戶,需要先了解產(chǎn)品教育的本質(zhì)。什么是產(chǎn)品教育?產(chǎn)品設(shè)計的教育并不是單純地告訴用戶1+1=2,也不是讓用戶自己去完成2+2=4;產(chǎn)品教育的本質(zhì)是說服,說服用戶使用你的產(chǎn)品,說服用戶按照你的預(yù)期來使用產(chǎn)品

不管是C端還是B端產(chǎn)品,和用戶之間都存在著緊密相連密不可分的關(guān)系:



簡單來說就是:用戶產(chǎn)生了訴求,有了訴求后就衍生出相對應(yīng)的產(chǎn)品,有了產(chǎn)品自然而然就產(chǎn)生了衡量這個產(chǎn)品是否是真正被需要的目標(biāo)和指標(biāo),然后產(chǎn)品匹配相對應(yīng)的用戶去解決他們的問題,從而去達(dá)成產(chǎn)品的目標(biāo)和指標(biāo)來驗證這個產(chǎn)品是成功的


在達(dá)成整個產(chǎn)品目標(biāo)的過程中,存在不同階段的用戶群體,而這類用戶群體不同階段的心理在整個使用生命周期是不斷在迭代更替的:



小如一個Banner的投放,大如一個新產(chǎn)品的上線,都會經(jīng)歷「新增>轉(zhuǎn)化>裂變」這三個階段;站在用戶的視角,剛接觸這個新鮮事物的時候,存在不確定性因素,從而產(chǎn)生擔(dān)憂的心理——對新鮮事物有了一定的認(rèn)知和了解后,會抱著懷疑的態(tài)度進(jìn)行體驗流程——而無論處于哪個階段,核心都是為了服務(wù)產(chǎn)品的業(yè)務(wù)目標(biāo)


看到這里感覺一臉懵逼:各個產(chǎn)品類型行業(yè)不同,業(yè)務(wù)目標(biāo)種類又那么多,那憑什么說教育好用戶就能幫助完成業(yè)務(wù)目標(biāo)呢?這里又回歸到本文的主題——產(chǎn)品教育的本質(zhì)是說服,說服用戶使用產(chǎn)品幫助你完成你的目標(biāo)



通過說服用戶打消顧慮和擔(dān)憂,對產(chǎn)品就完整清晰的認(rèn)知,減少不確定性因素——說服用戶取消對產(chǎn)品的懷疑,降低行為成本,提升號召用戶行為從而減少轉(zhuǎn)化周期——說服用戶的自私心理,降低消耗成本從而提升裂變的可能性,最終整體助力產(chǎn)品達(dá)成業(yè)務(wù)目標(biāo)


舉個栗子:

產(chǎn)品的業(yè)務(wù)目標(biāo)是提升新功能的使用人數(shù),而這類用戶群體屬于新用戶的轉(zhuǎn)化,具體影響使用新功能的因素很多,但是很多情況下會受到其他因素干涉,(比如基礎(chǔ)建設(shè)、原系統(tǒng)詬病等)但是在做設(shè)計決策的時候,就可以以教育引導(dǎo)用戶作為切入點:注冊就送XXX大禮包、邀請新用戶送XXX等等設(shè)計手段來完成業(yè)務(wù)目標(biāo)



LIFT模型

這里可以引用兩個方法論來制定設(shè)計策略和設(shè)計方案,其中一個就是LIFT模型;LIFT模型的原理就是基于用戶的問題為基礎(chǔ),設(shè)計有關(guān)問題的假設(shè)解決問題,從而提高產(chǎn)品的效益;而影響LIFT模型的六個因素分別為:價值主張、相關(guān)性、清晰度、緊迫感、焦慮感和注意力分散——簡單來說,可以把LIFT模型當(dāng)作一架飛機(jī),價值主張是這架飛機(jī)的機(jī)身,相關(guān)性和清晰度是飛機(jī)的機(jī)翼,焦慮感和注意力分散則是機(jī)翼上的推進(jìn)器,緊迫感則是整架飛機(jī)的動力



通過上圖可以明顯地感受到如何進(jìn)行相關(guān)設(shè)計:通過提升相關(guān)性和清晰度,降低用戶的焦慮感和注意力分散,透傳產(chǎn)品的價值主張和緊迫感來教育引導(dǎo)用戶;在框架交互層面可以提升相關(guān)性、清晰度和降低注意力分散;在視覺表現(xiàn)層面可以傳遞產(chǎn)品價值主張、緊迫感;通常作為方法論的使用,存在單一的形式出現(xiàn),也會以多種組合的形式使用,也就是我們常說的「組合拳」,我們可以在很多產(chǎn)品設(shè)計中看到具體設(shè)計手段使用的案例:



這類通過直接透傳產(chǎn)品價值的場景我們很常見,往往在某個新功能/模塊上新時,都會見到此類場景;比如貝殼的VR功能,當(dāng)前的業(yè)務(wù)目標(biāo)是提升VR功能的點擊滲透,在新功能上線后自然要對用戶做教育引導(dǎo),樣式上使用了強(qiáng)引導(dǎo)的樣式來強(qiáng)調(diào)新功能的入口,透過透傳功能的價值主張來引導(dǎo)教育用戶;

百度網(wǎng)盤則是使用承接頁空狀態(tài)來透傳功能的價值主張,數(shù)據(jù)工具類型的產(chǎn)品往往核心的目標(biāo)是為了提效和安全性,所以在宣揚(yáng)價值主張方面以提效安全為核心



而一些強(qiáng)教育場景,則會更加突出降低用戶焦慮的形式做設(shè)計,比如Focos的功能動態(tài)教育彈窗和有道云筆記的教育手冊,都是在降低用戶對產(chǎn)品理解的焦慮感



還有一種是強(qiáng)制和用戶綁定,引導(dǎo)用戶完成流程體驗的沉浸形式,此類設(shè)計常規(guī)的產(chǎn)品幾乎很少使用,因為功能眾多會對沒有此類訴求的用戶造成強(qiáng)干擾,從而導(dǎo)致用戶流失;而游戲類任務(wù)和體驗師一致的,所以此類設(shè)計更多在手游中看到,強(qiáng)制引導(dǎo)你完成某個任務(wù)章節(jié),一方面是為了教育引導(dǎo),另一方面為了讓你盡快上癮,從而減少用戶的流失率



支付寶的券商理財頁則是以「組合拳」的形式設(shè)計的,頭部通過文案+圖標(biāo)的形式提煉出產(chǎn)品價值主張和展示產(chǎn)品的清晰度,順勢往下使用真實的場景設(shè)計,引發(fā)和用戶之間的情緒上的共鳴,再往下直接透傳人群,兩者上結(jié)合拉通和用戶人群的相關(guān)性;整體以展示產(chǎn)品價值主張,提升清晰度和相關(guān)性的形式設(shè)計


以上就是LIFT模型在各類產(chǎn)品中的應(yīng)用,根據(jù)不同的場景、業(yè)務(wù)目標(biāo)和用戶訴求,使用單個或多種形式組合對用戶進(jìn)行教育和引導(dǎo),其核心是從用戶心理的根本上去達(dá)到產(chǎn)品的教育目的



基于福格行為模型

首先讓我們了解下福格行為模型是什么,福格行為模型的定義是表明一個行為得以發(fā)生,行為者首先需要有進(jìn)行此行為的動機(jī)和操作此行為的能力,下一步如果他們有充足的動機(jī)和能力來施行既定行為,他們就會在被誘導(dǎo)/觸發(fā)時進(jìn)行;說人話就是如果一個人有足夠的能力和動機(jī),然后引導(dǎo)他做某個行為的時候,他自然而然就去做那個行為



由上圖可以看出:對用戶來說使用越簡單,動機(jī)越強(qiáng),觸發(fā)引導(dǎo)越強(qiáng),那么用戶觸發(fā)行為的概率也就越大!動機(jī)是什么?動機(jī)簡單來說是好處——對用戶有利的東西,那用戶怎么知道這個東西對他有利呢,所以我們要對用戶進(jìn)行傳達(dá)和教育——告訴他這個東西對你有XXX的好處

那能力又是什么?用戶需要完成12345步操作才能拿到好處和用戶需要完成12步操作就可以拿到好處,當(dāng)然第二種是更容易被用戶所接受的,那用戶怎么知道只需要完成12步操作就可以拿到好處呢,還是需要我們對用戶進(jìn)行傳達(dá)和教育

有了動機(jī)和能力,觸發(fā)器又是什么呢?就是前文提到的通過設(shè)計手段進(jìn)行相對的產(chǎn)品引導(dǎo);有了以上三個條件后,用戶就會按照你的想法意愿去完成操作行為,去幫助你完成你的業(yè)務(wù)目標(biāo)



為什么教育引導(dǎo)用戶是基于福格行為模型呢?還是用同一個案例來示意,貝殼VR看房業(yè)務(wù)目標(biāo)是提升模塊點擊滲透率,這時候利用前文提到的LIFT制定好引導(dǎo)策略后,所提煉出來的價值主張對用戶來說就是產(chǎn)品給予用戶的好處,而能力方面只需要用戶進(jìn)行單次點擊的交互行為,觸發(fā)器引導(dǎo)又實用了很強(qiáng)的區(qū)域高亮樣式設(shè)計,很大概率上引導(dǎo)教育用戶進(jìn)行點擊行為,從而符合產(chǎn)品設(shè)計的預(yù)期,幫助你達(dá)成提升點擊滲透率的業(yè)務(wù)目標(biāo)



總結(jié)

開篇說明了產(chǎn)品教育的本質(zhì)就是說服,說服的流程就是展示好處,降低操作難度,在合適的時機(jī)觸發(fā)引導(dǎo),而無論是展示、引導(dǎo)都離不開教育用戶;總結(jié)下來常用的設(shè)計方法就是基于福格行為模型的基礎(chǔ),用LIFT模型制定引導(dǎo)教育策略,讓用戶行為符合你的設(shè)計預(yù)期,最后助力完成業(yè)務(wù)目標(biāo),拿到數(shù)據(jù)上的結(jié)果,才能體現(xiàn)設(shè)計側(cè)的價值



說一句題外話,方法論能幫助設(shè)計同學(xué)套用并且快速產(chǎn)出方案,但是很多不同場景不同業(yè)務(wù)下情況不同較為復(fù)雜,雖然方法論是針對普遍大多數(shù)場景,但是不要過度迷信方法論;除了減少設(shè)計師本身的思考外,還容易讓設(shè)計師產(chǎn)生依賴,往往輸出的交互/視覺方案沒有思考沒有靈魂,自己本身沒有能力上的提升,往嚴(yán)重了說,自然而然核心競爭力也會下降,人人都可以替代你的位置

而我們正確使用方法論的方法呢,就是將方法論作為參考;就好比方法論是系統(tǒng)推薦出裝方案一鍵天賦,系統(tǒng)一直推薦你堆護(hù)甲,對面4個魔法輸出,你不會靈活多變出魔抗,這怎么贏嘛?


正確使用方法論首先能幫助我們自身樹立正確的思考方向,至少在方案產(chǎn)出的時候,在大的方向是沒錯的;其次要根據(jù)不同場景不同人群不同情況結(jié)合業(yè)務(wù)目標(biāo)進(jìn)行思考,最終形成自己輸出的完美方案,這樣才能體現(xiàn)出設(shè)計的價值,才能真正意義上的設(shè)計賦能業(yè)務(wù)


作者:雨灰    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

構(gòu)建產(chǎn)品的信任力設(shè)計

純純

上面的場景是否很熟悉?在我們?nèi)粘I钪薪?jīng)常能聽到/看到這樣的話,但除了運(yùn)氣好的那部分人,結(jié)局往往要么是「專柜不予驗貨」,要么是「吃啞巴虧被人割一波韭菜」或者要么是「十連抽!SSR!出了新通行證出了新皮膚!買!!」;于是這部分人開始不相信任何相關(guān)的東西,開始大肆傳播,加上一些不法分子的違法惡意行為和新聞公安宣傳,最終導(dǎo)致社會上絕大部分的人樹立起了很嚴(yán)謹(jǐn)?shù)姆纻湫?

眾所周知無論是作為互聯(lián)網(wǎng)還是傳統(tǒng)行業(yè),無論是金融還是電商亦或者是游戲社交等等,想要賺錢,構(gòu)建平臺和用戶之間的信任是必然的。如果你無法和用戶構(gòu)建信任關(guān)系,那誰還指望用戶使用你的產(chǎn)品去消費(fèi)(金錢/時間)呢?

在產(chǎn)品設(shè)計當(dāng)中,作為設(shè)計師的我們?nèi)绾稳ズ陀脩魳?gòu)建信任關(guān)系,怎樣通過設(shè)計細(xì)節(jié)去逐步影響甚至改變用戶,這個話題是我最近在研究的東西,通過解析市面上的產(chǎn)品如何通過設(shè)計去構(gòu)建用戶的信任關(guān)系,提煉出我們?nèi)绾卧诋a(chǎn)品設(shè)計當(dāng)中去打造信任感



信任力

首先來了解一下作為互聯(lián)網(wǎng)的產(chǎn)品中信任力是如何產(chǎn)生的:用戶要想對產(chǎn)品產(chǎn)生信任感,必須建立一個完善俱全的產(chǎn)品心智。(具體的心智設(shè)計在我之前有篇文章已經(jīng)詳細(xì)介紹過了,這里不再過多闡述)先上結(jié)論,當(dāng)一個用戶從普通的態(tài)度到信任一款產(chǎn)品,這個過程是基于「認(rèn)知」、「情緒」和「態(tài)度」建立的


這個過程在不同的場景所建立的時長也不相同,售賣場景當(dāng)中是最常見的。舉個例子,我們經(jīng)常會在菜市場大街上看到有人吆喝賣菜刀、塑料盆各種東西,站著一圈兒人圍觀,然后會看到賣家為了展示自己商品的賣點,會很賣力地把塑料盆摔地上以此來吸引注意和展示賣點;這樣能在極短的時間內(nèi)改變消費(fèi)者的情緒和認(rèn)知,從而改變消費(fèi)者的態(tài)度,以建立消費(fèi)者對產(chǎn)品的信任,最終提升下單轉(zhuǎn)化率。說人話就是:“我這個盆怎么摔都摔不壞,不信我吧唧摔給你看,快買它!??!”

在用戶建立了與產(chǎn)品的心智之后,才會產(chǎn)生相關(guān)的信任力,從而產(chǎn)生相關(guān)的行為



信任行為的途徑

了解原理之后,那么來看一個基本的問題:信任的行為是如何產(chǎn)生的?用戶建立了和產(chǎn)品的信任心智后,怎么產(chǎn)生相對應(yīng)的行為,主要依靠三種途徑:「第一手經(jīng)驗」、「可靠的建議」和「基于理智的理解」


基于他人的經(jīng)驗

這個途徑是日常生活中最常見的讓人信任某人或某物的方式,比如你的好朋友或者同事告訴你:XXX地方吃飯服務(wù)超棒,味道超正宗…那么基于你對好朋友或同事的關(guān)系以及他嘗試過的經(jīng)驗,你會大概率選擇去那家店試一試。通過自己熟悉的人或事,在基于過去成功的經(jīng)驗下,人們會再次選擇相信這類人的經(jīng)驗


這類情況在互聯(lián)網(wǎng)的場景中往往以KOL帶貨、探店等形式存在,早些年的小紅書微博探店測評,到近來越來越火的直播短視頻;都是基于人們在對自己信任的KOL面前,選擇信任相對應(yīng)的產(chǎn)品或消費(fèi)場景。諸如「我喜歡的明星都用這個,我跟著買肯定沒錯~」、「天不怕地不怕,就怕他李佳琦說Oh my God!」之類,都是由平臺借助KOL和用戶群體建立的信任關(guān)系,也就是我們常說的「種草」



如果沒有喜歡的KOL怎么辦,那就建立以自己為中心輻射的社交圈,通過自己認(rèn)識的人去建立深度的信任關(guān)系,比如我們最熟悉的朋友圈種草,拼多多核心的拼小圈和淘寶的淘友圈;基于自身為圓心,利用用戶的從眾心理和窺探欲建立的關(guān)系鏈,從而幫助平臺建立與用戶的信任關(guān)系



基于可靠的建議

基于他人經(jīng)驗僅限于熟人或為了解的人所建立的關(guān)系鏈,詬病往往是必須依附于熟悉的過程,這個過程是有一個時間的,但是很多場景下并沒有那么多時間和條件給用戶去建立信任這個過程,所以出現(xiàn)了多種讓用戶通過陌生渠道快速建立信任關(guān)系的形式


1.品牌的力量  我們經(jīng)??吹绞袌錾掀放谱錾壐?,也能看到天價的品牌設(shè)計,因為品牌是對產(chǎn)品或者服務(wù)的一種保障,因為這種保障我們更傾向于使用該品牌的產(chǎn)品,因為良好的產(chǎn)品使用體驗,我們更加信任該品牌,形成一個正向的循環(huán)。而互聯(lián)網(wǎng)產(chǎn)品更加熱衷于此,比如早些年的淘寶因為假貨、刷好評曾讓平臺信任感一度降低,于是有了后來的天貓品牌;比如京東的自營標(biāo),得物的專業(yè)鑒定等,無一不是借助品牌的力量建立用戶和平臺的信任關(guān)系



2.陌生渠道詳細(xì)的經(jīng)驗  電商產(chǎn)品力商詳頁的評價系統(tǒng)相信大家一定不會陌生,如果有心關(guān)注的話,會發(fā)現(xiàn)評價系統(tǒng)一直在經(jīng)歷著改版:從起初的「好中差評」到現(xiàn)在種類繁多的評價,都是在針對信任感一直在迭代優(yōu)化,并且是一條長線的迭代。加深用戶對產(chǎn)品快速地信任,電商產(chǎn)品分階段性地在優(yōu)化評價體系。拼多多在前置鏈路當(dāng)中,強(qiáng)引導(dǎo)確認(rèn)收貨后的用戶進(jìn)行評論反饋(具體在點擊「確認(rèn)收貨」后跳轉(zhuǎn)至評價頁面強(qiáng)制拉起鍵盤進(jìn)行輸入),而阿里系產(chǎn)品淘寶、餓了么等在前置鏈路當(dāng)中以積分獎勵的形式,鼓勵用戶寫真實的評價;在后置鏈路中,強(qiáng)化了好評的信息,展示了「回頭客」這一概念,一方面展示了產(chǎn)品的真實性,向用戶傳遞二次復(fù)購的用戶;另一方面,打消了用戶對店鋪花錢雇人刷好評的顧慮



3.專業(yè)的權(quán)威  常見于金融、政府相關(guān)的項目產(chǎn)品中,借助當(dāng)?shù)卣?、專業(yè)權(quán)威機(jī)構(gòu)的威信來和用戶建立信任關(guān)系,有相關(guān)的組織機(jī)構(gòu)做背書,此類產(chǎn)品的用戶在整個流程中更容易做出決策;比如支付寶和地方政府的合作,寺庫和美國GIA專業(yè)鑒定機(jī)構(gòu)的合作等



基于理智的理解

對于從未看過或者聽說過的某個產(chǎn)品,可以通過讓用戶了解其工作原理來建立信任,簡單來說就是「脫光了給用戶看」;有且重要的一點是,不能因為產(chǎn)品的易用性而覺得可忽略像用戶解釋你的產(chǎn)品。因為如果用戶「感知」到自己不了解產(chǎn)品本身,那么即便是別人推薦的,依然存在部分用戶不信任產(chǎn)品


舉個簡單的例子:在互聯(lián)網(wǎng)各類產(chǎn)品建立的初期,沒有品牌,沒有背書,獲取的信息讓用戶感覺自己的隱私被暴露,存在自己的隱私數(shù)據(jù)泄漏等問題;如果向用戶展示產(chǎn)品的詳細(xì)的信息,會讓用戶更加的安心。比如Uber或滴滴新生的時候,品牌尚未建立,在打車前讓用戶明確詳細(xì)地了解用戶信息、車輛信息、駕駛員信息以及安全規(guī)則后,用戶才會更加安心地使用產(chǎn)品



如何通過設(shè)計建立產(chǎn)品的信任力

闡述了用戶對產(chǎn)品建立信任的原理和途徑,那么作為設(shè)計師的我們,如何在自己的產(chǎn)品設(shè)計當(dāng)中,去和用戶建立信任感并且維護(hù)信任關(guān)系,可以看看成功的產(chǎn)品怎么做的


展示品牌權(quán)威標(biāo)示

在視覺的呈現(xiàn)上向用戶直觀地展示相關(guān)的品牌、權(quán)威機(jī)構(gòu)的標(biāo)示等,能在極短的時間內(nèi)改善用戶的認(rèn)知和態(tài)度,從而建立起短暫的信任感;常見的此類設(shè)計在網(wǎng)頁設(shè)計、運(yùn)營視覺中比較常見,比如官網(wǎng)的合作方露出,聯(lián)名活動的品牌展示等



產(chǎn)品設(shè)計的一致性

為什么大公司有很多規(guī)范,從柵格到彈窗到動效,在整個產(chǎn)品體驗的過程中,讓用戶感知到是在一個產(chǎn)品中完成的流程就是產(chǎn)品設(shè)計的一致性,為什么要做一致性,因為要增強(qiáng)品牌感和產(chǎn)品體驗的舒適度,目的就是讓用戶依賴于品牌產(chǎn)品,建立起無法分離的信任關(guān)系



構(gòu)建信任的樞紐

從整個流程的開端到結(jié)束制定一系列的體驗來構(gòu)建信任的樞紐,用拼多多的拼小圈來舉例,從最初的引導(dǎo)開始,向用戶透出熟悉的頭像信息引導(dǎo)用戶點擊觸發(fā),然后簡單地向用戶告知產(chǎn)品的詳情,接著通過無處不在的用戶頭像和標(biāo)簽建立信任關(guān)系,利用用戶「好的、知道了等」認(rèn)知慣性去影響用戶的行為,最后通過K歌影集等功能鞏固信任關(guān)系,增強(qiáng)用戶粘性,實現(xiàn)整個樞紐的體驗閉環(huán)(不得不感嘆多多在構(gòu)建信任感這一塊真的很厲害~)



再嗶兩句

在整個互聯(lián)網(wǎng)大環(huán)境下,針對存量精細(xì)化運(yùn)營戰(zhàn)中,信任關(guān)系是有效轉(zhuǎn)化的關(guān)鍵,也是企業(yè)和品牌傳播的第一生產(chǎn)力。能否獲取用戶信任,將會成為企業(yè)商業(yè)價值大小的核心判斷標(biāo)準(zhǔn);站在用戶的視角,只有信任了某個產(chǎn)品,才會將自己的隱私信息等向企業(yè)開放,從而產(chǎn)生一系列消費(fèi)、轉(zhuǎn)換等行為;自媒體直播短視頻在拓展業(yè)務(wù)和平臺的合作中,增強(qiáng)了用戶與之間的粘性,而這一切,所有的原點都在于信任

上面的場景是否很熟悉?在我們?nèi)粘I钪薪?jīng)常能聽到/看到這樣的話,但除了運(yùn)氣好的那部分人,結(jié)局往往要么是「專柜不予驗貨」,要么是「吃啞巴虧被人割一波韭菜」或者要么是「十連抽!SSR!出了新通行證出了新皮膚!買!!」;于是這部分人開始不相信任何相關(guān)的東西,開始大肆傳播,加上一些不法分子的違法惡意行為和新聞公安宣傳,最終導(dǎo)致社會上絕大部分的人樹立起了很嚴(yán)謹(jǐn)?shù)姆纻湫?/strong>

眾所周知無論是作為互聯(lián)網(wǎng)還是傳統(tǒng)行業(yè),無論是金融還是電商亦或者是游戲社交等等,想要賺錢,構(gòu)建平臺和用戶之間的信任是必然的。如果你無法和用戶構(gòu)建信任關(guān)系,那誰還指望用戶使用你的產(chǎn)品去消費(fèi)(金錢/時間)呢?

在產(chǎn)品設(shè)計當(dāng)中,作為設(shè)計師的我們?nèi)绾稳ズ陀脩魳?gòu)建信任關(guān)系,怎樣通過設(shè)計細(xì)節(jié)去逐步影響甚至改變用戶,這個話題是我最近在研究的東西,通過解析市面上的產(chǎn)品如何通過設(shè)計去構(gòu)建用戶的信任關(guān)系,提煉出我們?nèi)绾卧诋a(chǎn)品設(shè)計當(dāng)中去打造信任感



信任力

首先來了解一下作為互聯(lián)網(wǎng)的產(chǎn)品中信任力是如何產(chǎn)生的:用戶要想對產(chǎn)品產(chǎn)生信任感,必須建立一個完善俱全的產(chǎn)品心智。(具體的心智設(shè)計在我之前有篇文章已經(jīng)詳細(xì)介紹過了,這里不再過多闡述)先上結(jié)論,當(dāng)一個用戶從普通的態(tài)度到信任一款產(chǎn)品,這個過程是基于「認(rèn)知」、「情緒」和「態(tài)度」建立的


這個過程在不同的場景所建立的時長也不相同,售賣場景當(dāng)中是最常見的。舉個例子,我們經(jīng)常會在菜市場大街上看到有人吆喝賣菜刀、塑料盆各種東西,站著一圈兒人圍觀,然后會看到賣家為了展示自己商品的賣點,會很賣力地把塑料盆摔地上以此來吸引注意和展示賣點;這樣能在極短的時間內(nèi)改變消費(fèi)者的情緒和認(rèn)知,從而改變消費(fèi)者的態(tài)度,以建立消費(fèi)者對產(chǎn)品的信任,最終提升下單轉(zhuǎn)化率。說人話就是:“我這個盆怎么摔都摔不壞,不信我吧唧摔給你看,快買它?。?!”

在用戶建立了與產(chǎn)品的心智之后,才會產(chǎn)生相關(guān)的信任力,從而產(chǎn)生相關(guān)的行為



信任行為的途徑

了解原理之后,那么來看一個基本的問題:信任的行為是如何產(chǎn)生的?用戶建立了和產(chǎn)品的信任心智后,怎么產(chǎn)生相對應(yīng)的行為,主要依靠三種途徑:「第一手經(jīng)驗」、「可靠的建議」和「基于理智的理解」


基于他人的經(jīng)驗

這個途徑是日常生活中最常見的讓人信任某人或某物的方式,比如你的好朋友或者同事告訴你:XXX地方吃飯服務(wù)超棒,味道超正宗…那么基于你對好朋友或同事的關(guān)系以及他嘗試過的經(jīng)驗,你會大概率選擇去那家店試一試。通過自己熟悉的人或事,在基于過去成功的經(jīng)驗下,人們會再次選擇相信這類人的經(jīng)驗


這類情況在互聯(lián)網(wǎng)的場景中往往以KOL帶貨、探店等形式存在,早些年的小紅書微博探店測評,到近來越來越火的直播短視頻;都是基于人們在對自己信任的KOL面前,選擇信任相對應(yīng)的產(chǎn)品或消費(fèi)場景。諸如「我喜歡的明星都用這個,我跟著買肯定沒錯~」、「天不怕地不怕,就怕他李佳琦說Oh my God!」之類,都是由平臺借助KOL和用戶群體建立的信任關(guān)系,也就是我們常說的「種草」



如果沒有喜歡的KOL怎么辦,那就建立以自己為中心輻射的社交圈,通過自己認(rèn)識的人去建立深度的信任關(guān)系,比如我們最熟悉的朋友圈種草,拼多多核心的拼小圈和淘寶的淘友圈;基于自身為圓心,利用用戶的從眾心理和窺探欲建立的關(guān)系鏈,從而幫助平臺建立與用戶的信任關(guān)系



基于可靠的建議

基于他人經(jīng)驗僅限于熟人或為了解的人所建立的關(guān)系鏈,詬病往往是必須依附于熟悉的過程,這個過程是有一個時間的,但是很多場景下并沒有那么多時間和條件給用戶去建立信任這個過程,所以出現(xiàn)了多種讓用戶通過陌生渠道快速建立信任關(guān)系的形式


1.品牌的力量  我們經(jīng)??吹绞袌錾掀放谱錾壐?,也能看到天價的品牌設(shè)計,因為品牌是對產(chǎn)品或者服務(wù)的一種保障,因為這種保障我們更傾向于使用該品牌的產(chǎn)品,因為良好的產(chǎn)品使用體驗,我們更加信任該品牌,形成一個正向的循環(huán)。而互聯(lián)網(wǎng)產(chǎn)品更加熱衷于此,比如早些年的淘寶因為假貨、刷好評曾讓平臺信任感一度降低,于是有了后來的天貓品牌;比如京東的自營標(biāo),得物的專業(yè)鑒定等,無一不是借助品牌的力量建立用戶和平臺的信任關(guān)系



2.陌生渠道詳細(xì)的經(jīng)驗  電商產(chǎn)品力商詳頁的評價系統(tǒng)相信大家一定不會陌生,如果有心關(guān)注的話,會發(fā)現(xiàn)評價系統(tǒng)一直在經(jīng)歷著改版:從起初的「好中差評」到現(xiàn)在種類繁多的評價,都是在針對信任感一直在迭代優(yōu)化,并且是一條長線的迭代。加深用戶對產(chǎn)品快速地信任,電商產(chǎn)品分階段性地在優(yōu)化評價體系。拼多多在前置鏈路當(dāng)中,強(qiáng)引導(dǎo)確認(rèn)收貨后的用戶進(jìn)行評論反饋(具體在點擊「確認(rèn)收貨」后跳轉(zhuǎn)至評價頁面強(qiáng)制拉起鍵盤進(jìn)行輸入),而阿里系產(chǎn)品淘寶、餓了么等在前置鏈路當(dāng)中以積分獎勵的形式,鼓勵用戶寫真實的評價;在后置鏈路中,強(qiáng)化了好評的信息,展示了「回頭客」這一概念,一方面展示了產(chǎn)品的真實性,向用戶傳遞二次復(fù)購的用戶;另一方面,打消了用戶對店鋪花錢雇人刷好評的顧慮



3.專業(yè)的權(quán)威  常見于金融、政府相關(guān)的項目產(chǎn)品中,借助當(dāng)?shù)卣I(yè)權(quán)威機(jī)構(gòu)的威信來和用戶建立信任關(guān)系,有相關(guān)的組織機(jī)構(gòu)做背書,此類產(chǎn)品的用戶在整個流程中更容易做出決策;比如支付寶和地方政府的合作,寺庫和美國GIA專業(yè)鑒定機(jī)構(gòu)的合作等



基于理智的理解

對于從未看過或者聽說過的某個產(chǎn)品,可以通過讓用戶了解其工作原理來建立信任,簡單來說就是「脫光了給用戶看」;有且重要的一點是,不能因為產(chǎn)品的易用性而覺得可忽略像用戶解釋你的產(chǎn)品。因為如果用戶「感知」到自己不了解產(chǎn)品本身,那么即便是別人推薦的,依然存在部分用戶不信任產(chǎn)品


舉個簡單的例子:在互聯(lián)網(wǎng)各類產(chǎn)品建立的初期,沒有品牌,沒有背書,獲取的信息讓用戶感覺自己的隱私被暴露,存在自己的隱私數(shù)據(jù)泄漏等問題;如果向用戶展示產(chǎn)品的詳細(xì)的信息,會讓用戶更加的安心。比如Uber或滴滴新生的時候,品牌尚未建立,在打車前讓用戶明確詳細(xì)地了解用戶信息、車輛信息、駕駛員信息以及安全規(guī)則后,用戶才會更加安心地使用產(chǎn)品



如何通過設(shè)計建立產(chǎn)品的信任力

闡述了用戶對產(chǎn)品建立信任的原理和途徑,那么作為設(shè)計師的我們,如何在自己的產(chǎn)品設(shè)計當(dāng)中,去和用戶建立信任感并且維護(hù)信任關(guān)系,可以看看成功的產(chǎn)品怎么做的


展示品牌權(quán)威標(biāo)示

在視覺的呈現(xiàn)上向用戶直觀地展示相關(guān)的品牌、權(quán)威機(jī)構(gòu)的標(biāo)示等,能在極短的時間內(nèi)改善用戶的認(rèn)知和態(tài)度,從而建立起短暫的信任感;常見的此類設(shè)計在網(wǎng)頁設(shè)計、運(yùn)營視覺中比較常見,比如官網(wǎng)的合作方露出,聯(lián)名活動的品牌展示等



產(chǎn)品設(shè)計的一致性

為什么大公司有很多規(guī)范,從柵格到彈窗到動效,在整個產(chǎn)品體驗的過程中,讓用戶感知到是在一個產(chǎn)品中完成的流程就是產(chǎn)品設(shè)計的一致性,為什么要做一致性,因為要增強(qiáng)品牌感和產(chǎn)品體驗的舒適度,目的就是讓用戶依賴于品牌產(chǎn)品,建立起無法分離的信任關(guān)系



構(gòu)建信任的樞紐

從整個流程的開端到結(jié)束制定一系列的體驗來構(gòu)建信任的樞紐,用拼多多的拼小圈來舉例,從最初的引導(dǎo)開始,向用戶透出熟悉的頭像信息引導(dǎo)用戶點擊觸發(fā),然后簡單地向用戶告知產(chǎn)品的詳情,接著通過無處不在的用戶頭像和標(biāo)簽建立信任關(guān)系,利用用戶「好的、知道了等」認(rèn)知慣性去影響用戶的行為,最后通過K歌影集等功能鞏固信任關(guān)系,增強(qiáng)用戶粘性,實現(xiàn)整個樞紐的體驗閉環(huán)(不得不感嘆多多在構(gòu)建信任感這一塊真的很厲害~)



再嗶兩句

在整個互聯(lián)網(wǎng)大環(huán)境下,針對存量精細(xì)化運(yùn)營戰(zhàn)中,信任關(guān)系是有效轉(zhuǎn)化的關(guān)鍵,也是企業(yè)和品牌傳播的第一生產(chǎn)力。能否獲取用戶信任,將會成為企業(yè)商業(yè)價值大小的核心判斷標(biāo)準(zhǔn);站在用戶的視角,只有信任了某個產(chǎn)品,才會將自己的隱私信息等向企業(yè)開放,從而產(chǎn)生一系列消費(fèi)、轉(zhuǎn)換等行為;自媒體直播短視頻在拓展業(yè)務(wù)和平臺的合作中,增強(qiáng)了用戶與之間的粘性,而這一切,所有的原點都在于信任


作者:雨灰    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


精一技o(jì)r擅百技?內(nèi)卷時代下的原型工具應(yīng)該怎么做

純純

大家對原型工具應(yīng)該不陌生,無論是設(shè)計師還是產(chǎn)品經(jīng)理,或多或少都接觸過原型圖的工具,比如較為大眾熟知的Axure,國內(nèi)運(yùn)用較為廣泛的墨刀和摹客,以及一些較為小眾的產(chǎn)品。不難發(fā)現(xiàn),大多數(shù)工具類產(chǎn)品的運(yùn)作模式幾乎都如出一轍:先免費(fèi)使用一段時間,養(yǎng)成了用戶認(rèn)知和習(xí)慣后,逐步開始投放廣告或者收取費(fèi)用變向商業(yè)化——原型工具產(chǎn)品自然也脫離不了這種運(yùn)作模式。所以在這個內(nèi)卷時代下,各大原型工具相繼脫穎而出,前段時間體驗了一下摹客RP,這次就結(jié)合摹客RP這款原型工具產(chǎn)品來聊聊:內(nèi)卷時代下工具到底應(yīng)該怎么做

精一技o(jì)r擅百技?


要說怎么做一款產(chǎn)品,首先先確立這款產(chǎn)品的定位和方向,如果定位和方向上不對,自然后續(xù)鋪墊的功能還是需求都是在錯誤的事情上繼續(xù)做錯誤的事情,相信這是每一個產(chǎn)品人都不愿看到的。但往往理想很豐滿,現(xiàn)實卻很骨感:結(jié)合自己的從業(yè)經(jīng)歷,很多時候產(chǎn)品定位和方向是很難先做到清晰,然后才開始鋪設(shè)功能的;一般情況都是跟從競品功能,快速拿到結(jié)果,才開始結(jié)合自身業(yè)務(wù)特效慢慢摸索產(chǎn)品定位和方向的

眾所周知,作為B端屬性的工具類產(chǎn)品,最為重要的無非就兩點:降本和增效,這兩點向來是B端尤其是偏工具類產(chǎn)品的核心目標(biāo);那么如何降本和增效呢?有人說降低操作成本啊,降低認(rèn)知成本啊,降低學(xué)習(xí)成本啊,那到底降的是什么本?增效又是增的什么效?

從上圖可以看出,無論是降人力成本、認(rèn)知成本等等,還是增加學(xué)習(xí)效率、體驗效率等等,所有對象都指向了用戶群體。有人就會問了:你這不是廢話嘛,工具不就是給用戶用的嘛?誒~還真不一樣!用戶群雖然特指一個群體,但是隸屬不同目標(biāo)下,自然而然也有類別區(qū)分

為什么這樣說,因為不同的用戶群有不同的功能訴求;用戶A通過產(chǎn)品想達(dá)成目標(biāo)A,用戶B通過產(chǎn)品想達(dá)成目標(biāo)B,那么用戶A和用戶B從根本的目標(biāo)不相同,那么他倆的體驗路徑和信息傳達(dá)也是需要有不同
的區(qū)分的,簡單來說就是用戶達(dá)成的目標(biāo)不同,想看到的頁面和功能也不相同

把工具產(chǎn)品比喻成一個小中臺來說,所有用戶都是中臺的需求方,不同需求方的目的不同,但是作為小中臺來說都是需要同時滿足的。以摹客RP來舉例,作為一款協(xié)作產(chǎn)品,用戶群可大致分為產(chǎn)品經(jīng)理、UE設(shè)計師、研發(fā)等,而針對不同的用戶群目標(biāo)來看,產(chǎn)品經(jīng)理的核心目標(biāo)是快速通過原型具像化產(chǎn)品功能,而UE設(shè)計師則是通過產(chǎn)品經(jīng)理的思想以圖形化的形式表達(dá)出來,而身為研發(fā)的核心目標(biāo)是快速了解業(yè)務(wù)邏輯,以便構(gòu)思開發(fā)結(jié)構(gòu)

擅百技?


綜上所述來看,無非就是針對不同的用戶群體的需求都滿足嘛,我都把功能給你做上去不就好啦?表面上的確滿足了所有用戶群的需求,可事實上無形將各類的成本分?jǐn)偨o了各個用戶,怎么理解呢?大家可以腦補(bǔ)想象自己作為一名維修工,此時你急需把一顆梅花口的螺絲給取出來,這時候你來到工具間,你最希望看到下圖中哪個場景?

毋庸置疑大家肯定都會選擇右邊那個工具間,因為功能排列整齊有序,不管你維修工是水電維修還是建筑維修還是網(wǎng)絡(luò)維修,都能在這個工具間找你能幫你完成你的目標(biāo)。這便是所謂的擅百技——基于用戶群的需求全部將功能一一實現(xiàn)

還是以摹客RP舉例,當(dāng)不同用戶群進(jìn)入平臺,功能排列整齊有序,都有足夠的區(qū)域和節(jié)點幫助用戶群實現(xiàn)各自的目標(biāo),產(chǎn)品經(jīng)理能通過組件庫、模板等快速輸出原型圖,UE設(shè)計師則能通過多樣的圖形、動效等實現(xiàn)高保真交互稿,團(tuán)隊方面則有快捷拉起會議、在線留言等功能;所謂是將目前市面上幾乎所有原型工具功能,結(jié)合自身的發(fā)展沉淀做出的平臺
可是,擅百技就足夠了么?換句話說,當(dāng)你在找梅花口的的起子時,你會希望看到平口起子在眼前對你進(jìn)行干擾嗎?

精一技?


既然你說擅百技不好,那么接下來你是不是以為我會走極端,那就只針對產(chǎn)品經(jīng)理做一款原型工具精一技不就好了?大漏特漏!雖說術(shù)業(yè)有專攻,互聯(lián)網(wǎng)時代咱們包容性廣,咱不走極端,在每個用戶群的功能需求上更聚焦精細(xì)化不就行了,精一技不夠,咱們就精百技,每一個功能打磨透透的,卷到極致這樣夠不夠了?
這樣做OK,內(nèi)卷時代下大家都是這樣做的,但是會帶來一個新的問題:
在多維全局視角下,體驗成本實際上均是嫁接分?jǐn)傆诟鱾€角色的
怎么理解這個問題呢?可以看到下面一張圖示意:

從二維視角下來看,各個角色以目標(biāo)核心出發(fā)各司其職,通過工具平臺功能都能很好實現(xiàn)目標(biāo);但是我們不妨拔高一層視角來看看:

以多維全局視角來看,雖然各個角色各司其職完成了自己的目標(biāo),但是基于產(chǎn)品使用層完全是由平臺承載的,導(dǎo)致了各個角色的使用成本嫁接分?jǐn)偨o了其他角色,簡答來說就是:
角色A完成對應(yīng)目標(biāo)時,存在角色B和角色C的信息干擾,那么角色A無形中分?jǐn)偭私巧獴和C的成本
舉個例子:產(chǎn)品經(jīng)理打開原型工具后,想直接拖動下拉框組件搭建一個產(chǎn)品原型,這時候選中下拉框組件想進(jìn)行文案編輯,此時彈出了下拉框組件對應(yīng)的編輯面板:字號、字色、字體、行高、字間距等等,然后其中部分功能則屬于設(shè)計同學(xué)關(guān)注的,例如字體、字色、字間距等,但是此類成本則分?jǐn)偨o了產(chǎn)品經(jīng)理,產(chǎn)品經(jīng)理在整個搭建原型的過程中,增設(shè)了過濾這些信息的成本

那有人就會說了,這很簡單啊,可以直接做成個性化定制工具平臺啊,根據(jù)每個角色身份不同進(jìn)來設(shè)計師進(jìn)來就只看到和設(shè)計相關(guān)的功能,產(chǎn)品經(jīng)理進(jìn)來就只看到和產(chǎn)品相關(guān)的功能不就好了?而且我把每一個角色對應(yīng)的功能做到專精,是不是就精一技且解決問題了?

我要打十個!


看到這個標(biāo)題大家可能會想到我們的詠春葉問老師,無論對手學(xué)的什么招數(shù)、有多少個人,葉師傅都能一人單挑全部,然后撂下一句霸氣的:“我要打十個!”
收一收,繼續(xù)回來我們的主題上來,是否將工具平臺做成個性化定制平臺并且其中功能都打磨細(xì)致,就能解決工具降本增效的問題了?其實不然,問題不能想得太復(fù)發(fā),當(dāng)然也不能想得很簡單,都知道用戶需求是分階段而不同的,可能產(chǎn)品經(jīng)理A不需要設(shè)置字號大小顏色,但是產(chǎn)品經(jīng)理B為了今年績效決定卷一卷同事,立志要出“高保真原型”,開始設(shè)置起了字號大小顏色,此時平臺功能又被局限住了
那么究竟應(yīng)該怎么做呢?不妨把眼界跳出同類競品Axure、墨刀等,結(jié)合不同多角色并行的工具搭建類產(chǎn)品做競品調(diào)研,得出兩個不同的產(chǎn)品方向思路:

思路1是像葉師傅詠春拳一樣,見招拆招:平臺以通過不同身份拆分成不同時間段進(jìn)行角色管理
大致以上中下游角色進(jìn)行功能分發(fā),例如產(chǎn)品初期,上游的產(chǎn)品視角進(jìn)入平臺,基礎(chǔ)的團(tuán)隊管理、項目管理、關(guān)聯(lián)PRD等,然后進(jìn)行聚焦產(chǎn)品原型搭建;之后流到中游由設(shè)計師進(jìn)行二次加工,包括高保真原型稿、交互動效、串聯(lián)頁面跳轉(zhuǎn)等;最后流到下游研發(fā)團(tuán)隊視角,研發(fā)通過已經(jīng)二次加工過的高保真設(shè)計稿進(jìn)行框架搭建、前后端接口串聯(lián)等開發(fā)評估
站在平臺的視角來看,綜上所述產(chǎn)品方向可拆解為:
時間維度:核心解決降本問題,包含時間成本、溝通成本,更加以維度追溯問題(產(chǎn)品問題追溯上游、設(shè)計問題追溯中游等等)
角色維度:核心解決增效問題,減少信息干擾、提升操作效率、溝通效率和協(xié)作效率

思路2則是基于前面?zhèn)€性化定制工具平臺的思路上進(jìn)行優(yōu)化改造的,通過不同角色視角進(jìn)入不同的工具平臺,通過數(shù)據(jù)打通串聯(lián)實現(xiàn)多角色同平臺操作,減少時間維度上的強(qiáng)依賴關(guān)系
例如產(chǎn)品進(jìn)入平臺,依舊是創(chuàng)建項目、管理團(tuán)隊等,然后開始進(jìn)行產(chǎn)品形態(tài)輸入和原型搭建,之后UE同學(xué)便能在同平臺看到協(xié)作項目進(jìn)行產(chǎn)出或者進(jìn)行二次優(yōu)化,最終通過管理員權(quán)限人員進(jìn)行收口;其次針對平臺來說,不斷更新同步的數(shù)據(jù),能間接豐富平臺的多元化

無論是思路1還是思路2,不難發(fā)現(xiàn):將原型工具的核心目標(biāo)降本和增效,往上抽象出一層就是圍繞兩個維度在解決問題:一個是具備時效性的時間維度,一個是具備多元性的角色維度。從上圖可以感知到:不同時間節(jié)點,不同角色介入的時間隨著時間維度的增加而變化
因為整個項目周期,不同職能的角色一定會有先后順序,那么有了這一層抽象以后,無論你的需求刻畫多么具體,無論你的case多么邊界,只要緊貼圍繞這兩個維度進(jìn)行優(yōu)化,都是從本質(zhì)上解決工具平臺的降本和增效問題

作者:雨灰    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


聊一聊所謂的B端C化

純純

最近很流行一個詞——B端C化,解釋出來就是可以用C端的模式和思維來對B端產(chǎn)品進(jìn)行設(shè)計,討論者大致分為兩種觀點:

1.C端產(chǎn)品市場已經(jīng)趨于飽和,可拓展空間剩余不多了,B端產(chǎn)品市場還是一片藍(lán)海,于是產(chǎn)生了一些C端設(shè)計師轉(zhuǎn)型去做B端了,將一些C端的模式和思維帶到了B端設(shè)計中,導(dǎo)致越來越多的B端逐漸C化;

2.B端產(chǎn)品市場互相競爭,為了在同市場中打出差異化,于是一些B端市場開始招攬C端設(shè)計師培養(yǎng)轉(zhuǎn)型,并且嘗試融入C端產(chǎn)品的模式和思維在同市場內(nèi)競爭,是產(chǎn)品設(shè)計的“內(nèi)卷化”現(xiàn)象,導(dǎo)致市面上的C化的B端產(chǎn)品越來越多;

但上述無論哪一種觀點,都在闡述一種現(xiàn)象或者趨勢:不管是交互還是視覺還是UI,目前部分C端設(shè)計師正在往B端設(shè)計師轉(zhuǎn)型。這個現(xiàn)象的發(fā)生對整個設(shè)計行業(yè)來說無異于新增了很多新亮點——市場上越來越多的B端交互、數(shù)據(jù)可視化視覺等需求,進(jìn)而導(dǎo)致對市場培訓(xùn)行業(yè)開始產(chǎn)生B端培訓(xùn)的訴求,同時也破空而出了很多優(yōu)秀的B端設(shè)計師。那么B端C化到底是什么,和傳統(tǒng)B端C端有什么區(qū)別,有這方面想法訴求的同學(xué)怎么去實現(xiàn)轉(zhuǎn)型?

由于我本人之前是做C端UI設(shè)計師,到后來轉(zhuǎn)型成為B端交互設(shè)計師,而接觸的業(yè)務(wù)恰好涉及B端和C端的聯(lián)動以及多角色之間的協(xié)作,所以這篇文章借助結(jié)合我個人的經(jīng)驗和看法,談一談自己對B端C化的理解



B端C端的區(qū)別

在談B端C化之前,需要先了解B端和C端的區(qū)別是什么。B端C端的區(qū)別網(wǎng)上有很多文章和概述了,大致歸納下來主要以四個維度去區(qū)分:受眾主體、上線周期、業(yè)務(wù)類型和產(chǎn)品側(cè)重點這四個維度,其余的維度也會有區(qū)分,但是影響較小,主要還是圍繞以上四個維度進(jìn)行B端和C端區(qū)分



受眾主體

受眾主體也就是相對應(yīng)產(chǎn)品的用戶群體。C端的受眾主體是大眾用戶,特征為多樣化,用戶與用戶之間跨度也大,但是場景和路徑較為單一的,比如C端產(chǎn)品就以年齡層、城市、性別等來劃分用戶,每個階段的用戶都有不同的訴求、認(rèn)知和習(xí)慣等等;在做任何決策方面都屬于偏感性(Heart)的個人決策(Personal);用戶穩(wěn)定性則比較差,要是對產(chǎn)品不滿意,可以立馬換另一款產(chǎn)品,轉(zhuǎn)換門檻低,有多個競爭對手產(chǎn)品可供選擇;

而B端產(chǎn)品的受眾主體則是為組織群體,特征為多場景和多維度,用戶群體較為清晰明確,可以按照崗位、角色、權(quán)限等劃分用戶群,但是之間的關(guān)系更加復(fù)雜,比如設(shè)計一個銀行內(nèi)部管理系統(tǒng),用戶群就很明確清晰——銀行各級職員角色,根據(jù)職級關(guān)系設(shè)計不同的功能以及權(quán)限;在做任何決策方面都屬于偏理性(Head)的團(tuán)隊性決策(Team);用戶穩(wěn)定性較強(qiáng),要是對產(chǎn)品不滿意,也只能被迫適應(yīng)和忍受,轉(zhuǎn)換成本較高,幾乎沒有其他產(chǎn)品可供選擇



上線周期

上線周期就是指產(chǎn)品從需求階段到設(shè)計階段。到開發(fā)階段直至最后產(chǎn)品上線所需要的周期。C端產(chǎn)品上線周期模式有個很明確的特點:快速迭代、敏捷,很多C端產(chǎn)品功能更新迭代的速度很快,上線周期非常短,往往半個月甚至一周就完成開發(fā)上線,加上用戶群的多樣性和跨度大,所以在上線的時候往往會需要AB實驗去驗證方案可行性;

B端產(chǎn)品上線周期則是和C端一個對立面——長,少則雙月/季度多則半年/一年等,因為B端產(chǎn)品流程上都屬于重型流程,角色之間關(guān)系復(fù)雜,交互系統(tǒng)較為繁瑣,需求的改動和迭代并沒有那么頻繁,也不需要像C端產(chǎn)品那樣快速上線搶占市場,所以B端上線周期會很慢,也導(dǎo)致在工作強(qiáng)度上相比C端較為輕松一些,但是缺點就是結(jié)果沒有C端來的那么快和明顯



業(yè)務(wù)類型

C端產(chǎn)品的核心競爭力就是產(chǎn)品本身,關(guān)鍵總結(jié)就是讓用戶爽就完事了,所以C端產(chǎn)品的需求類型往往圍繞用戶群的痛點產(chǎn)生;因為C端用戶跨度大,不同的用戶群體有不同的痛點,所以導(dǎo)致C端的需求類型不是很明確清晰,需要不斷從用戶身上去探索挖掘需求,在不斷的試錯中逐漸得出正確的結(jié)論;

B端產(chǎn)品的核心競爭力除了產(chǎn)品本身,還依賴復(fù)雜的關(guān)系、渠道、技術(shù)和資源,你的關(guān)系夠硬、渠道夠廣、技術(shù)夠領(lǐng)先、資源夠豐富,哪怕你的產(chǎn)品很一般,一樣能領(lǐng)先其他同行業(yè)的競爭對手,關(guān)鍵總結(jié)下來就是讓用戶贏就夠了;B端產(chǎn)品的需求類型雖然也是圍繞著用戶群的痛點產(chǎn)生,但需求的目標(biāo)是更加明確清晰的,加上需求變更的頻率、范圍往往都有契約/合同所約束,所以相較于C端產(chǎn)品來說,B端產(chǎn)品是需求更加明確且容易達(dá)成目標(biāo)



產(chǎn)品側(cè)重點

產(chǎn)品側(cè)重點無異于區(qū)分C端和B端最明顯的門檻了,C端產(chǎn)品的側(cè)重點主要在于體驗,而B端產(chǎn)品的側(cè)重點主要在于效益

前面提到過C端產(chǎn)品核心讓用戶爽就完事了,加上基于用戶更換產(chǎn)品的成本很低:你這款產(chǎn)品我用不爽就換掉了,所以C端產(chǎn)品的側(cè)重點永遠(yuǎn)以用戶體驗為主,前面說的需求業(yè)務(wù)類型也幾乎是圍繞用戶體驗產(chǎn)生的;大家對比市場上同類型的C端產(chǎn)品,界面、交互、功能都不會差很多,是因為經(jīng)過長時間的更新迭代,已經(jīng)沉淀下來目前最好的用戶體驗類型了,隨著產(chǎn)品量級越大,改變用戶體驗類型就越謹(jǐn)慎;C端產(chǎn)品就是為了尋找并解決用戶痛點、癢點和爽點,加上品牌性、用戶隱私等因素考量,產(chǎn)品側(cè)重點聚焦于用戶體驗

B端產(chǎn)品側(cè)重點則是圍繞效益了,因為作為一個團(tuán)隊使用的產(chǎn)品,不管是從易用性、功能性還是安全性,為這個團(tuán)隊解決問題為首要基礎(chǔ),那么使用者的體驗、產(chǎn)品的美觀度等等相較于優(yōu)先級就沒有那么高了,所以導(dǎo)致了有一段時間大家對B端的理解依舊是老舊、丑、難用的認(rèn)知上;B端產(chǎn)品就是為了使用產(chǎn)品的團(tuán)隊解決效率、成本、營收的問題,加上產(chǎn)品的穩(wěn)定性、安全性等因素的考量,產(chǎn)品側(cè)重點自然更聚焦在效益上



什么是B端C化

前面了解了B端和C端產(chǎn)品的區(qū)別,接下來聊一聊什么是B端C化;簡單來說從字面意思理解就是B端的設(shè)計層面逐漸靠近C端,網(wǎng)上也有很多B端可視化、趨勢潮流的設(shè)計和文章,但是B端C化不僅僅是從視覺設(shè)計上的改良,下面我逐漸從大到小聊一下我對B端C化的理解


功能架構(gòu)

在做過很多B端產(chǎn)品之后發(fā)現(xiàn),往往很多產(chǎn)品經(jīng)理是對整個產(chǎn)品架構(gòu)、功能形態(tài)一切都清晰地了如指掌,但是有時候在搭建產(chǎn)品架構(gòu)的時候,功能形態(tài)單一粗糙,步驟復(fù)雜且笨拙;站在業(yè)務(wù)產(chǎn)品的視角來看,架構(gòu)邏輯上都是沒有問題的,但是站在用戶視角來看,整體框架是混亂破碎的,步驟繁瑣且復(fù)雜,導(dǎo)致用戶對產(chǎn)品的認(rèn)知變差,但是又不得不去用這個產(chǎn)品,只能被迫去學(xué)習(xí)使用

比如一個產(chǎn)品案例,就是一個產(chǎn)品的底層邏輯是前端輸入素材id,后端返還一個素材后就可以使用了,站在產(chǎn)品業(yè)務(wù)視角來看,這樣設(shè)計沒有什么問題,符合產(chǎn)品的底層邏輯;但是站在用戶視角就特別難受了,用戶想用一個素材,還要去尋找id然后輸入搜索,像C端那樣全部鋪出來給用戶選不好嘛?



行為習(xí)慣

行為習(xí)慣自然是指用戶群在該行業(yè)下的行為習(xí)慣,電商行業(yè)、社交行業(yè)等等不同行業(yè)的習(xí)慣、專業(yè)術(shù)語等都不相同,這個在C端產(chǎn)品中都很能得到體驗,比如電商行業(yè)的大紅大紫,社交行業(yè)的左右滑動等等,這類有著很明顯的行業(yè)屬性和大眾認(rèn)知,一樣是B端設(shè)計中應(yīng)該注意的點

最經(jīng)典的案例就是紅色綠色的定義區(qū)分,在數(shù)據(jù)產(chǎn)品認(rèn)知中,綠色代表數(shù)據(jù)漲了,紅色代表數(shù)據(jù)跌了,比如GMV數(shù)據(jù),DAU數(shù)據(jù)等,紅色為重點關(guān)注的數(shù)據(jù);而在金融行業(yè)中,基金股票紅色代表漲了,綠色則代表跌了,所以設(shè)計的原則一定得是基于不同行業(yè)的用戶行為習(xí)慣



信息層級

B端產(chǎn)品的信息量一般是很龐大的,尤其是數(shù)據(jù)、表單、審批等B端產(chǎn)品,涉及到不同角色不同權(quán)限的開放等,所以用戶能否能一眼看清關(guān)鍵信息,能否幫助用戶快速達(dá)成目標(biāo),是交互層面針對信息層級的設(shè)計處理一個重要的環(huán)節(jié)

之前很常見B端產(chǎn)品中信息處理的方法就是堆積處理,直接將信息、數(shù)據(jù)等平鋪展示,比如很久之前的某牛商家端后臺等老舊系統(tǒng);現(xiàn)在很多新的B端產(chǎn)品都是以模塊化處理方法將信息層級區(qū)分,使得模塊之間間隔更明顯,信息處理的效率更高,宛若C端中的卡片式設(shè)計



設(shè)計語言

設(shè)計語言自然是B端設(shè)計中標(biāo)題、字號、顏色等規(guī)范標(biāo)準(zhǔn),早些年把B端產(chǎn)品組件化后且開源的自然是阿里老大哥了,當(dāng)時最早的AntDesign、以及后來的ElementDesign組件庫,到現(xiàn)在都被很多中小企業(yè)甚至大廠某些產(chǎn)品一直使用中,但隨著B端產(chǎn)品的普及和發(fā)展,越來越多的企業(yè)開始將自己產(chǎn)品沉淀出完善成套的設(shè)計語言,并搭建出自己的組件庫投入使用了



用戶體驗

如何去衡量用戶體驗是否是好的,最客觀來講當(dāng)然是通過數(shù)據(jù)去衡量,而數(shù)據(jù)往往在C端產(chǎn)品中很常見,不管是體驗數(shù)據(jù)還是表現(xiàn)數(shù)據(jù),都是C端產(chǎn)品中最為關(guān)注的;然而在B端產(chǎn)品中,更多收集的一般都是業(yè)務(wù)表現(xiàn)數(shù)據(jù),幾乎沒有衡量用戶使用平臺的相關(guān)數(shù)據(jù),大多衡量體驗的方法都是依靠問卷反饋的形式;但在B端C化的過程中,用戶體驗的數(shù)據(jù)也逐漸被加入到B端產(chǎn)品當(dāng)中來,成為體驗標(biāo)準(zhǔn)的考核之一:比如某個任務(wù)完成的時長,報錯出現(xiàn)的頻次、某某工具的使用率等



視覺設(shè)計

最后就是B端C化表現(xiàn)層的設(shè)計,包括目前主流的設(shè)計趨勢如大數(shù)據(jù)可視化、3D建模、材質(zhì)質(zhì)感、Dark模式等都逐漸融入到B端產(chǎn)品中,使得B端產(chǎn)品不再追求簡單的“功能優(yōu)先”和“能用就行”,而是像C端那樣追求更美觀的視覺,更極致的體驗



為什么要B端C化

總結(jié)下來“B端C化”就是B端產(chǎn)品無論是從功能架構(gòu)還是視覺體驗,越來越趨于人性考慮設(shè)計,越來越關(guān)注使用者的感受和反饋,因為說白了不管B端產(chǎn)品代替成本高不高,用戶是一群專業(yè)人士還是普通職員,使用者歸根到底還是“人”在使用產(chǎn)品,那么必然會帶來體驗相關(guān)的問題;所以B端C化會逐漸形成一種趨勢,在企業(yè)平臺資源支持的情況下,會將B端產(chǎn)品的功能放大,追趕市場競爭,逐利行業(yè)內(nèi)卷,在體驗和視覺感官上也會更加的人性化,結(jié)果自然是產(chǎn)品設(shè)計者們更加的卷了(手動狗頭)


總結(jié)

無論是現(xiàn)在的B端C化還是將來其他多元的設(shè)計趨勢,隨著市場的競爭和行業(yè)內(nèi)卷,已經(jīng)反推著設(shè)計師們不單單局限于照顧自己的“三分田地”了,無論是之前視覺設(shè)計師開始學(xué)習(xí)3D建模,還是UI設(shè)計師嘗試接觸代碼設(shè)計,設(shè)計師最大的品質(zhì)就是應(yīng)該緊跟時代的趨勢變化,及時調(diào)整補(bǔ)充自己的能力,提升自我的競爭力,才是在當(dāng)今環(huán)境下立足的根本

作者:雨灰       來源:站酷 

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


想做好卡片設(shè)計,原來要注意這么多細(xì)節(jié)

純純

1、卡片的造型


1)圓角


不同的圓角,所帶來的氣質(zhì)是不同的。圓角很小,視覺印象是硬朗,高冷,具有攻擊性的,多用于嚴(yán)肅、高端、沖突感強(qiáng)烈的設(shè)計中;而更大的圓角給人的感覺是有親和力,柔軟,安全的,多用于兒童產(chǎn)品、娛樂性強(qiáng)的設(shè)計中。


在設(shè)計的時候,根據(jù)自己的產(chǎn)品屬性選擇氣質(zhì)相符的圓角設(shè)計很有必要。


undefined

常見的卡片弧度形式有4類:直接、小圓角、大圓角、特殊圓角



我一般喜歡用4的倍數(shù)來設(shè)置圓角,比如圓角大小為4px、8px、12px之類的。要注意的是,圓角越大,可用面積會越小,需要根據(jù)實際場景進(jìn)行平衡,以視覺上舒服為宜。



2)比例


卡片的比例,我習(xí)慣遵循一些美感規(guī)律,比如黃金比例(1.618),白銀比例(1.414),青銅比例(1.732),正方形之類的比例。當(dāng)然,實際設(shè)計需求中的比例,還是要結(jié)合內(nèi)容的多少具體分析。


我的經(jīng)驗是,當(dāng)比較接近這些美感比例其中之一時,就直接優(yōu)化到這個比例。比如做了一個卡片,寬高比是1.5,比較接近于黃金比例,我就干脆讓它等于黃金比例。


undefined



3)異型


除了正常的卡片樣式,還可以做一些異型的卡片設(shè)計。異型卡片具有較強(qiáng)的形式感和視覺沖擊力,所以會比較多的用在游戲或者運(yùn)營相關(guān)的界面中,吸引用戶的注意力。缺點是批量化設(shè)計成本略高且因為過于風(fēng)格化而不夠耐看。


undefined



2、卡片的效果


1)顏色


卡片的顏色搭配可以使用純色和漸變色。這些顏色與文字之間的對比要符合界面對比度標(biāo)準(zhǔn)( https://contrast-grid.eightshapes.com/,這個網(wǎng)站可以直接查到可用性數(shù)值,只要不是DNP就是可以用的配色),以免影響內(nèi)容本身的閱讀。如果拿不準(zhǔn)的話,可以多用一些白色,比較不容易出錯。


純色卡片設(shè)計會讓界面顯得冷靜高級,但對配色的要求相對較高,用不好的話會顯得單調(diào),沉悶。如果你堅持要用這種卡片配色的話,建議搭配一些圖形紋理,會更容易把控,還能提升畫面細(xì)節(jié)。


undefined

純色卡片設(shè)計



漸變色的卡片設(shè)計目前較為常見,層次細(xì)節(jié)更加豐富,畫面也顯得更活潑一些。


undefined

漸變色卡片設(shè)計https://dribbble.com/shots/12284120-Wallet-Design-App



有些朋友經(jīng)常因為配色不好而發(fā)愁,其實是需要多去找一些參考來看的,實在擔(dān)心配色不好,直接去吸優(yōu)秀的配色方案也是OK的,但要注意搭配合理。


教大家一個方法,去dribbble上搜color或直接打開https://dribbble.com/search/color這個鏈接,就可以看到非常多的優(yōu)秀配色方案了。


undefined



2)圖案


卡片的設(shè)計還可以結(jié)合輔助圖形,以圖案的形式與卡片進(jìn)行結(jié)合。這些輔助圖形可以來源于品牌符號的延伸,讓品牌有更多的露出機(jī)會。


undefined


也可以是運(yùn)用一些簡單的圖形,提升卡片的設(shè)計細(xì)節(jié),以下是一些還不錯的設(shè)計案例。這些卡片上的圖形都有借鑒參考的價值,自己平時有時間的話,也可以多做一些作為圖形的儲備。強(qiáng)烈建議收藏,真的可以很有用。


undefined

來源:https://dribbble.com/shots/10513966-Gradient-Bank-cards


undefined

來源:https://dribbble.com/shots/10498737-Dark-Bank-Application-Design


undefined

來源:https://dribbble.com/shots/11313260-Finance-App-Exploration


undefined

undefined

來源:https://www.behance.net/gallery/84029601/100-Financial-Virtual-Design-Cards-PSD-XD


這里彩云給大家找了非常多的卡片設(shè)計形式,可以從中參考學(xué)習(xí)配色和紋理造型。



3)圖片、視頻


卡片背景也可以用圖片和視頻的形式進(jìn)行設(shè)計,圖片和視頻的選擇一般會偏暗色,以不影響內(nèi)容閱讀為準(zhǔn)。


undefined


undefined

來源:https://dribbble.com/shots/5717917-Travel-Article-Application


3、卡片的內(nèi)容


1)文字


卡片上的文字不要太長,我的經(jīng)驗是橫向不要超過42字(關(guān)于這個字?jǐn)?shù),有資料可以查,感興趣的可以找找看),縱向不要超過5行。過多的文本不建議使用卡片形式。


undefined


其實這張卡片的設(shè)計中,我也用到了黃金比例來指導(dǎo)自己的設(shè)計,方便快速確定文字比例關(guān)系。


undefined


2)間距(網(wǎng)格法)


卡片上的文字間距最好有一定的規(guī)律,這里可以按網(wǎng)格法來規(guī)劃,比如8px網(wǎng)格,10px網(wǎng)格等等。網(wǎng)格的使用其實可以很靈活,比如我這里的卡片其實就用到了8px網(wǎng)格,各間距就會用8的倍數(shù)來做。大小比例就盡量用黃金比例來處理,這樣做目的一方面是為了讓界面有秩序,另一方面是提升決策效率。秩序產(chǎn)生美,而效率讓你早點下班。


undefined


3)減少線框


卡片中盡量減少線框,多用留白來進(jìn)行內(nèi)容劃分。


undefined


4)層次清晰


卡片中的內(nèi)容層級要做好,標(biāo)題和內(nèi)容之間的差異要明顯。這里的層次主要是通過對比拉開的,做好對比的關(guān)鍵就是對比效果要強(qiáng)烈,決不能模棱兩可。


比如下圖中左邊的案例只是在文字的字號上有一定的對比,但字號間相差不大,效果不明顯,就會讓人看第一時間不知道看哪。而右側(cè)的案例則用了加粗,大字號,大留白等,讓畫面有了強(qiáng)烈的對比,從而產(chǎn)生更好的信息層級。


undefined


5) 內(nèi)容出界


只在卡片的框框里做設(shè)計,有時候未免顯得太呆板,破開卡片的邊界可以讓卡片本身更具形式感。如果被人說你的設(shè)計沒啥亮點,那內(nèi)容出界的設(shè)計就是一個很好的提升設(shè)計亮點的手法。


undefined

彩云曾經(jīng)做的一張banner就是運(yùn)用了出界的手法


undefined

來源:dribbble。界面上的天氣圖標(biāo)也用了出界的手法,讓畫面顯得更有亮點


4、卡片的細(xì)節(jié)


1)光感


卡片中的光感細(xì)節(jié)能提升設(shè)計的質(zhì)感。下面這張圖是我最近做的一張會員卡的背景設(shè)計,大家對比下,在卡片頂部加了1px高光線和斜面反光的細(xì)節(jié)前后的質(zhì)感區(qū)別。


undefined


這個小細(xì)節(jié),我經(jīng)常會用到,執(zhí)行簡單又容易出效果。


undefined


2)投影


投影的細(xì)節(jié),不要過重,但又要能與背景分離開。有2個小技巧:

1.在取色的時候,可以選擇背景顏色的色相,然后略微加深一些,不要用純黑色來做投影,會顯臟。

2.投影的距離不要太小,太小的投影會顯得不夠自然;也不能太大,太大會很浪費(fèi)界面資源。


undefined


3)3D效果


3D卡片的設(shè)計,因為不便于內(nèi)容編排和閱讀,所以帶透視的卡片在實際UI中并不太常用。但在作品集包裝和運(yùn)營頁面中,則可以帶來比較好的視覺沖擊力,可以嘗試運(yùn)用。


undefined

圖片來自:Cradle

作者:彩云Sky    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


圍繞應(yīng)用生命周期的編排設(shè)計

純純

什么是圍繞應(yīng)用生命周期的編排設(shè)計

圍繞應(yīng)用生命周期的編排設(shè)計是一種企業(yè)級技術(shù)產(chǎn)品設(shè)計策略。

它的核心是要解決設(shè)計師很難上手企業(yè)級技術(shù)產(chǎn)品,且更加難以找到體驗設(shè)計機(jī)會點的問題。我們是一群工作在企業(yè)級技術(shù)產(chǎn)品領(lǐng)域里的設(shè)計師,同時也是掘金者,這篇分享即是我們在企業(yè)級技術(shù)產(chǎn)品領(lǐng)域里探索的一些方法總結(jié)。

 


當(dāng)設(shè)計遇上技術(shù)

工作現(xiàn)狀

在我們?nèi)粘9ぷ髦?,和技術(shù)產(chǎn)品 PD 聊需求是一件非常痛苦的事情,他們講的每一個字都認(rèn)識,但是組合起來就不知道是干什么的了,因此設(shè)計師也很難去想象用戶是怎么在用這些功能。

因此相較于 C 端產(chǎn)品來說,B 端的技術(shù)產(chǎn)品目前還處于基本可用的狀態(tài),更談不上什么體驗了。

 

分析原因

究其原因,我們總結(jié)有三點:

① 這些產(chǎn)品大多數(shù)都是由技術(shù)來主導(dǎo),功能優(yōu)先

② 設(shè)計在整個流程中都處于非常被動的狀態(tài)

③ 設(shè)計與技術(shù)之間存在一定的專業(yè)壁壘,技術(shù)往往比較抽象難以理解

同時,我們的用戶并不是客戶,用戶不能根據(jù)自己的意愿喜好選擇產(chǎn)品。用戶隱藏在企業(yè)內(nèi)部,設(shè)計師日常中很難接觸到真實用戶。另一方面,用戶的技術(shù)專業(yè)背景與設(shè)計師的專業(yè)存在鴻溝,這使得設(shè)計師對用戶需求的理解也不夠深,所以說在這種環(huán)境隔離和語境不通的狀態(tài)下,設(shè)計師其實難以和用戶構(gòu)建同理心。

 

能做的事

在這種狹小的設(shè)計發(fā)揮空間里,我們能做什么呢?

其實我們設(shè)計師有明顯的優(yōu)點:

比較擅長找規(guī)律找方法,有破局意識,從而能夠發(fā)現(xiàn)設(shè)計的機(jī)會點。


 

企業(yè)級技術(shù)產(chǎn)品設(shè)計探索

發(fā)現(xiàn)規(guī)律

所以我們回過頭看一下之前做過的這些產(chǎn)品和功能,從它們的作用對象、出現(xiàn)時間、用戶目標(biāo)、用戶行為這四個維度對他們進(jìn)行歸納和總結(jié)。

我們發(fā)現(xiàn)這些產(chǎn)品具有很強(qiáng)的階段性,通過不同的產(chǎn)品來支撐各個階段下的用戶目標(biāo)。用戶通過產(chǎn)品的功能來實現(xiàn)各種編排動作,例如對應(yīng)用本身代碼的編排、對應(yīng)用依賴的底層資源的編排,從而支撐用戶應(yīng)用的生命周期。

因此企業(yè)級技術(shù)產(chǎn)品具有以下四個特點:

  • 階段性

  • 驅(qū)動性

  • 流程性

  • 抽象性


提出策略-圍繞應(yīng)用生命周期的編排設(shè)計

首先我們要針對這四個特性進(jìn)行一輪判斷,了解這個產(chǎn)品的場景,場景下對應(yīng)的角色,每個角色執(zhí)行的是單線還是多線任務(wù)流,以及任務(wù)流是由哪些功能支撐。經(jīng)過這層判斷之后再定位具體問題:

① 每個階段的目標(biāo)是什么

② 階段下每個角色各自的小目標(biāo)又是什么

③ 任務(wù)要對應(yīng)用還是應(yīng)用相關(guān)的內(nèi)容進(jìn)行編排

④ 產(chǎn)品的功能是如何實現(xiàn)的


當(dāng)找到這些問題的答案以后,我們就可以對產(chǎn)品的上下游場景進(jìn)行編排,明確各階段的側(cè)重以及上下游場景的限制條件;對角色進(jìn)行權(quán)限分配以及協(xié)作觸點的確定;將任務(wù)流從起點到過程再到結(jié)果進(jìn)行梳理;以及最后通過對底層技術(shù)的理解,合理編排產(chǎn)品信息架構(gòu)和界面內(nèi)容。

為了能夠更加高效的完成以上信息的收集和處理,我們沉淀了 CMTD 四個小工具。

 

策略詳解

C 是 Collaboration,協(xié)同場景,主要回答四個問題:When、What、Who、Where。

① When:用以明確產(chǎn)品所處階段以及上下游階段,以全鏈路的視角看用戶的完整使用場景,因為產(chǎn)品往往可能只是解決用戶部分場景的問題

② What:定義當(dāng)前場景的階段目標(biāo)以及要做的事情

③ Who:當(dāng)前階段的事情由哪些角色參與

④ Where:這些角色在線上或線下是如何配合協(xié)作的

例如我們要做一個技術(shù)產(chǎn)品,通過 Collaboration,我們知道它覆蓋了發(fā)布階段、日常運(yùn)維階段,目的是把經(jīng)過測試的應(yīng)用發(fā)布上線并進(jìn)行日常維護(hù),主要是運(yùn)維人員配合研發(fā)人員和發(fā)布經(jīng)理完成線上的問題排查和線下配置文檔的交接,我們就能比較清楚的知道我們要做的是一個運(yùn)維平臺。

 

M 是 multi-role,多角色,主要用以分析產(chǎn)品是由哪些角色共同協(xié)同驅(qū)動的。

與 C 端產(chǎn)品不同的是,我們除了對核心角色的自然人屬性進(jìn)行洞察,還要定義清楚該角色的目標(biāo)有哪些,目標(biāo)對應(yīng)的任務(wù)流以及支撐的功能和權(quán)限。并且企業(yè)級技術(shù)產(chǎn)品往往都不是一個角色就能完全執(zhí)行完成,所以該角色的上下游角色也要摸清之間的協(xié)作觸點在哪里。

多角色的信息我們可以通過在客戶現(xiàn)場或者用戶訪談來收集,并沉淀為用戶角色庫。

基于收集來的用戶信息,來定義我們產(chǎn)品的角色:

 

T 是 Task flow,任務(wù)流。任務(wù)流一定是基于一個用戶角色的某個目標(biāo),來定義任務(wù)的起點-過程-結(jié)果。

起點就是界面上用戶的操作入口,過程需要包含觸發(fā)操作、自操作、條件判斷以及是否有協(xié)作角色參與進(jìn)來,在結(jié)果處除了提供結(jié)果反饋還要提供下一任務(wù)的去向入口,幫助用戶把流程串聯(lián)起來。

任務(wù)流可以借助現(xiàn)有流程的走查或按照 T 模型來梳理任務(wù)流信息,從而幫助我們更好的定義一條用戶的任務(wù)流是如何執(zhí)行的。

例如我們要做的運(yùn)維平臺的產(chǎn)品,核心角色是運(yùn)維,他其中的一個目標(biāo)是為應(yīng)用創(chuàng)建工作空間。按照 T 模型,我們可以很方便的將這條任務(wù)流定義出來。

 

D 是 deep ,深化。主要從兩個維度展開:技術(shù)架構(gòu)和邏輯原理。這是兩個在做技術(shù)產(chǎn)品的過程中經(jīng)常會接觸到的兩個概念。

在分析技術(shù)架構(gòu)時,我們可以重點關(guān)注兩個點:看由哪些功能模塊構(gòu)成,這些功能之間的靜態(tài)結(jié)構(gòu),是包含關(guān)系還是依賴關(guān)系。分析邏輯原理,一是了解這些功能產(chǎn)生的實例,是一對一的關(guān)系還是一對多的關(guān)系,信息或流量在這些功能模塊之間如何流轉(zhuǎn)。通過這些分析,我們可以把掌握的功能特征和邏輯規(guī)律。

舉例來說,運(yùn)維平臺的核心角色運(yùn)維人員需要為應(yīng)用創(chuàng)建工作空間,按照梳理出的任務(wù)流,用戶需要經(jīng)過3次跳轉(zhuǎn)7步完成,那這個是否還有優(yōu)化空間呢?

我們可以從 Deep 深化的角度入手,看這條任務(wù)流是由哪幾塊功能支撐的。例如工作空間內(nèi)包含網(wǎng)絡(luò)和安全組,安全組內(nèi)包含負(fù)載均衡和虛擬機(jī)。就像我們了解汽車的制動裝置,看到裝置內(nèi)包含氣室,氣室內(nèi)包含活塞體、密封墊,密封墊連接在推桿上。

再從邏輯原理圖入口,了解流量會先按照工作空間進(jìn)行隔離,從工作空間走專有網(wǎng)絡(luò)還是經(jīng)典網(wǎng)絡(luò),網(wǎng)絡(luò)將流量分發(fā)到安全組,安全組里的負(fù)載均衡會負(fù)責(zé)調(diào)配流量到虛擬機(jī)。他們之間層層遞進(jìn)互相依賴。就像汽油從油箱到達(dá)制動裝置,在發(fā)動機(jī)里和空氣一起被壓縮燃燒后能量轉(zhuǎn)化轉(zhuǎn)送到動力裝置一樣。

通過上面的分析我們了解到這幾個功能其實是緊密關(guān)聯(lián)的,用戶沒有必要分散到不同的地方進(jìn)行添加和創(chuàng)建,完全可以借助流程表單和抽屜把他們串聯(lián)在一起。

因此我們找到優(yōu)化體驗的機(jī)會點,把之前需要三次跳轉(zhuǎn)7步完成的任務(wù)流,優(yōu)化到1個入口5步完成。

 


總結(jié)回顧

企業(yè)級技術(shù)產(chǎn)品有四個特性:階段性、驅(qū)動性、流程性、抽象性。通過 C、M、T、D 四個小工具來幫助我們收集和歸納信息,實現(xiàn)對上下游場景的編排、角色的定義、任務(wù)流的編排以及界面的編排。



作者:Ant_Design    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

間距篇 | 設(shè)計師必看的保姆級間距控制規(guī)范!

純純

前言

很多時候,我們發(fā)現(xiàn)自己精心設(shè)計的作品總是亂亂的感覺,究其根本,大部分都是文字、圖形、色彩處理不當(dāng),后續(xù)的優(yōu)化調(diào)整也都圍繞著這幾點進(jìn)行,這也是為什么設(shè)計師在制定設(shè)計規(guī)范的時候,會把文字(標(biāo)題、正文、提示的字號)、色彩(主色、輔助、點綴、漸變的使用場景)規(guī)范分的很細(xì)。然而,有時候即便用好了規(guī)范,依然沒達(dá)到理想的視覺效果,這里就要提到設(shè)計規(guī)范中很少有人關(guān)注、且非常容易被忽視的「間距」問題。
優(yōu)秀的界面設(shè)計應(yīng)該體現(xiàn)在每個維度,間距在設(shè)計中也是不可缺少的部分,尤其是界面元素較為密集時,需要對間距的使用掌握得當(dāng),合理的利用間距留白,能將信息更高效的傳達(dá)給用戶。
文字、圖形、色彩是UI設(shè)計的三大組成元素,間距即是這幾種元素結(jié)合的媒介,如何通過間距給用戶帶來更舒適的視覺體驗是設(shè)計過程中極其重要的一環(huán),那么你所理解的間距到底是什么、有什么作用、如何合理有效的使用?筆者進(jìn)行了整理總結(jié),通過本篇文章揭曉。

分享目錄

一、間距在UI中的重要性
二、定義文字間距
三、定義元素/組件間距
四、定義模塊間距
五、間距的使用技巧及原則
六、結(jié)語

一、間距在UI中的重要性

1.什么是間距?

間距指的是界面各元素彼此相隔的距離,可以是文字自身的行距、與圖片、與組件、與模塊的間距,或是界面兩側(cè)的安全距離(如網(wǎng)頁的寬度為1920px,內(nèi)容區(qū)為1400px,那么安全距離為兩側(cè)各260px)等。
作為UI設(shè)計師,在設(shè)計界面的每一個元素都需要考慮到上、下、左、右以及毗鄰元素的屬性來合理調(diào)整間距,利用各間距之間的規(guī)律來組織界面內(nèi)容,確保信息的節(jié)奏性,給用戶輕松、預(yù)約的瀏覽體驗。


2.間距的實際作用

間距可以讓界面信息更有節(jié)奏,提升內(nèi)容的可讀性,還能通過不同的疏密程度來闡述各元素之間的關(guān)系,以吸引用戶的注意力,所以在控制界面間距時,一定要有“較真”的心態(tài),任何一次的改動與調(diào)整都要先考慮清楚為什么,能給產(chǎn)品和用戶帶來什么。要做好間距,不能僅停留在視覺層面,需要進(jìn)行多方面思考。
設(shè)計師層面:規(guī)范的定義間距,不必每個元素都去考慮間距的大小,有效減少決策和思考時間,提升效率。
開發(fā)層面:開發(fā)可以按照基礎(chǔ)間距去定義變量,長期如此,雖然不能煉成像素眼,但僅憑視覺也能看出間距的倍數(shù)。例如基礎(chǔ)間距以8px增量,在使用8px、16px、24px、32px、48px...等,開發(fā)直接使用基礎(chǔ)間距x1、x2、x3...,以此類推,在開發(fā)眼中,肉眼定然看不出1px的差別,但卻能區(qū)分出8px的差距,不必每次都去測量,還能減少誤差,高度還原設(shè)計效果。
用戶層面:有節(jié)奏且具備一致性美感的界面效果,信息的有效傳遞變的輕松,用戶體驗?zāi)艿玫胶艽蟪潭鹊奶嵘?


3.間距的統(tǒng)一性

設(shè)計規(guī)范的目的是提升設(shè)計師的工作效率、團(tuán)隊之間的高效溝通、讓設(shè)計風(fēng)格始終保持高度統(tǒng)一。同理,間距也是設(shè)計規(guī)范中非常重要的一環(huán),它作為規(guī)范中的最小單元,如果沒有遵循統(tǒng)一,將會直接影響界面整體的版式和布局,信息的疏密程度嚴(yán)重影響用戶的瀏覽。不僅是設(shè)計師,開發(fā)每次面對同樣的模塊都需要定義不同的間距也是崩潰的,毫無規(guī)律可循。
統(tǒng)一的間距能讓界面的視覺效果更有節(jié)奏,設(shè)計師在設(shè)計某些相似的模塊時可直接復(fù)用組件,即便是多人共同完成同個項目或更換成員,也不會因間距不統(tǒng)一的問題造成整個APP的風(fēng)格混亂。
對開發(fā)來說,如果清楚間距的使用規(guī)律,即便有小的誤差,也能自行更正,例如使用8px增量,8、16、24...按倍數(shù)規(guī)律以此類推,若出現(xiàn)9的間距,開發(fā)會更正為8、15則會更正為16,自行多退少補(bǔ),雖然設(shè)計師需要細(xì)心、盡量不出現(xiàn)這種小的出入,但任何事情都沒法做到絕對,統(tǒng)一的間距能讓減少設(shè)計的出入以及與設(shè)計師之間的頻繁溝通,能進(jìn)一步提高開發(fā)效率。


▲ 從上圖可以看出,間距不規(guī)范、信息就像一鍋粥,而規(guī)范的使用間距就能將信息自動分組。

二、定義文字間距

文字是UI設(shè)計中非常重要的信息元素,雖然大多數(shù)設(shè)計師對文字的屬性比較了解,但在真實設(shè)計中總會因其他信息的干擾不能合理運(yùn)用,與上線后的視覺效果預(yù)期相差甚大。文字的各種間距處理看似簡單,但實際上有很多因素要考慮,例如字間距、行高、段落等,下面帶大家一起了解。

1.字符間距

字符間距一般都是設(shè)計工具的默認(rèn)數(shù)值,無需調(diào)整。當(dāng)碰到多行文字需要避開頭尾的標(biāo)點符號時,使用工具中的避頭尾功能即可自動調(diào)整字間距,如無此功能,則需手動調(diào)整,這里并沒有所謂的技巧與方法,頭尾避開標(biāo)點符號即可。
另外,在設(shè)計卡片、瓷片區(qū)的標(biāo)題時,有時需要通過調(diào)整字符間距來提升界面的舒適度,間距數(shù)值自行定義,但相同層級的內(nèi)容標(biāo)題字間距一定要保持一致。


2.文字行高

行高是指上邊框+下邊框+字號的高度之和,這里主要針對多行文本。在平面設(shè)計中,行高沒有一定的標(biāo)準(zhǔn),如無特別需要,使用系統(tǒng)默認(rèn)的行高即可。
在UI設(shè)計中,文字會有5~6個不同的等級,為便于用戶閱讀,一般會設(shè)定行高標(biāo)準(zhǔn),尤其是新聞資訊類型的應(yīng)用本身就以文字內(nèi)容為主,不同的行高對文字的易讀性會產(chǎn)生較大的影響。
文字行高一般會設(shè)定為字號的1.2~1.5倍,具體值跟字號有很大關(guān)系,文字越小,行高就越大。例如,我們可以設(shè)定字號32px為中間值(非絕對),小于或等于32的字體、行高為字號的1.5倍,大于32的為1.2倍。另外,也可以直接將所有行高固定在字號的1.5倍,不難發(fā)現(xiàn),字體越大其折行的概率就越低,試想一下,如果將48px的文字折成幾行,界面還能剩下多少空間?


3.文字段落

文本段落間距的重要性在移動UI界面中并不明顯,更多體現(xiàn)在網(wǎng)頁設(shè)計中。需要著重糾正一點的是,部分設(shè)計師在設(shè)置段間距時習(xí)慣性的多敲一次回車鍵,這種方式并不可取,會造成間距過大、內(nèi)容脫節(jié)。
如有需要,一定要手動設(shè)置段間距,這里沒有固定的數(shù)值和規(guī)律,視覺舒適即可。筆者習(xí)慣將段間距設(shè)定為字號的0.5倍,例如字號為30、段間距為15,字號為40、段間距為20,僅供參考。


三、定義元素/組件間距

定義間距其實并沒有一個絕對的標(biāo)準(zhǔn),主要取決于最小單位,例如4px、5px、6px、8px都是可以的,到底使用哪個數(shù)值還得根據(jù)產(chǎn)品自身定位及內(nèi)容組織形式,前提是所有間距都要遵循最小單位并基于倍數(shù)形成規(guī)律。
在設(shè)計界面時,需要利用間距來建立信息層級、提升瀏覽體驗以及表達(dá)各元素之間的關(guān)系,這就是為什么當(dāng)我們打開新聞資訊、電商類應(yīng)用會發(fā)現(xiàn)信息非常緊湊,而打開工具、社交類應(yīng)用時感覺信息比較寬松。間距的基數(shù)越小、頁面就越細(xì)碎;基數(shù)越大、頁面的留白就越多,使用不同的基數(shù),呈現(xiàn)出來的視覺效果也形態(tài)各異。
筆者在工作中通常以8px作為基數(shù),以此衍生出8、16、24、32、48、64這6個間距數(shù)值,完全能夠滿足絕大多數(shù)的使用場景。當(dāng)然,針對信息較少的頁面也會使用到120、160、200...其他間距數(shù)值,例如缺省頁、登錄頁面等。不難看出,上述以8px為基數(shù)定義間距數(shù)值時,沒有40、56這兩個數(shù)值,難道他們不是8的倍數(shù)嗎?我們以8和16做對比,后者是前者的2倍,其間距的變化尤為明顯;但如果用56和64做對比,后者是前者的1.14倍,其間距的差別微乎其微。敲重點,設(shè)計師在定義間距時,需要遵循倍數(shù)規(guī)則,但同時也要為考慮界面美觀及用戶的瀏覽體驗而跳出呆板的規(guī)則,當(dāng)間距數(shù)值越大時,根據(jù)基數(shù)所跳躍的倍數(shù)就越大,其實設(shè)定字號也是相同的邏輯(后期詳解)。


四、定義模塊間距

從信息層級角度來看,等級權(quán)重越高、間距就越大,在現(xiàn)實世界中也是如此,一個物體周圍的空間越大,就越容易吸引人們的注意力。
模塊間距分為塊內(nèi)間距(同一模塊中不同元素或信息組之間的距離)和塊外間距(同一個頁面中不同模塊的之間的距離),為了更好的區(qū)分信息層級,塊外間距一定會大于塊內(nèi)間距,也能保持塊內(nèi)信息的親密性。
如下圖所示,將裝修序列步驟、官方攻略、常用服務(wù)等看作不同的信息模塊,每個模塊內(nèi)元素的間距都會比各模塊之間的間距小很多。


五、間距的使用技巧及原則

1.接近性原則

需要通過各元素的間距來體現(xiàn)出信息的關(guān)聯(lián)性,格式塔原理中的“接近性”原則告訴我們,相互靠近的物體被認(rèn)為比相互距離較遠(yuǎn)的物體更有關(guān)聯(lián)性,因此,相關(guān)聯(lián)的元素之間靠的越近,用戶越能感知到信息的關(guān)聯(lián),同時更能了解整個界面中各模塊信息的邏輯關(guān)系。


2.利用留白強(qiáng)調(diào)

很多時候,想讓一個元素變的突出,可以用加大字號、修改色值或后加粗等方式進(jìn)行強(qiáng)調(diào),但這并不是突出信息的唯一方式,當(dāng)所有元素都變的突出,那就等于什么都不突出了。如果想讓界面中的元素不同程度的突出,留白也是一種強(qiáng)調(diào)信息的方式,它能引導(dǎo)用戶將注意力集中在特定的內(nèi)容上。

3.使用柵格系統(tǒng)

善用柵格系統(tǒng)(上述有詳細(xì)說明),通過最小間距值進(jìn)行遞增,讓整個界面看起來更協(xié)調(diào)。柵格系統(tǒng)可以讓設(shè)計師在元素的親疏關(guān)系上更快作出決策,后續(xù)不管是迭代還是更換設(shè)計成員,都能保持統(tǒng)計的間距規(guī)范。


4.文字行高規(guī)則

這個問題在很多團(tuán)隊中都是硬傷,甚至在設(shè)計驗收時還被直接忽略。在主流UI設(shè)計工具中,添加文本元素時,都會有默認(rèn)行高,在前面的內(nèi)容中有講過多行文本的行高為字號的1.2~1.5倍,那么單行文字的行高到底是需要手動設(shè)置還是遵循默認(rèn),筆者認(rèn)為都是可以的,但一定要與開發(fā)保持一致。
行高決定著文字邊緣與定界框的間距,而開發(fā)只能看到定界框與其他元素的間距。

1)默認(rèn)行高
默認(rèn)行高值會隨著字號的變化基于一定的倍數(shù)自動增減,需要將此規(guī)律或倍數(shù)告知開發(fā),開發(fā)將此規(guī)則植入代碼方能最大化還原設(shè)計效果。另外在設(shè)計界面時,尤其是多組文字元素的上下間距,需要通過計算(文字邊緣到定界框的間距+文字元素間距=實際間距)或手動測量才能達(dá)到精準(zhǔn)狀態(tài),下圖為例:

2)手動設(shè)置行高
手動設(shè)置即字號是多少、就將行高設(shè)置為多少,確保文字邊緣緊貼定界框,在設(shè)計過程中調(diào)整間距時,無需計算,根據(jù)設(shè)計工具的智能提示調(diào)整即可。


5.間距值數(shù)量設(shè)定

在同一APP應(yīng)用中,根據(jù)最小基數(shù)定義的間隔值數(shù)量不易過多,一般在6個左右就能滿足絕大多數(shù)的設(shè)計場景。例如以8px的基數(shù)為8、16、24、32、48、64等,以5px的基數(shù)為5、10、15、25、40、60等。數(shù)量過多會導(dǎo)致界面不同元素、模塊的間距差異化不夠明顯,數(shù)量太少無法滿足多元素、模塊使用場景,也會導(dǎo)致間距跨度較大。


6.明顯相鄰間距值

設(shè)定間距值需遵循一個原則“數(shù)值越大、遞增的倍數(shù)就越大”。當(dāng)相鄰間距值的差異化較小時,用戶很難感知到界面中信息之間的邏輯關(guān)系,我們需要根據(jù)柵格系統(tǒng)中間距值的增大、設(shè)置更大的區(qū)間值,讓相鄰間距值之間的視覺差異更加明顯。


7.跳出間距的束縛

當(dāng)界面中的信息較為密集、間距不足以滿足信息的突出程度時,需跳出純粹的間距規(guī)范束縛,換種方式或許更好。例如:給元素添加背景讓其聚焦、使用分隔線/色塊間隔、調(diào)整元素大小等,需知「此消彼長」的道理。


六、結(jié)語

如果在處理界面信息層級時,改來改去還是覺得很亂,不防從間距角度出發(fā),或許會有不一樣的收獲。雖然在剛開始的時候,規(guī)范間距帶來的效果甚微,但隨著團(tuán)隊規(guī)模不斷擴(kuò)大、界面數(shù)量越來越多、內(nèi)容越來越復(fù)雜時就會發(fā)現(xiàn),所有內(nèi)容統(tǒng)一間距規(guī)范,不管是構(gòu)建一致性界面視覺效果、還是對開發(fā)和設(shè)計師來說,既能提升用戶體驗、還能提高團(tuán)隊的工作效率。
間距是否規(guī)范使用,決定著界面是否規(guī)整、信息傳達(dá)是否清晰,即便如此,間距也只是解決信息層級方式的其中之一,切不可讓其限制設(shè)計師的發(fā)揮和思考空間。制定設(shè)計規(guī)范有助于項目的高效運(yùn)轉(zhuǎn),間距也好、色彩也罷,設(shè)計師依然需要從實際用戶場景出發(fā),通過不斷的思考和經(jīng)驗總結(jié),打磨出更合理、更符合項目需求的設(shè)計規(guī)范。

作者:大漠飛鷹CYSJ    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


如何通過空狀態(tài)留住用戶

純純

在交互設(shè)計、用戶體驗設(shè)計中,每一個細(xì)小環(huán)節(jié)都至關(guān)重要。比如說,空狀態(tài) ( The Empty State ) 是許多應(yīng)用程序設(shè)計開發(fā)過程中忽略的一點,卻也有著優(yōu)化用戶體驗、改善應(yīng)用程序的潛力。

 

一.什么是空狀態(tài)?

空狀態(tài):顧名思義就是空白的狀態(tài),空狀態(tài)是對沒有數(shù)據(jù)頁面的補(bǔ)充,一種對零數(shù)據(jù)的設(shè)計形式(如下圖所示:無網(wǎng)絡(luò)、訂單為空、沒有關(guān)注的人以及無法連接網(wǎng)絡(luò)等等這些頁面就是所謂的“空狀態(tài)”。)

空狀態(tài)是APP設(shè)計中不可或缺的一部分,特別是新用戶初次接觸到產(chǎn)品APP時,必然會面對很多空狀態(tài)。

 

       undefined     

二:空狀態(tài)的分類

第一:根據(jù)空狀態(tài)產(chǎn)生的路徑,可以將空狀態(tài)分為3類

 

系統(tǒng)層:本地請求異常;如:無網(wǎng)絡(luò)、服務(wù)器異常等

信息層:請求成功,數(shù)據(jù)異常;如內(nèi)容已刪除、已下架等;

空白層:請求成功,無數(shù)據(jù);最常見的空頁面或空狀態(tài);

 

       undefined     

 

第二:根據(jù)空狀態(tài)的出現(xiàn)場景又可以將其分為4大類:

 

初體驗:初次注冊登錄的用戶很多功能都沒有熟悉

無信息/無結(jié)果:某些功能還未使用過

完成任務(wù):完成某項功能后反饋的結(jié)果

出錯:因為各種原因?qū)е碌腻e誤頁面

 

       undefined     

初體驗時,根據(jù)不同的產(chǎn)品,我們可以為用戶提供不同的引導(dǎo)

· 創(chuàng)作平臺→引導(dǎo)用戶創(chuàng)造內(nèi)容、推薦相關(guān)內(nèi)容、開啟權(quán)限……

· 工具類app→介紹相關(guān)功能、添加相關(guān)人、相關(guān)功能……

·學(xué)習(xí)類app→收集用戶目標(biāo)、推薦相關(guān)課……

       undefined     

 

無信息/無結(jié)果時,告知用戶該如何解決問題,或者給用戶其他選擇

·購物車為空時→讓用戶購買或者給用戶推薦商品

·無收藏時→應(yīng)到用戶去收藏

·搜索為空時→告知用戶換一個詞試一試

·無評論時→讓用戶搶個沙發(fā)

       undefined     

 

 

任務(wù)完成后,鼓勵或獎勵用戶

·郵件全部回復(fù)完→祝用戶擁有美好的一天

·書看完時→讓眼睛放松一下

·打卡成功→獎勵用戶勛章等等

       undefined     

 

程序出錯后,緩解用戶情緒,告知用戶解決辦法

·網(wǎng)絡(luò)出錯→檢查網(wǎng)絡(luò)/刷新頁面

·404頁面→讓用戶反饋情況到后臺、報錯等

       undefined     

三:設(shè)計空狀態(tài)頁面的好處

 

據(jù)調(diào)查顯示:“平均下來,APP在被下載之后的前3天時間里,日活躍用戶(DAU)數(shù)量下降了77個百分點。30天內(nèi),下降比例達(dá)到80%”。用戶會嘗試多個同類APP,然后在接下來的3到7天內(nèi)決定其中的哪些不合適。這時候就需要通過更多好的設(shè)計和體驗來留住用戶

 

當(dāng)然一個產(chǎn)品的好與壞不能全靠空狀態(tài),但是空狀態(tài)對于新用戶的留存是很重要的。

 

Spotify的用戶體驗專家Tamara Hilmes提醒設(shè)計師們時說,空狀態(tài)是一個展示產(chǎn)品個性化的機(jī)會,因此,在進(jìn)行空狀態(tài)設(shè)計時,需要認(rèn)真考慮品牌用戶的目標(biāo)和背景。

 

 

 

四:空狀態(tài)設(shè)計原則


       undefined     

4.1基本原則 


準(zhǔn)確:空狀態(tài)需要清晰明確地將當(dāng)前系統(tǒng)狀態(tài)傳達(dá)給用戶

直觀:簡言之就是畫面要“小而美”→簡單

高效:提供用戶快速有效地擺脫空狀態(tài)的方法

 

準(zhǔn)確

準(zhǔn)確原則要求在文字描述上做到清晰地闡述系統(tǒng)當(dāng)前的狀態(tài)。

下圖為例,如果僅以“獲取不到數(shù)據(jù)”作為收件箱空狀態(tài)提示文字,用戶不清楚是系統(tǒng)異常、網(wǎng)絡(luò)異常還是僅僅因為收件箱沒有郵件而出現(xiàn)當(dāng)前狀態(tài)。準(zhǔn)確地將系統(tǒng)狀態(tài)及操作結(jié)果告知用戶是空狀態(tài)設(shè)計中十分重要的目標(biāo)。

       undefined     

 

 

特殊原因?qū)е碌目諣顟B(tài),也可以在附加文字中告知用戶其原因,例如郵箱賬號未登錄而導(dǎo)致收件箱為空的情況。

 

直觀:

空狀態(tài)不僅要講究視覺的美感,還要講究體驗的“美感”,要讓用戶在不用思考的情況下,  獲得最大的價值,

       undefined     

 

高效

若空狀態(tài)在系統(tǒng)中可以通過觸發(fā)操作離開,建議在空狀態(tài)的文字或操作上進(jìn)行展現(xiàn)。

以站內(nèi)信空狀態(tài)為例,系統(tǒng)存在用戶可執(zhí)行的解決方案,在設(shè)計上也要體現(xiàn)。上面提到的賬號未登錄導(dǎo)致站內(nèi)信為空時,考慮附加文字提示‘登錄賬號即可開始’。若系統(tǒng)存在直接觸發(fā)操作的方案,可通過鏈接或按鈕的形式提供入口給用戶,便于用戶快速有效地回到功能主流程中。

       undefined     

 

 

4.2進(jìn)階原則undefined       

有趣:有趣又易用,符合用戶的心理預(yù)期

品牌:介紹并強(qiáng)化品牌元素,通過恰當(dāng)?shù)姆绞?、形式呈現(xiàn)

記憶:有創(chuàng)意或幽默色彩,呈現(xiàn)形式新穎,體現(xiàn)專業(yè)同時創(chuàng)造正面情緒

 

有趣

空狀態(tài)的設(shè)計在滿足了基本的設(shè)計原則后,還可根據(jù)產(chǎn)品的品牌特征進(jìn)行優(yōu)化。一般對空狀態(tài)的圖片、文案來著手進(jìn)行品牌化設(shè)計。

采用含著關(guān)懷情感的文案“哎呀,網(wǎng)絡(luò)好像出了點問題”代替“網(wǎng)絡(luò)未連接”這樣冰冷無感情的提示文字,同樣達(dá)到告知用戶系統(tǒng)狀態(tài)的目的,但修改后的文案明顯更能貼合服務(wù)工具型軟件的品牌形象。

 

同時結(jié)合文案主題,用有趣的插畫吸引用戶,達(dá)到緩解用戶焦慮、負(fù)面情緒的目的

例如下圖的刷新一下試試,企業(yè)IP作為粉刷匠在刷新Wi-Fi,比起一個失聯(lián)的行星就更有意思

       undefined品牌

當(dāng)空狀態(tài)滿足了用戶的基本需求后,就可以考慮如何樹立品牌形象了!

目前最簡單且有效的辦法是——企業(yè)IP+插畫+文案,雖然被很多人吐槽套路、片面,但是作為剛起步的創(chuàng)業(yè)類的app,這不失為一種好辦法

 

       undefined     

 

設(shè)計專屬吉祥物形象,對產(chǎn)品進(jìn)行擬人化表達(dá),避免極其復(fù)雜的插畫,保障界面簡潔明快;

由于插畫不可交互,盡量與背景融合為一部分,避免使用明亮的色彩,誤導(dǎo)用戶點擊。

 

 

記憶

文章的開頭講過,空狀態(tài)對留住新用戶有著很關(guān)鍵的作用,那么空狀態(tài)在用戶使用的幾秒鐘內(nèi)一定要給用戶留下足夠深刻的印象才有可能留住這些新用戶,所以空狀態(tài)一定要有新意,甚至是要給用戶出其不意的視覺感受,這個階段考慮的問題要更多一些,受眾人群的特點、品牌的調(diào)性、想要達(dá)到的效果、解決問題的手法、還要注意對用戶而言是否直接有效并且準(zhǔn)確。

 

阿里旗下“躺平”app的空狀態(tài)打破常規(guī),非常優(yōu)秀的抓住了用戶人群的特性,解決了用戶的需求的同時,還給用戶樹立了非常深刻的品牌印象。

       undefined     

產(chǎn)品所有能傳遞情緒的場景都應(yīng)該與品牌情緒一致。采用負(fù)面情緒的空狀態(tài)有一定風(fēng)險,可能會起到消極作用。

用戶更容易代入場景化的故事,產(chǎn)生情感共鳴。構(gòu)思場景,需研究產(chǎn)品目標(biāo)用戶群的特質(zhì),設(shè)計他們的共同回憶,將有關(guān)的場景、片段、元素進(jìn)行拼貼、組合、關(guān)聯(lián),再找到最能勾起情緒沖動的突破口,豐滿場景。

避免正面刻板的形象(一眼就能看到底的設(shè)計),盡可能簡單有趣、不落俗套,讓用戶看到這個畫面后可以有更多想象的空間,從而吸引用戶,驅(qū)動用戶的好奇心。

 

五、總結(jié)

簡單總結(jié)了一些設(shè)計空狀態(tài)時整體的設(shè)計流程,如下:

 
功能入口:提供相關(guān)功能的入口和動作按鈕,解釋服務(wù)的功能和優(yōu)點,引導(dǎo)用戶到其他頁面查看內(nèi)容

  1. 標(biāo)題文案:說明當(dāng)前狀態(tài),解釋當(dāng)前問題出現(xiàn)原因,介紹功能概要

  2. 解說文案:如何走出當(dāng)前狀態(tài),如何解決當(dāng)前問題,補(bǔ)充說明功能的屬性

  3. 推薦數(shù)據(jù):提供熱門數(shù)據(jù)、個性化推薦數(shù)據(jù)讓用戶選擇;如電商搜索無結(jié)果、購物車等頁面,推 薦用戶感興趣的商品,能有效地提升購買轉(zhuǎn)化率

  4. 操作引導(dǎo):提供相關(guān)操作的示意和引導(dǎo),讓用戶能刪除或替換內(nèi)容

  5. 完成指導(dǎo):送上任務(wù)達(dá)成的祝賀語,鞏固用戶的成就

 

細(xì)節(jié)備注:

文字和圖形一樣,也是一種情緒的載體,注意文字的魅力,加注重文字的情緒表達(dá),更易調(diào)動觀者的心。

科學(xué)合理的通過顏色吸引用戶、增加粘性

純純

沒有難看的顏色,只有難看的搭配每一種顏色有其獨特的作用,令人產(chǎn)生不同的情感。合理使用色彩可以取得宜人的效果。

一、色彩的基本認(rèn)知(本模塊設(shè)計小白可以了解一下,有基礎(chǔ)的略過)        undefined1、色彩由色相、飽和度、明度三要素構(gòu)成

 色相(Hue)

即各類色彩的相貌稱謂,如大紅、普蘭、檸檬黃等。色相是色彩的首要特征,是區(qū)別各種不同色彩的最準(zhǔn)確的的標(biāo)準(zhǔn)。事實上任何黑白灰以外的顏色都有色相的屬性,而色相也是由原色、間色和復(fù)色來構(gòu)成。

 

飽和度(Saturation)

飽和度是指色彩的鮮艷程度,也稱色彩的純度。飽和度取決于該色中含色成分和消色成分(灰色)的比例。含色成分越大,飽和度越高;消色成分越大,飽和度越低。

 

明度(Brightness)

明度是眼睛對光源體和物體表面的明暗程度的感覺,主要有由光線強(qiáng)弱決定的一種視覺經(jīng)驗。明度不僅取決于物體照明程度,而且取決于物體表現(xiàn)的反射系數(shù)。

 

2、配色的基本認(rèn)識

 

基本色環(huán)(Color Wheel)

按照光譜順序為:紅、橙紅、黃橙、黃、黃綠、綠、綠藍(lán)、藍(lán)、藍(lán)紫、紫、紫紅、紅和紫中間在加個中間色。在色相環(huán)的圓圈里,各種色調(diào)按照不同角度排列,則十二色相環(huán)每一色相距30度,24色相環(huán)每一色相距15度。

 

同一色

色相環(huán)中的任意色因明度變化而呈現(xiàn)的色彩。顏色混合是通過在色彩中加入黑、白、灰形成的。統(tǒng)一色調(diào),色彩的純度和明度是具有共同性,明度按照色相略有變化。

同色系配色是指主色和輔色都在同一色相上,這種配色方法往往會給人頁面很一致化的感受

 

同類色

同類色又稱類似色。色相環(huán)原色起45度以內(nèi),含有較多共同的色彩元素的色彩,同類色指色相性質(zhì)相同,但色度有深淺之分。

 

相鄰色

色相環(huán)中相距90度,或者相隔五六個數(shù)位的兩色,為鄰近色關(guān)系,屬中對比效果的色組。色相彼此近似,冷暖性質(zhì)一致,色調(diào)統(tǒng)一和諧,感情特性一致。

相鄰色不同于同一色的枯燥乏味。稍微跳動的的色彩也一樣保持著設(shè)計的穩(wěn)定性,還能起到強(qiáng)調(diào)單獨作品的作用

 

對比色

指色相環(huán)上色相對比較大、純度較高的任意兩色。對比色之間無過多的共性,對比效果強(qiáng)烈。當(dāng)對比的兩色具有相同的彩度和明度時,對比效果越明顯;兩色越接近補(bǔ)色,對比效果越強(qiáng)烈。

主導(dǎo)的對比配色需要精準(zhǔn)掌控色彩搭配和面積,其中主導(dǎo)色會帶動頁面的氣氛,產(chǎn)生激烈的心理感受。

 

補(bǔ)色

補(bǔ)色又稱互補(bǔ)色、余色,亦稱強(qiáng)度比色,就是兩種顏色(等量)混合后呈現(xiàn)黑灰色,那么這兩種顏色以定位互補(bǔ)色。色環(huán)的任何直徑兩端相對之色都稱為互補(bǔ)色

補(bǔ)色對比由于色彩過于沖撞,很少用戶傳統(tǒng)網(wǎng)頁界面,一般用于活動 banner,起到吸引用戶眼球的作用。



二、HSB色彩模型


1、什么是HSB色彩模型

如果你寫過HTML和CSS,那么肯定熟悉RGB,三個字母分別表示:R(紅)、G(綠)、B(藍(lán))。這種方式對電腦來說非常直接明了,也是電腦理解顏色的默認(rèn)方式。對電腦友好并不意味對人類易用,這也是HSB誕生的原因。

HSB代表色相(Hue) - 飽和度(Saturation) - 明度(Brightness),又稱HSV,是一種更人性化的顏色描述方式。為什么這么講?因為它與人們描述顏色的自然方法一致。

 

2、HSB色彩模式設(shè)置及優(yōu)點undefined

1)、比起 RGB 系統(tǒng),HSB使用了更貼近人類感官直覺的方式來描述色彩 ,對于設(shè)計師來說更容易理解

 

HSB 的概念很接近色彩學(xué)所常使用的色彩空間模型,由于是由三個屬性所組合而成,因此常以色立體表示,

但由于我們常用的操作系統(tǒng)依然為二度空間的系統(tǒng),因此在計算機(jī)系統(tǒng)的選色接口中常以不同的接口出現(xiàn),我想其實大家都很熟悉,像是下圖為sketch中的選色器,可以看見一個全彩的色相條,和一個顏色的窗口,滑動色相條即可得到不一樣的顏色

 undefined

2)、HSB可以更加科學(xué)地保證設(shè)計師所使用的不同顏色處于同一明度和飽和度,使用戶的視覺體驗感更好


也許你會覺得 HSB 并沒有比較簡單,但是實際使用過就會發(fā)現(xiàn),它是多么的好用。例如下圖的男女比例的背景色塊,如果用RGB調(diào)色只能通過設(shè)計師的眼睛和經(jīng)驗來調(diào)整他們是否處于同樣的色調(diào)中,但是用HSB來調(diào)色,保持S和B值相同,只需要滑動色相條即可得到完全一樣的色調(diào),省時省力還科學(xué)

                   

 

三、色彩使用規(guī)則

 undefined      

1、色調(diào)的分類

色調(diào)(color tone)是不同色相但是具有同樣亮度和純度的顏色進(jìn)行的分組,

undefined     

 

極淺vp(very pale)色調(diào):

是純度最低、亮度最高的,干凈清淡的顏色,給人清的,柔弱的,女性的,年輕的,淡的,可愛的印象。

 

亮灰色lg(light grayish)色調(diào):

純度低,中高亮度的色調(diào),給人高貴、安定、古樸的印象和輕柔的感覺。

 

中灰色mg(medium grayish)色調(diào):

低純度中亮度,具有濁,不起眼,古樸,穩(wěn)健,安定的氣氛。

 

深灰dg(dark grayish)色調(diào):

低純度和中低亮度,給人漂亮、安定、自然的感覺。

 

極暗vd(very dark)色調(diào):

是純度和亮度都最低的色調(diào),具有厚重牢固的感覺,給人非常暗,陰暗,厚重,堅固、男性的印象。

 

淺的pl(pale)色調(diào):

中純度和高亮度的色調(diào),給人干凈、淺、爽朗的感覺。

 

柔軟sf(soft)色調(diào):

中純度和中高亮度,給人穩(wěn)健溫柔的感覺。相比淺色給人感覺更安定。

 

晦暗dl(dull)色調(diào):

中純度和中亮度的色調(diào),給人安心高雅的感覺,一般說的中間色就是晦暗色調(diào)。

 

暗dk(dark)色調(diào):

中純度和低亮度的色調(diào),具有結(jié)實,成熟,古樸的色調(diào)印象。

 

亮It(light)色調(diào): 

高純度高亮度的色調(diào),具有明亮、健康、活潑,年輕而穩(wěn)定的印象。

 

強(qiáng)st(strong)色調(diào):

高純度和中高亮度的色調(diào),充滿活力,冗長,熱情,開放的印象。

 

深dp(deep)色調(diào):

高純度和低亮度的色調(diào),具有力量感和深度,給人深的,濃的,傳統(tǒng)的等印象。

 

活潑VV(vivid)色調(diào):

高純度和中亮度的色調(diào),較為鮮艷,鮮明,華麗,鮮艷,鮮活的印象。

 

2、色調(diào)配色技巧

同色相環(huán)配色技巧原理一樣,色調(diào)也有3種基本的配色技巧。

 

1)同色調(diào)的配色:

同色調(diào)的顏色幾乎沒有亮度和純度差,是比較容易統(tǒng)一和協(xié)調(diào)的配色。

undefined     

 2)鄰近色調(diào)配色:

具有一定的亮度和純度差但是差值不大,比較容易調(diào)和,容易傳達(dá)原有印象。有縱向鄰近、橫向鄰近、和斜向鄰近三種。

undefined     

3)對比色調(diào)配色:

亮度與純度差很大,是極具張力的配色方法。是色調(diào)圖上相隔很遠(yuǎn)的色調(diào)的配色。自由選擇色相,有亮度對比、純度對比、亮度和純度對比這三種配色方式。

undefined      


配色網(wǎng)站推薦

推薦是三個比較好用的、簡單操作的配色網(wǎng)站,有需要的可以收藏

1、coolors.co

2、designspiration.com

3、materialpalette.com

undefined

四、常用色分析undefined


除了醫(yī)療作用外,顏色還有一定的象征意義和社會屬性,對人類生活有著舉足輕重的影響。顏色心理學(xué)領(lǐng)域的佼佼者,美國羅切斯特大學(xué)安德魯.埃利奧特說,以前從來沒有人做過這種聯(lián)系。他表示:“顏色研究表明的是,我們的行為會受到我們沒有留意,習(xí)以為常的事物的影響?!?/span>

據(jù)國外媒體報道,人們常常認(rèn)為,穿著紅色服裝是自信的表現(xiàn)。同時,科學(xué)家們也認(rèn)為,運(yùn)動員身穿紅色運(yùn)動服更容易取得好成績。然而,英國羅徹斯特大學(xué)的安德魯·埃里奧特等人開展的一項最新研究卻顯示,紅色會抑制人們思維的活躍性。

埃里奧特和他的研究小組共對一些中學(xué)的高年級學(xué)生和部分大學(xué)生進(jìn)行了四次研究。期間,他們向被測試者發(fā)放了一些用于進(jìn)行智力水平測試的紙片——在各張紙片的右上角分別用紅色、灰色或綠色表明了序號。

結(jié)果,凡是所持紙片上用紅色標(biāo)明序號的學(xué)生,其所獲得的智力水平評分均明顯低于那些手持灰色或綠色序號紙片的學(xué)生。先前的研究已經(jīng)證實,人們在日常生活中所接觸到的顏色會對人的潛意識產(chǎn)生影響,只不過這種影響非常短暫。

埃里奧特教授認(rèn)為,紅色首先會使人們聯(lián)想到錯誤和失敗。談到這一點,大多數(shù)人肯定都會想到老師在判卷時所使用的紅墨水。當(dāng)然,有關(guān)禁止的信號通常也以紅色表示。而在自然界中,紅色則是一種警示色。隨后進(jìn)行的另外兩項研究則證實,當(dāng)受測試者眼看著紅色回答問題時,他們通常會選擇那些較為簡單的問題進(jìn)行解答--這是人們在面對困難時所選擇的最經(jīng)典的方法。

與紅色相對的是,藍(lán)色能夠促進(jìn)創(chuàng)新;黃色,則是最令人愉快的顏色,它被認(rèn)為是愉快的象征,可以刺激神經(jīng)系統(tǒng)和改善大腦功能,激發(fā)人的朝氣,令人思維敏捷。另外還有,橙色,是新思想和年輕的象征,令人感到溫暖、活潑和熱情,能啟發(fā)人的思維,可有效地激發(fā)人的情緒和促進(jìn)消化功能。

賞心悅目的色彩能夠通過視神經(jīng)傳遞到大腦神經(jīng)細(xì)胞,從而有利于促進(jìn)人的智力發(fā)育。在和諧色彩中生活的少年兒童,其創(chuàng)造力高于普通環(huán)境中的成長者。若常處于讓人心情壓抑的色彩環(huán)境中,則會影響大腦神經(jīng)細(xì)胞的發(fā)育,從而使智力下降。所以,我們在平時日常生活中,正確的應(yīng)用色彩心理學(xué),改善生活環(huán)境色彩,讓我們的心情更舒適,思維更敏銳。

所以一定不要讓自己孩子在高考的時候穿什么紅色的外套,旗開得勝什么的,可能會影響思維活躍度,導(dǎo)致考試成績不理想

undefined

橙色稍稍混入黑色或白色,會變成一種穩(wěn)重、含蓄又火熱的暖色,但混入較多的黑色,就成為一種燒焦的色;橙色中加入較多的白色會帶來一種甜膩的感覺。由于位于可見光的中低頻頻段,橙色在空氣中的衍射能力僅次于紅色,而其色感比紅色更暖,最飽和的橙色應(yīng)該是色彩中感受最暖的顏色,能給人有莊嚴(yán)、尊貴、神秘等感覺,所以基本上屬于心理色性。歷史上許多權(quán)貴和宗教界都用以裝點自己,現(xiàn)代社會上往往作為標(biāo)志色和宣傳色。不過也是容易造成視覺疲勞的色。

英國埃塞克斯大學(xué)做了一項研究顯示,綠色是很特別的顏色,在四季分明之地方,如見到春天之樹木、有綠色的嫩葉,大自然的顏色。在綠色環(huán)境中鍛煉能提高情緒、活力和愉悅感。也就是說,戶外鍛煉有益身心。

色彩心理學(xué)家早就指出,人們在高頻率顏色(如綠色,藍(lán)色和紫色)的環(huán)境下會產(chǎn)生平靜的感覺,而在中低頻率顏色(如紅色,橙色和黃色)的環(huán)境下更容易興奮和激動。這一現(xiàn)象可能是在人類進(jìn)化的過程出現(xiàn)的。因為對于原始人類來說,綠色的環(huán)境意味著充足的食物和水源,對綠色的積極感覺在進(jìn)化過程中融入大腦。

英國埃塞克斯大學(xué)的研究者選取十四名男大學(xué)生,要求他們在室內(nèi)固定單車上騎行5分鐘,并觀看關(guān)于森林的紀(jì)錄片。隨后,研究者將視頻背景由綠色轉(zhuǎn)換為黑色、白色和紅色,讓志愿者在觀看這3種顏色視頻的同時,又分別騎行了5分鐘。結(jié)果發(fā)現(xiàn),他們在觀看綠色視頻時疲勞感低,情緒也能保持愉悅;而觀看紅色背景視頻時,他們更容易情緒不穩(wěn)。


紫色跨越了暖色和冷色,所以可以根據(jù)所結(jié)合的色彩創(chuàng)建與眾不同的情調(diào)。帶些紅色的深紫色可以產(chǎn)生一個暖色盤。淺紫色是較貴的,常常會聯(lián)想到浪漫。當(dāng)結(jié)合玫紅色的時候,可以創(chuàng)建一個很女性化的色盤。一個比較男人的色盤可以使用偏紅偏黑的深紫色。泥土和自然的色彩可以結(jié)合紅紫色和淺褐色或者亮紫色+綠色。黃色和紫色是對比色,可以創(chuàng)建強(qiáng)對比度的色盤。

     

作者:木子淺談    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


設(shè)計師除設(shè)計外所需要具備的能力

純純

我們已經(jīng)或多或少看過一些優(yōu)秀作品,也知道了一些設(shè)計方法和技巧,了解到了一些相關(guān)的理論知識,自己也做過一些項目或者是練習(xí),總體來說都掌握了一定的設(shè)計能力;但是設(shè)計師想要擁有更多的資源(指薪資、工作機(jī)會等等)或者是想職業(yè)進(jìn)階,除了一定的設(shè)計能力之外是遠(yuǎn)遠(yuǎn)不夠的,設(shè)計師還需要掌握更多的能力,才能讓自己成長提升,并且擁有他人無法取代的價值。我通過自己的經(jīng)歷和整理收集,發(fā)現(xiàn)目前如今不同階段的設(shè)計師對待同一個問題不同的角度以及特征,如下圖所示:



不難發(fā)現(xiàn),當(dāng)大家還是初級設(shè)計師的時候,剛剛接觸設(shè)計行業(yè),我們更多的是去觀察、學(xué)習(xí)、臨摹一些“好看”的作品,熟練地使用設(shè)計軟件和提升設(shè)計技法,最后的是自己做出來的產(chǎn)品是否漂亮美觀,最重要的是客戶/老板是否會買單,而自己無法清晰地定義自己設(shè)計的產(chǎn)品價值,也不能很好表達(dá)出自己的想法和觀點。所以產(chǎn)品走向會根據(jù)老板/客戶的水準(zhǔn)來定義,輪到自己表達(dá)只是支支吾吾,最后只是做為執(zhí)行無休止地改改改。一切由老板/客戶說的算,無法清晰地了解自己產(chǎn)品的定位,缺乏表達(dá)觀點的能力,缺乏一定的審美,作為執(zhí)行角色無休止加班成為了初級設(shè)計師最大的痛點。


而經(jīng)過一段時間的學(xué)習(xí)和工作后,逐漸轉(zhuǎn)型成為中級設(shè)計師后,有了一定的設(shè)計技法和軟件使用熟練度,有了一定的審美和視覺表現(xiàn)能力,平臺規(guī)模合作團(tuán)隊也逐漸變大,基本能滿足老板/客戶/業(yè)務(wù)方提出的需求。開始學(xué)習(xí)一些設(shè)計相關(guān)理論,開始拆解自己或別人產(chǎn)品的交互架構(gòu),更多地開始關(guān)注用戶體驗起來,也會融入品牌元素到自己的產(chǎn)品當(dāng)中,為自己的產(chǎn)品做情感化設(shè)計和制定設(shè)計規(guī)范,會組織一些專業(yè)語言和業(yè)務(wù)溝通以及陳述自己的產(chǎn)品。但是如何從眾多的設(shè)計方案中找到最優(yōu)的方案來解決問題,如何更多地體現(xiàn)產(chǎn)品的價值,產(chǎn)品利益鏈如何形成商業(yè)閉環(huán),如何在團(tuán)隊/設(shè)計圈體現(xiàn)自己個人的價值,如何提升自己的個人影響力,成為了中級設(shè)計師這階段的痛點。


通過三年五年的沉淀,成為高級設(shè)計師后,形成了自己獨有的一套方法論和設(shè)計思維,能熟練地拆解每款產(chǎn)品和定義產(chǎn)品,視覺表現(xiàn)層已經(jīng)完全能駕馭,能清晰地闡述自己的設(shè)計思路和結(jié)論,產(chǎn)品用戶體驗層也有了一定的經(jīng)驗和方法,在團(tuán)隊中或者設(shè)計圈有自己一定的個人影響力,更多地會在工作中思考產(chǎn)品帶來的社會價值和商業(yè)價值,會用不同的思維去思考產(chǎn)品的各個維度,找到最優(yōu)的方法解決問題,會把固有的利益鏈轉(zhuǎn)換成商業(yè)閉環(huán),提升用戶轉(zhuǎn)化率等等。而這階段的設(shè)計師的主要痛點就是面臨著團(tuán)隊管理和溝通,朝著資深設(shè)計師和設(shè)計專家轉(zhuǎn)型,以及如何為平臺帶來的利益價值考核等等問題。


資深設(shè)計師或者設(shè)計專家這里不談,因為這階段所思考的問題大都和設(shè)計無關(guān)了。通過上述不難發(fā)現(xiàn),每個階段的設(shè)計師都有各自的特征和痛點,雖然其中都包含著設(shè)計相關(guān)的能力,但是隨著階段的進(jìn)階設(shè)計相關(guān)的能力占比逐漸變少,更多的是其他的能力增長,所以設(shè)計師除了設(shè)計以外其他能力的重要程度顯而易見,那么我們來看看除了設(shè)計以外,設(shè)計師應(yīng)該掌握其他什么能力。


思考能力(Thinking)

思考能力作為首要的能力,不僅僅是設(shè)計師,其他職業(yè)一樣需要這個能力,這里所涵蓋的面太廣泛了也說不了,這里主要針對三點來講:核心競爭力、批判思維和分析能力。思考分為兩個層面:自我層面的和業(yè)務(wù)層面的思考;自我層面的思考就是要通過深度剖析自我,發(fā)掘自己處于哪個階段,有什么長處和不足,自己想要什么,需要往怎樣的方向發(fā)展;而業(yè)務(wù)層面的則是要需要思考業(yè)務(wù)產(chǎn)品的結(jié)構(gòu)框架、用戶體驗、商業(yè)價值等等等等,前者更加關(guān)注自身的成長,后者更加關(guān)注業(yè)務(wù)的成長。



· 核心競爭力

核心競爭力就是有與別人不一樣的競爭力,想要做到別人無法替代你的地步,就要有自己個人核心的競爭力。如果你會做一張 Banner,我也會做一張 Banner,你會搞一個頁面,我也會搞一個頁面,那么你這個人就成為了可有可無的螺絲釘,唯一的優(yōu)勢就是年輕能拼能熬,等你熬銹了老了,隨時可以換一顆新的螺絲釘來取代你的位置。所以不管什么階段,我們要深度剖析自己,認(rèn)清自己的優(yōu)勢劣勢,并采取相應(yīng)的措施。



剖析自己的核心競爭力給大家一個大致思路,從異樣性和共通性入手。自己周圍或多或少有團(tuán)隊,條件不足的話現(xiàn)在網(wǎng)絡(luò)各大平臺都很發(fā)達(dá),也能融入一些設(shè)計圈子中,和不同的人對比尋找自己的核心競爭力。異樣性是當(dāng)前的優(yōu)勢,找出其中的優(yōu)點,不斷地放大深造,變成你的核心競爭力,而和別人不一樣的缺點找出來摒棄改正;共通性就是和大家一樣的地方,可以看作是偽劣勢,因為諸多共通性中總有你最喜歡最擅長的一個,將它單獨拿出來不斷擴(kuò)大,逐漸就拉開了差異性,慢慢就轉(zhuǎn)化成你的核心競爭力了,而大家都有的缺點,你把它糾正了,就成為你的核心競爭力了。

來舉一個栗子:小王是一名工作了3年的設(shè)計師,研究生畢業(yè),由于公司的原因平時工作最多接觸的就是一些運(yùn)營圖 banner,也有過很多品牌 VI 的經(jīng)驗,逐漸自己在視覺表現(xiàn)上有自己一定的見解和想法,也更加感興趣做視覺表現(xiàn)的東西。

那么他的共通性就有:1.工作3年之久;2.研究生畢業(yè);3.視覺表現(xiàn)能力強(qiáng)也更感興趣;4.做過品牌 VI 的經(jīng)驗;5.有自己的見解和想法。

由此推斷出小王的共通性是:1.工作經(jīng)驗豐富;2.視覺表現(xiàn)力強(qiáng);3.有想法和見解;

異樣性是:1.學(xué)歷優(yōu)勢;2.品牌 VI 相關(guān)經(jīng)驗

那么小王可以保持自己學(xué)歷優(yōu)勢下,可以繼續(xù)深造品牌 VI 相關(guān),逐漸轉(zhuǎn)型成為高學(xué)歷的品牌 VI 設(shè)計師,那么學(xué)歷和很多品牌 VI 的經(jīng)驗就是小王的核心競爭力;也可以通過熱愛去學(xué)習(xí) C4D 動效等軟件繼續(xù)增強(qiáng)自己視覺表現(xiàn)力,配合自己豐富的工作經(jīng)驗逐漸轉(zhuǎn)型成高學(xué)歷的創(chuàng)意藝術(shù)設(shè)計師,然后通過將自己的想法見解通過分享會、文章等模式產(chǎn)出,將這一點升級成個人影響力,那么綜合下來更加優(yōu)秀的視覺表現(xiàn)力、豐富的工作經(jīng)驗和個人影響力也會逐漸變成小王的核心競爭力。

只有通過不同維度深度地剖析自己,找到自己的共通和異樣點,清晰自己的價值定位,然后制定出適合自己成長目標(biāo)和方案,不斷放大增加自己的核心競爭力,成為不可取代的那個人。


· 批判思維

批判思維是一名設(shè)計師必須具備的思維能力,我們不僅僅要學(xué)會批判別人的作品,還要學(xué)會自我批判。這里不是指無腦的批判(之前遇到過一個實習(xí)生剛進(jìn)到公司里,就把之前所有人做的東西全部批判了一遍,重點是只說產(chǎn)品好看與否,完全不顧及平臺一致性商業(yè)價值用戶體驗等等,最后只批判卻沒有任何實質(zhì)性的建議,頗有一種指點江山的感覺,然后后面再也沒見到過他了),這里是指在自己通過批判別人或自我的方案,不斷地優(yōu)化糾正,最后產(chǎn)出最優(yōu)質(zhì)的方案,這是批判思維的出發(fā)點。



不同的人有不同的經(jīng)歷,看待問題的維度是多種多樣的,所以一個方案產(chǎn)出后,通過不同的人思考后的結(jié)果是最好的解決方案。這也印證了波克定理:只有在爭辯中,才可能誕生最好的主意和最好的決定。所以當(dāng)設(shè)計師接到產(chǎn)品交互給到的原型圖后,不要上手就做圖,要通過自己經(jīng)驗和想法去看待原型圖,然后提出更加優(yōu)質(zhì)的方案進(jìn)行討論,如果你的方案更加優(yōu)質(zhì),那么不僅是產(chǎn)品的質(zhì)量得到了優(yōu)化,你個人的經(jīng)驗也得到了沉淀,下次遇到相同的場景就可以拿出來復(fù)用,直到遇到更好的方案。

唯一注意的事項就是注意溝通的方法,這里后文會提到,比你資歷高的人提出的觀點更加具有建設(shè)性,在毫無頭緒沒有創(chuàng)新的情況下就聽比你更有經(jīng)驗的人的;遇到比你資歷低的人提出的觀點也不要嗤之以鼻,抓取其中有用的點,沒準(zhǔn)是一個新的思維方向;總之,有數(shù)據(jù)說數(shù)據(jù),沒數(shù)據(jù)舉案例,沒案例講觀點,如果連觀點都沒有的話,照著大佬說的話做就是了。


· 分析能力

分析能力也是設(shè)計師必須掌握的能力之一,無論你是創(chuàng)意藝術(shù)設(shè)計師,還是用戶體驗設(shè)計師,譬如一張 Banner 氛圍傳遞或者文案排版,譬如插畫的配色或者場景搭建,譬如產(chǎn)品的布局結(jié)構(gòu)或者用戶體驗,這些都需要有一定的分析能力。通過拆解改版/競品/參照產(chǎn)品等,明確產(chǎn)品的最終目的、商業(yè)價值等等,有了這些準(zhǔn)備后才能對自己的產(chǎn)品進(jìn)行設(shè)計或者改版。而分析產(chǎn)品可以以用戶體驗五要素的角度來分析,分別是:戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層,具體相關(guān)的文章站酷、PM 社區(qū)、36氪等等都搜的到,這里不再細(xì)說;之前在分析產(chǎn)品的時候發(fā)現(xiàn)有些產(chǎn)品強(qiáng)行套用這五個要素進(jìn)去不適用,因為有些產(chǎn)品的頁面它不存在戰(zhàn)略層或者范圍層的東西,所以我總結(jié)歸納了三個角度來分析產(chǎn)品。



案例就用淘搶購 v4.1 頁面(已上線)來講,三個角度主要是:表現(xiàn)層、用戶體驗層和價值層。表現(xiàn)層主要就是產(chǎn)品頁面的配色、布局結(jié)構(gòu)之類的;用戶體驗層就是產(chǎn)品的心智透出、交互流程之類的;價值層就是產(chǎn)品深度的價值體現(xiàn)了,比如商業(yè)價值、社會價值和用戶留存率之類的;大致可以套用這個公式去思考:為什么這里會用這種表現(xiàn)形式,它想要表達(dá)怎樣的效果,它要達(dá)到怎樣的最終目的,如果是自己去設(shè)計會怎樣做。舉例:因為淘寶規(guī)范為卡片式設(shè)計,在視覺表現(xiàn)上要統(tǒng)一,所以淘搶購 v4.1 的業(yè)務(wù)目的是統(tǒng)一視覺樣式,并且它需要給用戶產(chǎn)生一種“商品很便宜快去搶購再不搶購就沒了”的心智認(rèn)知,它的最終目的是引導(dǎo)用戶去商品 Detail 頁面購買商品和提高商品的點擊率,這樣通過協(xié)調(diào)關(guān)系形成平臺、商家和用戶之間的利益鏈商業(yè)閉環(huán)。

想要提升自己的分析能力除了項目和時間的沉淀外,更多的時候需要自己平時的積累,站酷等平臺有很多優(yōu)秀的作品,作者會把自己設(shè)計的分析和思路寫出來,我們可以看看別人的想法是否值得借鑒,然后再去分析一下,最后思考如果是自己的話會怎么去做;其次做設(shè)計的時候帶著同理心去做,把自己當(dāng)作用戶去看待自己的產(chǎn)品,通過不斷的積累提升自己對產(chǎn)品的敏銳度,將一些產(chǎn)品的隱性問題挖掘出來;另外可以多看一些好的設(shè)計分析書,比如《U一點料1、2》、《以匠心 致設(shè)計》等等,將學(xué)到的分析方法代入自己的產(chǎn)品或作品中,逐漸分析能力就增強(qiáng)了。


規(guī)劃能力(Plan)

規(guī)劃能力是日常工作生活中所需要掌握的能力,主要講業(yè)務(wù)規(guī)劃和職業(yè)生涯規(guī)劃,業(yè)務(wù)規(guī)劃能力應(yīng)對的是我們工作中處理業(yè)務(wù)所需要具備的能力,而職業(yè)生涯規(guī)劃應(yīng)對的是我們整個人生職業(yè)生涯規(guī)劃的能力。掌握這個能力后前者會給我們帶來業(yè)務(wù)處理效率上的提升,后者給我們帶來整個人生有益的好處,所以這個能力非常重要。


· 業(yè)務(wù)規(guī)劃

很多時候我們還在有條不紊地處理某個需求,心想著下班去吃個飯買水果回家洗澡睡覺的時候,突然來了一個緊急的需求,就把我們整天的計劃給打亂了,火急火燎地處理完這個需求,然后又把之前的需求做了,最后加班改改改導(dǎo)致整個計劃泡湯了。工作中遇到這樣的情況很多很多,處理方法有很多種,最經(jīng)典的就是四象限法則,把事情的緊急重要程度分為:重要且緊急、緊急不重要、重要不緊急和不重要且不緊急四個象限。



很多時候都是道理我們都懂,可是一遇到情況依舊手忙腳亂,根本原因是沒有認(rèn)真地把它代入自己的工作生活當(dāng)中。畫一個象限表,把自己今天所要處理的事務(wù)陳列出來五分鐘都不需要,一開始可能因為事情不多就沒堅持下去,一旦養(yǎng)成習(xí)慣后,將來遇到多種緊急情況突發(fā)的時候就能認(rèn)識到這個習(xí)慣給你帶來的好處了,所謂養(yǎng)兵千日,用兵一時就是這個道理。



在做業(yè)務(wù)需求的時候,可能會碰到有些需求價值高,有些需求價值低但又很緊急,不知道怎么處理之間的關(guān)系,我們依舊可以套用四象限法則來制定一個四象限表:價值高且緊急、緊急但價值低、價值高不緊急和價值低不緊急。什么是價值高的需求呢,就是能讓你有充分思考和分析的需求,比如某個頁面的改版;價值低的需求則是相對不怎么需要思考和分析的需求,比如根據(jù)已有的規(guī)范改個顏色之類的。在時間的優(yōu)先級前,價值高的需求大于價值低的,最后剩下的就是價值不高且不緊急的。因為我們無法拒絕需求,需求來了肯定要是做的,工作不是愛好可以有多種選擇性,但我們要學(xué)會將需求分解成不同類型的,對自己有成長沉淀的需求那可以作為最高優(yōu)先級去處理,留夠充裕的時間去思考分析,然后沉淀經(jīng)驗穩(wěn)定提升。


· 職業(yè)生涯規(guī)劃

這個在大學(xué)期間就學(xué)過相關(guān)的課程,只不過當(dāng)時并沒有太深的感觸,而是等工作以后才知道這項能力的重要性,它相當(dāng)于關(guān)系著你每個階段的里程碑,當(dāng)成游戲中的成就任務(wù)也不為過,還是自己設(shè)定的成就任務(wù)。某個階段想要達(dá)成什么樣的目標(biāo),想要獲得怎樣的成就,都是要自己一步一步慢慢規(guī)劃并且完成出來的。

因為我遇到過幾個非常努力的人,努力到讓人心悸的地步,每天除去吃飯睡覺工作時間就是在努力學(xué)習(xí),到最后還是很迷茫,不知道做什么,不知道如何體現(xiàn)自己的價值。這類沒有目的的努力的人是很可怕的,他們努力得沒有錯,但是這樣下去沒有成效的努力會讓他們覺得努力并沒什么用,然后逐漸開始產(chǎn)生抱怨、泄氣和放棄等負(fù)面情緒。



舉個例子來說明:如果你剛畢業(yè),給自己制定的長遠(yuǎn)的職業(yè)生涯規(guī)劃是在工作3~5年后進(jìn)到大廠工作提升自己,那么所拆分下來就需要一些項目工作經(jīng)驗和優(yōu)秀的作品,再拆分下來就是如何做出優(yōu)秀的作品,細(xì)分到最后就是作品當(dāng)中的元素,比如圖標(biāo)排版布局之類的,那么就制定一段時間內(nèi)的練習(xí)就按照各類元素去做,比如圖標(biāo)畫兩個星期,APP 設(shè)計排版布局練習(xí)兩個星期,插畫練習(xí)畫兩個星期,這樣堅持下來就組成一個完整的項目作品了,以此類推。有了規(guī)劃目標(biāo)并且在自我驅(qū)動的推動下,逐漸實現(xiàn)自己的職業(yè)目標(biāo)。


設(shè)計師要如何培養(yǎng)自我驅(qū)動可以看我之前的文章:


淺談設(shè)計師的自我驅(qū)動

https://www.zcool.com.cn/article/ZODEzMTky.html


執(zhí)行能力(Execute)

執(zhí)行能力是指自我在工作&學(xué)習(xí)中執(zhí)行的能力,執(zhí)行能力為一個設(shè)計師最主要的核心技能,一切的能力都凌駕于這個基礎(chǔ)之上;哪怕你再能說會道,能賦予你的設(shè)計各種價值,能給予你的設(shè)計各種環(huán)境,但這些都是第二步,第一步就是你的設(shè)計表現(xiàn)達(dá)到期望值,如若第一步稿子都不好看,那么沒人愿意會聽你敘述的。前文已經(jīng)提及到了,設(shè)計師在初級至中級階段的時候大多數(shù)注重的就是表現(xiàn)手法,如同學(xué)說話一樣,表現(xiàn)手法可以看作是漢語拼音,然后才是組成一個個字,最后組成一句完整的話語。


· 自我執(zhí)行力

提升自我執(zhí)行的能力我大致分為兩個步驟:看和做。

首先先來說看,看其實是提高自己審美的一個過程,通過看一些平臺網(wǎng)站的優(yōu)秀設(shè)計作品,久而久之自己的審美能力才會提高,然而看分下來一種是帶有目的性和不帶有目的性的。不帶有目的性地去看是在自己有空余或?qū)W習(xí)時間,通過瀏覽設(shè)計網(wǎng)站采集學(xué)習(xí)一些你覺得好看的作品;采集是一個很好的習(xí)慣,我覺得是每個設(shè)計師必須養(yǎng)成的習(xí)慣,把自己平時覺得好的表現(xiàn)形式收集起來,等到某一天需要用到的時候,腦海中對當(dāng)前場景會有一定的印象,再根據(jù)印象去尋找采集到的作品,能很大程度上節(jié)省自己腦爆的時間,哪怕沒有采集或者文件丟失,自己的腦中大致也會有一個雛形方向。而帶有目的性地看是指針對某一個模塊去搜集整理,比如今天我需要做一個關(guān)于內(nèi)容的模塊,那么我就會去尋找一些做內(nèi)容的產(chǎn)品設(shè)計,搜集到的各類關(guān)于內(nèi)容的表現(xiàn)手法,然后結(jié)合自己的經(jīng)驗和分析,找出最適合自己產(chǎn)品的一種。



僅僅看是不夠的,在看過之后我們需要動手嘗試才能算真正地沉淀自己所看到、學(xué)到的東西。做設(shè)計最忌諱的就是“眼高手低或者眼低手高”這種狀態(tài),有了審美但表現(xiàn)手法跟不上,或者說表現(xiàn)手法有但是審美跟不上。一定要在自己吸收了一定的審美后,通過自己的嘗試去做出來,才能真正的沉淀到自己的大腦當(dāng)中,變成自己的表現(xiàn)手法之一。最后通過大量的積累,結(jié)合對商業(yè)需求的判斷形成設(shè)計策略,才能從容應(yīng)對不同的產(chǎn)品需求,哪怕你今天做金融相關(guān)的產(chǎn)品,還是明天做電商的產(chǎn)品,后天又改做工具類產(chǎn)品,一旦形成了自己不同的應(yīng)對策略,才能做到真正意義上的游刃有余。



很多時候我們只關(guān)注到魚的大小、魚的肉質(zhì)是否鮮美那20%層面的東西,往往忽視了80%最重要的捕魚技巧和方法;看到的只是產(chǎn)品是否好看,交互是否流暢,體驗是否良好,沒有往更深層次地去想這個產(chǎn)品的商業(yè)背景是什么,設(shè)計師為什么要這樣設(shè)計,如果換做自己的話會去怎么做;畢竟我們所做的一切訓(xùn)練、思考都是為了更好地為工作服務(wù),就如同脫離了商業(yè)背景以后,有些設(shè)計就只是單純的炫技,并沒有解決問題的價值,而設(shè)計師的工作核心就是解決問題,所以我們要結(jié)合作品的背景、價值等因素,去看、去做、去學(xué)相應(yīng)的表現(xiàn)手法才是自我執(zhí)行的核心所在。


表達(dá)能力(Express)

表達(dá)能力是設(shè)計師除去執(zhí)行能力外第二重要的能力,小到平日里的溝通對接,大到述職晉升面試,都離不開表達(dá)能力的支持。有些設(shè)計師經(jīng)常面試怎么都過不了關(guān),我本以為是作品集的問題,可是看完之后作品方面完全沒有什么問題,具體了解后才知道是在面試過程當(dāng)中不知如何闡述自己的作品和思路或者在闡述過程中由于緊張等因素導(dǎo)致表達(dá)斷斷續(xù)續(xù)不順暢,面試官就會覺得這個人不靠譜然后 PASS,明明做圖很優(yōu)秀卻輸在了表達(dá)上,這種情況就很憋屈。在廣告公司中,一個 LOGO 或者廣告視頻往往只是贈品,出售的卻是這個品牌VI的故事;如果一個設(shè)計師不懂得怎么闡述自己的業(yè)務(wù),不懂得怎么推銷自己的方案,不懂得拓寬自己的個人影響力,就單純的只會執(zhí)行作圖的話,那么這名設(shè)計師是不合格的。網(wǎng)傳有一個段子“一個公司的工資排名規(guī)律:用 Word 的不如用 Excel 的,用 Excel 的不如用 PPT 的,用 PPT 的不如講 PPT 的,講 PPT 的不如聽 PPT 的,聽 PPT 的不如聽匯報的,聽匯報的不如決定的,決定的不如簽字的”,由此可見表達(dá)能力在職場中的重要性。


· 業(yè)務(wù)表達(dá)

業(yè)務(wù)表達(dá)是指在自己工作的過程當(dāng)中,對自己的設(shè)計方案進(jìn)行闡述。大部分設(shè)計師會遇到一個困擾,當(dāng)設(shè)計稿做完以后就不知道怎么去表達(dá)自己的設(shè)計理念,被業(yè)務(wù)方/面試官/老板提出質(zhì)疑時,比如:“你這產(chǎn)品的設(shè)計為什么要用紅色?”、“聊天信息這塊兒為什么要用小氣泡的樣式?”,往往不知道怎么去說,有一種當(dāng)時就覺得好看所以這樣做了,也沒有去想那么多的感覺,或者其他優(yōu)秀的作品/競品是這樣做的,我也就這樣做了;那么結(jié)果往往就是自己的專業(yè)性遭到質(zhì)疑,然后轉(zhuǎn)變成業(yè)務(wù)方/老板進(jìn)行設(shè)計主導(dǎo),形成“改來改去還是第一版好”這樣類似的惡性循環(huán)中。



那么如何提升自己的業(yè)務(wù)表達(dá)能力呢?首先設(shè)計師要提升在設(shè)計領(lǐng)域的專業(yè)度,通過學(xué)習(xí)吸納設(shè)計相關(guān)的知識,然后代入自己的設(shè)計當(dāng)中去試著闡述設(shè)計稿,準(zhǔn)備工作先做到位,收集相關(guān)的數(shù)據(jù),掌握相對應(yīng)的設(shè)計理論,先說服自己再去說服別人。比如:“通過色彩心理學(xué)得知,紅色能帶給人興奮、激動、熱情等積極情緒,而我們產(chǎn)品所需要透出的氛圍是熱情的、積極向上的,相對應(yīng)地激發(fā)出用戶的正向情緒,所以我這里使用紅色?!?、“根據(jù)近半年數(shù)據(jù)研究得出,產(chǎn)品聊天信息模塊使用過程當(dāng)中女性用戶占總用戶數(shù)的85.9%,而小氣泡樣式相對比其他樣式更能迎合女性用戶群體的喜好,通過 A/B 測試結(jié)果得出,使用小氣泡樣式后數(shù)據(jù)上漲了15%左右,所以聊天信息模塊整體改版成小氣泡的樣式?!?

通過自己前期的準(zhǔn)備(設(shè)計理論知識補(bǔ)充、用戶調(diào)研、數(shù)據(jù)測試等),將自己的設(shè)計理念表達(dá)出來,主導(dǎo)整個設(shè)計的方向,必要時可以理性地堅持自己的設(shè)計方案,畢竟無論是老板還是業(yè)務(wù)方,出發(fā)點都是希望自己的產(chǎn)品能做到最好最完善,只要你給出數(shù)據(jù)支撐和專業(yè)性的建議,他們一定都會采納接受的,而最后你的能力和專業(yè)性也得到了對應(yīng)的認(rèn)可。


· 書面表達(dá)

我本人是強(qiáng)烈建議在能力達(dá)到一定程度的時候,通過寫作來檢視自己成果的。因為往往很多東西自己是明白的,但是寫出來讓其他人看懂是另外一種能力了。自己一段時間的職業(yè)經(jīng)驗總結(jié)、對設(shè)計的見解看法、自己獨特的設(shè)計思維、一本書的讀后感等等都可以通過書面表達(dá)出來,某個知識理論難的不是學(xué)習(xí),而是將它教授出去,因為只有你想要把某件事說明白,闡述得其他人都能看懂,那么首先你要對這件事理解得很透徹,然后通過自己的經(jīng)驗和見解,轉(zhuǎn)化成通俗的語言說給別人聽。最好的狀態(tài)就是與你同樣級別的人你能與他用專業(yè)術(shù)語對話,級別比你低的人你能把理論轉(zhuǎn)換成他能聽懂的語言進(jìn)行交流,這樣才算是對理論概念理解透徹到位。

大家也明白,學(xué)習(xí)最有效的方法不是輸入而是輸出,設(shè)計也是一樣的。在學(xué)習(xí)某種理論方法后,通過書面表達(dá)出自己的見解和想法,并代入到相應(yīng)的例子當(dāng)中,做到舉一反三才能算是真正的學(xué)到了這個知識點。



· 述職

述職一般出現(xiàn)在晉升報告或者面試當(dāng)中,“諸侯朝于天子曰述職,述職者,述所職也?!笔雎毧梢哉f是工作報告中的總結(jié)性報告。向自己的老板述職是為了升職加薪,向面試官述職是為了獲取更好的工作機(jī)會;工作成果有了,但是述職做不好的話,在老板/面試官眼里你就做了無成效的工作,述職沒有想象的那么簡單,但是也沒有那么難,很多人都會經(jīng)歷兩個述職的誤區(qū),這些誤區(qū)我經(jīng)歷過也看到過,所以總結(jié)出來警醒大家。


一、把述職當(dāng)作流水賬

把述職當(dāng)作流水賬是很多新人容易犯的錯誤,當(dāng)述職的時候,有的人就會陳列出自己今年做了多少多少工作:“我今年改版了 XXX 模塊”、“我設(shè)計了 XXX 的首頁”、“我通過調(diào)查研究自主推導(dǎo)改版了 XXX 模塊并落地成功”等等,這時候你的老板/面試官會心里會想:“所以呢?”“然后呢?”,工作結(jié)果固然重要,但是決定你能否晉升/錄用的,不僅僅是把你做的工作進(jìn)行流水賬般的描述就夠了的。


二、把述職當(dāng)作邀功大會

這個誤區(qū)相對來說更高端一些,述職的時候有的人常常會像邀功一樣:“我今年通過改版了 XXX 模塊,導(dǎo)致用戶量從50%上漲到了80%”、“通過調(diào)查研究改版了 XXX 模塊,最后通過 A/B 測試發(fā)現(xiàn)數(shù)據(jù)上漲了5%,最后落地全部實施新的設(shè)計方案”,這些看似闡述了產(chǎn)品的背景、自己做了什么以及結(jié)果,但是往往來說還是不夠的,以上統(tǒng)統(tǒng)可以歸為無效述職。


你做了什么重要嗎?沒那么重要,重要的是你帶了什么樣的價值。述職所需要你做的,老板/面試官所想要了解的就是:分析為什么產(chǎn)品之前數(shù)據(jù)會那么低?你是通過那些方法得出解決方案的?為什么那么多種解決方案里你要選擇這一種?你這樣的方法能否沉淀成體系?如果換一個人來按照你的方法做是否可以得到同樣的效果?有效述職也就是決定你能向上一步的,是把你在工作中的感性認(rèn)知上升到理性規(guī)律的歸納總結(jié)的能力體現(xiàn)。


· SCQA模型

SCQA 模型是一個“結(jié)構(gòu)化表達(dá)”工具,是麥肯錫咨詢顧問芭芭拉·明托在《金字塔原理》中提出的,而這個模型可以套用在業(yè)務(wù)表達(dá)、書面表達(dá)以及述職任何場景當(dāng)中;S是指場景(Situation),C是指沖突(Complication),Q是指問題(Question),A是指解決方案(Answer)。



無論你是在向業(yè)務(wù)方/老板闡述方案做工作匯報,還是自己寫作梳理都可以用到這個模型;S場景陳述的通常是大家都熟悉的事、普遍認(rèn)同的事、事情發(fā)生的背景。由此切入既不突兀交代了事情背景又容易讓大家產(chǎn)生共鳴,產(chǎn)生代入感,然后引出沖突C。Q是其中發(fā)現(xiàn)的問題,最后A給出相對應(yīng)的解決方案,是對Q的回答也是接下來我們要闡述的內(nèi)容。整個結(jié)構(gòu)其實是形成良好的溝通氛圍,然后帶出沖突和疑問,最后提供可行的解決方案。


我們熟知的廣告詞經(jīng)常使用這個套路:

得了灰指甲——描述場景【S】

一個傳染兩——發(fā)生了沖突【C】

問我怎么辦?——提出問題【Q】

馬上用亮甲!——給出解決方案【A】


這個模型無論作為演講的開場白,作為向業(yè)務(wù)方/老板闡述設(shè)計方案的開場,還是作為一篇文章的序言都是屢試不爽的。S場景需要讓對方產(chǎn)生共鳴,必須讓對方產(chǎn)生一種:“是的,你說的好有道理”的反應(yīng),只有場景被認(rèn)同了才能繼續(xù)故事的發(fā)展,這時候打破你給對方營造的安全感,制造C沖突,相繼提出Q問題,共同確認(rèn)面臨的一個問題,然后你給出你的A解決方案,而這個解決方案就是你整個敘述的核心和中心思想。

比如你要向業(yè)務(wù)方/老板闡述你的設(shè)計方案,就可以這樣來描述:“在 XXv2.0 版本上線后(交代場景),收集了近半年以來的數(shù)據(jù)發(fā)現(xiàn),女性用戶相對減少了20%(發(fā)生沖突),為什么會減少20%的女性用戶(提出疑問),根據(jù)我的調(diào)查研究發(fā)現(xiàn)原因是改版后整個產(chǎn)品色調(diào)偏男性化,由于我們產(chǎn)品的受眾群體大多是女性用戶,男女比例為1:3,所以在 v.2.1 的改版中我將整個產(chǎn)品色調(diào)改為偏女性化的方向(給出解決方案)”。

同樣,我寫這個章節(jié)的思路就可以這樣理解:設(shè)計師們工作中通常會面臨述職、面試以及寫文章等情況(交代場景),但是往往很多設(shè)計師不知道如何去表達(dá),思路也不是很清晰,導(dǎo)致述職無效、面試失敗等情況(發(fā)生沖突),要如何避免這種情況發(fā)生?如何鍛煉自己的表達(dá)能力?(提出疑問),那就要多通過 SCQA 模型在生活工作中去練習(xí)表達(dá)(給出解決方案)。


生活能力(Lives)

最后是生活能力,設(shè)計不是工作的全部,工作不是生活的全部,我們應(yīng)該過好自己的生活,產(chǎn)品設(shè)計都是從生活中獲得靈感和啟發(fā)的,我們?nèi)绾螌Υ约旱纳?,我們就會得到怎樣的反饋。多陪伴下自己的家人、培養(yǎng)一個興趣愛好、保持學(xué)習(xí)新鮮事物的動力等等,成為一個有趣的靈魂。往往設(shè)計師能從多樣化的生活中發(fā)現(xiàn)靈感和啟發(fā),也能從生活中找到不同用戶的痛點和感知;如何做一名好的設(shè)計師,就是帶著同理心去做設(shè)計,如何帶著同理心做設(shè)計,就是將自己當(dāng)作用戶,而用戶是融入到生活中的。下面我就來例舉兩個通過生活中的啟發(fā)改變產(chǎn)品設(shè)計的例子。


· 用戶擁有感

在購買星巴克的時候,為什么服務(wù)員要把顧客的名字寫在杯子上呢?難道僅僅是為了分辨嘛?像其他奶茶店一樣貼一張打印好的便簽不就好了么?去宜家購置家具的時候,為什么要讓顧客自己親手組裝家具?可口可樂為什么可以定制自己城市的易拉罐?因為這一切都是要給用戶塑造擁有感,人是一種很不理性的生物,只要先拿到一個東西,就會覺得自己擁有這個東西,就不想放掉它了,這就是擁有感最根本的示范。從心理學(xué)的角度來說這被稱為稟賦效應(yīng),意思就是我們對于自己所擁有東西的價值往往會看得更重。這就是為什么小時候玩的玩具、收集的畫冊、穿的衣服都已經(jīng)沒什么用了,我們還要留著當(dāng)紀(jì)念的原因。因為我們的人性對于擁有感非常執(zhí)著,對于自己得到的東西非常迷戀,當(dāng)我們覺得要失去它的時候,會有一種損失感,覺得很不舍,會覺得心里很難受,這就是稟賦效應(yīng)在我們身上發(fā)生了最明顯的效果。



而這樣的營銷策略被用到產(chǎn)品設(shè)計當(dāng)中,例如前段時間很火的軟件 Zepeto,每個人都不一樣的生成圖片洗刷著我們的朋友圈;例如每年年末的賬單、網(wǎng)易云音樂總結(jié)等等,賬單它只是一份賬單,根據(jù)不同用戶生成不同的賬單,也就賦予了不同的意義;又例如各種 H5 性格測試生成的分享卡等等,這些都是產(chǎn)品設(shè)計中從生活中營銷案例中汲取經(jīng)驗的體現(xiàn)。


· 線下導(dǎo)購轉(zhuǎn)線上

每當(dāng)我們?nèi)サ缴虉鼍€下商店的時候,導(dǎo)購員和我們素未謀面,但是卻可以通過我們的大致年齡、穿著、性別等因素推斷我們需要什么樣的產(chǎn)品,然后向我們推銷對應(yīng)的產(chǎn)品,如若剛好觸動我們的需求,于是我們就會發(fā)生購買這個行為。生活中線下導(dǎo)購的方式也被運(yùn)用到線上導(dǎo)購的產(chǎn)品中,同樣平臺和用戶素未謀面,可是可以通過掌握大數(shù)據(jù),分析用戶近半年、近一個月的購買和瀏覽商品的數(shù)據(jù),結(jié)合相對應(yīng)季節(jié)等因素推送給用戶所需要的產(chǎn)品。比如我平時經(jīng)常瀏覽一些潮牌個性的衣物,現(xiàn)在正值冬季,想買一件冬季穿的棉衣,那么當(dāng)我打開淘寶的時候,系統(tǒng)會推送一些潮牌大衣等冬季衣物在首頁,我正好有這個需求又符合我的口味愛好,自然而然就會點進(jìn)去購買了。



有一條創(chuàng)業(yè)準(zhǔn)則是這樣說的:“如果有點兒閑錢,還有點時間,但又找不到商機(jī),最好的辦法就是去鬧市、電梯、小區(qū)人流量最高的那個大門口,端杯茶,靜靜的聽人們抱怨?!?,谷歌、蘋果公司的設(shè)計思維首當(dāng)其沖的就是帶著同理心去設(shè)計、去制定設(shè)計策略,同理心來源于生活,而這一切只有設(shè)計師把自己的生活經(jīng)營好,才能從當(dāng)中獲得啟發(fā)和感悟,然后代入自己的設(shè)計理念當(dāng)中,設(shè)計出真正能根本解決問題的產(chǎn)品。

其次偶爾會從網(wǎng)上看到或者聽說 XX 設(shè)計師猝死,XX 設(shè)計師檢驗出 XX 疾病等等,每每看到此類消息都會感到痛心,工作不是生活的全部,如果連自己的工作和生活都處理不好的話,那么說明這個人生活能力真的很糟糕。如果一個人整天筋疲力盡打不起精神,那么他的工作會做得好嘛?所以在這請求大家合理安排好工作時間,勞逸結(jié)合,多鍛煉身體,多花些時間陪伴父母、家人,這樣才能帶著健康的身心去工作,從而取得更好的工作成果,形成一個良性的循環(huán)。你怎樣對待生活,生活就會怎樣對待你。

作者:雨灰    來源:站酷

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

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

藍(lán)藍(lán)設(shè)計sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司


日歷

鏈接

個人資料

存檔