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

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

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

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

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

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

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

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

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