UI設(shè)計(jì)中的情感化設(shè)計(jì)

UI設(shè)計(jì)中的情感化設(shè)計(jì)

作者:我是產(chǎn)品汪 發(fā)布:2026-02-27 10:16 0瀏覽

回答 共1個(gè)

心理學(xué)認(rèn)為,情感是人對(duì)客觀事物是否滿足自己的需求而產(chǎn)生的態(tài)度體驗(yàn)。只有當(dāng)產(chǎn)品觸及到用戶的內(nèi)心時(shí),使他產(chǎn)生情感的變化,那么產(chǎn)品便不再冷冰冰,他透過眼前的東西,看到的是設(shè)計(jì)師為了他的使用體驗(yàn),對(duì)每一個(gè)魔鬼細(xì)節(jié)的用心琢磨,人們會(huì)產(chǎn)生愉快、喜愛和幸福的情感。情感化設(shè)計(jì)并不是轟轟烈烈,有時(shí)候僅僅一句文案、一幅插圖、一個(gè)動(dòng)畫就能打動(dòng)人心,使用戶獲得愉悅的使用體驗(yàn)。讓設(shè)計(jì)變得高級(jí)不僅僅是視覺層面,這些簡(jiǎn)單而美好的設(shè)計(jì)細(xì)節(jié)充滿了積極情緒,它是滿足產(chǎn)品的功能性和易用性之后,追求更高層次的目標(biāo)。1提示性文字語言是情感化設(shè)計(jì)最直接的利器,擬人化的對(duì)白相比冰冷的話語更能獲得用戶的好感,賦予產(chǎn)品的新的生命力。例如App那些push推送通知,因?yàn)橛脩裘刻焓盏降腜USH實(shí)在是太多了,早已心如止水!這個(gè)時(shí)候,你就需要一條成本低、效率高的PUSH文案,去撩動(dòng)用戶主子們的心。將原本對(duì)用戶的打擾變成一種逗趣,讓人看到會(huì)心一笑。2下拉刷新下拉刷新是用戶在App使用中經(jīng)常進(jìn)行的操作,常見的下拉刷新設(shè)計(jì)是圖標(biāo)加文字的形式,這種設(shè)計(jì)簡(jiǎn)單、直觀,但毫無設(shè)計(jì)感,不能引發(fā)用戶任何的情緒。下拉刷新是一種臨時(shí)狀態(tài),豐富它的設(shè)計(jì)細(xì)節(jié)不會(huì)造成與產(chǎn)品界面的格格不入,相反,一個(gè)富有設(shè)計(jì)感的下拉刷新設(shè)計(jì)能讓產(chǎn)品獲得用戶的好感。例如uc頭條在下拉刷新時(shí)會(huì)蹦出一只奔跑的小鹿,暗示正在快馬加鞭的加載新內(nèi)容,小鹿形象延續(xù)了品牌logo。作為資訊類產(chǎn)品,內(nèi)容更新速度至關(guān)重要,奔跑的小鹿正好隱喻了這一點(diǎn)。用戶也在這種快樂的情緒中對(duì)產(chǎn)品產(chǎn)生好感,瞬間就讓下拉刷新變得生動(dòng)有趣。3頭像設(shè)計(jì)個(gè)人中心頁與用戶信息密切相關(guān),用戶的虛擬形象在這里得以展現(xiàn),常見的設(shè)計(jì)是一個(gè)用戶頭像加登陸文字的形式,這種默認(rèn)的頭像設(shè)計(jì)無法得到用戶的認(rèn)同感。現(xiàn)在很多的產(chǎn)品已經(jīng)放棄了死板的默認(rèn)頭像,給用戶更多的選擇。賦予產(chǎn)品一些人格魅力,可以讓產(chǎn)品富有生命力,消除人機(jī)界面的冰冷交互,幫助用戶和產(chǎn)品建立友好的聯(lián)系。例如美團(tuán)外賣和躺平,它們各自的身份都代表了產(chǎn)品的氣質(zhì)和用戶的屬性,讓用戶產(chǎn)生一種身份的認(rèn)同感。4缺省頁化解負(fù)面情緒通常狀態(tài)是,當(dāng)前頁面沒有內(nèi)容或無網(wǎng)絡(luò)狀態(tài)下出現(xiàn)的頁面。常見的設(shè)計(jì)是圖標(biāo)加提示文字的形式,這種簡(jiǎn)陋的設(shè)計(jì)會(huì)給用戶心理造成很大的落差,陷入負(fù)面情緒中。情感化設(shè)計(jì)在此時(shí)就可發(fā)揮巨大的作用,它通過設(shè)計(jì)手段來減輕用戶在看到一個(gè)毫無內(nèi)容的界面時(shí)所產(chǎn)生的挫敗感。設(shè)計(jì)師可發(fā)揮的空間很大,根據(jù)產(chǎn)品屬性和品牌延展圖形,結(jié)合動(dòng)效或插畫等情感化設(shè)計(jì),可以很好的豐富頁面內(nèi)容。例如躺平的空白頁呈現(xiàn)出一種賤萌的場(chǎng)景,讓用戶會(huì)心一笑,使產(chǎn)品充滿了趣味性。5標(biāo)簽欄微動(dòng)效情感化設(shè)計(jì)變得越來越豐富,圖標(biāo)設(shè)計(jì)上升至可以展示動(dòng)畫效果。通過動(dòng)效的使用,標(biāo)簽欄切換變得不再死板。用戶在頻繁切換頁面時(shí),不再覺得單調(diào)。精心設(shè)計(jì)的動(dòng)態(tài)效果,能夠緩解用戶等待時(shí)焦躁的心情,從心理上縮短用戶等待時(shí)長,讓品牌更加深入人心。6模擬用戶行為如果一個(gè)產(chǎn)品可以模擬用戶的行為,將用戶代入真實(shí)的情境中,用戶就會(huì)對(duì)產(chǎn)品產(chǎn)生深刻的認(rèn)同感。例如潮汐會(huì)根據(jù)時(shí)間場(chǎng)景和季節(jié)變化,播放不同的背景音樂來營造氛圍。雨聲、雷聲、風(fēng)聲、潮水聲等讓人時(shí)刻感受到身臨其境的情境。情感化設(shè)計(jì)可以拉近用戶與產(chǎn)品之間的距離,在更深的層面體現(xiàn)出對(duì)人性的關(guān)懷,為人們帶去情感上的愉悅和感動(dòng)。洞悉用戶的行為,換位思考去滿足用戶的需求,情感交流就產(chǎn)生了。例如當(dāng)你截屏了一張圖片,打開微信對(duì)話框時(shí)就會(huì)自動(dòng)顯示這張圖片,提前預(yù)知了你發(fā)截圖的需求。再例如很多觀眾都習(xí)慣了在電影結(jié)尾等彩蛋的習(xí)慣,因?yàn)楹芏鄷r(shí)候坐在影院等彩蛋卻等來沒有彩蛋的結(jié)果只能白白浪費(fèi)了時(shí)間。在淘票票上購買電影票時(shí),你會(huì)發(fā)現(xiàn)影片詳情頁會(huì)有彩蛋提醒,告知你電影是否有彩蛋且彩蛋會(huì)出現(xiàn)在影片的什么位置。有了這個(gè)提示信息,就不必再為了不確定的彩蛋期待浪費(fèi)時(shí)間啦。7有趣的細(xì)節(jié)設(shè)計(jì)俗話說:有趣的靈魂萬里挑一,可見有趣是可以引發(fā)交流進(jìn)而讓人們產(chǎn)生積極的情緒。在UI設(shè)計(jì)中,有些有趣的設(shè)計(jì)是隱形的,需要用戶自己去發(fā)現(xiàn),當(dāng)用戶找到這顆彩蛋時(shí),就會(huì)獲得一份喜悅和樂趣,增強(qiáng)用戶對(duì)產(chǎn)品的探知欲。例如在電腦端打開B站的鬼畜區(qū)長按這個(gè)返回圖標(biāo)10秒左右,你會(huì)打開鬼畜區(qū)的新世界(⊙o⊙)(友情提示:記得戴上耳機(jī)或調(diào)小音量)其實(shí)長按返回10秒后網(wǎng)頁下方會(huì)出現(xiàn)一條黑框提示嘗試輸入字母,發(fā)現(xiàn)鬼畜秘密。按照提示乖乖輸入字母就會(huì)出現(xiàn)鬼畜明星劃過你的屏幕!有些有趣的設(shè)計(jì)又是顯性的,目的是讓用戶與產(chǎn)品引發(fā)交流從而產(chǎn)生積極的情緒。例如成為優(yōu)酷視頻會(huì)員,不僅可以尊享豐富的影視資源,還能讓自己的ID在發(fā)彈幕時(shí)使用劇集相關(guān)角色的頭像。帶角色扮演頭像的彈幕,讓發(fā)言更有劇集代入感。這個(gè)彩蛋的設(shè)置一方面強(qiáng)化了會(huì)員身份的尊貴感與特權(quán)性,一方面也豐富了彈幕區(qū)的多樣化,可謂一舉兩得了??偟膩碚f:UI設(shè)計(jì)的“高級(jí)感”意味著在視覺層面要從細(xì)微之處著手,創(chuàng)造出精致富有設(shè)計(jì)感的畫面;而另一方面要從情感化設(shè)計(jì)出發(fā),使用戶與產(chǎn)品產(chǎn)生情感上的共鳴,獲得更高層次的使用體驗(yàn)。配合另一篇如何提升UI設(shè)計(jì)的高級(jí)感,食用更合適。

0贊同

2026-02-27 10:16:48