怎么如何讓界面更有親和力?
發(fā)布時(shí)間:2022-01-20 10:44 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 3134

如何讓自己的產(chǎn)品在保證基本的可用性和易用性的同時(shí),還能讓界面看起來(lái)柔和、更富有親和力?一個(gè)產(chǎn)品能留住用戶(hù)的雖然是內(nèi)容本身的質(zhì)量與吸引力,但一個(gè)小小的細(xì)節(jié)卻能夠阻止用戶(hù)的流失,成為內(nèi)容轉(zhuǎn)化的最后一道防線,讓人眼前一亮,值得借鑒。


「騰訊動(dòng)漫」趣味的icon動(dòng)效


1. 產(chǎn)品體驗(yàn)

  • 個(gè)人中心的性別切換以重量級(jí)的功能展示在一級(jí)頁(yè)面,點(diǎn)擊切換男女圖標(biāo),以動(dòng)畫(huà)的效果過(guò)渡切換;
  • 性別切換的同時(shí),根據(jù)不同性別,首頁(yè)的推薦內(nèi)容也隨之更換。

2. 設(shè)計(jì)思考:

性別icon通過(guò)動(dòng)態(tài)的方式切換, 動(dòng)態(tài)比靜態(tài)更加吸引眼球,增加視覺(jué)關(guān)注度,因此在切換時(shí)具有更強(qiáng)的視覺(jué)沖擊力。 在過(guò)渡的時(shí)間差中,也體現(xiàn)了趣味化的表達(dá)。

首頁(yè)承擔(dān)了產(chǎn)品最核心的功能,決定了產(chǎn)品的屬性和基調(diào)。在切換性別后,根據(jù)產(chǎn)品的定位及不同性別用戶(hù)的心理特征推薦不同的內(nèi)容, 以方便用戶(hù)快速進(jìn)入對(duì)應(yīng)的需求模塊,針對(duì)不同的用戶(hù)給與不同的體驗(yàn), 提高效率、用戶(hù)粘性及活躍度,強(qiáng)化了產(chǎn)品在用戶(hù)心中的認(rèn)知度。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「網(wǎng)易云音樂(lè)」俘獲人心的心動(dòng)模式


1. 產(chǎn)品體驗(yàn):

在我喜歡的音樂(lè)模塊,開(kāi)啟心動(dòng)模式激活此功能,播放即為心動(dòng)模式,或者從其他入口進(jìn)入播放頁(yè)面,點(diǎn)擊左下角的播放模式圖標(biāo),系統(tǒng)會(huì)優(yōu)先播放您最近一次添加的歌曲,播放順序變?yōu)樾膭?dòng)模式。

心動(dòng)模式是系統(tǒng)根據(jù)算法自動(dòng)匹配同類(lèi)型的歌曲作為下一曲播放,按照此種方式來(lái)回穿插。

2. 設(shè)計(jì)思考:

要想在龐大的曲庫(kù)中遇到一首符合自己心意的歌實(shí)在太憑運(yùn)氣,這種「老歌+新歌」的心動(dòng)模式,相較完全陌生的歌單推薦更能減少用戶(hù)對(duì)接受新歌的抵觸情緒。讓用戶(hù)在聽(tīng)到自己收藏歌曲的同時(shí),還能發(fā)現(xiàn)更多喜歡的歌曲,充分迎合了用戶(hù)想要聽(tīng)到的精彩、跳過(guò)因沒(méi)有目標(biāo)而在歌曲列表來(lái)回翻看的無(wú)聊動(dòng)機(jī),十分友好貼心,提前表達(dá)了用戶(hù)可能出現(xiàn)的想法,提升用戶(hù)的體驗(yàn)好感度。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「支付寶」聊天框貼心的數(shù)字轉(zhuǎn)賬提醒


1. 產(chǎn)品體驗(yàn):

  • 支付寶在好友對(duì)話文本框輸入純數(shù)字信息時(shí),文本框上方會(huì)出現(xiàn)轉(zhuǎn)賬提示,5秒后自動(dòng)消失,點(diǎn)擊提示即可跳轉(zhuǎn)至轉(zhuǎn)賬頁(yè)面并自動(dòng)帶入之前輸入的轉(zhuǎn)賬金額,按流程可完成轉(zhuǎn)賬操作;
  • 當(dāng)文本框輸入的數(shù)字超過(guò)5位數(shù)時(shí),轉(zhuǎn)賬提示自動(dòng)消失,絲毫不影響用戶(hù)的對(duì)話內(nèi)容信息。

2. 設(shè)計(jì)思考:

相信很多人都經(jīng)歷過(guò),使用微信或支付寶轉(zhuǎn)賬時(shí),用發(fā)信息的方式給對(duì)方發(fā)過(guò)去幾個(gè)數(shù)字,此時(shí)對(duì)方一定是滿(mǎn)臉黑人問(wèn)號(hào)。如果及時(shí)發(fā)現(xiàn),還可以撤回并使用轉(zhuǎn)賬功能操作完成;但自己在很忙的情況下,數(shù)字發(fā)過(guò)去就放下手機(jī)繼續(xù)忙自己的。等你發(fā)現(xiàn)的時(shí)候,對(duì)方可能都已經(jīng)不需要了(嚴(yán)重的話就把你拉黑了)。

支付寶在輸入純數(shù)字增加的轉(zhuǎn)賬提示,對(duì)于需要轉(zhuǎn)賬而操作方式失誤的用戶(hù)來(lái)說(shuō),可謂是非常的貼心,降低了出錯(cuò)的概率,避免失誤后引起尷尬。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「抖音」便捷的登錄方式


1. 產(chǎn)品體驗(yàn):

  • 進(jìn)入登錄界面,系統(tǒng)檢測(cè)到數(shù)據(jù)流量打開(kāi)時(shí),可通過(guò)手機(jī)號(hào)運(yùn)營(yíng)商認(rèn)證服務(wù)一鍵完成登錄;
  • 通過(guò)說(shuō)明告知用戶(hù)登錄即表示同意《用戶(hù)協(xié)議》,無(wú)需點(diǎn)擊;
  • 其他登錄方式默認(rèn)隱藏,點(diǎn)擊「以其他賬號(hào)登錄」才顯示所有登錄方式。

2. 設(shè)計(jì)思考:

對(duì)于一個(gè)產(chǎn)品的主流用戶(hù)人群,大部分都是用手機(jī)號(hào)作為最基本的賬號(hào)使用,抖音登錄通過(guò)運(yùn)營(yíng)商認(rèn)證服務(wù)一鍵完成登錄,應(yīng)該是目前最簡(jiǎn)潔最快速的登錄流程,也間接推動(dòng)著用戶(hù)注冊(cè)的轉(zhuǎn)化率;

用戶(hù)登錄即表示同意用戶(hù)協(xié)議,這種做法可減少用戶(hù)勾選同意的流程步驟,提升完成率;

將其他登錄方式隱藏,使一鍵登錄內(nèi)容更加聚焦,避免多個(gè)內(nèi)容擠在一個(gè)頁(yè)面,導(dǎo)致頁(yè)面的可操控性差,容易誤操作造成的登錄流程失敗。面對(duì)時(shí)間的壓力、錯(cuò)誤的風(fēng)險(xiǎn)和后果,要視情況而定提供簡(jiǎn)單的操作體驗(yàn)。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「微信」「拍一拍」用溫度、腦洞交流


1. 產(chǎn)品體驗(yàn):

  • 微信在好友聊天框,雙擊對(duì)方頭像,對(duì)方頭像會(huì)出現(xiàn)抖動(dòng)和拍一拍和「你拍了拍Ta」的文字提示;
  • 通過(guò)個(gè)人信息設(shè)置拍一拍,可以設(shè)置各種腦洞、惡搞、套路…(需更新到iOSV7.0.14版本)

2. 設(shè)計(jì)思考:

在以前我們玩QQ的時(shí)候,我們可以使用「抖一抖」來(lái)提醒對(duì)方回復(fù)消息,或者無(wú)聊的時(shí)候挨個(gè)的找好友「抖一抖」,沒(méi)準(zhǔn)就抖出了愛(ài)情的火花。微信最近新增的「拍一拍」功能,有沒(méi)有似曾相識(shí)的感覺(jué)!概囊慌摹箯纳暇的開(kāi)始,很多群聊里面基本都是拍一拍在刷屏,那么拍一拍到底存在什么意義呢?

「拍一拍」這個(gè)功能,可以彌補(bǔ)非語(yǔ)言線索的缺失,是一種動(dòng)作上的「情感補(bǔ)償」,可以提高傳播主體之間的親密度。同時(shí)模擬了線下的身體形態(tài),再現(xiàn)了真實(shí)生活中的一些場(chǎng)景。比如,你遇到不開(kāi)心的事情的時(shí)候,別人想要安慰你卻不知道怎么開(kāi)口,拍一拍你的肩膀。

「拍一拍」起了弱提醒的作用,引起對(duì)方注意

微信官方把「拍一拍」翻譯成「nudge」,是輕輕推一下別人的意思。這和之前QQ的「抖一抖」類(lèi)似,起到確認(rèn)對(duì)方是否在線,以及引起對(duì)方注意的作用。

在群聊天中使用「拍一拍」功能,提醒的沒(méi)有「@」那么明顯,很容易被忽略。但是在私聊過(guò)程中,「拍一拍」的動(dòng)作會(huì)把聊天框置頂出來(lái),可以在對(duì)方不回消息或者想回避對(duì)話的時(shí)候,起到一個(gè)溫柔的提醒作用。

緩解社交恐懼者的恐懼與緊張感

對(duì)于微信里剛認(rèn)識(shí)的人,有社交恐懼心理的人可能會(huì)害怕在群聊中被人注意而避免主動(dòng)發(fā)言!概囊慌摹构δ転楹ε轮鲃(dòng)發(fā)言的人 提供了新思路,可以緩解個(gè)體在社交媒體上與他人溝通與交流時(shí)的恐懼與緊張感。

因?yàn)椤概囊慌摹沟奶嵝逊绞讲荒敲疵黠@,除了聊天界面中的文字記錄,沒(méi)有其他任何形式的提醒,手機(jī)不會(huì)推送信息,也沒(méi)有任何形式的提醒,也不會(huì)震動(dòng)。這就避免了傳統(tǒng)的「@」和「在嗎」的尷尬,可以自然親切建立起社交的弱關(guān)系。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)

△ 來(lái)源知乎:鯊魚(yú)也搞電商

你們以為這樣就完了嗎?這不過(guò)才剛剛開(kāi)始。我的<個(gè)人中心<設(shè)置拍一拍,通過(guò)「拍一拍」后綴,新的玩法解鎖了各種腦洞、惡搞、套路…(有人直呼,我上班玩了2個(gè)小時(shí))。

微信「拍一拍」功能無(wú)疑在用戶(hù)的交流互動(dòng)中增添了更多的樂(lè)趣,讓產(chǎn)品變的活潑可愛(ài),給用戶(hù)帶來(lái)了更好的體驗(yàn),作為社交產(chǎn)品,這種方式也大大提升了用戶(hù)的使用頻率和粘性。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「騰訊視頻」個(gè)性化的明星裝扮主題


1. 產(chǎn)品體驗(yàn):

進(jìn)入騰訊視頻個(gè)人中心, 選擇視頻功能里的明星裝扮,即可設(shè)置自己心儀的明星主題皮膚。設(shè)置完成后,Tab標(biāo)簽欄激活狀態(tài)圖標(biāo)、播放加載動(dòng)畫(huà)、刷新…變成相應(yīng)的明星主題形象。

2. 設(shè)計(jì)思考:

這種全方位的明主題裝扮在體驗(yàn)時(shí)更加沉浸,不僅僅是視覺(jué)表面上的改變,更讓情感化的設(shè)計(jì)細(xì)節(jié)為產(chǎn)品增添了溫度,讓人驚喜。(PS:對(duì)于追星族的你,是不是感覺(jué)跟他/她的距離又近了一步)

當(dāng)然,任何人和任何事物都有人喜歡、有人不喜歡,對(duì)于騰訊視頻海量的裝扮庫(kù),總有一款適合你,我們可以選擇一部電影、電視劇、綜藝等,對(duì)于追星、追劇的用戶(hù)來(lái)說(shuō),在不經(jīng)意間就給了我們意外的驚喜和適當(dāng)?shù)奶嵝眩瑸槲覀冊(cè)俅问褂迷摦a(chǎn)品埋下了伏筆。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「美團(tuán)」利用簽到功能促成用戶(hù)轉(zhuǎn)化


1. 產(chǎn)品體驗(yàn):

  • 美團(tuán)簽到功能以動(dòng)效圖標(biāo)的形式懸浮在首頁(yè)右下角,頁(yè)面上下滑動(dòng),半透明樣式微露頭角懸浮右側(cè),不影響瀏覽其他內(nèi)容,停止滑動(dòng)2秒后還原效果;
  • 點(diǎn)擊簽到圖標(biāo)進(jìn)入簽到頁(yè)面,簽到成功即可獲得一張優(yōu)惠(現(xiàn)金抵扣)券,并告知連續(xù)簽到有更大的紅包;
  • 在紅包卡券頁(yè)面即可看到簽到領(lǐng)取的優(yōu)惠券,突出到期時(shí)間(超短)。

2. 設(shè)計(jì)思考:

眾所周知,人們對(duì)動(dòng)態(tài)事務(wù)的感知能力要比靜態(tài)強(qiáng)很多。美團(tuán)簽到功能利用動(dòng)態(tài)圖標(biāo)提醒用戶(hù),趣味性的微動(dòng)效能吸引用戶(hù)的眼球,也能引導(dǎo)用戶(hù)進(jìn)行操作,讓簽到入口變的突出而不突兀。使用「簽到+領(lǐng)紅包」的文案更是利用了用戶(hù)占小便宜的心理,大部分都是選擇「讓利」去吸引消費(fèi)者,這種方式短期內(nèi)也最有效,增加了用戶(hù)的點(diǎn)擊欲望,提升簽到的完成率。

簽到成功,即可獲得一張優(yōu)惠券(也叫紅包),告知用戶(hù)連續(xù)簽到可獲得更大的紅包。根據(jù)大部分用戶(hù)的一種貪婪心理,大多會(huì)抱著試一試的想法, 即使得到概率小,用戶(hù)也會(huì)去嘗試,就算最終沒(méi)有領(lǐng)到大紅包,也不會(huì)付出任何代價(jià),無(wú)形中留住了用戶(hù),也為后面的消費(fèi)轉(zhuǎn)化做了鋪墊。

進(jìn)入紅包卡券,即可看到剛才簽到領(lǐng)取的優(yōu)惠券。優(yōu)惠券以突出到期時(shí)間(超短)為誘餌, 對(duì)時(shí)間的限制能傳遞給用戶(hù)一種緊迫感,暗示他們盡快購(gòu)買(mǎi), 鼓動(dòng)了用戶(hù)內(nèi)心貪婪的欲望,還有「喜歡走捷徑」的弱點(diǎn),同時(shí)「厭惡失去」,讓用戶(hù)傾向于快速地決策來(lái)留住一些東西,減少?zèng)Q策時(shí)間,達(dá)到促銷(xiāo)的目的。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「微信」提高轉(zhuǎn)賬安全的微提示


1. 產(chǎn)品體驗(yàn):

使用微信給好友轉(zhuǎn)賬時(shí),金額超過(guò)4位數(shù)就在數(shù)字下方增加單位提示,如:千、萬(wàn)、十萬(wàn)……

2. 設(shè)計(jì)思考:

我們?cè)谵D(zhuǎn)賬的時(shí)候,多輸入一兩位數(shù)字雖然不是常事,但總有大意的時(shí)候,如果錯(cuò)轉(zhuǎn)給不是特別熟悉的人,對(duì)方刪了好友,那就真的是欲哭無(wú)淚了。微信轉(zhuǎn)賬增加的單位提示,看似一個(gè)簡(jiǎn)單的細(xì)節(jié), 卻給用戶(hù)帶來(lái)了安全保障,降低了操作時(shí)的出錯(cuò)概率,讓用戶(hù)有可控制感和安全感,增加產(chǎn)品的驅(qū)動(dòng)力。

這也跟微信一直倡導(dǎo)的「用戶(hù)需要在一個(gè)積極健康、安全貼心、觸動(dòng)情感的環(huán)境進(jìn)行社交,并最終導(dǎo)人向善」的宗旨遙相呼應(yīng)。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「餓了么」天天送紅包-轉(zhuǎn)化付費(fèi)用戶(hù)


1. 產(chǎn)品體驗(yàn):

每日首次進(jìn)入餓了么,會(huì)彈出「驚喜紅包天天領(lǐng)」的彈窗,點(diǎn)擊對(duì)應(yīng)紅包的「去使用」按鈕即可進(jìn)入對(duì)應(yīng)的商品/店鋪列表,達(dá)到條件(如:商品類(lèi)型、滿(mǎn)減)直接作為現(xiàn)金抵扣使用。

2. 設(shè)計(jì)思考:

餓了么使用發(fā)放紅包的形式,通過(guò)利益刺激手段,吸引用戶(hù)繼續(xù)完成對(duì)內(nèi)容/商品的消費(fèi),以此降低用戶(hù)流失。

根據(jù)用戶(hù)占小便宜的心理特征,紅包的金額數(shù)值越高,就越能引起用戶(hù)的注意力和購(gòu)買(mǎi)欲望,無(wú)論是有目標(biāo)性的消費(fèi),還是無(wú)目標(biāo)性的購(gòu)物,除去那些特別有錢(qián)的土豪之外,紅包金額越大,對(duì)用戶(hù)的吸引力就越大。對(duì)于用戶(hù)每日首次進(jìn)入會(huì)有「驚喜紅包天天領(lǐng)」的利益引誘,以此將無(wú)目標(biāo)的用戶(hù)變成有目標(biāo)的用戶(hù),向「付費(fèi)用戶(hù)」轉(zhuǎn)移。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「快手」取消點(diǎn)贊-模擬真人心理的視覺(jué)語(yǔ)言


1. 產(chǎn)品體驗(yàn):

在快手APP看到自己喜歡的小視頻,可點(diǎn)擊左上角的心形圖標(biāo)點(diǎn)贊,「取消點(diǎn)贊」圖標(biāo)以動(dòng)畫(huà)形式從裂開(kāi)到破碎。

2. 設(shè)計(jì)思考:

在現(xiàn)實(shí)生活中,應(yīng)該都有過(guò)這樣的感受,當(dāng)我們喜歡一個(gè)人或一件事物時(shí),得知不可獲得或者被拒絕,就有一種心碎的感覺(jué)。快手小視頻「取消點(diǎn)贊」的心碎圖標(biāo)很好的詮釋了這一點(diǎn),貼近用戶(hù)的真實(shí)環(huán)境,遵循現(xiàn)實(shí)世界的約定,使信息以自然且合乎邏輯的出現(xiàn),建立同理心,通過(guò)情感化的表達(dá)傳遞給用戶(hù),博得同情心,降低「取消點(diǎn)贊」操作的概率,也會(huì)在下次「取消點(diǎn)贊」操作之前慎重考慮。

這時(shí)候可能有人會(huì)問(wèn),再多的點(diǎn)贊量都只是給創(chuàng)作者的,與快手平臺(tái)有什么關(guān)系呢?其實(shí)不然,用戶(hù)點(diǎn)贊是對(duì)創(chuàng)作者的一種認(rèn)可和支持,以鼓勵(lì)作者創(chuàng)作出更加優(yōu)質(zhì)的作品,而優(yōu)質(zhì)的作品能吸引更多的用戶(hù),龐大的用戶(hù)群體又會(huì)吸引成就一批更加優(yōu)秀的創(chuàng)作者,從而造成良性循環(huán),平臺(tái)也會(huì)成為最大的贏家。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)


「滴滴出行」運(yùn)用經(jīng)典交互四策略-合理刪除


1. 產(chǎn)品體驗(yàn):

使用滴滴出行呼叫快車(chē),用戶(hù)確認(rèn)后,在呼叫司機(jī)時(shí),系統(tǒng)自動(dòng)刪除了導(dǎo)航欄和其他控件,頁(yè)面內(nèi)的視覺(jué)都聚焦在下方的區(qū)域內(nèi)。

2. 設(shè)計(jì)思考:

用戶(hù)在等待系統(tǒng)呼叫時(shí),屬于事件明確階段,不太需要導(dǎo)航欄的指引或者提醒用戶(hù)當(dāng)前所在的位置,也極少的可能在當(dāng)前狀態(tài)時(shí)去進(jìn)行其他的操作,系統(tǒng)刪除了導(dǎo)航標(biāo)題和內(nèi)容控件,避免了因其他內(nèi)容造成的好奇心而取消當(dāng)前的訂單,同時(shí)也達(dá)到了降噪的目的。

雖然刪除了導(dǎo)航欄,但根據(jù)「費(fèi)茨定律」,就算用戶(hù)誤操作或者要返回,也能便捷地撤銷(xiāo)正在等待的訂單,這比常規(guī)的使用導(dǎo)航欄承載返回按鈕合理了許多。在這里,用戶(hù)無(wú)法直接返回上一級(jí)界面,需要先取消訂單操作,利用逆向菲茨定律以延長(zhǎng)用戶(hù)在當(dāng)前頁(yè)面的時(shí)間或?qū)τ脩?hù)的下一步操作發(fā)出警示,讓用戶(hù)思考是否要進(jìn)行下一步操作。任何一個(gè)需要去思考的界面,都有可能讓用戶(hù)放棄當(dāng)前的想法,使之繼續(xù)完成當(dāng)前出行訂單的等待階段。待司機(jī)成功接單后,會(huì)繼續(xù)降低用戶(hù)取消訂單的概率,以指引用戶(hù)最終完成訂單的操作流程。

如何讓界面更有親和力?來(lái)看這11個(gè)值得關(guān)注的產(chǎn)品體驗(yàn)細(xì)節(jié)

電商視覺(jué)美工視頻教程
我要自學(xué)網(wǎng)商城 ¥90 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC