首頁

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



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

蘭亭妙微(m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

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

藍(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)品來舉例:去掉顏色,以下四個(gè)產(chǎn)品的首頁,你能分得清誰是誰嗎?

 

 

 

 

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

 

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

 

 

 

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

 


1.符合本能需求

馬斯洛的“需求層次理論”(Hierarchy of Needs)你一定聽過。這個(gè)理論提出人類的需求狀態(tài)是持續(xù)不斷的,一段時(shí)間內(nèi),個(gè)人的動(dòng)機(jī)或許可以獲得暫時(shí)性的滿足。但從人的成長角度來看,人類的需求永遠(yuǎn)不會(huì)止步于一個(gè)階段。類似的還有亞倫·瓦爾特基于此提出的需求層次理論——有用的、可靠的、可用的、愉悅的。在滿足了溫飽階段后,自然會(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)營的先驅(qū)——史蒂文·貝萊格姆的那句話:“趣味是設(shè)計(jì)產(chǎn)品中最人類化,最直接,最能引起人們興趣的因素。”

 

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

 

 

 

 

 

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

 

 

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

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

 

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

 

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

 

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

 

 

 

 

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

 

 

 

趣味性是什么

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

 

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

 

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

 

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

 

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

 

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

 

 

 

趣味性背后的情緒


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

 

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

 

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

 

 

 

 

 

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

 

 

 

關(guān)于愉悅感

 

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

 

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

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

關(guān)于期待感

 

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

 

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

 

1.未知的、神秘的;

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

關(guān)于驚喜感

 

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

 

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

 

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

 

2.未提前告知的;

 

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

 

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

 

 

 

 

 

 

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

 

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

 

 

 

 

如何制造愉悅感

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

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

 

 

 

 

 

 

 

1.1擬人化的語言

 

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

 

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

 

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

 

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

 

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

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

 

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

 

另外,知乎在改版后,回答收到贊也不僅僅是“點(diǎn)贊成功”這類冷冰冰的機(jī)器語言,而是“已收到你的喜歡,謝謝!”并且配以作者頭像,非常形象得傳出對(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ì)”這種融入情感的文案來做挽留,就好像真的有個(gè)活生生的人,在被你否定后反饋給你的情緒,請(qǐng)求你再給個(gè)機(jī)會(huì)。有趣的同時(shí)一定程度上也可以喚醒用戶的同情。(雖然這種做法過于業(yè)務(wù)導(dǎo)向,且有綁架用戶的嫌疑)

 

 

 

 

 

1.2擬人化的形象

 

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

 

 

 

 

 

 

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

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

 

1.3擬人化的表情

 

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

 

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

 

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

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

2.動(dòng)畫反饋

 

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

 

 

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

 

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

 

 

 

 

 

 

2.2結(jié)合擬人化

 

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

 

 

 

 

 

如何制造期待感

 

 

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

 

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

 

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

 

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

 

 

 

 

 

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

 

 

 

 

 

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

 

 

 

 

 

 

 

 

隨機(jī)性游戲

 

 

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

 

 

 

 

 

 

 

如何制造驚喜感

 

 

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

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

 

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

 

 

 

 

 

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

 

 

 

 

最后

 

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

 

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

 

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

 

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



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

蘭亭妙微(m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

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

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

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

// 寫在前面

 

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

 

 

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

 

導(dǎo)流的目的

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

 

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

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

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

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

 

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

 

1.問題分析

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

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

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

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

 

 

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

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

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

 

 

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

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

 

 

通過以上的問題分析,如何建立用戶和產(chǎn)品的鏈接,保障友好的體驗(yàn),是本次導(dǎo)流升級(jí)要解決的問題。根據(jù)用戶關(guān)鍵行為,我們可以將整個(gè)導(dǎo)流鏈路拆分為3個(gè)階段來挖掘主要機(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)化開始的第一步,統(tǒng)一的視覺風(fēng)格和滿足用戶訴求的內(nèi)容,有利于增強(qiáng)導(dǎo)流條的吸引力。

 

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

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

 

 

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

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

 

 

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

 

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

針對(duì)【內(nèi)容吸引力弱】內(nèi)容單一缺乏吸引力、用戶沒有點(diǎn)擊欲望的內(nèi)容問題,在通用標(biāo)準(zhǔn)化形態(tài)的基礎(chǔ)上,根據(jù)不同場景用戶訴求點(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)、場景化內(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.拓展場景擴(kuò)量

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

 

1)價(jià)值傳遞

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

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

  • 各端體驗(yàn)差異:小程序和APP兩端體驗(yàn)存在差異,例如圖片瀏覽場景下,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ù)透傳:平臺(tái)服務(wù)內(nèi)容傳遞,例如在內(nèi)容落地頁文末增加品牌廣告導(dǎo)流條,幫助用戶建立品牌認(rèn)知;

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

 

 

 

// 下載中

 

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

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

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

 

 

 

// 下載后

 

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

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

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

 

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

 

 

// 寫在最后

 

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

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

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

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

 

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

 

 


 


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

蘭亭妙微(m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

 

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

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

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

 

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

 

 

 

 

 

 

分享目錄

 

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

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

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

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

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

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

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

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

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

十、情感化的氛圍營造

 

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

在固定的結(jié)構(gòu)布局中如何提高局部內(nèi)容的關(guān)注度,我們需要在不改變結(jié)構(gòu)的前提下進(jìn)行創(chuàng)意融入。比如動(dòng)態(tài)畫面、突出視覺感、內(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ā)揮的場景,在一些節(jié)慶主題或者活動(dòng)中都會(huì)定制設(shè)計(jì)。

 

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

 

 

 

 

 

 

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

 

對(duì)于靠內(nèi)容吸引用戶參與度的產(chǎn)品來說,提高用戶發(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ā)布的按鈕旁以俏皮可愛的形象進(jìn)行引導(dǎo)設(shè)計(jì),提高了按鈕的吸引力,讓用戶有種參與的沖動(dòng)。情感化設(shè)計(jì)的引導(dǎo)不僅可以增強(qiáng)感官體驗(yàn),也更容易攻破用戶的防備心理。

 

 

 

 

 

 

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

 

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

 

麥當(dāng)勞 App 在主內(nèi)容的卡片設(shè)計(jì)上運(yùn)用了配送場景插畫,連貫性的插畫突出了卡片特色。插畫場景結(jié)合了品牌圖形,增強(qiáng)了麥當(dāng)勞的品牌曝光度;白天和晚上還以不同配色風(fēng)格和細(xì)節(jié)進(jìn)行差異表現(xiàn),無論是想法還是設(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)度。

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

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

 

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

 

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

 

 

 

 

 

 

十、情感化的氛圍營造

 

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

 

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

 

 

 

 

 

 

小結(jié)

 

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

 

本文對(duì)于設(shè)計(jì)的理解闡述屬于個(gè)人見解,不足之處歡迎大家留言補(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)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

蘭亭妙微(m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

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

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

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

 

 

 

 

 

 

 



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

蘭亭妙微(m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

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

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

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

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

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

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

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

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

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

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

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

保羅·蘭德就是一位我們公認(rèn)的設(shè)計(jì)大師、藝術(shù)家。他是當(dāng)今美國乃至世界上最杰出的圖形設(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é)的思辨。

保羅·蘭德說:

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

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

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

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

設(shè)計(jì)需要沖突來加深傳達(dá)的“戲劇性”。但設(shè)計(jì)過程也面臨種種沖突。這是設(shè)計(jì)的商業(yè)價(jià)值與藝術(shù)價(jià)值平衡的過程。正是因?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)行為。通過這種行為來平衡之前的目標(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ì)咨詢公司有較為緊密的往來。就比如蘋果的喬布斯與喬納森是我們都公認(rèn)的CEO與設(shè)計(jì)師高緊密度關(guān)系的典范。

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

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

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

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

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

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

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

 

我喜歡它;

我不喜歡它;

它太簡單了;

它太復(fù)雜了;

它讓我想起某某...

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

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

有人既看不到logo的意義,也看不到它的功能。也正因?yà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ì)師該練就的“知覺”。

何為知覺?

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

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

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

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


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

 

 

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

 

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

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

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



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

 

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

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

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


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

蘭亭妙微(m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

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

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

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


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

日歷

鏈接

個(gè)人資料

存檔