|
現(xiàn)在的軟件越做越大，功能也越來越復(fù)雜，然而展示給用戶操作的界面卻有限，聰明的交互設(shè)計(jì)師們想出了很多方法來解決這類問題，比如放出常用操作，而把一些不常用的相近操作給隱藏起來。下拉箭頭就是一種常用的打開更多操作的方式。
看兩個(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)。后面沒有分割線的觸發(fā)后就只是一種更多操作的選項(xiàng)。
所以，目前我們分辨以上兩種樣式相同的下拉箭頭的方法只是：移動(dòng)鼠標(biāo)看觸發(fā)效果，有間隔線的前面是操作，后面是更多選項(xiàng)。而沒有間隔線的就是一個(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)來看，第2、3、6、7的圖標(biāo)旁邊應(yīng)該加個(gè)小小的下拉箭頭，鼠標(biāo)觸發(fā)效果應(yīng)該是沒有間隔線的那種。類比的可以看看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è)類似層的界面，本質(zhì)上屬于更多操作。處理方法應(yīng)該需要下拉箭頭，鼠標(biāo)觸發(fā)后的效果也是圖標(biāo)可以箭頭之間沒有間隔線的。
PS：看到了更高級(jí)的應(yīng)用，以下截圖是是QQ的群聊天窗口。
發(fā)現(xiàn)不同了么？
一個(gè)下拉箭頭是在圖標(biāo)和字的中間，一個(gè)下拉箭頭是在圖標(biāo)和字的右側(cè)（和一般的一樣）。據(jù)說，在箭頭在中間的就是表示此操作為打開更多選項(xiàng)，也就是沒有間隔線的；箭頭在右側(cè)的和一般的邏輯一致（一種理論：根據(jù)下拉箭頭的位置判斷可能的操作，直觀）。
這里貌似是個(gè)不錯(cuò)的解決辦法，但是他的問題是：
- 要是我縮小了窗口，提示文字隱藏了，我該怎么去判斷呢？（這個(gè)時(shí)候還是要用原始的鼠標(biāo)觸發(fā)方法吧。）
- 這里的圖標(biāo)+下拉箭頭+提示文字的組合根本不符合標(biāo)準(zhǔn)（這里文字出現(xiàn)的意義就是為了解釋圖標(biāo)的，但是卻被操作性的下拉箭頭隔離了，那么他去解釋下拉菜單？）。所以根據(jù)下拉箭頭判斷也就無從說起了。
Update：上一個(gè)標(biāo)準(zhǔn)的例子，來自yahoo mail。直接做成按鈕狀的帶間隔線的效果，直觀，易懂。
出處：hiseven.net
責(zé)任編輯：moby
上一頁 下一頁 下拉箭頭在web上的應(yīng)用
|
第 1 頁 下拉箭頭怎么拉？
第 2 頁 
