在近期設(shè)計(jì)的一系列產(chǎn)品中，上線后都遇到一個(gè)同樣的問題：用戶會(huì)多次點(diǎn)擊一個(gè)按鈕，由此引發(fā)的一系列的問題，例如同時(shí)提交了多次重復(fù)數(shù)據(jù)等問題，有些問題雖然能從技術(shù)上的到避免，但我們應(yīng)該從設(shè)計(jì)開始就考慮到這些細(xì)節(jié)，從而在設(shè)計(jì)上就避免問題發(fā)生的可能性。

來分析一下為什么用戶要連續(xù)不斷的多次點(diǎn)擊一個(gè)按鈕？

在設(shè)計(jì)上，這些按鈕都是通用樣式按鈕或者是圖片按鈕，一看就知道能點(diǎn)擊，在功能上沒什么問題

這樣的按鈕用戶不用考慮就知道可以點(diǎn)擊，如果比較理想的話，點(diǎn)擊后就能看到效果，還特地添加了Ajax效果，可悲劇的是很多數(shù)據(jù)都是重復(fù)的，起初還以為是程序問題呢，晚上用手機(jī)上網(wǎng)才明白是怎么回事；

真相：當(dāng)網(wǎng)速慢時(shí)，點(diǎn)擊按鈕并不會(huì)緊接著看到效果，而是沒有反應(yīng)，按常理來理解就是沒有點(diǎn)上，這就麻煩了，習(xí)慣性的狂點(diǎn)一陣，等網(wǎng)絡(luò)反應(yīng)過來已經(jīng)釀成了一個(gè)個(gè)悲劇。

這樣的問題很好避免，一方面是程序加好判斷，多次點(diǎn)擊無效；另一方面就得從設(shè)計(jì)入手，設(shè)計(jì)上點(diǎn)擊后直至生效前（或頁(yè)面跳轉(zhuǎn)前）的按鈕效果，也就是讓一個(gè)按鈕有三個(gè)效果，普通效果、鼠標(biāo)懸停的效果、點(diǎn)擊后的效果；

添加上這個(gè)按鈕效果后，問題迎刃而解

不僅解決了問題，在用戶體驗(yàn)上也得到了很大的提升

感謝閱讀小D的文章，點(diǎn)點(diǎn)細(xì)節(jié)可能早已熟記在你心中，但還要分享給更多剛加入設(shè)計(jì)行業(yè)的朋友們共同學(xué)習(xí)。