譯文 | Buttons 不應(yīng)該用手型光標(biāo)

手型光標(biāo)代表著可點擊的,這幾乎成為一個定理。然而,這個理論卻不一定不正確。我希望讀完本文之后,你再也不會在 buttons 上用手型光標(biāo)了。

手型光標(biāo)并不意味著可點擊

毫無意外,瀏覽器從來不給 buttons(或其他元素)一個默認的手型光標(biāo),因為他們從來就沒有那種意思??聪旅娴慕貓D


Chrome on Mac OS

目錄,tab切換,留白,瀏覽按鈕,書簽欄,谷歌輸入框等等,幾乎所有的元素都是可交互的、可點擊的,但是,沒有一個用手形光標(biāo)。

還有很多圖上沒有顯示的可交互、可點擊元素,包括可選目錄,切換,復(fù)選框,單選框,標(biāo)簽,文字等等,同樣沒有用手型光標(biāo)。

在很多你沒有用過的電腦系統(tǒng)上也出現(xiàn)了同樣的情況。你可以在包括 Buttons 的一系列的元素上點擊,拖動,選擇,按壓,左鍵點擊,右鍵點擊,然而 Buttons 在鼠標(biāo)懸浮的時候卻沒有出現(xiàn)手型光標(biāo)。


“License Agreement” 是鏈接,用了手型光標(biāo). buttons 卻沒有.

這帶給我們的啟示是,光標(biāo)是不被注意的。要記住,光標(biāo)僅僅在鼠標(biāo)懸浮時才是可用的。

這就是為什么多選框從來都不是圓形的(同樣單選框從來不是方形的)的原因。同時,這也是為什么鏈接都帶有下劃線的原因,事實上也是鏈接用手型光標(biāo)的原因。

手型光標(biāo)是鏈接專用的

手形光標(biāo)(也有可能是帶下劃線的文字)意味著鏈接。鏈接不是 buttons 。鏈接來自于網(wǎng)頁,為了幫助用戶了解它的特殊,它們用手形光標(biāo)來表示。這是一個額外的規(guī)律。原因有以下幾點:

1.點擊鏈接會打開一個網(wǎng)頁或者資源;

2.在電腦設(shè)備上,可以右鍵點擊一個鏈接從而有更多的操作,比如在新窗口/標(biāo)簽頁打開,保存鏈接,復(fù)制地址,加入閱讀列表,加入書簽等等,但是在buttons上卻不能;

3.在手機設(shè)備上,可以點擊并按住一個鏈接,得到一個相似的上下文菜單;

4.鏈接同時會告訴我,我可以去不同的頁面而不用修改任何的數(shù)據(jù)或者做任何改變(然而buttons卻可能會這樣做)。

總結(jié)

當(dāng)一個button有手型光標(biāo)時,它其實是在暗示用戶正在和鏈接進行交互,然而它卻不是鏈接。如果你想要在鼠標(biāo)懸浮在button上時給一個視覺的反饋,你可以用其他方式的改變,比如背景顏色的改變。一個經(jīng)過設(shè)計的button不需要手型光標(biāo)來幫助用戶意識到它的作用。

手型光標(biāo)是為鏈接而保留的,因為它們在行為上是獨特的。瀏覽器和操作系統(tǒng)已經(jīng)幫你做了該做的工作,和流行的理論相反,瀏覽器懂得最好的。

從網(wǎng)頁誕生以來,鏈接就一直用這種方式被處理,這是網(wǎng)頁的慣例,你不需要在這上面搞創(chuàng)新。在瀏覽器已經(jīng)幫你處理的問題上,你可以休息一下,而把精力用在解決真正的問題上。


譯者說明:作者在文中說的 button 是html中的一個標(biāo)簽,主要是用來提交表單的,而不是我們平時常說的“按鈕”,因此在翻譯過程中并沒有把 button 直接翻譯成“按鈕”。在做設(shè)計的時候,如果是真正的 button ,我們可以按照作者所說的去做,不用特意給它一個手型的光標(biāo)特效,但是如果是我們把“鏈接”設(shè)計成按鈕的樣子,還是需要有手型的光標(biāo)特效的,因為它實際上還是鏈接。

原文鏈接:Buttons shouldn’t have a hand cursor

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,062評論 25 709
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,335評論 0 17
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,376評論 4 61
  • 月子,其實就是家人們?yōu)榱藡寢屔眢w的恢復(fù),和寶寶接受這個新的世界,勞師動眾“伺候著”。若因為一些細節(jié)沒考慮到,而讓這...
    等等麻米閱讀 273評論 1 1
  • 等世界蒼老 我愿躺在茅草堆 叼著稻草穗 看天空飄過的鳥 聽山里野叫 曬三時的陽光 看四季的花草 尋覓晨曦的露水 揮...
    沉默的烏鴉閱讀 138評論 0 0

友情鏈接更多精彩內(nèi)容