在近期設(shè)計的一系列產(chǎn)品中,上線后都遇到一個同樣的問題:用戶會多次點擊一個按鈕,由此引發(fā)的一系列的問題,例如同時提交了多次重復(fù)數(shù)據(jù)等問題,有些問題雖然能從技術(shù)上的到避免,但我們應(yīng)該從設(shè)計開始就考慮到這些細節(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)前)的按鈕效果,也就是讓一個按鈕有三個效果,普通效果、鼠標懸停的效果、點擊后的效果;
添加上這個按鈕效果后,問題迎刃而解
不僅解決了問題,在用戶體驗上也得到了很大的提升
感謝閱讀小D的文章,點點細節(jié)可能早已熟記在你心中,但還要分享給更多剛加入設(shè)計行業(yè)的朋友們共同學(xué)習(xí)。