藍(lán)藍(lán)設(shè)計(jì)的小編 移動(dòng)端UI設(shè)計(jì)文章及欣賞
本文將從對(duì)當(dāng)下常見(jiàn)banner的設(shè)計(jì)規(guī)則等進(jìn)行剖析,并融入自己的思考和總結(jié),著重從用戶的角度去思考一張banner廣告的設(shè)計(jì)規(guī)律。
蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 移動(dòng)端UI設(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í)性的滿足。但從人的成長(zhǎng)角度來(lái)看,人類(lèi)的需求永遠(yuǎn)不會(huì)止步于一個(gè)階段。類(lèi)似的還有亞倫·瓦爾特基于此提出的需求層次理論——有用的、可靠的、可用的、愉悅的。在滿足了溫飽階段后,自然會(huì)需要情感的滿足。
尤其現(xiàn)在這個(gè)相對(duì)嚴(yán)峻、內(nèi)卷成風(fēng)的時(shí)代下,大家都渴望在上了一天班之后,自己用的產(chǎn)品可以給自己解壓,而不只是個(gè)單純的冷血工具。
2.影響用戶行為
產(chǎn)品傳達(dá)趣味性的信息,那么這些信息便更容易被用戶接受、甚至激發(fā)興趣。正如用戶關(guān)系和精準(zhǔn)化運(yùn)營(yíng)的先驅(qū)——史蒂文·貝萊格姆的那句話:“趣味是設(shè)計(jì)產(chǎn)品中最人類(lèi)化,最直接,最能引起人們興趣的因素。”
根據(jù)艾達(dá)模型這個(gè)經(jīng)典理論,一旦用戶對(duì)某件事產(chǎn)生興趣后,則更容易促成他的決策、乃至最后行為的發(fā)生。畢竟我們絕大多數(shù)的決策并非源自理性。
另外,《瘋傳》這本書(shū)提及過(guò)一個(gè)重要的概念:情緒喚醒。當(dāng)情緒喚醒度較高時(shí),往往會(huì)更容易激發(fā)用戶的分享行為(比如愉悅、驚喜這樣的正面情緒,當(dāng)然也會(huì)包括憤怒、恐懼這樣的負(fù)面情緒)。而產(chǎn)品所呈現(xiàn)的趣味性,很大程度上更容易引發(fā)用戶的高喚醒情緒,從而主動(dòng)采取一些產(chǎn)品希望他實(shí)施的行為。
3.緩解負(fù)面情緒
使用一款產(chǎn)品的過(guò)程中,必然會(huì)出現(xiàn)不夠正向的反饋,比如404、斷網(wǎng)、填寫(xiě)格式錯(cuò)誤、輸入隱私信息等等。一旦超出了用戶的容忍能力,很容易造成行為中斷甚至流失。
但此時(shí)如果通過(guò)一種趣味性的方式呈現(xiàn),很大程度上可以緩解用戶的負(fù)面情緒。
比如readme的登錄頁(yè)面,當(dāng)你輸入密碼時(shí),貓頭鷹捂住雙眼,很好得緩解了用戶的不安全感。再比如餓了么,惡劣天氣下會(huì)實(shí)時(shí)記錄當(dāng)前的天氣狀態(tài),通過(guò)同理心的觸發(fā)也可以緩解用戶等待時(shí)產(chǎn)生的焦慮。
4.實(shí)現(xiàn)情感鏈接
對(duì)應(yīng)諾曼在《情感化設(shè)計(jì)》中的「反思層」,通過(guò)品牌差異、獨(dú)有內(nèi)涵等方式來(lái)喚起用戶深層的記憶和情感,產(chǎn)生情感共鳴,從而形成認(rèn)知,建立起深厚的情感鏈接,以讓用戶越來(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ò)這種趣味性的創(chuàng)意讓用戶實(shí)現(xiàn)更深層次的情感交流,建立情感紐帶并增加粘性,不會(huì)輕易得流失到其他替代品中。
趣味性是什么
關(guān)于這個(gè)概念,有三條相對(duì)客觀專業(yè)的說(shuō)法。
德國(guó)古典哲學(xué)創(chuàng)始人康德《實(shí)用人類(lèi)學(xué)》中,指出趣味性是人類(lèi)由于受到外部環(huán)境的影響而對(duì)客觀事物產(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化,為了避免主觀臆斷的不準(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)想。
聯(lián)想了大量可以引發(fā)愉悅情緒的事物,比如可愛(ài)的貓貓、各類(lèi)好玩的表情包、毛絨玩具、影視作品里那些會(huì)突然說(shuō)話的動(dòng)物、解壓神器等等。
我發(fā)現(xiàn)這些事物,一般具備了以下特征:
1.會(huì)給予我們即時(shí)反饋;
2.擬人化,比如帶有人類(lèi)才有的表情,或者是人類(lèi)的動(dòng)作語(yǔ)言;
3.柔軟的、毛茸茸的、圓潤(rùn)的、有溫度的;
4.會(huì)動(dòng)的、解壓的
聯(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.滿足人類(lèi)的好奇心的;
3.對(duì)結(jié)果能滿懷希望的;
4.隨機(jī)的正向獎(jiǎng)賞;
5.只需要一步簡(jiǎn)單到發(fā)指的操作(打開(kāi)容器、拉動(dòng)拉桿、點(diǎn)擊按鈕等等),不需要任何的行動(dòng)門(mén)檻,也沒(méi)有等待時(shí)間
比如《設(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)用戶產(chǎn)生這些情緒的呢?
下面,我將基于這三類(lèi)維度,并結(jié)合大量的大廠案例來(lái)為一步步你抽絲剝繭。
如何制造愉悅感
基于上面的挖掘,我發(fā)現(xiàn)能引發(fā)愉悅感的一個(gè)明顯特征,就是擬人化,這個(gè)非常有意思。
克利福德·納斯在《the man who lied to his laptop》這本書(shū)中提出過(guò)一個(gè)觀點(diǎn):人們對(duì)待電腦的方式,與我們?cè)谂c他人交流時(shí)使用的社會(huì)規(guī)范是一致的。我們對(duì)電腦的反應(yīng),就好像它們是人類(lèi)一樣。
也正因此,很多原本沒(méi)有生命體征的物體,一旦被賦予了擬人形象,就容易被大家所接納、引發(fā)愉悅。
做一下細(xì)分的話,擬人化基本涵蓋了三個(gè)方面:語(yǔ)言、形象和表情。
1.1擬人化的語(yǔ)言
人對(duì)于具體的擬人形象更容易產(chǎn)生情感,其中便包含擬人化的口吻。使用這種口吻與用戶交流,而非冷冰冰的設(shè)備語(yǔ)言,就可以提升產(chǎn)品溫度,引導(dǎo)用戶對(duì)產(chǎn)品產(chǎn)生正向情感,關(guān)于這塊我總結(jié)了兩方面。
一方面,文案盡量得接地氣、輕松。
拿京東這款產(chǎn)品舉例,文案從口吻上都會(huì)采用一種很輕松、接地氣的擬人語(yǔ)氣,來(lái)拉近和用戶間的距離。比如在引導(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)用戶注意言論。
另一方面,人類(lèi)富有情緒變化,所以一旦用戶觸發(fā)了某個(gè)正面/負(fù)面行為,就可以給與情緒反饋。
在用戶完成商品評(píng)價(jià)后,京東不僅僅是很傳統(tǒng)得反饋“評(píng)價(jià)成功”,而是又加入了“感謝您!”的感謝詞??此萍恿巳齻€(gè)字,但行動(dòng)過(guò)后的正向感激反饋,和我們?nèi)粘I钪惺艿秸蚍答佉粯樱粏酒鹫虻挠鋹偳榫w。并愿意繼續(xù)這個(gè)行為。
知乎的圈子業(yè)務(wù),在用戶完成簽到后,反饋完成的基礎(chǔ)上,使用了正向的情感反饋“ 我就知道你會(huì)再來(lái)看我”,仿佛是一位關(guān)系不錯(cuò)的老朋友,來(lái)喚起用戶正向情緒。
另外,知乎在改版后,回答收到贊也不僅僅是“點(diǎn)贊成功”這類(lèi)冷冰冰的機(jī)器語(yǔ)言,而是“已收到你的喜歡,謝謝!”并且配以作者頭像,非常形象得傳出對(duì)對(duì)方對(duì)我們的感謝反饋。這種正向反饋,相比”點(diǎn)贊成功“更有效得喚起正向情緒,形成正向激勵(lì)。
當(dāng)然,用戶的消極行為也可以產(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í)一定程度上也可以喚醒用戶的同情。(雖然這種做法過(guò)于業(yè)務(wù)導(dǎo)向,且有綁架用戶的嫌疑)
人對(duì)于具體的擬人形象更容易產(chǎn)生情感。因此,樹(shù)立一個(gè)擬人化的品牌形象(也就是我們常說(shuō)的IP),可以使用戶對(duì)產(chǎn)品快速建立情感聯(lián)系,也可以強(qiáng)化品牌感知。比如優(yōu)酷的猴子、高德地圖的老鷹、釘釘?shù)难嘧?、linefriends等等。
世界杯的吉祥物也是同理,每一屆的吉祥物必定會(huì)融入擬人化的特征,憑著親切、可愛(ài)的形象和全世界的觀眾一起熱情互動(dòng)。
說(shuō)到產(chǎn)品,以京東的這只狗子為例,兜底頁(yè)、缺省頁(yè)、啟動(dòng)頁(yè),都做了狗這個(gè)擬人形象的貫穿。
如果你記得沒(méi)錯(cuò)的話,形象改版之前這只狗還是四腳坐地上的,但改版后就兩腳著地了。這同樣是通過(guò)更擬人的形象來(lái)賦予「人格」,以此提升愉悅感,拉近距離。
再比如夸克,它甚至單獨(dú)新增了底tab入口,通過(guò)3d品牌形象,實(shí)現(xiàn)與用戶的智能交流。另外,卡片和語(yǔ)音搜索都做了形象貫穿,后者還使用了形象的眼睛,來(lái)通過(guò)眼睛的變化進(jìn)行情感交流。
一段文字在加入了表情后,我們就能迅速了解到對(duì)方的情緒(比如我們?nèi)粘5牧奶欤?。因此表情這一招,也可以用以加深用戶與產(chǎn)品的情感交流。
它可以和語(yǔ)音、形象靈活結(jié)合使用。通過(guò)全面的擬人化,來(lái)大幅提升用戶對(duì)產(chǎn)品的形象感知,促進(jìn)用戶情感的產(chǎn)生、加深用戶和產(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)品的情緒,和用戶情感交流。
另外,閑魚(yú)設(shè)置昵稱時(shí),正在輸入時(shí)、以及超出了限定字?jǐn)?shù),右側(cè)的形象表情也會(huì)發(fā)生變化。
除了擬人化能引發(fā)愉悅外,還有一個(gè)很容易被忽略的要素同樣能起到作用——動(dòng)畫(huà)反饋。
提起動(dòng)畫(huà)的作用,我們更多人首先想到的可能是強(qiáng)引導(dǎo)、注意力吸引,但動(dòng)畫(huà)同樣能觸發(fā)用戶愉悅。比如當(dāng)動(dòng)畫(huà)更加貼近現(xiàn)實(shí),或者結(jié)合擬人化的特征時(shí)。
最典型的例子,就是蘋(píng)果appstore從卡片到詳情頁(yè)的轉(zhuǎn)場(chǎng)過(guò)渡,點(diǎn)按的預(yù)備動(dòng)作、卡片的放大展開(kāi)、緩出的曲線、轉(zhuǎn)場(chǎng)完成的慣性等等,都很貼近現(xiàn)實(shí)物理世界的運(yùn)動(dòng)規(guī)律。而這種自然的絲滑也更能引發(fā)用戶的愉悅。
比如知乎的加載動(dòng)畫(huà),結(jié)合了擬人化的特征,讓這個(gè)過(guò)程變得格外有趣。劉看山奮筆疾書(shū)的動(dòng)作也很符合知乎這款產(chǎn)品的定位。
如何制造期待感
根據(jù)我們對(duì)期待感的腦暴,發(fā)現(xiàn)能觸發(fā)這種情緒最典型的特征,就是隨機(jī)性。
在產(chǎn)品中,則可以通過(guò)隨機(jī)給予用戶有價(jià)值的內(nèi)容來(lái)引發(fā)用戶的關(guān)注。結(jié)果的不確定使過(guò)程充滿神秘,這種狀態(tài)讓用戶興奮和滿懷期待,不會(huì)輕易離開(kāi)。
比如網(wǎng)易新聞在進(jìn)行新聞加載的操作時(shí),會(huì)在加載動(dòng)畫(huà)上加入一個(gè)隨機(jī)的小貼士。內(nèi)容大致有三類(lèi):黃歷、名言和一句話新聞。而且這些內(nèi)容完全是隨機(jī)出現(xiàn),這種刷新過(guò)程好像在開(kāi)盲盒,你無(wú)法預(yù)知會(huì)給你什么內(nèi)容,非常有趣。而且它們?nèi)肟谏?,不干擾;內(nèi)容對(duì)用戶也具有價(jià)值。
同樣的還有丁香醫(yī)生。在首頁(yè)每次下來(lái)刷新后,都會(huì)出現(xiàn)不一樣的健康類(lèi)的小貼士。隨機(jī)性很強(qiáng),富有趣味。而且可以很好得滿足求知欲。
雪球的個(gè)人頁(yè)上,上劃時(shí)也會(huì)隨機(jī)給一條關(guān)于投資、市場(chǎng)的名言和網(wǎng)友的熱門(mén)觀點(diǎn)。
把現(xiàn)實(shí)生活中的游戲搬到了手機(jī),同樣能激發(fā)用戶的好奇和期待。比如微信讀書(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à)。
再比如用戶生日當(dāng)天,通過(guò)啟動(dòng)頁(yè)、彈窗等場(chǎng)景送上生日祝福等等。
這些能夠超出用戶預(yù)期的細(xì)節(jié),即便多么細(xì)枝末節(jié)、出現(xiàn)頻率多低,但只要能夠被觸發(fā),都可能因?yàn)轶@喜感而生成情緒峰值,加深用戶和產(chǎn)品的情感鏈接。
最后
以上,便是趣味性背后的情緒挖掘和案例講解。
作為設(shè)計(jì)師,我們?cè)诠ぷ髦锌偸菑?qiáng)調(diào)以用戶為中心,通過(guò)不斷的調(diào)研、跟訪、可用性測(cè)試來(lái)了解、分類(lèi)用戶,但更多的結(jié)果可能只是讓產(chǎn)品不斷得貼合用戶的心智、符合預(yù)期。但如何增加粘度、建立深層鏈接,就需要通過(guò)趣味性這種情感化表達(dá)方式,來(lái)為用戶制造愉悅、期待甚至驚喜。
正像諾曼在「情感與設(shè)計(jì)」中說(shuō)的那樣,每個(gè)產(chǎn)品都需要令人更放松、更愉悅的設(shè)計(jì),以此來(lái)增強(qiáng)產(chǎn)品的適用性。
希望這篇文章能對(duì)你有所啟發(fā)。
蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 移動(dòng)端UI設(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)品的用戶使用另外一款產(chǎn)品,帶來(lái)使用量的提升,從而實(shí)現(xiàn)用戶規(guī)模提升的一種增長(zhǎng)手段。隨業(yè)務(wù)快速增長(zhǎng),有駕從百度汽車(chē)頻道衍伸出了有駕小程序、M站、PC站以及APP等多緯度的產(chǎn)品矩陣,依托各端流量實(shí)現(xiàn)矩陣產(chǎn)品間的導(dǎo)流,逐步積累用戶規(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é)束,獲取新用戶的成本越來(lái)越高,不管是新產(chǎn)品還是成熟型產(chǎn)品,都需要通過(guò)導(dǎo)流的手段來(lái)持續(xù)擴(kuò)充新用戶。其次,對(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)流成本低;
高意向,用戶購(gòu)車(chē)意向明確更容易實(shí)現(xiàn)商業(yè)轉(zhuǎn)化;
可共享,用戶數(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)流形式各異,用戶缺乏統(tǒng)一認(rèn)知,導(dǎo)流引導(dǎo)語(yǔ)單一內(nèi)容吸引力弱。在用戶在瀏覽頁(yè)面時(shí),點(diǎn)擊功能入口或想要繼續(xù)查看更多內(nèi)容,需要下載APP才能繼續(xù)阻礙用戶瀏覽:
缺乏統(tǒng)一認(rèn)知:視覺(jué)表達(dá)形式不成體系,用戶感知不夠;
內(nèi)容吸引力弱:內(nèi)容單一缺乏吸引力,用戶沒(méi)有點(diǎn)擊欲望;
阻礙用戶瀏覽:打斷用戶正常使用功能,影響用戶體驗(yàn)。
從導(dǎo)流鏈路的用戶行為來(lái)看,整個(gè)流程下載路徑過(guò)長(zhǎng),發(fā)現(xiàn)用戶流失較大的轉(zhuǎn)化點(diǎn):
從小程序落地頁(yè)到下載頁(yè):在進(jìn)入小程序?yàn)g覽頁(yè)面時(shí),用戶沒(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è),用戶未選擇下載就退出了。
2.明確設(shè)計(jì)方向
針對(duì)導(dǎo)流現(xiàn)狀缺乏統(tǒng)一認(rèn)知,內(nèi)容吸引力弱、阻礙用戶瀏覽、下載路徑過(guò)長(zhǎng)的問(wèn)題,我們搭建了一個(gè)完整的導(dǎo)流鏈路圖,根據(jù)用戶增長(zhǎng)模型,把用戶生命周期各節(jié)點(diǎn)的用戶行為與產(chǎn)品觸點(diǎn)一一羅列出來(lái),找到增長(zhǎng)路徑的設(shè)計(jì)機(jī)會(huì)點(diǎn)。
通過(guò)以上的問(wèn)題分析,如何建立用戶和產(chǎn)品的鏈接,保障友好的體驗(yàn),是本次導(dǎo)流升級(jí)要解決的問(wèn)題。根據(jù)用戶關(guān)鍵行為,我們可以將整個(gè)導(dǎo)流鏈路拆分為3個(gè)階段來(lái)挖掘主要機(jī)會(huì)點(diǎn):
下載前:興趣激發(fā)導(dǎo)流吸引,建立用戶穩(wěn)定認(rèn)知;
下載中:強(qiáng)化用戶轉(zhuǎn)化動(dòng)機(jī),刺激用戶完成下載;
下載后:保障還原體驗(yàn)暢通,提升首次使用體驗(yàn)。
下面將分別介紹導(dǎo)流下載前階段的設(shè)計(jì)落地實(shí)踐,以及下載中、下載后階段的延伸設(shè)計(jì)思考。
// 下載前
1.強(qiáng)化觸點(diǎn)吸引
是否能成功引起用戶注意,是轉(zhuǎn)化開(kāi)始的第一步,統(tǒng)一的視覺(jué)風(fēng)格和滿足用戶訴求的內(nèi)容,有利于增強(qiáng)導(dǎo)流條的吸引力。
1)收斂導(dǎo)流條類(lèi)型
針對(duì)【阻礙用戶瀏覽】打斷用戶正常使用功能、用戶沒(méi)有跳轉(zhuǎn)預(yù)期的體驗(yàn)問(wè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á)形式不成體系、用戶感知不夠的視覺(jué)問(wèn)題,建立了通用導(dǎo)流條標(biāo)準(zhǔn)化規(guī)范。統(tǒng)一視覺(jué)形態(tài),優(yōu)化為頁(yè)面內(nèi)通欄嵌入式,同時(shí)融入品牌色強(qiáng)化用戶感知,根據(jù)頁(yè)面布局制定了不同的展示規(guī)則。
上線后,內(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)容單一缺乏吸引力、用戶沒(méi)有點(diǎn)擊欲望的內(nèi)容問(wèn)題,在通用標(biāo)準(zhǔn)化形態(tài)的基礎(chǔ)上,根據(jù)不同場(chǎng)景用戶訴求點(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ā)用戶興趣,促進(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)可以更好滿足用戶訴求,例如參配瀏覽場(chǎng)景下,引導(dǎo)用戶體驗(yàn)搜索及橫屏查看的高頻功能,對(duì)于導(dǎo)流轉(zhuǎn)化有正向幫助;
各端體驗(yàn)差異:小程序和APP兩端體驗(yàn)存在差異,例如圖片瀏覽場(chǎng)景下,APP清晰流暢的瀏覽體驗(yàn)及放大全屏查看圖片的交互體驗(yàn),能夠刺激用戶轉(zhuǎn)化。
2)價(jià)值延續(xù)
當(dāng)用戶完成核心內(nèi)容消費(fèi)后,是否可以引導(dǎo)用戶去APP繼續(xù)瀏覽更多相關(guān)內(nèi)容,進(jìn)而引導(dǎo)用戶下載呢?
服務(wù)透?jìng)?/strong>:平臺(tái)服務(wù)內(nèi)容傳遞,例如在內(nèi)容落地頁(yè)文末增加品牌廣告導(dǎo)流條,幫助用戶建立品牌認(rèn)知;
相關(guān)推薦:引導(dǎo)相關(guān)內(nèi)容消費(fèi),例如在文章或視頻頁(yè)增加相關(guān)推薦導(dǎo)流條,引導(dǎo)用戶瀏覽更多相似內(nèi)容。
// 下載中
當(dāng)用戶通過(guò)導(dǎo)流條進(jìn)入到下載流程時(shí),還有哪些手段可以刺激用戶激活減少流失呢?
強(qiáng)化下載動(dòng)機(jī):下載頁(yè)前置APP落地頁(yè)內(nèi)容,例如將通用下載頁(yè)優(yōu)化為場(chǎng)景化下載頁(yè),給用戶超前產(chǎn)品體驗(yàn)吸引轉(zhuǎn)化;
減少用戶流失:縮短鏈路簡(jiǎn)化流程,例如可在下載中間頁(yè)完成應(yīng)用下載,同時(shí)退出下載頁(yè)時(shí)增加挽留。
// 下載后
當(dāng)用戶在應(yīng)用商店下載完成后,我們還能做哪些提升首次啟動(dòng)APP的體驗(yàn)?zāi)兀?/p>
還原鏈路暢通:提升場(chǎng)景還原成功率,減少頻繁提示信息干擾;
建立用戶心智:引導(dǎo)新用戶探索功能,根據(jù)用戶興趣推薦適合的內(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)流鏈路的用戶行為,明確每個(gè)節(jié)點(diǎn)的設(shè)計(jì)方向;
降低廣告干擾性,減少用戶瀏覽過(guò)程中的阻斷感,適度弱化廣告氛圍;
用戶的視角引導(dǎo),讓用戶專注于產(chǎn)品本身傳遞的價(jià)值,引領(lǐng)用戶完成對(duì)產(chǎn)品的探索從而完成下載激活。
希望以上的設(shè)計(jì)思考,可以帶給大家一些啟發(fā)。
蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 設(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é)感是吸引用戶的關(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é)感,也帶給用戶美好的產(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ì)提高用戶的關(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)容吸引用戶參與度的產(chǎn)品來(lái)說(shuō),提高用戶發(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ì),提高了按鈕的吸引力,讓用戶有種參與的沖動(dòng)。情感化設(shè)計(jì)的引導(dǎo)不僅可以增強(qiáng)感官體驗(yàn),也更容易攻破用戶的防備心理。
六、連貫性的插畫(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ì)
用戶評(píng)價(jià)可以反饋服務(wù)的質(zhì)量,進(jìn)而做出產(chǎn)品迭代或者服務(wù)調(diào)整的思路。如何提高用戶參與評(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á)讓用戶更愿意參與評(píng)價(jià),提高了評(píng)價(jià)的體驗(yàn)度。
八、場(chǎng)景化的推薦設(shè)計(jì)
針對(duì)電商類(lèi)產(chǎn)品來(lái)說(shuō),商品/店鋪推薦模塊出現(xiàn)頻次較高,吸引用戶關(guān)注度自然成為了設(shè)計(jì)的首要目標(biāo)。
在體驗(yàn) Mars App 時(shí),在生活超市推薦的設(shè)計(jì)中,模擬了便利店的場(chǎng)景形象。真實(shí)感的場(chǎng)景表達(dá)帶給用戶親切自然的購(gòu)物體驗(yàn),同時(shí)也提高了用戶對(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ū)懸浮在特定的背景上,帶給用戶沉浸式的感官體驗(yàn)。
十、情感化的氛圍營(yíng)造
情感化的設(shè)計(jì)可以讓產(chǎn)品更有溫度,增加用戶對(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)品的溫度,也帶給用戶對(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)載。
蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 平面設(shè)計(jì)
這期內(nèi)容依然是關(guān)于設(shè)計(jì)中的細(xì)節(jié)處理?;谖移綍r(shí)的工作經(jīng)驗(yàn),下面給大家整理了10個(gè)排版小貼士,希望能為你帶來(lái)幫助。
蘭亭妙微(www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com