大廠APP有哪些令人心動(dòng)的交互細(xì)節(jié)

1、“優(yōu)秀的設(shè)計(jì)是考慮周到且不放過每個(gè)細(xì)節(jié)”。德國設(shè)計(jì)大師迪特拉姆斯說過，好的設(shè)計(jì)就是要注重每一個(gè)細(xì)節(jié)；其實(shí)往往在那些不易被察覺的細(xì)微之處，傾注了設(shè)計(jì)師的諸多巧思與心血，今天我們就來聊聊那些能夠打動(dòng)人心的設(shè)計(jì)細(xì)節(jié)。#01好設(shè)計(jì)傳遞情感關(guān)懷那些意料之外卻又恰到好處的設(shè)計(jì)細(xì)節(jié)往往能起到四兩撥千斤的效果。嗶哩嗶哩：輸入密碼我不看熟悉b站的朋友一定都會(huì)注意到一個(gè)有趣的小細(xì)節(jié)，在賬號(hào)登陸頁面，當(dāng)我們輸入賬號(hào)或者手機(jī)號(hào)的時(shí)候，頁面插畫中的的22和33是睜大眼睛看著我們的；而當(dāng)我們輸入密碼或者驗(yàn)證碼的時(shí)候，她們則用手捂住了眼睛。這個(gè)有趣的設(shè)計(jì)生動(dòng)地傳遞了app對(duì)用戶隱私的尊重與保護(hù)。 嗶哩嗶哩賬號(hào)登錄眼尖的小伙

2、伴還會(huì)發(fā)現(xiàn)上面錄屏中輸入密碼的時(shí)候，密碼和鍵盤沒有被錄制下來，這是系統(tǒng)錄屏工具為了防止隱私信息泄露故意屏蔽掉的。又是一個(gè)小細(xì)節(jié)餓了么：感受雨天外賣的不容易我們的外賣騎士們每天風(fēng)吹日曬非常辛苦，有時(shí)候遇到惡劣天氣難免會(huì)出現(xiàn)訂單超時(shí)的情況，餓了么訂單頁面通過動(dòng)畫模擬惡劣天氣的視覺效果能喚起用戶的同理心，緩解用戶因超時(shí)帶來的負(fù)面情緒。 餓了么訂單頁惡劣天氣狀態(tài)即刻：讓你我的距離不再遙遠(yuǎn)為了鼓勵(lì)用戶在真實(shí)的線下環(huán)境中友好交流，即刻有一個(gè)“面即打卡”的小功能，好友見面的時(shí)候可以將手機(jī)依次排列拼合成一個(gè)大的屏幕，來滾動(dòng)播放提前設(shè)定好的標(biāo)語。這個(gè)簡單的跨屏互動(dòng)非常有紀(jì)念意義，想想以后朋友生日聚會(huì)，草地音樂節(jié)

3、就可以靠這個(gè)神器制造氛圍啦！ 即刻面即打卡字幕滾屏Chrome：一只小恐龍緩解焦慮這里不得不提到一個(gè)經(jīng)典的彩蛋設(shè)計(jì)，谷歌Chrome瀏覽器訪問網(wǎng)頁時(shí)如果遇到網(wǎng)絡(luò)斷開，頁面中就會(huì)出現(xiàn)一只像素小恐龍，此時(shí)按下空格鍵，小恐龍就開始了跑酷之旅；我們可以用空格鍵操控它跳躍來規(guī)避前方的仙人掌，一只小恐龍能夠很好地打發(fā)你斷網(wǎng)的無聊時(shí)間，劃水解壓小技巧 Get 到?jīng)]有？ Chrome斷網(wǎng)小恐龍404公益：讓孩子們?cè)缛栈丶?04公益最早源于“NotFound Project”，是由多個(gè)公益組織聯(lián)合發(fā)起的項(xiàng)目；它利用閑置的404報(bào)錯(cuò)頁面來發(fā)布走失兒童的信息，將頁面內(nèi)容的丟失和兒童走失聯(lián)系到一起，為那些找不到家的孩

4、子們?cè)缛栈氐郊胰说膽驯ж暙I(xiàn)一份力量。 404公益頁面#02好設(shè)計(jì)方便快捷又好用為了讓我們手里的產(chǎn)品更加好用，設(shè)計(jì)師們可是絞盡腦汁為我們獻(xiàn)上了一個(gè)又一個(gè)拍案叫絕的好設(shè)計(jì)。飛豬旅行：畫個(gè)圈來尋找酒店用飛豬地圖找酒店的時(shí)候，我們可以在地圖上畫出希望入住的酒店區(qū)域，相較于僅通過距離來篩選酒店的方式，畫圈的交互充分滿足了用戶自定義范圍找酒店的訴求，簡單高效。 飛豬自由圈選酒店夸克瀏覽器：讓修改字符更加便捷夸克瀏覽器在鍵盤上方的工具條會(huì)預(yù)設(shè)一個(gè)滑塊功能，該滑塊點(diǎn)擊后寬度會(huì)延展，是針對(duì)輸入長串字段后需要修改或刪除字符操作的場景。這個(gè)細(xì)節(jié)非常有效地提高了光標(biāo)定位的效率，對(duì)文字工作者極為友好。 夸克搜索光標(biāo)拖動(dòng)

5、滑軌哈羅單車：上報(bào)故障就這么簡單哈羅單車的故障上報(bào)頁面，以圖形化的方式非常直觀地將單車的各個(gè)部件拆解開來，用戶只需點(diǎn)擊相應(yīng)模塊即可完成上報(bào)，免去了繁瑣的文字描述同時(shí)也提升了報(bào)錯(cuò)的準(zhǔn)確性。 哈羅單車故障上報(bào)頁面淘寶：選購商品變得有趣又真實(shí)現(xiàn)在越來越多的淘寶商品支持3D模型了，消費(fèi)者可以在屏幕上拖動(dòng)任意角度查看商品和詳細(xì)介紹，還能對(duì)比不同材質(zhì)和外觀細(xì)節(jié)，讓選購商品變得有趣又真實(shí)。 淘寶3D商品互動(dòng)#03好設(shè)計(jì)更加貼心懂你如果說有趣、好用的設(shè)計(jì)足以打動(dòng)人心的話，那些充滿善意、體貼關(guān)懷的設(shè)計(jì)就可謂直擊心靈了。善良的設(shè)計(jì)師們用實(shí)際行動(dòng)踐行著勿以善小而不為的信條。支付寶：尊重你的使用習(xí)慣iOS版本的支付寶小組件提供了多種用戶個(gè)性化設(shè)置，其中快捷操作的入口的位置可以選擇為靠屏幕左側(cè)或者屏幕右側(cè)。雖然功能很小，但卻極大地方便了慣用左右手的不同用戶。 支付寶iOS桌面小組件淘寶特價(jià)版：老年人也可以輕松評(píng)價(jià)許多中老年用戶在文字閱讀上存在障礙，也不會(huì)使用鍵盤輸入操作。針對(duì)這一情況，淘特在商品評(píng)價(jià)模塊增加了語音評(píng)價(jià)的功能，使得中老年用戶在評(píng)價(jià)商品和了解評(píng)價(jià)信息時(shí)更加輕松。 淘特語音評(píng)價(jià)功能火箭鬧鐘：就是不想讓你睡過頭如果你也和小編一樣是個(gè)起床困難戶的話，那么火箭鬧鐘這款A(yù)pp就是專門為你我準(zhǔn)備的。為了避免我們隨手關(guān)掉了鬧鐘之后睡過頭，它有許多你意想不到的關(guān)閉鬧鐘的方式，