Android菜單設計指南(上)

0 評論 15474 瀏覽 0 收藏 9 分鐘

菜單設計快速預覽

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

文檔目錄

菜單綜覽
1.????選項菜單
2.????文本菜單
3.????選項菜單與文本菜單的區別
4.????屏幕上的常顯指令

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

1.選項菜單
含有多個指令的選項菜單會適用于全局活動(活動,類似PC上的進程,譯者注),或者用來啟動其它活動. 而不適用(文字)內容里的選中項.
(文字內容不能使用選項菜單,譯者注)

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

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

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

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

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

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

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

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

3.文本菜單是捷徑
綜上所述,如果用戶在聯系人”Obi Wan Kenobi”(此為人名,譯者注)上長按, 則會打開一個文本菜單, 上面提供的指令能夠執行一系列(與此聯系人相關的)功能.

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

同樣要注意 ,下文中的截圖,左右兩副圖可實現的功能都是相同的. 點擊”查看聯系人”后, 左圖文本菜單上的各種指令會分離成右圖的選項菜單,圖標按鈕和常規菜單項.(大家對比下面兩個圖的功能項就明白了, 譯者注)

所以, 使用文本菜單被認為是快速執行常規操作的一種捷徑. 文本菜單比起某些常顯式的按鈕或選項菜單, 出現的機會更少.很多用戶從未發現或者使用過文本菜單.正因為此,文本菜單上的每個指令也應該在界面上利用多種形式(比如圖標啦, 按鈕啦之類, 譯者注)直觀地顯示.在下一節的說明中(即下一段的圖示, 譯者注), 比如 “選擇文字” 這個功能也許只在特定情況出現.同樣,比如瀏覽器之類的RIA(富互聯網程序),或者某種控制網絡的程序,文本菜單上的某些指令在別處也無法使用.
(慎用文本菜單這種隱性操作,因為在交互設計里面,操作分兩種:顯性與隱性;隱性操作無法明確被操作對象的關系和產生的結果,所以大家就明白了為何手機上的左右軟鍵在屏幕上面有軟鍵功能名稱)

4.文本菜單中的文本指令
任何內容的文字鏈接與文字區域,系統都統一提供操作選項,并且適用于所有程序: 比如 “選擇全部”,”選擇文字”,”復制全部”,和 “添加至字典”這幾個指令.如果文字區域是可編輯的, 則會有另外的操作,比如 “剪切全部” 與 “輸入法切換”.又或者剪貼板內有文字的話,則會顯示”粘貼”.系統會在文字鏈接與文字區域中的文本菜單自動插入適當的菜單項,就如下圖所示.
(不同場景中,菜單上的項目也有相應的變化,以便于使用)

5.選項菜單與文本菜單的區別
選項菜單適用于全局的行為,而文本菜單適用于文本內容.下面的圖表中,用戶通過操控菜單, 接著觸擊菜單項來執行一個動作或打開一個對話框.

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

個人業余活動,翻譯得不太專業,有問題還望指正.
原文鏈接:http://1yen.cn/?p=181 By?壹Yen.

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!