現(xiàn)在的軟件越做越大，功能也越來(lái)越復(fù)雜，然而展示給用戶(hù)操作的界面卻有限，聰明的交互設(shè)計(jì)師們想出了很多方法來(lái)解決這類(lèi)問(wèn)題，比如放出常用操作，而把一些不常用的相近操作給隱藏起來(lái)。下拉箭頭就是一種常用的打開(kāi)更多操作的方式。

看兩個(gè)標(biāo)準(zhǔn)的windows下拉箭頭的例子：

上面兩個(gè)都是標(biāo)準(zhǔn)的圖標(biāo)+文字+箭頭的形式，但是這兩種種下拉箭頭有什么不同么？我們把鼠標(biāo)移上去，他們變成了這個(gè)樣子：

第一種觸發(fā)后在圖標(biāo)文字和下拉箭頭之間有一條分割線，而后面的只是一個(gè)有觸發(fā)的效果；前一種分割線前面的圖標(biāo)文字表示一種操作，而分割線后面的下拉箭頭表示更多的操作選項(xiàng)。后面沒(méi)有分割線的觸發(fā)后就只是一種更多操作的選項(xiàng)。

所以，目前我們分辨以上兩種樣式相同的下拉箭頭的方法只是：移動(dòng)鼠標(biāo)看觸發(fā)效果，有間隔線的前面是操作，后面是更多選項(xiàng)。而沒(méi)有間隔線的就是一個(gè)下拉選項(xiàng)而已。

當(dāng)然，這種方法不直觀，你必須鼠標(biāo)觸發(fā)后，才知道這個(gè)下拉箭頭倒是是一個(gè)什么操作。

但這種操作在Win系統(tǒng)的軟件里面，已經(jīng)很標(biāo)準(zhǔn)了。以下都是運(yùn)用這個(gè)標(biāo)準(zhǔn)的一些例子。

Google toolbar 

QQ聊天窗口 

但同時(shí)，在QQ的聊天街面上，發(fā)下了一些似乎并不那么符合這個(gè)標(biāo)準(zhǔn)的按鈕，比如以下這個(gè)

按照以上的標(biāo)準(zhǔn)來(lái)看，第2、3、6、7的圖標(biāo)旁邊應(yīng)該加個(gè)小小的下拉箭頭，鼠標(biāo)觸發(fā)效果應(yīng)該是沒(méi)有間隔線的那種。類(lèi)比的可以看看msn聊天窗口的處理，似乎就比QQ處理的好（嘿嘿，這樣似乎可以證明QQ不是簡(jiǎn)單的抄襲MSN呢）。

以上聊天窗口操作欄，QQ的傳圖片的圖標(biāo)（第4個(gè)）和MSN的更改字體的圖標(biāo)（第5個(gè)）點(diǎn)擊后都是彈出windows標(biāo)準(zhǔn)窗體，而其他的圖標(biāo)，比如選擇表情，都是拉出一個(gè)類(lèi)似層的界面，本質(zhì)上屬于更多操作。處理方法應(yīng)該需要下拉箭頭，鼠標(biāo)觸發(fā)后的效果也是圖標(biāo)可以箭頭之間沒(méi)有間隔線的。

PS：看到了更高級(jí)的應(yīng)用，以下截圖是是QQ的群聊天窗口。

發(fā)現(xiàn)不同了么？

一個(gè)下拉箭頭是在圖標(biāo)和字的中間，一個(gè)下拉箭頭是在圖標(biāo)和字的右側(cè)（和一般的一樣）。據(jù)說(shuō)，在箭頭在中間的就是表示此操作為打開(kāi)更多選項(xiàng)，也就是沒(méi)有間隔線的；箭頭在右側(cè)的和一般的邏輯一致（一種理論：根據(jù)下拉箭頭的位置判斷可能的操作，直觀）。

這里貌似是個(gè)不錯(cuò)的解決辦法，但是他的問(wèn)題是：

• 要是我縮小了窗口，提示文字隱藏了，我該怎么去判斷呢？（這個(gè)時(shí)候還是要用原始的鼠標(biāo)觸發(fā)方法吧。）
• 這里的圖標(biāo)+下拉箭頭+提示文字的組合根本不符合標(biāo)準(zhǔn)（這里文字出現(xiàn)的意義就是為了解釋圖標(biāo)的，但是卻被操作性的下拉箭頭隔離了，那么他去解釋下拉菜單？）。所以根據(jù)下拉箭頭判斷也就無(wú)從說(shuō)起了。

Update：上一個(gè)標(biāo)準(zhǔn)的例子，來(lái)自yahoo mail。直接做成按鈕狀的帶間隔線的效果，直觀，易懂。

先給個(gè)標(biāo)準(zhǔn)的例子，來(lái)自Gmail，在打開(kāi)一封郵件后，右上角的回復(fù)快捷操作和更多的操作。

很明顯，間隔線前的操作是回復(fù)此郵件，后的下拉箭頭表示更多針對(duì)此郵件的操作。

這里還有一個(gè)例子，來(lái)自著名的Discuz論壇，在任何一個(gè)版面都可以見(jiàn)到的右上角的“發(fā)新帖”的按鈕。

直接看這種樣式的設(shè)計(jì)，應(yīng)該是鼠標(biāo)點(diǎn)擊“新帖”為發(fā)表一個(gè)新的帖子的意思，而點(diǎn)擊后面的下拉箭頭，就是（發(fā)表的）更多操作。

但實(shí)際上：

當(dāng)你把鼠標(biāo)移動(dòng)到這個(gè)按鈕的任何一處，就彈出了這么一個(gè)層。當(dāng)然，這個(gè)是運(yùn)用的高超的ajax技術(shù)，給你帶來(lái)了不需要多點(diǎn)擊一次鼠標(biāo)的便利，但他同時(shí)也給我?guī)?lái)了很大的困惑。

• 鼠標(biāo)一移動(dòng)到“新帖”的按鈕，就彈出四個(gè)選擇，那么是不是，我發(fā)帖一定要選擇以下四種之一呢？就是說(shuō)，本站只能發(fā)以下四種帖子。（我想，Discuz的意思應(yīng)該是論壇可以發(fā)以下五種帖子。但是，我一移動(dòng)到新帖上，就彈出四種選項(xiàng)，這么強(qiáng)烈的吸引走了我的注意力。很容易讓人覺(jué)得這個(gè)是發(fā)帖的必須選擇。）
• 鼠標(biāo)移動(dòng)到下拉箭頭上，出來(lái)的是同樣的東西。那么干嘛把“新帖”和下拉箭頭分開(kāi)？
  

根據(jù)這個(gè)設(shè)計(jì)所表達(dá)的意思，我想，只需要簡(jiǎn)單的這么處理以下，應(yīng)該就能解決問(wèn)題了：

鼠標(biāo)移動(dòng)到新帖上，點(diǎn)擊，表示發(fā)表一個(gè)新的帖子。鼠標(biāo)移動(dòng)到后面的下拉箭頭，自動(dòng)彈出選項(xiàng)框，表示還可以發(fā)表更多類(lèi)型的帖子。這個(gè)邏輯和Gmail的回復(fù)是一致的。

PS：這種設(shè)計(jì)形式下的交互方式是符合邏輯的，但是，跟Gmail的回復(fù)操作一樣，他也不免有一些 小小的弊端 ：后面的下拉箭頭表示是跟發(fā)新帖一類(lèi)的操作，但是交代的不是很清楚。

最清晰直觀的解決方法就是，把這5種發(fā)表帖子一一擺開(kāi)（當(dāng)然可以在樣式上突出第一個(gè)），類(lèi)似的效果在早期的Discuz可以看到。

但是以上只有2種類(lèi)型的帖子，一一擺出來(lái)還是可以的。后面發(fā)展到了5種（說(shuō)不定以后還有更多類(lèi)型的帖子），一一擺開(kāi)顯然是不明智的做法，一是設(shè)計(jì)上不好看，二是后面四種屬于不常有的操作。所以采取了放出一種常用操作（發(fā)表普通帖子）而把不常用的藏起來(lái)的做法，這時(shí)，自然而然的就想到了用下拉菜單來(lái)解決。

Discuz的想法是好的，只是在結(jié)合ajax技術(shù)運(yùn)用時(shí)，一些交互的細(xì)節(jié)沒(méi)有把握好。