在當當找以前買的書的時候遇到了這個東西：
(當當網)
“我的書架”中的“閱讀進度-修改”當當是用MouseOver展開的菜單。
讓我感覺有點突然，又說不出哪里有什么問題。所以我決定綜合我所了解的各種情況來研究一下這個MouseOver的問題。
一、鼠標懸停在界面設計中的用途
- 觸發事件。減少點擊操作，更便利的人機交互，如前面當當的“修改”操作框。
- 表示可點。這個通常與鼠標指針變化為“手形”一起用，告訴用戶這個是可以“按”的。
(Facebook) - 懸停菜單。
(Facebook) - 顯示操作選項。可避免操作選項重復出現所造成的頁面排版和顯示的混亂。
(飯否) - 指示鼠標的位置，幫助瀏覽(如上圖中鼠標懸停后出現的背景顏色），常用于多個內容顯示列表。
- 幫助選擇，常用于評分系統。
(豆瓣) - 詮釋細節信息。HTML中的alt就有這種作用，也可以用CSS和JavaScript來實現更多的效果和媒體信息。
(Flickr) - 內容展示。許多門戶網站為了節省信息空間，通常把信息集中在相同位置，用內嵌Tab實現信息顯示，有時候Tab還會自動播放。
(騰訊網)
二、懸停觸發事件的顯示效果
顯示效果就像從前用FrontPage做網頁設過程頁面效果一樣，有很多，而且能更多。這里總結一些現在網頁中常用的幾個效果，并不一定只會觸發一個效果，有時候會是幾個效果同時或先后用到。不用懷疑，這些效果的用途跟其他被操作觸發的事件幾乎是相同的。
- 即現和即逝
(Facebook) - 漸現和漸隱
- 展開和縮攏
(Yahoo) - 抽拉式
(WordPress管理后臺) - 過程加載
三、懸停菜單的要素
懸停菜單是鼠標懸停中使用得最多的一個用途。我試著分析一些案例，總結一下懸停菜單的要素，也許對朋友們在將來做交互設計中會有一些幫助。我總會用“盡可能”、“最好”這種詞語，因為我說的并不是在制定一項標準。
- 可視。被懸停對象本身看上去是可以點的，類似像：文字鏈接、圖標鏈接、按鈕、區域、符號等；
(Yahoo) - 統一。綜合上面兩條，不管是懸停、還是點擊，觸發的都盡可能是相同的事件（這一點上，可以和點擊操作進行區別）。如果不相同，建議使用點擊菜單，而非懸停菜單；
- 獨立。懸停時不會因為進行下一步操作而“觸犯”到其他不相關的事件，使當前操作中斷。在Tab使用中經常遇到這種問題，不般不建議在不轉換位置橫的向菜單中使用懸停效果；
- 合理。既然為了“節省”點擊操作，同樣接下來的操作也最好不要弄得太復雜，否則還是留給點擊菜單操作吧。
四、聯想：什么情況下用懸停效果？
在什么情況下用懸停(over)，什么情況下用移開(out)，什么情況下用按下(press)，什么情況下用放開(realese)，什么情況下用拖拽(drag)……這些問題，都跟我們使用操作系統鼠標單雙擊一樣的值得思考。這些問題是兩面性的，你用著成了習慣，所以就知道什么是單擊，什么是雙擊；而另一面，正是因為我們日常的習慣，操作系統才為我們看到的安排上單擊和雙擊兩種操作。更奇妙的是，你還可以給操作系統更換這個習慣，把需要單擊和雙擊的操作都調個個兒。
在我教媽媽使用電腦的時候，她經常搞不清什么時候該單擊，什么時候該雙擊，而我卻沒有去仔細思考，用怎樣的語言組織這個區分方法。
我的理解：操作系統（很遺憾我只用過Windows）中的單擊應該主要有三個目的，一是選中對象，二是展開操作，三是快速開啟/運行。
雙擊的主要就兩個目的打開和運行。
但這種說法，對于剛剛才接觸電腦的媽媽來說，似乎不那么容易記住呢？！
讓我們跳出這種邏輯思維吧，不必要想著數據和效果的區別，只需要想象我們平時生活中的如何處理。
什么東西會讓我們要去拉、去推、去拖、去放，也有一些不需要用力（或是用了輕微的力）就可以被你帶動改變起來。
如：拉門、推窗、拖碗、播種，被擋住光線的地方會變成陰影，手動一動可以扇出一絲風來……
在做這些效果選擇時，盡量不去挑戰用戶的耐心和思考，這樣我們就功德圓滿了。
五、使用懸停的一些提示
- 慎用懸停效果
如果不能做到明確、易懂，盡少用戶造成困擾，最好的方法是不用懸停效果。跟我們的生活上的理想一樣，我們主動去推動一件事的機會總是大得多，不需要為了融合一方面的需求（減少用戶的操作）而忽略了其他的感知。 - 相同符號不應出現效果的混用
這里指的混用并不是說一個網站不可以用多種效果，而是特指某些我們認為是相同或相似的標識。如倒三角【▼】，在許多地方是用來點開或展開下拉菜單，但如果同個網站在不同的區域倒三角點或不點出現混亂，這樣用戶會像我媽媽那樣思考：什么時候該點，什么時候只用移上去就好了？
WordPress管理后臺多處用到三角和倒三角符號，但效果卻各不相同，下面從左到右效果分別是：點擊、懸停/點擊、點擊展開。
- 懸停和點擊在菜單中常用方法
有許多時候有著相同的用途，但更多的時候點擊菜單用于“選項”、“操作”，懸停菜單用于“擴展”和“詮釋”。
經過上面許許多多的思考和分析，終于明白當當的懸停操作為什么感覺有點怪了：看上去不可點（光藍色字體？），鼠標移上去想點的時候突然跳出來操作框，“嚇一跳”的感覺。哈哈。不過，其實心里還是有點欣慰的，因為我不用點了。。。不過，也許這種欣慰來源于職業，其他用戶會不會也這么覺得呢？
最后，請不要因為我寫了這么多而陷入疑惑，這些都是個人研究和提議，你可以突破它、改善它。
粵公網安備 44010402000282號