菜單設(shè)計(jì)快速預(yù)覽

?????任何指令的選項(xiàng)菜單只針對(duì)當(dāng)前的操作.
?????任何指令的(彈出式)文本菜單只針對(duì)當(dāng)前被選中項(xiàng).
?????優(yōu)先排序頻繁使用的指令(or功能).
?????將最重要的指令(or功能)常顯在屏幕.
?????長(zhǎng)按屏幕被選中項(xiàng)可以觸發(fā)(彈出式)文本菜單,并且可以正常觸發(fā)文本菜單上的指令.

文檔目錄

菜單綜覽
1.????選項(xiàng)菜單
2.????文本菜單
3.????選項(xiàng)菜單與文本菜單的區(qū)別
4.????屏幕上的常顯指令

菜單綜覽
注意: 你手機(jī)上的菜單樣式和屏幕外觀有可能與本文中的截圖范例有差異; 此問(wèn)題是由于不同版本的Android系統(tǒng)或不同型號(hào)的手機(jī)而造成的.

1.選項(xiàng)菜單
含有多個(gè)指令的選項(xiàng)菜單會(huì)適用于全局活動(dòng)(活動(dòng),類似PC上的進(jìn)程,譯者注),或者用來(lái)啟動(dòng)其它活動(dòng). 而不適用(文字)內(nèi)容里的選中項(xiàng).
(文字內(nèi)容不能使用選項(xiàng)菜單,譯者注)

在大部分的手機(jī)上, 用戶按下”MENU”鍵就會(huì)在屏幕下方顯示選項(xiàng)菜單.而用戶再次按下”MENU”鍵或”返回”鍵就會(huì)關(guān)閉選項(xiàng)菜單.實(shí)際上, 想要關(guān)閉任何菜單都可統(tǒng)一使用”返回”鍵.(重復(fù)按下”MENU”鍵或者觸擊屏幕空白處也能實(shí)現(xiàn)同樣效果. ) 并且需要注意在不同手機(jī)上的操作方法.

不同的程序有不同的操作方式和選項(xiàng)菜單. 程序在不同的狀態(tài)下會(huì)有不同的選項(xiàng)菜單.
(這一段像是繞口令,大意是不同情況有不同的菜單罷了,譯者注)

比如, 在 Email的郵件列表里面,選項(xiàng)菜單有郵件搜索, 郵件排序,刷新列表,和更改郵箱設(shè)置的功能.在Email程序的排序模式下, 選項(xiàng)菜單也有差異之處, 例如多出了復(fù)制副本, 添加附件和刪除郵件這幾個(gè)功能.

為了掌握數(shù)目眾多的菜單項(xiàng), 選項(xiàng)菜單通常用兩種層級(jí)來(lái)逐步呈現(xiàn).
?????圖標(biāo)選項(xiàng)菜單 – 初次按下MENU鍵, 屏幕會(huì)顯示一個(gè)帶有圖標(biāo)按鈕的無(wú)滾動(dòng)條窗口.(G1手機(jī)上會(huì)顯示6個(gè)常規(guī)按鈕. )
?????擴(kuò)展選項(xiàng)菜單 – 如果這個(gè)程序的菜單項(xiàng)很多(超過(guò)6個(gè)), 選項(xiàng)菜單的最后一個(gè)圖標(biāo)會(huì)標(biāo)記”更多”— 選中后會(huì)彈出一個(gè)包含多個(gè)菜單項(xiàng)目的列表, 有時(shí)還會(huì)帶有滾動(dòng)條.
(這一段原文較為易懂和經(jīng)典,很好地指導(dǎo)了菜單的設(shè)計(jì)方法,譯者注)

在Android的某些固件版本, 用戶可以長(zhǎng)按”MENU”鍵來(lái)彈出快捷鍵盤(pán)– 圖標(biāo)菜單上的文字在程序功能名和快捷鍵盤(pán)兩者間交替變換(若有的話).
(后半段未能理解,譯者注)

2.文本菜單
文本菜單類似于桌面操作系統(tǒng)(如Win7, 譯者注)的右鍵菜單.

如下圖所示, 用戶可以長(zhǎng)按屏幕上的文字來(lái)彈出文本菜單 (若有的話).文本菜單其實(shí)是被選內(nèi)容的一些可操作功能的列表.指令也可以成為當(dāng)前活動(dòng)的一部分,系統(tǒng)能夠忽略已選內(nèi)容而去操控另一個(gè)活動(dòng)(俺也不懂,譯者注).

例如,在郵件列表中,用戶長(zhǎng)按郵件信息會(huì)彈出一個(gè)含有閱讀, 歸檔, 刪除等指令的文本菜單 .
用戶亦可以長(zhǎng)按屏幕某些位置來(lái)彈出文本菜單.比如當(dāng)用戶準(zhǔn)確地在主界面(Home界面,譯者注)空白處長(zhǎng)按,同樣會(huì)顯示一個(gè)文本菜單; 此處的圖標(biāo)菜單項(xiàng)也能夠點(diǎn)擊.

3.文本菜單是捷徑
綜上所述,如果用戶在聯(lián)系人”O(jiān)bi Wan Kenobi”(此為人名,譯者注)上長(zhǎng)按, 則會(huì)打開(kāi)一個(gè)文本菜單, 上面提供的指令能夠執(zhí)行一系列(與此聯(lián)系人相關(guān)的)功能.

點(diǎn)擊文本菜單會(huì)觸發(fā)最直觀的指令–例如 “查看聯(lián)系人”.我們建議最直觀的指令同樣可以在文本菜單的首項(xiàng)(第一位)列出.這里例子中,直接點(diǎn)擊 “Obi Wan Kenobi” 這個(gè)名字, 和在文本菜單中點(diǎn)擊”查看聯(lián)系人” 所實(shí)現(xiàn)的功能是一樣的.
(某些功能有多個(gè)入口或多種觸發(fā)方式,能夠適合不同熟練度的用戶使用,譯者注)

同樣要注意 ,下文中的截圖,左右兩副圖可實(shí)現(xiàn)的功能都是相同的. 點(diǎn)擊”查看聯(lián)系人”后, 左圖文本菜單上的各種指令會(huì)分離成右圖的選項(xiàng)菜單,圖標(biāo)按鈕和常規(guī)菜單項(xiàng).(大家對(duì)比下面兩個(gè)圖的功能項(xiàng)就明白了, 譯者注)

所以, 使用文本菜單被認(rèn)為是快速執(zhí)行常規(guī)操作的一種捷徑. 文本菜單比起某些常顯式的按鈕或選項(xiàng)菜單, 出現(xiàn)的機(jī)會(huì)更少.很多用戶從未發(fā)現(xiàn)或者使用過(guò)文本菜單.正因?yàn)榇?文本菜單上的每個(gè)指令也應(yīng)該在界面上利用多種形式(比如圖標(biāo)啦, 按鈕啦之類, 譯者注)直觀地顯示.在下一節(jié)的說(shuō)明中(即下一段的圖示, 譯者注), 比如 “選擇文字” 這個(gè)功能也許只在特定情況出現(xiàn).同樣,比如瀏覽器之類的RIA(富互聯(lián)網(wǎng)程序),或者某種控制網(wǎng)絡(luò)的程序,文本菜單上的某些指令在別處也無(wú)法使用.
(慎用文本菜單這種隱性操作,因?yàn)樵诮换ピO(shè)計(jì)里面,操作分兩種:顯性與隱性;隱性操作無(wú)法明確被操作對(duì)象的關(guān)系和產(chǎn)生的結(jié)果,所以大家就明白了為何手機(jī)上的左右軟鍵在屏幕上面有軟鍵功能名稱)

4.文本菜單中的文本指令
任何內(nèi)容的文字鏈接與文字區(qū)域,系統(tǒng)都統(tǒng)一提供操作選項(xiàng),并且適用于所有程序: 比如 “選擇全部”,”選擇文字”,”復(fù)制全部”,和 “添加至字典”這幾個(gè)指令.如果文字區(qū)域是可編輯的, 則會(huì)有另外的操作,比如 “剪切全部” 與 “輸入法切換”.又或者剪貼板內(nèi)有文字的話,則會(huì)顯示”粘貼”.系統(tǒng)會(huì)在文字鏈接與文字區(qū)域中的文本菜單自動(dòng)插入適當(dāng)?shù)牟藛雾?xiàng),就如下圖所示.
(不同場(chǎng)景中,菜單上的項(xiàng)目也有相應(yīng)的變化,以便于使用)

5.選項(xiàng)菜單與文本菜單的區(qū)別
選項(xiàng)菜單適用于全局的行為,而文本菜單適用于文本內(nèi)容.下面的圖表中,用戶通過(guò)操控菜單, 接著觸擊菜單項(xiàng)來(lái)執(zhí)行一個(gè)動(dòng)作或打開(kāi)一個(gè)對(duì)話框.

6.屏幕中的常顯指令
某些指令可以直接常顯在屏幕上,典型例子是文字按鈕,圖形按鈕,以及列表項(xiàng).這種布局方式是目前為止最易于被用戶發(fā)現(xiàn)的–用戶無(wú)需按下按鈕就能夠直接看到指令(或功能).這種增強(qiáng)可見(jiàn)性的方法需要衡量界面的空間和控件的占位大小,否則視覺(jué)設(shè)計(jì)上會(huì)顯得凌亂.
(合理放置菜單,需要細(xì)心思考菜單的:1.出現(xiàn)時(shí)機(jī);2.出現(xiàn)形式;3.界面外觀)

個(gè)人業(yè)余活動(dòng),翻譯得不太專業(yè),有問(wèn)題還望指正.
原文鏈接:http://1yen.cn/?p=181 By?壹Yen.