微交互

已捕獲優(yōu)質(zhì)的產(chǎn)品細(xì)節(jié) 261 個(gè)

微交互

細(xì)節(jié) 261

我也有新發(fā)現(xiàn) 我要投稿
最出其不意的「返回頂部」設(shè)計(jì),非貓耳FM莫屬
貓耳FM

設(shè)計(jì)彩蛋最出其不意的「返回頂部」設(shè)計(jì),非貓耳FM莫屬

獵人 - AmberDu小白10.0

當(dāng)瀏覽頁(yè)面較長(zhǎng)的網(wǎng)頁(yè)時(shí),利用鼠標(biāo)滾動(dòng)返回頁(yè)面頂部的體驗(yàn)會(huì)變得非常差。因此現(xiàn)在的網(wǎng)站尤其是國(guó)內(nèi)網(wǎng)站,多數(shù)都會(huì)在頁(yè)面右側(cè)增加「返回頂部」的快捷按鈕,以此來(lái)提升使用體驗(yàn)與效率。不同...

查看詳情

#微交互#情感化設(shè)計(jì)#驚喜

如何設(shè)計(jì)一個(gè)簡(jiǎn)單高效的「簽到」功能?騰訊動(dòng)漫有妙招
騰訊動(dòng)漫

交互手勢(shì)如何設(shè)計(jì)一個(gè)簡(jiǎn)單高效的「簽到」功能?騰訊動(dòng)漫有妙招

獵人 - AmberDu小白0.0

「簽到」功能的設(shè)置是為了促進(jìn)用戶活躍度與增加用戶粘性,但其實(shí)它的本質(zhì)是通過(guò)獎(jiǎng)勵(lì)機(jī)制強(qiáng)化用戶行為以達(dá)到培養(yǎng)用戶使用習(xí)慣的目的。那如何設(shè)計(jì)一個(gè)簡(jiǎn)單而高效的簽到功能呢?除了設(shè)置對(duì)用...

查看詳情

#交互手勢(shì)#動(dòng)漫#動(dòng)畫

滴滴配送的第一次,我心動(dòng)了
滴滴

微交互滴滴配送的第一次,我心動(dòng)了

獵人 - AmberDu小白7.5

在滴滴配送外賣點(diǎn)單,當(dāng)外賣狀態(tài)為「商家正在備貨中」,頁(yè)面顯示的商品圖片與外賣小哥頭像兩者之間會(huì)有一段距離的間隔;而當(dāng)外賣狀態(tài)變?yōu)椤蛤T手配送中」時(shí),外賣圖與騎手頭像之間會(huì)產(chǎn)生動(dòng)...

查看詳情

#即時(shí)反饋#微交互#心理暗示

M站的小萌貓愛(ài)打呼也愛(ài)唱歌,但其實(shí)它在用表情反映操作狀態(tài)喵~
貓耳FM

動(dòng)畫M站的小萌貓愛(ài)打呼也愛(ài)唱歌,但其實(shí)它在用表情反映操作狀態(tài)喵~

獵人 - AmberDu小白9.0

也許所有二次元平臺(tái)的設(shè)計(jì)開發(fā)團(tuán)隊(duì)都是吃可愛(ài)多長(zhǎng)大的,產(chǎn)品里永遠(yuǎn)藏著能將用戶的心萌化的小彩蛋。M站的萌貓看似只是趴在App底部導(dǎo)航中間時(shí)而打瞌睡時(shí)而唱歌賣萌的小可愛(ài),其實(shí)小萌貓...

查看詳情

#動(dòng)畫#即時(shí)反饋#微交互

浮窗誕生后,訂閱號(hào)的左滑返回手勢(shì)又多了層意義
微信

微交互浮窗誕生后,訂閱號(hào)的左滑返回手勢(shì)又多了層意義

獵人 - AmberDu小白9.0

最近浮窗的話題比較熱,都知道訂閱號(hào)文章右上角可以喚出浮窗功能,但一向沒(méi)有左滑返回習(xí)慣的我無(wú)意間發(fā)現(xiàn)了第二種將文章設(shè)置為浮窗的途徑。通過(guò)右上角需要兩步,而左滑只需要一步即可加入...

查看詳情

#交互手勢(shì)#微交互#微信

端午佳節(jié)來(lái)臨,B站小電視也變身「粽子精靈」送祝福 (?????)
Bilibili

設(shè)計(jì)彩蛋端午佳節(jié)來(lái)臨,B站小電視也變身「粽子精靈」送祝福 (?????)

獵人 - AmberDu小白9.0

B站播放器的進(jìn)度條里有萌眼睛小電視交互相信很多同學(xué)已經(jīng)知道了,這是很經(jīng)典的對(duì)用戶操作行為做出生動(dòng)有趣即時(shí)反饋的案例。這一次的端午節(jié)小電視又來(lái)「作妖」了 (?????)~ 為了...

查看詳情

#Bilibili#微交互#情懷

Foodie:把手機(jī)和地面平行,我就能感應(yīng)到你

微交互Foodie:把手機(jī)和地面平行,我就能感應(yīng)到你

獵人 - AmberDu小白9.5

Foodie是一款具有重力感應(yīng)的美食相機(jī),擁有超多讓食物看起來(lái)垂涎欲滴的魔法濾鏡。在底部工具欄選擇好濾鏡后俯拍美食,當(dāng)手機(jī)的角度與地面平行,工具欄會(huì)自動(dòng)隱藏并彈出拍照按鈕。一...

查看詳情

#Foodie#微交互#情境預(yù)判

體驗(yàn)過(guò)微信「浮窗」后,快捷易用的設(shè)計(jì)你可以想到哪些?
微信

用戶體驗(yàn)體驗(yàn)過(guò)微信「浮窗」后,快捷易用的設(shè)計(jì)你可以想到哪些?

獵人 - 慕青9.0

在使用微信的時(shí)候,經(jīng)常有這樣的場(chǎng)景存在:看文章時(shí)好友來(lái)了信息,需要關(guān)閉文章回復(fù)好友,想再看文章,觸達(dá)文章的步驟就比較繁瑣。不要著急!微信V6.6.7版本新增的功能完美解決此問(wèn)...

查看詳情

#交互手勢(shì)#人性化#微交互

買買買里的大學(xué)問(wèn)!京東App在從眾心理上的運(yùn)用

購(gòu)物體驗(yàn)買買買里的大學(xué)問(wèn)!京東App在從眾心理上的運(yùn)用

獵人 - 慕青9.0

在京東瀏覽商品時(shí),當(dāng)別的用戶買了該商品,京東App會(huì)在商品圖左上角生成一條提醒:某用戶剛剛購(gòu)買了該商品。不對(duì)!我為什么有一點(diǎn)點(diǎn)動(dòng)心,也想和她一起購(gòu)買了呢。

查看詳情

#從眾心理#即時(shí)反饋#微交互

有注意到京東金融的刷新里藏著這些文案嗎?
京東金融

文案有注意到京東金融的刷新里藏著這些文案嗎?

獵人 - 慕青9.0

市場(chǎng)上多數(shù)App都會(huì)在刷新功能上附加品牌文化輸出,而京東金融相對(duì)而言做的是另外一個(gè)方向。每次下拉刷新都會(huì)出現(xiàn)不一樣的小貼士:有的是營(yíng)銷的,有的是投資原則,有的是——段子。

查看詳情

#京東#京東金融#刷新

來(lái)自B站鬼畜區(qū)的究極豪!華!版!隱藏彩蛋
Bilibili

設(shè)計(jì)彩蛋來(lái)自B站鬼畜區(qū)的究極豪!華!版!隱藏彩蛋

獵人 - AmberDu小白9.0

常常覺(jué)得小電視家就像一座寶藏,總會(huì)有新的隱藏設(shè)計(jì)細(xì)節(jié)悄悄等待著在某一天被你發(fā)現(xiàn)。在電腦端打開B站的鬼畜區(qū)往下滑動(dòng)鼠標(biāo)時(shí)右側(cè)會(huì)出現(xiàn)一個(gè)向上的箭頭圖標(biāo),與多數(shù)網(wǎng)站一樣點(diǎn)擊這個(gè)圖標(biāo)...

查看詳情

#Bilibili#微交互#驚喜

有了小貓頭鷹的陪伴,Readme的注冊(cè)頁(yè)竟然也可以這么有趣
Readme

微交互有了小貓頭鷹的陪伴,Readme的注冊(cè)頁(yè)竟然也可以這么有趣

獵人 - AmberDu小白9.3

注冊(cè)新賬號(hào)對(duì)多數(shù)人而言都是一件麻煩惱人的事兒,冗長(zhǎng)的注冊(cè)表單、復(fù)雜的注冊(cè)流程都很難讓人心情美麗。但于產(chǎn)品而言,用戶注冊(cè)可唯一識(shí)別的ID及提供更多信息是為其提供個(gè)性化服務(wù)與更好...

查看詳情

#Readme#人性化#微交互

今日份的早茶已備好,請(qǐng)品嘗
MONO貓弄

用戶體驗(yàn)今日份的早茶已備好,請(qǐng)品嘗

獵人 - AmberDu小白8.0

作為一個(gè)提供高質(zhì)量?jī)?nèi)容的文化社區(qū),MONO每天會(huì)通過(guò)「早茶」與「下午茶」的形式對(duì)用戶進(jìn)行兩次精選內(nèi)容的推送。這類似于Yahoo News更早提出的digest的概念。每日更新...

查看詳情

#MONO#信息過(guò)載#加載動(dòng)畫

聽說(shuō),你總是在歌單列表找不到當(dāng)前播放歌曲?
QQ音樂(lè)

用戶體驗(yàn)聽說(shuō),你總是在歌單列表找不到當(dāng)前播放歌曲?

獵人 - AmberDu小白9.5

每次用手機(jī)聽歌時(shí)隨機(jī)播放,總會(huì)在突然聽到喜歡的歌曲時(shí)返回歌單找尋歌曲的名字。無(wú)奈有時(shí)候播放列表實(shí)在太長(zhǎng),需要翻好久才能找到。用了好多播放器似乎很少有針對(duì)這個(gè)小問(wèn)題提供解決方案的。

查看詳情

#定位#微交互#情境預(yù)判

時(shí)間走著滴答滴,iPhone的時(shí)鐘藏著自己的小秘密
iOS

設(shè)計(jì)彩蛋時(shí)間走著滴答滴,iPhone的時(shí)鐘藏著自己的小秘密

獵人 - AmberDu小白9.0

大家都知道iOS系統(tǒng)的時(shí)鐘桌面圖標(biāo)會(huì)始終顯示當(dāng)前時(shí)間,但很少有人關(guān)注過(guò)時(shí)鐘圖標(biāo)里秒針的走動(dòng)方式。在常規(guī)狀態(tài)下,時(shí)鐘圖標(biāo)的秒針會(huì)呈現(xiàn)掃秒式地轉(zhuǎn)動(dòng);但當(dāng)桌面圖標(biāo)處于長(zhǎng)按狀態(tài)的晃動(dòng)...

查看詳情

#Apple#圖標(biāo)#微交互

2233娘真是貼心的小姐姐(*?▽?*)
Bilibili

微交互2233娘真是貼心的小姐姐(*?▽?*)

獵人 - AmberDu小白9.2

登錄網(wǎng)站或應(yīng)用在輸入密碼時(shí),無(wú)論周圍環(huán)境如何我們總會(huì)潛意識(shí)里產(chǎn)生一絲不安全感。B站對(duì)于這個(gè)問(wèn)題的處理方式顯得十分可愛(ài),在用戶登錄賬號(hào)輸入密碼時(shí)背景里的2233娘會(huì)出現(xiàn)雙手捂眼...

查看詳情

#Bilibili#人性化#安全感

iPhone的小電筒,原來(lái)還可以這么玩兒╰(*°▽°*)╯
iOS

設(shè)計(jì)彩蛋iPhone的小電筒,原來(lái)還可以這么玩兒╰(*°▽°*)╯

獵人 - AmberDu小白0.0

iPhone自帶的照明程序小電筒的圖標(biāo)動(dòng)效模擬了真實(shí)電筒的開關(guān)場(chǎng)景:隨著照明功能的開啟與關(guān)閉,圖標(biāo)上的小「開關(guān)」會(huì)隨著照明燈的開關(guān)狀態(tài)而改變。3D touch還可以調(diào)控小電筒...

查看詳情

#Apple#圖標(biāo)#微交互

騰訊視頻讓人眼前一亮的縮略圖播放預(yù)覽功能
騰訊視頻

微交互騰訊視頻讓人眼前一亮的縮略圖播放預(yù)覽功能

獵人 - AmberDu小白0.0

新版騰訊視頻Web首頁(yè)增加了視頻縮略圖滾動(dòng)條快速播放預(yù)覽的功能。當(dāng)然不是所有視頻都可以在首頁(yè)這樣預(yù)覽,只有在縮略圖左上角帶有「小閃電」圖標(biāo)的視頻才能使用這個(gè)功能。但其他的視頻...

查看詳情

#人性化#微交互#操作可預(yù)知

QQ的一鍵消除消息小紅點(diǎn),治愈了我的強(qiáng)迫癥
QQ

微交互QQ的一鍵消除消息小紅點(diǎn),治愈了我的強(qiáng)迫癥

獵人 - AmberDu小白0.0

最近才發(fā)現(xiàn)新版QQ的消息提醒小紅點(diǎn)氣泡,用手指點(diǎn)住輕輕拖動(dòng)就可以消除了。也就是說(shuō),直接在聯(lián)系人列表拖拽小紅點(diǎn)即可消除信息提醒,而不用再像以前一樣需要點(diǎn)開每條消息才能消除。對(duì)于...

查看詳情

#交互手勢(shì)#微交互#易用性

那只被眾多網(wǎng)站借鑒學(xué)習(xí)過(guò)的Readme蒙眼貓頭鷹
Readme

微交互那只被眾多網(wǎng)站借鑒學(xué)習(xí)過(guò)的Readme蒙眼貓頭鷹

獵人 - AmberDu小白9.0

B站的2233娘在用戶輸入賬號(hào)密碼時(shí)會(huì)出現(xiàn)雙手捂眼的小動(dòng)畫萌翻了很多用戶的心,其實(shí)最早使用這個(gè)具有心理暗示作用動(dòng)畫效果的網(wǎng)站是Readme。在Readme的登錄頁(yè),吉祥物小貓...

查看詳情

#Readme#人性化#安全感

13/14

熱門應(yīng)用