中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

設(shè)計(jì)表單很容易被看成是一件苦差事，耗費(fèi)了我們可以用在其他更激動(dòng)人心部分的時(shí)間。支付是結(jié)賬流程的一部分，這時(shí)候用戶正處于用信任你和產(chǎn)品的邊緣，此時(shí)的體驗(yàn)應(yīng)該是盡可能優(yōu)秀的愉悅的，而正確使用動(dòng)畫可以真正提升用戶體驗(yàn)。

動(dòng)畫的目的不僅僅是為了娛樂(lè)用戶，相反應(yīng)該幫助用戶更好地理解即將發(fā)生什么事情，以及如何高效地使用你的產(chǎn)品。如果你禁用動(dòng)畫，那么流程體驗(yàn)將會(huì)大打折扣。如果不是這樣，那么可能意味著你的動(dòng)畫是多余的。

這也正是Stripe Checkou背后的團(tuán)隊(duì)想要尋找的，這也是我們?yōu)槭裁磿?huì)花大量時(shí)間和精力來(lái)打造Checkout。我們主要關(guān)注在Checkout中使用動(dòng)畫，因?yàn)槲覀兿嘈潘鼈儠?huì)豐富應(yīng)用的核心體驗(yàn)。為了闡明動(dòng)畫是如何工作的，我將用我們目前已經(jīng)實(shí)現(xiàn)的動(dòng)畫作為示例。

動(dòng)畫添加內(nèi)容

這個(gè)過(guò)渡演示了動(dòng)畫可以對(duì)用戶有用。很明顯，在我們要求用戶添加電話號(hào)碼作為Remember me步驟中一部分時(shí)，該動(dòng)畫展示很好地展示了電話號(hào)碼輸入部分。

晃動(dòng)！晃動(dòng)！晃動(dòng)！

當(dāng)創(chuàng)建表格的時(shí)候，很容易忽略用戶出錯(cuò)時(shí)的體驗(yàn)。這個(gè)動(dòng)畫告訴用戶他們提供了錯(cuò)誤的信息，這也是用戶倍感挫敗的地方，也經(jīng)常會(huì)導(dǎo)致很高的支付流失率。所以我們添加了這個(gè)簡(jiǎn)單的晃動(dòng)效果。在事情出錯(cuò)時(shí)，它同時(shí)也可以減輕用戶挫敗感。上邊這個(gè)設(shè)計(jì)是簡(jiǎn)單的晃動(dòng)。

變戲法

動(dòng)畫可以讓用戶察覺(jué)到事情進(jìn)展比他們想象中的要快很多。當(dāng)你等待某個(gè)東西時(shí)，我們知道時(shí)間相對(duì)來(lái)說(shuō)會(huì)慢的像蝸牛。上邊這個(gè)小小的動(dòng)畫可以讓等待變得更加流暢有趣，即便實(shí)際上時(shí)間并沒(méi)有任何不同。值得注意的是，這個(gè)動(dòng)畫整體上來(lái)說(shuō)是個(gè)幻覺(jué)–實(shí)際上我們并不知道什么時(shí)候你收到了信息。

按鈕轉(zhuǎn)換

微妙的動(dòng)畫是我的最愛(ài)。“Payment Info”和“Pay $25.00”兩種狀態(tài)之間的轉(zhuǎn)換使用了滑動(dòng)效果，呼應(yīng)了上邊支付細(xì)節(jié)的過(guò)渡。當(dāng)你完成每個(gè)步驟的時(shí)候，突出了鏈接操作的按鈕的改變。

當(dāng)用戶點(diǎn)擊“Pay”時(shí)，在展示成功狀態(tài)前會(huì)出現(xiàn)一個(gè)短時(shí)間持續(xù)的spinner。我非常喜歡這個(gè)checkmark動(dòng)畫，它讓你覺(jué)得很簡(jiǎn)單就完成了購(gòu)買。

加分項(xiàng)

這個(gè)動(dòng)畫看起來(lái)似乎有點(diǎn)多余，即便移除了也不會(huì)打斷使用流程–這與本文的一般前提是矛盾的。但是我認(rèn)為它在改進(jìn)使用流程方面仍然是有用的。我和大多數(shù)人一樣，不大相信那些用起來(lái)像是10年前做的網(wǎng)站一樣。上邊這個(gè)動(dòng)畫為整個(gè)用戶體驗(yàn)賦予了優(yōu)美的感覺(jué)，它對(duì)細(xì)節(jié)的關(guān)注讓你忍不住信任它。

我用這些例子說(shuō)明可以在意想不到的地方添加動(dòng)畫，從而提升用戶體驗(yàn)。不管你的應(yīng)用是什么類型的，正確使用動(dòng)畫可以讓事情更加清晰，連接用戶操作后的結(jié)果，改變他們對(duì)時(shí)間的知覺(jué)，更重要的是讓用戶感到愉悅。動(dòng)畫并不僅僅適用于音樂(lè)、照片或者天氣類應(yīng)用。

文章來(lái)源：CocoaChina