国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线

首頁(yè)

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

藍(lán)藍(lán)設(shè)計(jì)的小編

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



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

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

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

藍(lán)藍(lán)設(shè)計(jì)的小編

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

 

 

 

 

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

 

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

 

 

 

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

 


1.符合本能需求

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

 

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

 

 

 

 

 

 

 

2.影響用戶(hù)行為

 

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

 

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

 

 

 

 

 

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

 

 

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

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

 

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

 

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

 

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

 

 

 

 

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

 

 

 

趣味性是什么

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

 

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

 

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

 

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

 

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

 

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

 

 

 

趣味性背后的情緒


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

 

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

 

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

 

 

 

 

 

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

 

 

 

關(guān)于愉悅感

 

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

 

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

 

1.會(huì)給予我們即時(shí)反饋;

 

2.擬人化,比如帶有人類(lèi)才有的表情,或者是人類(lèi)的動(dòng)作語(yǔ)言;

 

3.柔軟的、毛茸茸的、圓潤(rùn)的、有溫度的;

 

4.會(huì)動(dòng)的、解壓的

 

 

 

 

 

 

 

關(guān)于期待感

 

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

 

這些事物大致會(huì)帶有這些特征:

 

1.未知的、神秘的;

 

2.滿(mǎn)足人類(lèi)的好奇心的;

 

3.對(duì)結(jié)果能滿(mǎn)懷希望的;

 

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

 

5.只需要一步簡(jiǎn)單到發(fā)指的操作(打開(kāi)容器、拉動(dòng)拉桿、點(diǎn)擊按鈕等等),不需要任何的行動(dòng)門(mén)檻,也沒(méi)有等待時(shí)間

 

 

 

 

 

 

 

關(guān)于驚喜感

 

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

 

這些事物大致會(huì)帶有這些特征:

 

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

 

2.未提前告知的;

 

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

 

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

 

 

 

 

 

 

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

 

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

 

 

 

 

如何制造愉悅感

 

 

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

 

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

 

克利福德·納斯在《the man who lied to his laptop》這本書(shū)中提出過(guò)一個(gè)觀(guān)點(diǎn):人們對(duì)待電腦的方式,與我們?cè)谂c他人交流時(shí)使用的社會(huì)規(guī)范是一致的。我們對(duì)電腦的反應(yīng),就好像它們是人類(lèi)一樣。

 

 

 

 

 

 

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

 

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

 

 

 

 

 

 

 

1.1擬人化的語(yǔ)言

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

在用戶(hù)完成商品評(píng)價(jià)后,京東不僅僅是很傳統(tǒng)得反饋“評(píng)價(jià)成功”,而是又加入了“感謝您!”的感謝詞。看似加了三個(gè)字,但行動(dòng)過(guò)后的正向感激反饋,和我們?nèi)粘I钪惺艿秸蚍答佉粯樱粏酒鹫虻挠鋹偳榫w。并愿意繼續(xù)這個(gè)行為。

 

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

 

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

 

 

 

 

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

 

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

 

 

 

 

 

1.2擬人化的形象

 

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

 

 

 

 

 

 

世界杯的吉祥物也是同理,每一屆的吉祥物必定會(huì)融入擬人化的特征,憑著親切、可愛(ài)的形象和全世界的觀(guān)眾一起熱情互動(dòng)。

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

 

1.3擬人化的表情

 

一段文字在加入了表情后,我們就能迅速了解到對(duì)方的情緒(比如我們?nèi)粘5牧奶欤R虼吮砬檫@一招,也可以用以加深用戶(hù)與產(chǎn)品的情感交流。

 

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

 

比如用語(yǔ)言輸入,當(dāng)系統(tǒng)未識(shí)別清楚時(shí),傳統(tǒng)的方案可能是一個(gè)錯(cuò)誤圖標(biāo)加上「未識(shí)別聲音,請(qǐng)?jiān)僭囈槐椤沟奈陌福淇酥袆t使用了品牌形象的雙眼來(lái)傳達(dá)失落的表情,并結(jié)合了擬人化的語(yǔ)言。

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

2.動(dòng)畫(huà)反饋

 

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

 

 

2.1貼近現(xiàn)實(shí)

 

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

 

 

 

 

 

 

2.2結(jié)合擬人化

 

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

 

 

 

 

 

如何制造期待感

 

 

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

 

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

 

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

 

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

 

 

 

 

 

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

 

 

 

 

 

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

 

 

 

 

 

 

 

 

隨機(jī)性游戲

 

 

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

 

 

 

 

 

 

 

如何制造驚喜感

 

 

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

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

比如京東在五星好評(píng)后,會(huì)放煙花慶祝。

 

 

 

 

 

 

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

 

 

 

 

 

 

再比如用戶(hù)生日當(dāng)天,通過(guò)啟動(dòng)頁(yè)、彈窗等場(chǎng)景送上生日祝福等等。

 

 

 

 

 

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

 

 

 

 

最后

 

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

 

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

 

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

 

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



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

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

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

藍(lán)藍(lán)設(shè)計(jì)的小編

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

// 寫(xiě)在前面

 

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

 

 

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

 

導(dǎo)流的目的

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

 

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

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

  • 高意向,用戶(hù)購(gòu)車(chē)意向明確更容易實(shí)現(xiàn)商業(yè)轉(zhuǎn)化;

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

 

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

 

1.問(wèn)題分析

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

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

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

  • 阻礙用戶(hù)瀏覽:打斷用戶(hù)正常使用功能,影響用戶(hù)體驗(yàn)。

 

 

從導(dǎo)流鏈路的用戶(hù)行為來(lái)看,整個(gè)流程下載路徑過(guò)長(zhǎng),發(fā)現(xiàn)用戶(hù)流失較大的轉(zhuǎn)化點(diǎn):

  • 從小程序落地頁(yè)到下載頁(yè):在進(jìn)入小程序?yàn)g覽頁(yè)面時(shí),用戶(hù)沒(méi)有注意到導(dǎo)流條就滑走了;

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

 

 

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

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

 

 

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

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

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

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

 

 

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

 

// 下載前

 

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

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

 

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

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

 

 

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

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

 

 

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

 

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

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

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

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

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

 

 

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

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

 

1)價(jià)值傳遞

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

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

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

 

 

2)價(jià)值延續(xù)

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

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

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

 

 

 

// 下載中

 

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

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

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

 

 

 

// 下載后

 

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

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

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

 

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

 

 

// 寫(xiě)在最后

 

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

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

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

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

 

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

 

 


 


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

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

 

這樣的設(shè)計(jì)想法為啥我沒(méi)有想到

藍(lán)藍(lán)設(shè)計(jì)的小編

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

 

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

 

 

 

 

 

 

分享目錄

 

一、營(yíng)造頂部區(qū)域視覺(jué)感與情感化

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

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

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

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

六、連貫性的插畫(huà)突出卡片特色

七、動(dòng)態(tài)表情化的評(píng)價(jià)設(shè)計(jì)

八、場(chǎng)景化的推薦設(shè)計(jì)

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

十、情感化的氛圍營(yíng)造

 

 

 

一、營(yíng)造頂部區(qū)域視覺(jué)感與情感化

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

六、連貫性的插畫(huà)突出卡片特色

 

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

 

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

 

 

 

 

 

 

七、動(dòng)態(tài)表情化的評(píng)價(jià)設(shè)計(jì)

 

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

 

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

 

 

 

 

 

 

八、場(chǎng)景化的推薦設(shè)計(jì)

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

十、情感化的氛圍營(yíng)造

 

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

 

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

 

 

 

 

 

 

小結(jié)

 

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

 

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

 

 

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

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



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

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

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

藍(lán)藍(lán)設(shè)計(jì)的小編

這期內(nèi)容依然是關(guān)于設(shè)計(jì)中的細(xì)節(jié)處理。基于我平時(shí)的工作經(jīng)驗(yàn),下面給大家整理了10個(gè)排版小貼士,希望能為你帶來(lái)幫助。

 

 

 

 

 

 

 



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

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

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

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

設(shè)計(jì)的意義

藍(lán)藍(lán)設(shè)計(jì)的小編

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

作為設(shè)計(jì)師,設(shè)計(jì)是我們的專(zhuān)業(yè),也是我們用來(lái)解決商業(yè)問(wèn)題的工具。

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

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

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

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

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

保羅·蘭德說(shuō):

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

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

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

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

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

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

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

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

一來(lái),核心的決策者對(duì)設(shè)計(jì)專(zhuān)業(yè)的理解度不夠。

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

再就是我們回避不開(kāi)的話(huà)題,設(shè)計(jì)師在某種意義上話(huà)語(yǔ)權(quán)不夠。

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

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

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

 

我喜歡它;

我不喜歡它;

它太簡(jiǎn)單了;

它太復(fù)雜了;

它讓我想起某某...

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

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

有人既看不到logo的意義,也看不到它的功能。也正因?yàn)檫^(guò)于用喜好而不是專(zhuān)業(yè)去評(píng)判,才讓糟糕的設(shè)計(jì)一直留存于我們的世界。而大眾對(duì)糟糕的設(shè)計(jì)要比對(duì)好設(shè)計(jì)更加熟悉,于是大家習(xí)慣于選擇不好的設(shè)計(jì),因?yàn)楹退麄兂ο嗵帯?/p>

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

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

何為知覺(jué)?

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

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

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

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


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

 

 

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

 

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

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

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



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

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

 

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

藍(lán)藍(lán)設(shè)計(jì)的小編

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


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

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

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

藍(lán)藍(lán)設(shè)計(jì)的小編

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


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

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

 

日歷

鏈接

個(gè)人資料

存檔

国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线
青青草原综合久久大伊人精品 | 国产精品久线观看视频| 日韩va欧美va亚洲va久久| 成人在线短视频| 一本在线高清不卡dvd| 国产精品三级视频| 粉嫩13p一区二区三区| 国产黄色小视频网站| 国产欧美日韩综合精品一区二区| 久久精品国产精品亚洲精品| 国产精品揄拍100视频| 日韩精品一区二区三区在线观看| 热久久久久久久| b站大片免费直播| 久久免费国产精品| 国产精品一区二区在线观看不卡 | 扒开jk护士狂揉免费| 日韩欧美一二三区| 老司机免费视频一区二区三区| av网在线播放| 国产欧美综合在线| 成人97人人超碰人人99| 色94色欧美sute亚洲线路二 | 精品一区二区三区日韩| 一区二区伦理片| 国产农村妇女毛片精品久久麻豆| 国产高清成人在线| 色香蕉成人二区免费| 亚洲综合视频在线观看| 黑森林av导航| 日韩欧美色综合| 国产精品白丝av| 色乱码一区二区三区88 | 欧美爱爱免费视频| 亚洲乱码一区二区三区在线观看| 欧美色图校园春色| 欧美www视频| 国产福利一区二区三区| 色94色欧美sute亚洲13| 午夜精品在线视频一区| 日韩在线免费观看av| 中文av一区特黄| 91热门视频在线观看| 欧美一区二区三区系列电影| 精品一区二区三区免费播放| 成人一级黄色大片| 亚洲香肠在线观看| 日韩精品无码一区二区三区久久久| 久久久久久久综合日本| 99这里只有精品| 欧美一区二区三区不卡| 国产麻豆视频一区| 欧美亚洲愉拍一区二区| 另类欧美日韩国产在线| 一本一道久久a久久精品| 婷婷综合久久一区二区三区| 妖精视频在线观看免费| 一区二区三区高清| 国产调教在线观看| 亚洲成人你懂的| 亚洲欧美另类日本| 亚洲高清免费观看| 国产精品久久久免费看| 亚洲国产成人va在线观看天堂| 亚洲高潮女人毛茸茸| 亚洲国产精品久久一线不卡| 成人免费视频入口| 午夜视黄欧洲亚洲| 免费成年人视频在线观看| 天天免费综合色| 色综合久久六月婷婷中文字幕| 日本不卡视频在线观看| 国产高潮流白浆| 免费成人你懂的| 欧美日韩中文另类| 国产成人久久精品77777最新版本| 欧美日韩视频在线一区二区| 国产成人一级电影| 日韩一区二区三区四区| 99国产一区二区三精品乱码| 久久精品网站免费观看| 毛茸茸free性熟hd| 日韩理论片中文av| 国产极品视频在线观看| 五月婷婷综合激情| 在线观看精品一区| 国产成人在线视频网址| 精品日产卡一卡二卡麻豆| 少妇高潮一69aⅹ| 国产精品国产三级国产普通话99| 国产精品jizz| 午夜精品久久久久久| 在线视频国产一区| 懂色一区二区三区免费观看 | 捆绑调教一区二区三区| 欧美日韩国产免费一区二区| 成人午夜视频网站| 国产欧美精品区一区二区三区 | 国内不卡的二区三区中文字幕| 欧美美女视频在线观看| 9色porny自拍视频一区二区| 国产欧美日韩精品一区| 久久精品国产亚洲av久| 日韩专区中文字幕一区二区| 欧美性猛交xxxx黑人交| av日韩在线网站| 国产精品久久福利| 91ts人妖另类精品系列| 韩国毛片一区二区三区| 欧美成人激情免费网| 喷水视频在线观看| 亚洲123区在线观看| 欧美日韩国产成人在线91| 香蕉网在线视频| 一区二区三区欧美久久| 色先锋aa成人| 99这里都是精品| 亚洲美女偷拍久久| 色8久久人人97超碰香蕉987| gogo大胆日本视频一区| 亚洲欧美一区二区在线观看| 91嫩草|国产丨精品入口| 国产成人一区在线| 国产精品美女www爽爽爽| 日韩亚洲欧美中文字幕| 国产成人av影院| 国产精品久久久久久久岛一牛影视| 2017亚洲天堂| 国产成人综合亚洲网站| 国产精品网友自拍| 国产免费无码一区二区视频 | 高清日韩电视剧大全免费| 国产精品三级电影| 日本韩国欧美一区| 在线观看免费看片| 亚洲成国产人片在线观看| 911国产精品| 精品人妻无码一区二区三区| 久久精品国产亚洲aⅴ| 26uuu久久天堂性欧美| xxxxx99| 国产精品资源在线看| 国产精品日产欧美久久久久| 亚洲成人生活片| 91丨porny丨中文| 亚洲大片一区二区三区| 日韩亚洲欧美综合| 中文字幕在线观看免费高清| 国产精品一区二区果冻传媒| 中文字幕一区二区三区视频 | 一本色道久久综合亚洲精品按摩| jlzzjlzz欧美大全| 五月婷婷激情综合网| 日韩精品一区二| 国产又粗又猛又爽又黄的视频小说| 处破女av一区二区| 亚洲精品菠萝久久久久久久| 欧美美女bb生活片| www.中文字幕av| 丁香六月综合激情| 亚洲一级不卡视频| 精品少妇一区二区三区在线播放 | 欧美日韩不卡一区二区| 欧美一区二区三区成人精品| 精品一区二区在线看| 亚洲欧美自拍偷拍色图| 欧美日韩国产精品成人| 精品少妇人妻一区二区黑料社区| 国产毛片精品视频| 亚洲一级二级在线| 久久久久久久久久久黄色| 色狠狠一区二区三区香蕉| 国产激情视频网站| 国产东北露脸精品视频| 亚洲在线视频网站| 欧美成人vps| 一本大道综合伊人精品热热| 黄色在线观看av| 成人一区二区三区视频| 图片区日韩欧美亚洲| 国产精品天干天干在观线| 3d动漫精品啪啪| 麻豆精品国产免费| 少妇户外露出[11p]| 成人免费av网站| 日本一不卡视频| 中文字幕一区三区| 日韩午夜在线观看视频| 日日噜噜夜夜狠狠久久波多野| 污网站免费观看| 国产白丝精品91爽爽久久 | 亚洲一区二区视频| 久久免费视频色| 欧美疯狂性受xxxxx喷水图片| 香蕉久久久久久久| 欧美日韩人妻精品一区在线| 高清beeg欧美| 久久99久久精品欧美| 亚洲一区二区三区在线看| 国产欧美日韩麻豆91|