前段時(shí)間被項(xiàng)目組的一個(gè)同學(xué)挑戰(zhàn)了~問(wèn)題圍繞著系統(tǒng)右上角的快捷圖標(biāo)，其下拉內(nèi)容是應(yīng)該點(diǎn)擊（mouse click）觸發(fā)還是鼠標(biāo)移到圖標(biāo)上時(shí)（mouse enter）觸發(fā)，我支持前者的原因，在于整個(gè)系統(tǒng)所有的下拉菜單都是通過(guò)點(diǎn)擊觸發(fā)，沒(méi)有必要在特定的位置做不一樣的處理，反而增加用戶的記憶成本；而他支持后者，原因在于，他覺(jué)得這種方式可以減少用戶點(diǎn)擊的操作，更快捷一點(diǎn)。（似乎聽(tīng)起來(lái)都有道理_=。=）

為了證明各自的觀點(diǎn)，我們分別向?qū)Ψ綊仈S了自己看到的使用己方觀點(diǎn)的系統(tǒng)，mouse enter觸發(fā)的，比如：微博、人人、百度；mouse click觸發(fā)的，比如Teambition，worktile、Google Developers Console等等，這個(gè)爭(zhēng)論讓我意識(shí)到有必要分析下這兩種操作。

場(chǎng)景

Mouse Enter的觸發(fā)，比較常見(jiàn)的是系統(tǒng)頂部菜單的展開(kāi)，
例如樣例：

頂部菜單

這種設(shè)計(jì)的優(yōu)點(diǎn)在于，直接把內(nèi)容推送給用戶，減少操作成本，尤其是像信息含量比較高的菜單，可以讓用戶迅速的了解各個(gè)菜單的內(nèi)容，快速查找到的自己的目標(biāo)，在這個(gè)方面來(lái)說(shuō)，這類設(shè)計(jì)的確要比click觸發(fā)來(lái)的更加快捷直接。

Mouse Click的觸發(fā)，比較常見(jiàn)的是系統(tǒng)左側(cè)菜單的展開(kāi)，
例如樣例：

左側(cè)菜單

這種設(shè)計(jì)的優(yōu)點(diǎn)在于，符合了用戶對(duì)于展開(kāi)、收縮圖標(biāo)的認(rèn)知，并且在PC端的操作中，點(diǎn)擊操作是一個(gè)認(rèn)知最為廣泛的操作，對(duì)于有目的性的點(diǎn)擊，并不會(huì)過(guò)多的增加用戶的使用成本；并且還便于整個(gè)系統(tǒng)操作方式的統(tǒng)一。

使用的權(quán)衡

1. 我建議需要考慮的第一點(diǎn)：一致性，無(wú)論采取何種設(shè)計(jì)，盡量保持整個(gè)系統(tǒng)在同類操作上的一致性。我也見(jiàn)到過(guò)全部下拉選項(xiàng)采用Mouse Enter設(shè)計(jì)的系統(tǒng) Eteams，在展開(kāi)的操作上，培養(yǎng)用戶對(duì)于整個(gè)系統(tǒng)的認(rèn)知，一旦形成了這種認(rèn)知，無(wú)論是哪種方式，都有其存在的意義。

2. 考慮整個(gè)系統(tǒng)對(duì)于這兩種操作的適應(yīng)性。如果我們將上面兩個(gè)例子中使用的設(shè)計(jì)相互置換，就會(huì)發(fā)現(xiàn)，click也可以用到enter的場(chǎng)景中，但是enter的設(shè)計(jì)用到click中會(huì)顯得有點(diǎn)顛覆常識(shí)（當(dāng)然，這可能只是個(gè)例），結(jié)合系統(tǒng)自身的結(jié)構(gòu)，考慮兩個(gè)方案的優(yōu)先級(jí)。

3. 考慮目標(biāo)用戶操作的習(xí)慣性。

我們項(xiàng)目正在改版一個(gè)老系統(tǒng)，其菜單的展開(kāi)方式就是上面例子中mouse enter的設(shè)計(jì)，我曾默默的觀察了不同用戶（甚至包括產(chǎn)品自己的PD、運(yùn)營(yíng)）對(duì)這個(gè)菜單的使用，發(fā)現(xiàn)大家還是會(huì)習(xí)慣性的先去點(diǎn)一下（雖然這不是打開(kāi)菜單的正確方式），這是個(gè)很有意思的現(xiàn)象：即便是產(chǎn)品自身的設(shè)計(jì)者，對(duì)于這種展開(kāi)的認(rèn)識(shí)仍然需要靠自己的記憶調(diào)整，而我在使用的時(shí)候，也需要常常提醒自己這里是不需要點(diǎn)擊的。
對(duì)于PC端的展開(kāi)操作中，我發(fā)現(xiàn)我們的目標(biāo)用戶更多的還是習(xí)慣于點(diǎn)擊觸發(fā)，所以將系統(tǒng)所有的展開(kāi)都規(guī)定成了點(diǎn)擊觸發(fā)，從而引發(fā)了文章開(kāi)頭的討論。

在前期的調(diào)研過(guò)程中，同樣需要考慮到目標(biāo)用戶的操作習(xí)慣，選擇用戶最容易接受的設(shè)計(jì)。

4.考慮誤操作等特殊場(chǎng)景。可以發(fā)現(xiàn)，mouse enter的場(chǎng)景，其操作目標(biāo)都是比較大的~或者有明顯的區(qū)域性，因?yàn)槭髽?biāo)的晃動(dòng)可能導(dǎo)出菜單的時(shí)隱時(shí)現(xiàn)，如果目標(biāo)的面積比較小，或者區(qū)域性不夠明顯，就會(huì)導(dǎo)致用戶在使用過(guò)程中容易丟失目標(biāo)，在使用這種設(shè)計(jì)方式時(shí)，同樣需要考慮這個(gè)影響。

總結(jié)

我曾在面板在對(duì)象展示中的應(yīng)用提到過(guò)一個(gè)觀點(diǎn)：如果操作路徑清晰，用戶對(duì)于操作路徑抵達(dá)的要求就不會(huì)那么苛刻（當(dāng)然，路徑還是越短越好），然而，如果在這個(gè)過(guò)程中，用戶因?yàn)檎`操作、系統(tǒng)的不一致等問(wèn)題，導(dǎo)致多次操作無(wú)果，這才是惹怒用戶的地方。
所以上述兩者設(shè)計(jì)本身出發(fā)的設(shè)計(jì)理論無(wú)可厚非，但是我們需要通過(guò)一系列的場(chǎng)景來(lái)識(shí)別使用。當(dāng)然，我個(gè)人更加喜歡Click的操作啦_hia