用戶(hù)體驗(yàn)看谷歌如何巧用「浮動(dòng)標(biāo)簽」,改善表單信息輸入體驗(yàn)

產(chǎn)品: Google獵人: AmberDu小白作者: Google設(shè)計(jì)團(tuán)隊(duì)觀眾: 6.7k人 時(shí)間: 2018-07-11

Google

與「Google」有關(guān)的細(xì)節(jié)還有 36查看全部

我也有新發(fā)現(xiàn) 我要投稿
看谷歌如何巧用「浮動(dòng)標(biāo)簽」,改善表單信息輸入體驗(yàn)看谷歌如何巧用「浮動(dòng)標(biāo)簽」,改善表單信息輸入體驗(yàn)

細(xì)節(jié)描述

AmberDu小白: 占位符文本框是時(shí)下最常見(jiàn)的運(yùn)用于注冊(cè)登錄界面信息錄入的方式,但其實(shí)它對(duì)較復(fù)雜的表單并不友好。因?yàn)橐坏┪谋居虮惶顚?xiě)了內(nèi)容,占位符文字就會(huì)消失,這樣會(huì)給用戶(hù)帶來(lái)短期的記憶負(fù)擔(dān)也不利于檢查填寫(xiě)內(nèi)容。谷歌在注冊(cè)與登錄界面的設(shè)計(jì)上選用了「浮動(dòng)標(biāo)簽」來(lái)優(yōu)化輸入體驗(yàn)。當(dāng)用戶(hù)在填寫(xiě)當(dāng)前表單域時(shí),可浮動(dòng)的內(nèi)聯(lián)標(biāo)簽就會(huì)縮小上移到表單上方空白處。微交互的使用既保證了界面設(shè)計(jì)的簡(jiǎn)潔舒適,又為用戶(hù)提供了清楚的輸入幫助信息提示,有助于用戶(hù)更輕松地完成操作。

1033人評(píng)分
收藏 11
分享細(xì)節(jié)海報(bào)

發(fā)表評(píng)論 為下方 8 條評(píng)論點(diǎn)贊,解鎖好運(yùn)彩蛋

{{ moreBtnTxt }}

你可能還愛(ài)看

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

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

獵人 - AmberDu小白9.3

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

查看詳情

#Readme#人性化#微交互

今年的「母親節(jié)」,Google Doodle又為我們帶來(lái)怎樣的驚喜?
Google

設(shè)計(jì)彩蛋今年的「母親節(jié)」,Google Doodle又為我們帶來(lái)怎樣的驚喜?

獵人 - AmberDu小白10.0

每年5月的第二個(gè)星期日為「母親節(jié)」,Google Doodle今年用兩張童趣十足的彈出式愛(ài)心卡片為全世界的母親們帶來(lái)了節(jié)日的祝福。以愛(ài)心和花朵為主要元素,帶著稚氣與童真的彩色...

查看詳情

#Google#Google Doodle#情懷

「微信」如何訂閱公眾號(hào)的話題內(nèi)容?
微信

閱讀體驗(yàn)「微信」如何訂閱公眾號(hào)的話題內(nèi)容?

獵人 - AmberDu小白5.3

將「微信」升級(jí)到最新版本,點(diǎn)開(kāi)公眾號(hào)的原創(chuàng)文章,帶話題的文章詳情頁(yè)上面會(huì)有一個(gè)「收錄于話題」的集合頁(yè)入口,點(diǎn)擊進(jìn)入就能在頁(yè)面上方找到「訂閱話題」的按鈕了。訂閱以后,該話題如果...

查看詳情

#信息呈現(xiàn)#公眾號(hào)#好功能