首頁

大廠設(shè)計總監(jiān)一直在用的banner設(shè)計法則

藍(lán)藍(lán)設(shè)計的小編 移動端UI設(shè)計文章及欣賞

本文將從對當(dāng)下常見banner的設(shè)計規(guī)則等進(jìn)行剖析,并融入自己的思考和總結(jié),著重從用戶的角度去思考一張banner廣告的設(shè)計規(guī)律。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



作者:YTY的雜糧設(shè)計鋪
鏈接:https://www.zcool.com.cn/article/ZMTQ1NDU2OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

關(guān)于產(chǎn)品「趣味性設(shè)計」的一次深度探索

藍(lán)藍(lán)設(shè)計的小編 移動端UI設(shè)計文章及欣賞

你一定也發(fā)現(xiàn)了,在這個時代下只要處在同一賽道的產(chǎn)品,大多數(shù)免不了日趨同質(zhì)化,不論是功能還是形式、內(nèi)容還是算法。就拿內(nèi)容型產(chǎn)品來舉例:去掉顏色,以下四個產(chǎn)品的首頁,你能分得清誰是誰嗎?

 

 

 

 

雖然可以做品牌差異化,但很多產(chǎn)品在招牌打響前,也會經(jīng)歷相當(dāng)漫長的一段成長期。而在大家都卷的分不清誰是誰的時候,通過趣味性來建立情感鏈接倒是一個獨辟蹊徑的狠招。

 

之前在團(tuán)隊有幸負(fù)責(zé)過一次產(chǎn)品趣味性的探索,雖未全部落地,但沉淀了不少經(jīng)驗。今天,我將這些經(jīng)驗以文章的方式分享給你,希望對你有所啟發(fā)。

 

 

 

為什么產(chǎn)品需要趣味性

 


1.符合本能需求

馬斯洛的“需求層次理論”(Hierarchy of Needs)你一定聽過。這個理論提出人類的需求狀態(tài)是持續(xù)不斷的,一段時間內(nèi),個人的動機(jī)或許可以獲得暫時性的滿足。但從人的成長角度來看,人類的需求永遠(yuǎn)不會止步于一個階段。類似的還有亞倫·瓦爾特基于此提出的需求層次理論——有用的、可靠的、可用的、愉悅的。在滿足了溫飽階段后,自然會需要情感的滿足。

 

尤其現(xiàn)在這個相對嚴(yán)峻、內(nèi)卷成風(fēng)的時代下,大家都渴望在上了一天班之后,自己用的產(chǎn)品可以給自己解壓,而不只是個單純的冷血工具。

 

 

 

 

 

 

 

2.影響用戶行為

 

產(chǎn)品傳達(dá)趣味性的信息,那么這些信息便更容易被用戶接受、甚至激發(fā)興趣。正如用戶關(guān)系和精準(zhǔn)化運營的先驅(qū)——史蒂文·貝萊格姆的那句話:“趣味是設(shè)計產(chǎn)品中最人類化,最直接,最能引起人們興趣的因素。”

 

根據(jù)艾達(dá)模型這個經(jīng)典理論,一旦用戶對某件事產(chǎn)生興趣后,則更容易促成他的決策、乃至最后行為的發(fā)生。畢竟我們絕大多數(shù)的決策并非源自理性。

 

 

 

 

 

另外,《瘋傳》這本書提及過一個重要的概念:情緒喚醒。當(dāng)情緒喚醒度較高時,往往會更容易激發(fā)用戶的分享行為(比如愉悅、驚喜這樣的正面情緒,當(dāng)然也會包括憤怒、恐懼這樣的負(fù)面情緒)。而產(chǎn)品所呈現(xiàn)的趣味性,很大程度上更容易引發(fā)用戶的高喚醒情緒,從而主動采取一些產(chǎn)品希望他實施的行為。

 

 

 

3.緩解負(fù)面情緒

 

使用一款產(chǎn)品的過程中,必然會出現(xiàn)不夠正向的反饋,比如404、斷網(wǎng)、填寫格式錯誤、輸入隱私信息等等。一旦超出了用戶的容忍能力,很容易造成行為中斷甚至流失。

 

但此時如果通過一種趣味性的方式呈現(xiàn),很大程度上可以緩解用戶的負(fù)面情緒。

 

比如readme的登錄頁面,當(dāng)你輸入密碼時,貓頭鷹捂住雙眼,很好得緩解了用戶的不安全感。再比如餓了么,惡劣天氣下會實時記錄當(dāng)前的天氣狀態(tài),通過同理心的觸發(fā)也可以緩解用戶等待時產(chǎn)生的焦慮。

 

 

 

 

 

 

 

4.實現(xiàn)情感鏈接

 

對應(yīng)諾曼在《情感化設(shè)計》中的「反思層」,通過品牌差異、獨有內(nèi)涵等方式來喚起用戶深層的記憶和情感,產(chǎn)生情感共鳴,從而形成認(rèn)知,建立起深厚的情感鏈接,以讓用戶越來越忠實于產(chǎn)品。此時產(chǎn)品作用更多的是作為一個承擔(dān)情感的載體。

 

我們旅游時經(jīng)常會購買一些貌似沒什么實用性的紀(jì)念品,明信片、木雕、徽章等等,可能最多只能放在房間當(dāng)裝飾。但是紀(jì)念品的關(guān)鍵意義,在于承載著旅游時的記憶。類似的還有單機(jī)游戲發(fā)售時,除了標(biāo)準(zhǔn)版外,往往會同步發(fā)售包含手辦、美術(shù)設(shè)定集等物品的豪華版,同樣用來承載玩家的情懷。

 

最典型的例子,就是Google的Doodle設(shè)計,在不同的節(jié)日、紀(jì)念日、或者緬懷一些先驅(qū)、藝術(shù)家時,會投入很高的成本起設(shè)計各種趣味性的插畫logo,豐富有趣,而且很多時候可以支持互動游戲。比如18年的萬圣節(jié),就做了一個有趣的多人對戰(zhàn)的小游戲。

 

 

 

 

Doodle不僅是Google文化、價值觀的象征,也通過這種趣味性的創(chuàng)意讓用戶實現(xiàn)更深層次的情感交流,建立情感紐帶并增加粘性,不會輕易得流失到其他替代品中。

 

 

 

趣味性是什么

關(guān)于這個概念,有三條相對客觀專業(yè)的說法。

 

德國古典哲學(xué)創(chuàng)始人康德《實用人類學(xué)》中,指出趣味性是人類由于受到外部環(huán)境的影響而對客觀事物產(chǎn)生的直接的感性反應(yīng),不具有普遍性和必然性。通俗來講是人們對身邊的事物感到新奇、有趣、有意思,從而心理產(chǎn)生愉悅的變化。

 

另外,康德在《判斷力批判》也指出,趣味是指主體以積極主動的姿態(tài),在超功利的層次上對某一對象表現(xiàn)出喜愛和愉悅的情緒狀態(tài)。

 

《漢語詞典》將趣味釋義為:使人感到愉快,能引起興趣的特性。

 

看似各不相同,但根據(jù)這三個概念提煉下,可以發(fā)現(xiàn)他們都是在融入一種正向的情緒加以解釋。

 

那么,趣味性背后的情緒到底是什么?

 

 

 

趣味性背后的情緒


情緒這東西千變?nèi)f化,為了避免主觀臆斷的不準(zhǔn)確,我搜羅了關(guān)于情緒的研究資料,目前相對權(quán)威的有三個:plutchik情緒輪、日本感性工學(xué)、諾曼的三層理論。

 

后兩者未對情緒進(jìn)行指標(biāo)的定義,所以這里只聚焦在情緒輪上。

 

情緒輪由羅伯特·普洛特契克開創(chuàng),這個理論指出人類的基本情緒一共由8種,生氣、厭惡、恐懼、悲傷、期待、愉悅、意外和信任。撇去那些負(fù)面情緒,能夠符合趣味性帶來的情緒基本就三種:愉悅、期待和意外。

 

 

 

 

 

為了為產(chǎn)品所用,就需要提煉出更具象的特征。下面,我通過腦暴的方式對每類情緒進(jìn)行發(fā)散聯(lián)想。

 

 

 

關(guān)于愉悅感

 

聯(lián)想了大量可以引發(fā)愉悅情緒的事物,比如可愛的貓貓、各類好玩的表情包、毛絨玩具、影視作品里那些會突然說話的動物、解壓神器等等。

 

我發(fā)現(xiàn)這些事物,一般具備了以下特征:

 

1.會給予我們即時反饋;

 

2.擬人化,比如帶有人類才有的表情,或者是人類的動作語言;

 

3.柔軟的、毛茸茸的、圓潤的、有溫度的;

 

4.會動的、解壓的

 

 

 

 

 

 

 

關(guān)于期待感

 

聯(lián)想了大量可以引發(fā)期待情緒的事物,比如被買爆的泡泡瑪特盲盒,商家售賣的福袋,各種諸如擲骰子、老虎機(jī)的隨機(jī)性游戲,各類抽獎活動,一些游戲開局roll屬性點的環(huán)節(jié)(比如金2、河洛等游戲,當(dāng)年玩的時候我驚訝得發(fā)現(xiàn)我居然能roll上一整天)

 

這些事物大致會帶有這些特征:

 

1.未知的、神秘的;

 

2.滿足人類的好奇心的;

 

3.對結(jié)果能滿懷希望的;

 

4.隨機(jī)的正向獎賞;

 

5.只需要一步簡單到發(fā)指的操作(打開容器、拉動拉桿、點擊按鈕等等),不需要任何的行動門檻,也沒有等待時間

 

 

 

 

 

 

 

關(guān)于驚喜感

 

比如《設(shè)計中的設(shè)計》這本書中提到的出入境的印章案例、一蘭拉面碗底的細(xì)節(jié)、電影或者游戲中突然出現(xiàn)的彩蛋、iPhone第一代的發(fā)布現(xiàn)場、突然發(fā)現(xiàn)的世外桃源、突襲的生日驚喜等等。

 

這些事物大致會帶有這些特征:

 

1.超出原有預(yù)期的;

 

2.未提前告知的;

 

3.正向結(jié)果的;

 

4.產(chǎn)生共鳴的

 

 

 

 

 

 

那么,這些特征又該如何更具象得落地成策略,產(chǎn)品中又是如何利用這些策略,引導(dǎo)用戶產(chǎn)生這些情緒的呢?

 

下面,我將基于這三類維度,并結(jié)合大量的大廠案例來為一步步你抽絲剝繭。

 

 

 

 

如何制造愉悅感

 

 

1.關(guān)于擬人化

 

基于上面的挖掘,我發(fā)現(xiàn)能引發(fā)愉悅感的一個明顯特征,就是擬人化,這個非常有意思。

 

克利福德·納斯在《the man who lied to his laptop》這本書中提出過一個觀點:人們對待電腦的方式,與我們在與他人交流時使用的社會規(guī)范是一致的。我們對電腦的反應(yīng),就好像它們是人類一樣。

 

 

 

 

 

 

也正因此,很多原本沒有生命體征的物體,一旦被賦予了擬人形象,就容易被大家所接納、引發(fā)愉悅。

 

做一下細(xì)分的話,擬人化基本涵蓋了三個方面:語言、形象和表情。

 

 

 

 

 

 

 

1.1擬人化的語言

 

人對于具體的擬人形象更容易產(chǎn)生情感,其中便包含擬人化的口吻。使用這種口吻與用戶交流,而非冷冰冰的設(shè)備語言,就可以提升產(chǎn)品溫度,引導(dǎo)用戶對產(chǎn)品產(chǎn)生正向情感,關(guān)于這塊我總結(jié)了兩方面。

 

一方面,文案盡量得接地氣、輕松。

 

拿京東這款產(chǎn)品舉例,文案從口吻上都會采用一種很輕松、接地氣的擬人語氣,來拉近和用戶間的距離。比如在引導(dǎo)詞后加入“哦~”“~”這種輕松的語氣詞。

 

另外,「京東問答」版塊的引導(dǎo)詞:傳統(tǒng)產(chǎn)品是“添加問答”,是不是平平無奇。但京東使用了“我來助你一臂之力~”

 

 

 

 

 

 

 

QQ瀏覽器的評論暗提示,也不是傳統(tǒng)的“寫評論”“輸入評論”,而是像日常聊天那樣“我來說兩句”,非常接地氣、生活化。知乎直接套用了流行語,詼諧的同時引導(dǎo)用戶注意言論。

 

 

 

 

 

 

另一方面,人類富有情緒變化,所以一旦用戶觸發(fā)了某個正面/負(fù)面行為,就可以給與情緒反饋。

 

在用戶完成商品評價后,京東不僅僅是很傳統(tǒng)得反饋“評價成功”,而是又加入了“感謝您!”的感謝詞??此萍恿巳齻€字,但行動過后的正向感激反饋,和我們?nèi)粘I钪惺艿秸蚍答佉粯?,被喚起正向的愉悅情緒。并愿意繼續(xù)這個行為。

 

知乎的圈子業(yè)務(wù),在用戶完成簽到后,反饋完成的基礎(chǔ)上,使用了正向的情感反饋“ 我就知道你會再來看我”,仿佛是一位關(guān)系不錯的老朋友,來喚起用戶正向情緒。

 

另外,知乎在改版后,回答收到贊也不僅僅是“點贊成功”這類冷冰冰的機(jī)器語言,而是“已收到你的喜歡,謝謝!”并且配以作者頭像,非常形象得傳出對對方對我們的感謝反饋。這種正向反饋,相比”點贊成功“更有效得喚起正向情緒,形成正向激勵。

 

 

 

 

當(dāng)然,用戶的消極行為也可以產(chǎn)生情緒反饋。

 

比如現(xiàn)在很多產(chǎn)品的取關(guān)反饋,不是傳統(tǒng)的“確認(rèn)”“取消”,而是用“殘忍取關(guān)”和“給個機(jī)會”這種融入情感的文案來做挽留,就好像真的有個活生生的人,在被你否定后反饋給你的情緒,請求你再給個機(jī)會。有趣的同時一定程度上也可以喚醒用戶的同情。(雖然這種做法過于業(yè)務(wù)導(dǎo)向,且有綁架用戶的嫌疑)

 

 

 

 

 

1.2擬人化的形象

 

人對于具體的擬人形象更容易產(chǎn)生情感。因此,樹立一個擬人化的品牌形象(也就是我們常說的IP),可以使用戶對產(chǎn)品快速建立情感聯(lián)系,也可以強(qiáng)化品牌感知。比如優(yōu)酷的猴子、高德地圖的老鷹、釘釘?shù)难嘧印inefriends等等。

 

 

 

 

 

 

世界杯的吉祥物也是同理,每一屆的吉祥物必定會融入擬人化的特征,憑著親切、可愛的形象和全世界的觀眾一起熱情互動。

 

 

 

 

 

說到產(chǎn)品,以京東的這只狗子為例,兜底頁、缺省頁、啟動頁,都做了狗這個擬人形象的貫穿。

 

 

 

 

 

 

如果你記得沒錯的話,形象改版之前這只狗還是四腳坐地上的,但改版后就兩腳著地了。這同樣是通過更擬人的形象來賦予「人格」,以此提升愉悅感,拉近距離。

 

 

 

 

 

 

再比如夸克,它甚至單獨新增了底tab入口,通過3d品牌形象,實現(xiàn)與用戶的智能交流。另外,卡片和語音搜索都做了形象貫穿,后者還使用了形象的眼睛,來通過眼睛的變化進(jìn)行情感交流。

 

 

 

 

 

 

 

1.3擬人化的表情

 

一段文字在加入了表情后,我們就能迅速了解到對方的情緒(比如我們?nèi)粘5牧奶欤?。因此表情這一招,也可以用以加深用戶與產(chǎn)品的情感交流。

 

它可以和語音、形象靈活結(jié)合使用。通過全面的擬人化,來大幅提升用戶對產(chǎn)品的形象感知,促進(jìn)用戶情感的產(chǎn)生、加深用戶和產(chǎn)品的情感鏈接。

 

比如用語言輸入,當(dāng)系統(tǒng)未識別清楚時,傳統(tǒng)的方案可能是一個錯誤圖標(biāo)加上「未識別聲音,請再試一遍」的文案,但夸克中則使用了品牌形象的雙眼來傳達(dá)失落的表情,并結(jié)合了擬人化的語言。

 

同樣做法的還有百度的未開麥提示、段子頭圖,快速傳達(dá)產(chǎn)品的情緒,和用戶情感交流。

 

 

 

 

 

 

另外,閑魚設(shè)置昵稱時,正在輸入時、以及超出了限定字?jǐn)?shù),右側(cè)的形象表情也會發(fā)生變化。

 

 

 

 

 

 

除了擬人化能引發(fā)愉悅外,還有一個很容易被忽略的要素同樣能起到作用——動畫反饋。

 

 

 

2.動畫反饋

 

提起動畫的作用,我們更多人首先想到的可能是強(qiáng)引導(dǎo)、注意力吸引,但動畫同樣能觸發(fā)用戶愉悅。比如當(dāng)動畫更加貼近現(xiàn)實,或者結(jié)合擬人化的特征時。

 

 

2.1貼近現(xiàn)實

 

最典型的例子,就是蘋果appstore從卡片到詳情頁的轉(zhuǎn)場過渡,點按的預(yù)備動作、卡片的放大展開、緩出的曲線、轉(zhuǎn)場完成的慣性等等,都很貼近現(xiàn)實物理世界的運動規(guī)律。而這種自然的絲滑也更能引發(fā)用戶的愉悅。

 

 

 

 

 

 

2.2結(jié)合擬人化

 

比如知乎的加載動畫,結(jié)合了擬人化的特征,讓這個過程變得格外有趣。劉看山奮筆疾書的動作也很符合知乎這款產(chǎn)品的定位。

 

 

 

 

 

如何制造期待感

 

 

隨機(jī)給與內(nèi)容

 

根據(jù)我們對期待感的腦暴,發(fā)現(xiàn)能觸發(fā)這種情緒最典型的特征,就是隨機(jī)性。

 

在產(chǎn)品中,則可以通過隨機(jī)給予用戶有價值的內(nèi)容來引發(fā)用戶的關(guān)注。結(jié)果的不確定使過程充滿神秘,這種狀態(tài)讓用戶興奮和滿懷期待,不會輕易離開。

 

比如網(wǎng)易新聞在進(jìn)行新聞加載的操作時,會在加載動畫上加入一個隨機(jī)的小貼士。內(nèi)容大致有三類:黃歷、名言和一句話新聞。而且這些內(nèi)容完全是隨機(jī)出現(xiàn),這種刷新過程好像在開盲盒,你無法預(yù)知會給你什么內(nèi)容,非常有趣。而且它們?nèi)肟谏?,不干擾;內(nèi)容對用戶也具有價值。

 

 

 

 

 

同樣的還有丁香醫(yī)生。在首頁每次下來刷新后,都會出現(xiàn)不一樣的健康類的小貼士。隨機(jī)性很強(qiáng),富有趣味。而且可以很好得滿足求知欲。

 

 

 

 

 

雪球的個人頁上,上劃時也會隨機(jī)給一條關(guān)于投資、市場的名言和網(wǎng)友的熱門觀點。

 

 

 

 

 

 

 

 

隨機(jī)性游戲

 

 

把現(xiàn)實生活中的游戲搬到了手機(jī),同樣能激發(fā)用戶的好奇和期待。比如微信讀書的翻牌子、搖一搖、老虎機(jī)。還有天貓的翻牌子。

 

 

 

 

 

 

 

如何制造驚喜感

 

 

格雷戈里·伯恩斯曾做個關(guān)于腦部區(qū)域的研究,發(fā)現(xiàn)大腦不僅探尋未知,而且實際上還渴望未知。相比那些已知的日常慣例,新鮮新穎的事物更容易引人注意。所以提供一些以往沒有過的、出乎意料的事物或互動,不但能引起注意力,而且也會帶來驚喜感。

 

 

 

 

 

產(chǎn)品中的驚喜感設(shè)計,可以說是使用瞬間能夠觸達(dá)我們內(nèi)心的一種短暫性愉悅,一個體驗的峰值。

 

根據(jù)對驚喜感的挖掘,一個典型的特征就是超出預(yù)期,并且未提前預(yù)料。

 

比如Figma使用過程中,團(tuán)隊成員和你同時長按鼠標(biāo),并且靠在一起后,就可與觸發(fā)擊掌的動畫彩蛋,非常有意思。

 

 

 

 

 

 

比如京東在五星好評后,會放煙花慶祝。

 

 

 

 

 

 

比如很多內(nèi)容型產(chǎn)品,在詳情頁長按點贊按鈕后,會觸發(fā)全屏的「爆贊」動畫。

 

 

 

 

 

 

再比如用戶生日當(dāng)天,通過啟動頁、彈窗等場景送上生日祝福等等。

 

 

 

 

 

這些能夠超出用戶預(yù)期的細(xì)節(jié),即便多么細(xì)枝末節(jié)、出現(xiàn)頻率多低,但只要能夠被觸發(fā),都可能因為驚喜感而生成情緒峰值,加深用戶和產(chǎn)品的情感鏈接。

 

 

 

 

最后

 

以上,便是趣味性背后的情緒挖掘和案例講解。

 

作為設(shè)計師,我們在工作中總是強(qiáng)調(diào)以用戶為中心,通過不斷的調(diào)研、跟訪、可用性測試來了解、分類用戶,但更多的結(jié)果可能只是讓產(chǎn)品不斷得貼合用戶的心智、符合預(yù)期。但如何增加粘度、建立深層鏈接,就需要通過趣味性這種情感化表達(dá)方式,來為用戶制造愉悅、期待甚至驚喜。

 

正像諾曼在「情感與設(shè)計」中說的那樣,每個產(chǎn)品都需要令人更放松、更愉悅的設(shè)計,以此來增強(qiáng)產(chǎn)品的適用性。

 

希望這篇文章能對你有所啟發(fā)。



作者:設(shè)計師Andrew
鏈接:https://www.zcool.com.cn/article/ZMTQ5NDU3Mg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

這篇導(dǎo)流條設(shè)計方法,讓我打開了新思路

藍(lán)藍(lán)設(shè)計的小編 移動端UI設(shè)計文章及欣賞

本文將以有駕導(dǎo)流體驗升級的項目為例,分享導(dǎo)流增長探索的設(shè)計思路與實踐經(jīng)驗。

// 寫在前面

 

端到端導(dǎo)流是指在產(chǎn)品矩陣體系內(nèi)引導(dǎo)優(yōu)質(zhì)產(chǎn)品的用戶使用另外一款產(chǎn)品,帶來使用量的提升,從而實現(xiàn)用戶規(guī)模提升的一種增長手段。隨業(yè)務(wù)快速增長,有駕從百度汽車頻道衍伸出了有駕小程序、M站、PC站以及APP等多緯度的產(chǎn)品矩陣,依托各端流量實現(xiàn)矩陣產(chǎn)品間的導(dǎo)流,逐步積累用戶規(guī)模,是有駕目前獲客渠道中占比最高的方式。本文將以有駕導(dǎo)流體驗升級的項目為例,分享導(dǎo)流增長探索的設(shè)計思路與實踐經(jīng)驗。

 

 

// 為什么要做導(dǎo)流

 

導(dǎo)流的目的

對于業(yè)務(wù)本身而言,隨著移動互聯(lián)網(wǎng)流量紅利期的結(jié)束,獲取新用戶的成本越來越高,不管是新產(chǎn)品還是成熟型產(chǎn)品,都需要通過導(dǎo)流的手段來持續(xù)擴(kuò)充新用戶。其次,對于有駕產(chǎn)品生態(tài)而言,需要各端產(chǎn)品間的相互聯(lián)動,協(xié)同發(fā)揮優(yōu)勢,實現(xiàn)流量價值最大化。

 

導(dǎo)流的優(yōu)勢

  • 成本低,相較于投放、活動等渠道流量獲取方式,矩陣導(dǎo)流成本低;

  • 高意向,用戶購車意向明確更容易實現(xiàn)商業(yè)轉(zhuǎn)化;

  • 可共享,用戶數(shù)據(jù)及行為關(guān)聯(lián)互通。

 

// 如何做好導(dǎo)流設(shè)計

 

1.問題分析

通過梳理核心場景的4種導(dǎo)流條,發(fā)現(xiàn)各個場景導(dǎo)流形式各異,用戶缺乏統(tǒng)一認(rèn)知,導(dǎo)流引導(dǎo)語單一內(nèi)容吸引力弱。在用戶在瀏覽頁面時,點擊功能入口或想要繼續(xù)查看更多內(nèi)容,需要下載APP才能繼續(xù)阻礙用戶瀏覽

  • 缺乏統(tǒng)一認(rèn)知:視覺表達(dá)形式不成體系,用戶感知不夠;

  • 內(nèi)容吸引力弱:內(nèi)容單一缺乏吸引力,用戶沒有點擊欲望;

  • 阻礙用戶瀏覽:打斷用戶正常使用功能,影響用戶體驗。

 

 

從導(dǎo)流鏈路的用戶行為來看,整個流程下載路徑過長,發(fā)現(xiàn)用戶流失較大的轉(zhuǎn)化點:

  • 從小程序落地頁到下載頁:在進(jìn)入小程序瀏覽頁面時,用戶沒有注意到導(dǎo)流條就滑走了;

  • 點擊導(dǎo)流條進(jìn)入下載頁:點擊導(dǎo)流條會先調(diào)起導(dǎo)流彈窗,點擊確認(rèn)后再進(jìn)入到下載頁,用戶未選擇下載就退出了。

 

 

2.明確設(shè)計方向

針對導(dǎo)流現(xiàn)狀缺乏統(tǒng)一認(rèn)知,內(nèi)容吸引力弱、阻礙用戶瀏覽、下載路徑過長的問題,我們搭建了一個完整的導(dǎo)流鏈路圖,根據(jù)用戶增長模型,把用戶生命周期各節(jié)點的用戶行為與產(chǎn)品觸點一一羅列出來,找到增長路徑的設(shè)計機(jī)會點。

 

 

通過以上的問題分析,如何建立用戶和產(chǎn)品的鏈接,保障友好的體驗,是本次導(dǎo)流升級要解決的問題。根據(jù)用戶關(guān)鍵行為,我們可以將整個導(dǎo)流鏈路拆分為3個階段來挖掘主要機(jī)會點:

  • 下載前:興趣激發(fā)導(dǎo)流吸引,建立用戶穩(wěn)定認(rèn)知;

  • 下載中:強(qiáng)化用戶轉(zhuǎn)化動機(jī),刺激用戶完成下載;

  • 下載后:保障還原體驗暢通,提升首次使用體驗。

 

 

下面將分別介紹導(dǎo)流下載前階段的設(shè)計落地實踐,以及下載中、下載后階段的延伸設(shè)計思考。

 

// 下載前

 

1.強(qiáng)化觸點吸引

是否能成功引起用戶注意,是轉(zhuǎn)化開始的第一步,統(tǒng)一的視覺風(fēng)格和滿足用戶訴求的內(nèi)容,有利于增強(qiáng)導(dǎo)流條的吸引力。

 

1)收斂導(dǎo)流條類型

針對【阻礙用戶瀏覽】打斷用戶正常使用功能、用戶沒有跳轉(zhuǎn)預(yù)期的體驗問題,下線了阻斷式和截斷式兩種體驗不友好的導(dǎo)流類型,將原來4種導(dǎo)流類型收斂為2種,僅保留通用導(dǎo)流條和功能延展導(dǎo)流條,基于這2種導(dǎo)流形態(tài)進(jìn)行深入的設(shè)計探索。

 

 

2)建立通用視覺標(biāo)準(zhǔn)

針對【缺乏統(tǒng)一認(rèn)知】視覺表達(dá)形式不成體系、用戶感知不夠的視覺問題,建立了通用導(dǎo)流條標(biāo)準(zhǔn)化規(guī)范。統(tǒng)一視覺形態(tài),優(yōu)化為頁面內(nèi)通欄嵌入式,同時融入品牌色強(qiáng)化用戶感知,根據(jù)頁面布局制定了不同的展示規(guī)則。

 

 

上線后,內(nèi)嵌導(dǎo)流條在展現(xiàn)受限的情況下,導(dǎo)流轉(zhuǎn)化數(shù)據(jù)與改版前基本持平,為了進(jìn)一步提升導(dǎo)流的點擊效果,開始探索場景化定制提轉(zhuǎn)的設(shè)計方向。

 

3)定制場景化內(nèi)容

針對【內(nèi)容吸引力弱】內(nèi)容單一缺乏吸引力、用戶沒有點擊欲望的內(nèi)容問題,在通用標(biāo)準(zhǔn)化形態(tài)的基礎(chǔ)上,根據(jù)不同場景用戶訴求點,豐富導(dǎo)流內(nèi)容。分別從內(nèi)容定制、按鈕文案優(yōu)化、以及氛圍強(qiáng)化3個方向驗證對轉(zhuǎn)化的影響。

  • 內(nèi)容定制:豐富導(dǎo)流利益點、場景化內(nèi)容更能激發(fā)用戶興趣,促進(jìn)轉(zhuǎn)化達(dá)成;

  • 按鈕文案:轉(zhuǎn)化按鈕文案導(dǎo)向性明確、內(nèi)容與導(dǎo)流利益點匹配,可以助力按鈕轉(zhuǎn)化提升;

  • 氛圍強(qiáng)化:導(dǎo)流樣式上適度弱化氛圍、樣式更傾向于原生功能,有助于提升導(dǎo)流條點擊。

 

 

2.拓展場景擴(kuò)量

復(fù)利通用標(biāo)準(zhǔn)導(dǎo)流條的成功經(jīng)驗,應(yīng)用到功能延展類導(dǎo)流條中繼續(xù)驗證有效性,從產(chǎn)品價值點出發(fā),挖掘高流量場景的機(jī)會點從而帶來轉(zhuǎn)化增量。

 

1)價值傳遞

根據(jù)小程序和APP兩端各自的不同點,分別從功能差異及體驗差異兩個方向進(jìn)行優(yōu)化。

  • APP特有功能:APP完善的功能體驗可以更好滿足用戶訴求,例如參配瀏覽場景下,引導(dǎo)用戶體驗搜索及橫屏查看的高頻功能,對于導(dǎo)流轉(zhuǎn)化有正向幫助;

  • 各端體驗差異:小程序和APP兩端體驗存在差異,例如圖片瀏覽場景下,APP清晰流暢的瀏覽體驗及放大全屏查看圖片的交互體驗,能夠刺激用戶轉(zhuǎn)化。

 

 

2)價值延續(xù)

當(dāng)用戶完成核心內(nèi)容消費后,是否可以引導(dǎo)用戶去APP繼續(xù)瀏覽更多相關(guān)內(nèi)容,進(jìn)而引導(dǎo)用戶下載呢?

  • 服務(wù)透傳:平臺服務(wù)內(nèi)容傳遞,例如在內(nèi)容落地頁文末增加品牌廣告導(dǎo)流條,幫助用戶建立品牌認(rèn)知;

  • 相關(guān)推薦:引導(dǎo)相關(guān)內(nèi)容消費,例如在文章或視頻頁增加相關(guān)推薦導(dǎo)流條,引導(dǎo)用戶瀏覽更多相似內(nèi)容。

 

 

 

// 下載中

 

當(dāng)用戶通過導(dǎo)流條進(jìn)入到下載流程時,還有哪些手段可以刺激用戶激活減少流失呢?

  • 強(qiáng)化下載動機(jī):下載頁前置APP落地頁內(nèi)容,例如將通用下載頁優(yōu)化為場景化下載頁,給用戶超前產(chǎn)品體驗吸引轉(zhuǎn)化;

  • 減少用戶流失:縮短鏈路簡化流程,例如可在下載中間頁完成應(yīng)用下載,同時退出下載頁時增加挽留。

 

 

 

// 下載后

 

當(dāng)用戶在應(yīng)用商店下載完成后,我們還能做哪些提升首次啟動APP的體驗?zāi)兀?/p>

  • 還原鏈路暢通:提升場景還原成功率,減少頻繁提示信息干擾;

  • 建立用戶心智:引導(dǎo)新用戶探索功能,根據(jù)用戶興趣推薦適合的內(nèi)容。

 

以上內(nèi)容是下載中和下載后階段導(dǎo)流優(yōu)化方向的一些延伸設(shè)計思考,為大家提供可以繼續(xù)探索的方向。

 

 

// 寫在最后

 

總結(jié)一下本篇文章關(guān)于導(dǎo)流的體驗設(shè)計要點:

  • 全鏈路洞察,對導(dǎo)流鏈路進(jìn)行拆解,通過盤點導(dǎo)流鏈路的用戶行為,明確每個節(jié)點的設(shè)計方向;

  • 降低廣告干擾性,減少用戶瀏覽過程中的阻斷感,適度弱化廣告氛圍;

  • 用戶的視角引導(dǎo),讓用戶專注于產(chǎn)品本身傳遞的價值,引領(lǐng)用戶完成對產(chǎn)品的探索從而完成下載激活。

 

希望以上的設(shè)計思考,可以帶給大家一些啟發(fā)。

 

 


 


作者:百度MEUX
鏈接:https://www.zcool.com.cn/article/ZMTUxMDQzNg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

 

這樣的設(shè)計想法為啥我沒有想到

藍(lán)藍(lán)設(shè)計的小編 設(shè)計思維

對于產(chǎn)品設(shè)計師來說,在同質(zhì)化的環(huán)境中我們需要具備突破創(chuàng)意的思維,這樣才能輸出差異化的設(shè)計方案。而創(chuàng)意離不開優(yōu)秀作品的靈感啟發(fā),發(fā)現(xiàn)有意思的設(shè)計細(xì)節(jié)也能提高我們的設(shè)計思維。

 

今天黑馬哥將會繼續(xù)為大家?guī)硪恍﹥?yōu)秀的設(shè)計細(xì)節(jié),我們一起來反思一下,這樣的設(shè)計想法為啥自己沒有想到呢?

 

 

 

 

 

 

分享目錄

 

一、營造頂部區(qū)域視覺感與情感化

二、主題化配圖增強(qiáng)視覺感

三、彈幕式標(biāo)簽提高關(guān)注度

四、IP 強(qiáng)化底部標(biāo)簽欄圖標(biāo)設(shè)計

五、強(qiáng)化動態(tài)發(fā)布的引導(dǎo)設(shè)計

六、連貫性的插畫突出卡片特色

七、動態(tài)表情化的評價設(shè)計

八、場景化的推薦設(shè)計

九、上下輪播的 Banner 設(shè)計

十、情感化的氛圍營造

 

 

 

一、營造頂部區(qū)域視覺感與情感化

 

產(chǎn)品頂部區(qū)域的視覺感是吸引用戶的關(guān)鍵,在一些功能單一的產(chǎn)品中,強(qiáng)化視覺表現(xiàn)力也是提升產(chǎn)品豐富度的有效形式。

 

比如麥當(dāng)勞 App 首頁的設(shè)計中,頂部區(qū)域結(jié)合溫馨的場景插畫進(jìn)行表達(dá),讓你早上打開麥當(dāng)勞就有種心情愉悅感。動態(tài)的太陽微笑畫面給你一天好心情,情感化的設(shè)計不僅增強(qiáng)了視覺感,也帶給用戶美好的產(chǎn)品使用體驗。

 

 

 

 

 

 

二、主題化配圖增強(qiáng)視覺感

 

封面圖在產(chǎn)品規(guī)范中相對比較難約束,通過構(gòu)圖、比例、固定元素和配圖質(zhì)量等,在一定程度上可以提高感官體驗。如果是在重點突出的內(nèi)容上面,結(jié)合主題化配圖也可以增強(qiáng)視覺感。

 

之前在使用優(yōu)酷 App 時,當(dāng)時在重點突出熱劇的設(shè)計中,就將主題化的內(nèi)容融入到宮格的配圖中。以統(tǒng)一的畫面風(fēng)格和設(shè)計表現(xiàn)形式填充封面,增強(qiáng)了視覺表現(xiàn)力,以此突出熱劇的吸引力。

 

 

 

 

 

 

三、彈幕式標(biāo)簽提高關(guān)注度

 

在固定的結(jié)構(gòu)布局中如何提高局部內(nèi)容的關(guān)注度,我們需要在不改變結(jié)構(gòu)的前提下進(jìn)行創(chuàng)意融入。比如動態(tài)畫面、突出視覺感、內(nèi)容特異化等等,而最近發(fā)現(xiàn)彈幕式標(biāo)簽也是一個不錯的選擇。

 

在體驗優(yōu)酷 App 時,在動漫欄目中針對推薦的熱播新番,想要突出的動漫結(jié)合了彈幕式標(biāo)簽進(jìn)行強(qiáng)化。動感的節(jié)奏會提高用戶的關(guān)注度,在不改變當(dāng)前結(jié)構(gòu)的基礎(chǔ)上,不失為一種有效的解決方案。

 

 

 

 

 

 

四、IP 強(qiáng)化底部標(biāo)簽欄圖標(biāo)設(shè)計

 

底部標(biāo)簽欄圖標(biāo)是產(chǎn)品設(shè)計師經(jīng)常發(fā)揮的場景,在一些節(jié)慶主題或者活動中都會定制設(shè)計。

 

優(yōu)酷 App 在元旦促銷活動期間,就將底部標(biāo)簽欄圖標(biāo)設(shè)計與 IP 形象結(jié)合,默認(rèn)以促銷主題文字展示,點擊狀態(tài)以 IP 形象顯示。圖標(biāo)與活動相結(jié)合,不僅突出圖標(biāo)視覺表現(xiàn),也營造了活動氛圍感。

 

 

 

 

 

 

五、強(qiáng)化動態(tài)發(fā)布的引導(dǎo)設(shè)計

 

對于靠內(nèi)容吸引用戶參與度的產(chǎn)品來說,提高用戶發(fā)布動態(tài)的意愿度至關(guān)重要,突出動態(tài)發(fā)布的吸引力也能起到促進(jìn)作用。

 

會玩 App 在動態(tài)發(fā)布的引導(dǎo)設(shè)計中給出了不錯的思路,未發(fā)布動態(tài)時會以形象化的空狀態(tài)設(shè)計進(jìn)行引導(dǎo)。動態(tài)發(fā)布的按鈕旁以俏皮可愛的形象進(jìn)行引導(dǎo)設(shè)計,提高了按鈕的吸引力,讓用戶有種參與的沖動。情感化設(shè)計的引導(dǎo)不僅可以增強(qiáng)感官體驗,也更容易攻破用戶的防備心理。

 

 

 

 

 

 

六、連貫性的插畫突出卡片特色

 

卡片式設(shè)計已經(jīng)成為主流的產(chǎn)品設(shè)計趨勢,信息的歸納感可以提高識別效率。探索卡片設(shè)計的表現(xiàn)特色尤為重要,重點在于卡片造型和內(nèi)部視覺表現(xiàn)力的發(fā)揮層面。

 

麥當(dāng)勞 App 在主內(nèi)容的卡片設(shè)計上運用了配送場景插畫,連貫性的插畫突出了卡片特色。插畫場景結(jié)合了品牌圖形,增強(qiáng)了麥當(dāng)勞的品牌曝光度;白天和晚上還以不同配色風(fēng)格和細(xì)節(jié)進(jìn)行差異表現(xiàn),無論是想法還是設(shè)計細(xì)節(jié)都非常不錯,是一個挺有創(chuàng)意的案例表現(xiàn)。

 

 

 

 

 

 

七、動態(tài)表情化的評價設(shè)計

 

用戶評價可以反饋服務(wù)的質(zhì)量,進(jìn)而做出產(chǎn)品迭代或者服務(wù)調(diào)整的思路。如何提高用戶參與評價的積極性,需要產(chǎn)品設(shè)計師多多探索啦!

 

最近在使用順豐速運小程序時,完成快遞業(yè)務(wù)之后進(jìn)行評價,表情化的星級評價非常有意思。不同等級以不同的表情呈現(xiàn),動態(tài)表達(dá)非常形象生動,讓人不由的挨個體驗。動態(tài)表情的形式提高了評價的關(guān)注度,情感化的表達(dá)讓用戶更愿意參與評價,提高了評價的體驗度。

 

 

 

 

 

 

八、場景化的推薦設(shè)計

 

針對電商類產(chǎn)品來說,商品/店鋪推薦模塊出現(xiàn)頻次較高,吸引用戶關(guān)注度自然成為了設(shè)計的首要目標(biāo)。

 

在體驗 Mars App 時,在生活超市推薦的設(shè)計中,模擬了便利店的場景形象。真實感的場景表達(dá)帶給用戶親切自然的購物體驗,同時也提高了用戶對于該模塊的關(guān)注度。

 

 

 

 

 

 

九、上下輪播的 Banner 設(shè)計

 

輪播 Banner 圖算是產(chǎn)品設(shè)計中最常見的模塊,在移動端的設(shè)計中通常左右輪播為主,最近體驗到上下輪播的案例,打破常規(guī)也不失為一種新的設(shè)計思路。

 

在 Mars App 的首頁 Banner 圖以上下輪播進(jìn)行交互,左側(cè)固定展示定位城市的天氣等信息,提高了 Banner 位置的利用率。Banner 與金剛區(qū)懸浮在特定的背景上,帶給用戶沉浸式的感官體驗。

 

 

 

 

 

 

十、情感化的氛圍營造

 

情感化的設(shè)計可以讓產(chǎn)品更有溫度,增加用戶對產(chǎn)品的好感度。配合傳統(tǒng)節(jié)日或者節(jié)氣主題進(jìn)行表達(dá)是相對比較普遍的形式,會在產(chǎn)品主題和視覺區(qū)域進(jìn)行氛圍營造。

 

在清明節(jié)期間體驗飛豬旅行 App 時,頂部區(qū)域以踏春的場景營造氛圍感,還在搜索區(qū)域以青團(tuán)(青團(tuán)是江南人家在清明節(jié)吃的一道傳統(tǒng)點心)替代搜索按鈕。情感化的設(shè)計營造不僅體現(xiàn)了產(chǎn)品的溫度,也帶給用戶對于節(jié)日的場景體驗。

 

 

 

 

 

 

小結(jié)

 

禁錮我們思維的不是我們的技術(shù),而是我們的眼界和設(shè)計感知。發(fā)現(xiàn)優(yōu)秀的設(shè)計并總結(jié)和轉(zhuǎn)化,才能讓我們打開禁錮的思維,在優(yōu)秀的基礎(chǔ)上輸出更好的設(shè)計解決方案。

 

本文對于設(shè)計的理解闡述屬于個人見解,不足之處歡迎大家留言補(bǔ)充,我們互相進(jìn)步。

 

 

作者:黑馬青年(vx: heimaux)

本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。



作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTUzNjExMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

學(xué)會版式的N個Tips| 這些排版細(xì)節(jié),精致顯高級

藍(lán)藍(lán)設(shè)計的小編 平面設(shè)計

這期內(nèi)容依然是關(guān)于設(shè)計中的細(xì)節(jié)處理?;谖移綍r的工作經(jīng)驗,下面給大家整理了10個排版小貼士,希望能為你帶來幫助。

 

 

 

 

 

 

 



作者:周妙妍
鏈接:https://www.zcool.com.cn/article/ZMTU0MzkwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

蘭亭妙微(bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

寫給產(chǎn)品總監(jiān):UI設(shè)計:軟件產(chǎn)品的“顏值”與“內(nèi)涵”,如何提高軟件產(chǎn)品中的UI設(shè)計水準(zhǔn)?

藍(lán)藍(lán)設(shè)計的小編 設(shè)計思維

作為產(chǎn)品總監(jiān),你一定明白,軟件產(chǎn)品成功的關(guān)鍵在于用戶體驗,而UI設(shè)計正是塑造用戶體驗的核心。簡單來說,UI設(shè)計就是用戶界面的設(shè)計,它決定了用戶如何與你的產(chǎn)品互動,就像產(chǎn)品的“顏值”和“內(nèi)涵”,直接影響用戶的第一印象和使用感受。UI設(shè)計不僅僅是讓界面好看,更重要的是好用。 它需要平衡視覺美感與功能實用性,讓用戶在使用過程中感到舒適、高效、愉悅。

如何提高軟件產(chǎn)品中的UI設(shè)計水準(zhǔn)? 以下是一些建議:

設(shè)計的意義

藍(lán)藍(lán)設(shè)計的小編 設(shè)計思維

保羅·蘭德說:“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物。”

作為設(shè)計師,設(shè)計是我們的專業(yè),也是我們用來解決商業(yè)問題的工具。

我們過去也許都曾思考過類似設(shè)計的價值、意義或是本質(zhì)之類的問題。思考這類問題在某種意義上或許都是為了當(dāng)我們遇到困難、沖突、低谷或是不確定性的時候給自己找一些能夠堅持下去的理由。

設(shè)計師在從業(yè)的不同階段,對設(shè)計的理解不同。從追求工具技能到表現(xiàn)力、方法論、風(fēng)格到影響行業(yè)甚至社會審美意識等等。不斷的錘煉之后,對設(shè)計意義也會有不同理解。

我們奉為的大師,都擅長用自己的知識架構(gòu)定義對設(shè)計的理解。

保羅·蘭德就是一位我們公認(rèn)的設(shè)計大師、藝術(shù)家。他是當(dāng)今美國乃至世界上最杰出的圖形設(shè)計師、思想家及設(shè)計教育家之一。他最出名的企業(yè)標(biāo)志設(shè)計,包括IBM,UPS,ABC標(biāo)志以及為史蒂夫·喬布斯設(shè)計NeXT.那段經(jīng)典橋段。

去研究這些前輩們?nèi)绾慰创O(shè)計、理解設(shè)計以及如何與設(shè)計相處一生,是另一種設(shè)計哲學(xué)的思辨。

保羅·蘭德說:

“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物。”

設(shè)計表現(xiàn)可能看似是簡單的組裝、排序或是美化的過程,但設(shè)計的過程也是賦予信息意義的過程。不斷的簡化、厘清、修飾甚至可能去說服、去取悅過后,設(shè)計就是把散文變成詩歌的過程。

設(shè)計師是孤獨的,大部分時候他們是一個人在戰(zhàn)斗。

設(shè)計是個人行為,即便在設(shè)計成熟度較高的國家、企業(yè)或是大型團(tuán)隊,設(shè)計師仍需在一線才能真正掌控在這場戰(zhàn)斗中可能遇到的極其細(xì)節(jié)的變化和給人傳達(dá)的感受。

設(shè)計需要沖突來加深傳達(dá)的“戲劇性”。但設(shè)計過程也面臨種種沖突。這是設(shè)計的商業(yè)價值與藝術(shù)價值平衡的過程。正是因為這種關(guān)心很難平衡,才會出現(xiàn)雇主與設(shè)計師之間的沖突。

企業(yè)的目標(biāo)是達(dá)到商業(yè)、經(jīng)濟(jì)、政治甚至社會性目的。對設(shè)計師而言,設(shè)計是一種創(chuàng)造和實驗行為。通過這種行為來平衡之前的目標(biāo)。

設(shè)計品質(zhì)最終決定設(shè)計師與核心決策者之間的關(guān)系。關(guān)心越是緊密,設(shè)計的產(chǎn)出就越有可能出彩。這其實并不難理解,對設(shè)計完成度有高追求的企業(yè),CEO也大多都跟設(shè)計團(tuán)隊或是設(shè)計咨詢公司有較為緊密的往來。就比如蘋果的喬布斯與喬納森是我們都公認(rèn)的CEO與設(shè)計師高緊密度關(guān)系的典范。

當(dāng)今社會,市面上依然存在太多糟糕的設(shè)計。

一來,核心的決策者對設(shè)計專業(yè)的理解度不夠。

二來,很多決策依賴于市場調(diào)研,既得利益的權(quán)重大于長遠(yuǎn)利益。

再就是我們回避不開的話題,設(shè)計師在某種意義上話語權(quán)不夠。

抉擇者很多時候不了解或是存在對某類元素特定的喜好偏見,他們有評價權(quán),但卻缺乏對設(shè)計專業(yè)知識的儲備。所以就會普遍出現(xiàn)外行指導(dǎo)內(nèi)行的情況。過往(現(xiàn)在好一些),他們將設(shè)計師看做一套繪圖工具,一個合作供應(yīng)商而不是一個業(yè)務(wù)團(tuán)隊里重要的組成部門。

體系完整的企業(yè)可能會引入市場調(diào)研團(tuán)隊,調(diào)研團(tuán)隊為營銷提供定位信息,設(shè)計師來解讀和演繹那些信息。如果調(diào)研團(tuán)隊能理解設(shè)計師的工作過程與其產(chǎn)生共鳴,就有可能促成正確決策甚至產(chǎn)生驚喜的創(chuàng)意作品。

但很多時候,我們聽到了太多這樣的回復(fù):

 

我喜歡它;

我不喜歡它;

它太簡單了;

它太復(fù)雜了;

它讓我想起某某...

常常一句“我不喜歡”就可以終結(jié)任何設(shè)計作品。就像當(dāng)初一位IBM的主管第一次看到這個條紋logo時嘲弄到說“這東西讓我想起格魯吉亞的鎖鏈囚犯”。

每個人所能感知的信息都不盡相同。

有人既看不到logo的意義,也看不到它的功能。也正因為過于用喜好而不是專業(yè)去評判,才讓糟糕的設(shè)計一直留存于我們的世界。而大眾對糟糕的設(shè)計要比對好設(shè)計更加熟悉,于是大家習(xí)慣于選擇不好的設(shè)計,因為和他們朝夕相處。

新事物讓人感受到威脅,而舊事物讓人安心。

要判斷一個設(shè)計的內(nèi)在價值,決定性因素不是使用期,而是它所設(shè)定的“品質(zhì)預(yù)期”。這是設(shè)計師的價值,也是設(shè)計師該練就的“知覺”。

何為知覺?

我們可以把知覺暫定為“瞬間的洞悉”。設(shè)計師在做設(shè)計決策的時候大部分都是依賴過往的知識儲備以及慣性技能。不斷的嘗試,都是通過瞬間對各方向的可能性判斷。

本能、預(yù)感、沖動、洞悉之后的綜合“洞悉”,這就是知覺。

說到logo,我們常把logo當(dāng)成品牌價值傳遞的重要符號。

它是一面旗幟、一個簽名、一個路標(biāo)。大部分時候,雇主期待logo能描述一個行業(yè),但歷史上最成功的logo都沒能做到。蘋果、勞斯萊斯、可口可樂、或是IBM等等...不可否認(rèn)的是它們都是歷史上最成功的logo,但它們卻無法做到能傳遞它們的行業(yè)屬性。因為logo遠(yuǎn)不如它所代表的產(chǎn)品重要,它所代表的比它看起來的樣子更重要。


因為只有l(wèi)ogo與它所屬的公司、產(chǎn)品、服務(wù)聯(lián)系起來時,它才具備真正的意義。一流的產(chǎn)品和公司的logo傳遞出一流的形象。反之一個公司如果是二流的,那么它的logo最終也會被歸為二流。

 

 

logo首先要告訴人們“是誰”,而不是“是什么”。這才是它最基礎(chǔ)且最重要的功能。它所扮演的角色就是“指示”。“簡潔”是達(dá)成指示的手段。所以設(shè)計過程中的特點、好記以及清楚都是需要設(shè)計師在打磨細(xì)節(jié)前首先要做好的決策。一個復(fù)雜、挑剔、模糊的設(shè)計潛藏著自我毀滅性的風(fēng)險。

 

“好的設(shè)計帶來好的生意”。但不可否認(rèn),即使不好的設(shè)計,也可能帶來好的生意(比如下圖)。如果這樣,還需要好的設(shè)計么?

好的設(shè)計可以增添額外的附加價值,很多時候,也許光看著它就能給人們帶來快樂。它們更尊重感官,并通過這種友好的感官體驗,給企業(yè)帶來回報。人們更容易記得精美而不是一團(tuán)糟的形象。它折射出一個考慮周全,目標(biāo)明確的企業(yè),反映了它的產(chǎn)品或者服務(wù)的品質(zhì)。所以,這個世界需要好的設(shè)計,設(shè)計師要做的就是用設(shè)計向世界傳遞一些更有價值的觀點。這是設(shè)計師的工作,也是設(shè)計該有的意義。

「大寶推薦閱讀書單之《設(shè)計的意義》」



作者:大寶頻道
鏈接:https://www.zcool.com.cn/article/ZMTQ3ODQzMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

 

優(yōu)秀的設(shè)計就是帶給用戶驚喜!

藍(lán)藍(lán)設(shè)計的小編 設(shè)計思維

優(yōu)秀的產(chǎn)品設(shè)計是能帶給用戶驚喜的,在不經(jīng)意間讓用戶感受到溫度,也是提升用戶體驗的關(guān)鍵。
 
隨著行業(yè)的進(jìn)步,產(chǎn)品設(shè)計師也在不斷優(yōu)化體驗,輸出一個一個優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設(shè)計,來和大家一起欣賞一下吧!
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
體驗?zāi)夸?/div>
一、降落傘帶來的營銷廣告
二、動效反饋商家備餐過程
三、這個廣告驚不驚喜意不意外
四、Banner 廣告的視覺沉浸感
五、待機(jī)狀態(tài)下的實時動態(tài)
六、小圖標(biāo)里的細(xì)節(jié)反思
七、輪播式的懸浮設(shè)計
八、氛圍熱烈的底部標(biāo)簽欄
九、收縮式交互設(shè)計
十、形象化的進(jìn)度設(shè)計
 
 
一、降落傘帶來的營銷廣告
在這個廣告滿天飛的年代,用戶已經(jīng)逐步開啟廣告免疫模式,如何提高用戶對廣告的關(guān)注度至關(guān)重要。
 
近期在體驗餓了么時,等待送餐界面中空降一個降落傘,從左上角飄到右側(cè)懸浮,彈出紅包懸浮廣告。降落傘飄浮的動態(tài)過程吸引了用戶的關(guān)注度,進(jìn)而提高了營銷廣告的點擊率,雖然廣告大家都比較反感,但是一個伴隨著驚喜的廣告也會讓你放下戒備心理。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
二、動效反饋商家備餐過程
提升等待過程對于用戶體驗來說尤為重要,降低用戶等待過程中的焦慮感,才能讓用戶愿意為此停留。
 
通過餓了么點餐之后,商家需要一定的時間完成餐飲的制作,必然需要用戶等待一些時間。在這個備餐過程中,當(dāng)前界面以一個翻炒動效表達(dá),情感化的動效不僅提示用戶當(dāng)前狀態(tài),也提升了設(shè)計表達(dá)的感官體驗。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
三、這個廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢?平臺為了提高變現(xiàn)能力,各種層出不窮的廣告玩法也讓你猝不及防。
 
之前在體驗騰訊視頻 App 時,從閃屏廣告過度到 Banner 圖的過程中,經(jīng)歷了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式,再演變到放大版的多個廣告切片(占 Banner 位呈現(xiàn)),最后再恢復(fù)到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了,讓你對廣告的記憶形成硬性要求。
 
無論這個廣告設(shè)計方案是否讓用戶反感,但是這個呈現(xiàn)的互動方式還是比較新穎的,相信廣告的點擊率必然有所提升。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
四、Banner 廣告的視覺沉浸感
Banner 圖在產(chǎn)品中是非常普及的,各類形式的演變也層出不窮,產(chǎn)品設(shè)計師都在探索更多可能性。
 
在騰訊視頻 App 動漫欄目中,發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個懸浮的火焰燃燒的動效,提升了整體的氛圍感,動效與 Banner 畫面完美貼合,視覺沉浸感十足。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
五、待機(jī)狀態(tài)下的實時動態(tài)
隨時讓用戶感受到你的存在,才能讓人感到安心,服務(wù)過程中狀態(tài)實時可見至關(guān)重要。
 
通過餓了么點餐之后,就算處于待機(jī)狀態(tài)時,只要點亮屏幕即可看到當(dāng)前出餐狀態(tài)。可視化的圖形結(jié)合時間提醒,讓狀態(tài)一目了然,使得點餐到用餐之間的過程更有用戶可控性。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
六、小圖標(biāo)里的細(xì)節(jié)反思
產(chǎn)品中有很多輔助功能/信息等表達(dá)的圖標(biāo),既要能準(zhǔn)確表達(dá)主題,也要讓用戶易于理解。
 
在汽車之家 App 發(fā)現(xiàn)了一個值得反思的圖標(biāo)案例,在掃一掃的圖標(biāo)中結(jié)合了汽車外形輪廓,不僅不會影響掃描的功能表達(dá),也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同,這個是對準(zhǔn)汽車進(jìn)行掃描,體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計師的能力,用最簡單的方式表現(xiàn)自身產(chǎn)品的差異,以此提升用戶的操作體驗。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
七、輪播式的懸浮設(shè)計
懸浮設(shè)計非常普及,因為占比小和滑動頁面會隱藏,對用戶的干擾比較小。
 
最近在芒果 TV 首頁發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá),芒果卡和活動中心會自動輪播顯示(也能手動切換)。讓我們對懸浮窗口的設(shè)計又多了一種設(shè)計理解,可以呈現(xiàn)更多不同內(nèi)容的表達(dá),提升了窗口的利用率。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
八、氛圍熱烈的底部標(biāo)簽欄
底部標(biāo)簽欄的設(shè)計在圖標(biāo)創(chuàng)意層面發(fā)揮較多,各類風(fēng)格的圖標(biāo)讓該欄目更加豐富多彩,除此之外也有在背景層渲染氛圍的案例。
 
近期恰逢芒果 TV 十周年之際,在底部標(biāo)簽欄背景層也加強(qiáng)了氛圍感。豐富多彩的元素和配色,結(jié)合主題化的圖標(biāo)設(shè)計,使得整體氛圍感拉滿。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
九、收縮式交互設(shè)計
通過交互方式應(yīng)對用戶操作過程,特別是在滑動界面時,交互方式的優(yōu)化可以降低干擾,提高當(dāng)前界面的利用率。
 
在 Blurrr App 創(chuàng)作界面,默認(rèn)以 3D 動態(tài)圖標(biāo)展示“開始創(chuàng)作”按鈕,當(dāng)滑動界面時按鈕會收縮展示。通過收縮式的交互設(shè)計,讓界面可以展示更多內(nèi)容,也不會影響用戶點擊按鈕進(jìn)行創(chuàng)作。即通過 3D 動效加強(qiáng)了功能的曝光度,又通過收縮式交互提高了內(nèi)容的展示空間,可謂是一舉多得的設(shè)計解決方案。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
十、形象化的進(jìn)度設(shè)計
進(jìn)度設(shè)計是反饋狀態(tài)變化的關(guān)鍵,通過可視化的表達(dá)讓用戶一目了然,提高用戶對服務(wù)過程的把控。
 
當(dāng)用戶通過攜程旅行 App 訂票后,在行程訂單界面可以看到列車行駛狀態(tài)的進(jìn)度提示。通過可視化的列車形象的表達(dá)了行駛狀態(tài),讓用戶清晰的看到行駛方向和抵達(dá)站點示意。不僅信息傳遞高效,形象的表達(dá)也使得感官體驗更佳。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
小結(jié)
優(yōu)秀的產(chǎn)品總能在細(xì)微之處帶給你驚喜,讓你感受到產(chǎn)品服務(wù)的情感化和溫度。本文觀點僅代表個人體會,希望可以和大家一起共勉。
 
作者:黑馬青年
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTYxODE4MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析

藍(lán)藍(lán)設(shè)計的小編 B端ui設(shè)計文章及欣賞

 
 
 
面向企業(yè)用戶、注重效率與管理、解決企業(yè)痛點、技術(shù)與服務(wù)并重、決策過程復(fù)雜
B端關(guān)注的是如何通過技術(shù)手段賦能企業(yè),提升其業(yè)務(wù)處理能力和管理效能,是企業(yè)間或企業(yè)內(nèi)部運作不可或缺的工具和服務(wù)。
彈窗-聚焦任務(wù)處理與即時提醒的高效交互工具;作為一種常見的交互設(shè)計元素,在提升用戶體驗和效率方面扮演著重要角色。
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實戰(zhàn)案例分析
 
 
 


作者:Miao_C
鏈接:https://www.zcool.com.cn/article/ZMTYyNDEwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

日歷

鏈接

個人資料

存檔