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

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

在設計上，這些按鈕都是通用樣式按鈕或者是圖片按鈕，一看就知道能點擊，在功能上沒什么問題，例如以下按鈕：

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

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

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

添加上這個按鈕效果后，問題迎刃而解，看看以上三個按鈕點擊后的效果吧：

不僅解決了問題，在用戶體驗上也得到了很大的提升，最后來看幾個實際運用吧：

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

作者： dboy~小真

文章來源：http://www.dboy365.com/archives/856 轉(zhuǎn)載請注明出處鏈接。

標簽： 交互設計 按鈕設計 產(chǎn)品設計 

版權申明：本站文章部分自網(wǎng)絡，如有侵權，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權歸原作者所有，如需使用，請與原作者聯(lián)系。