Android 人機(jī)界面設(shè)計(jì)規(guī)范_第1頁(yè)
Android 人機(jī)界面設(shè)計(jì)規(guī)范_第2頁(yè)
Android 人機(jī)界面設(shè)計(jì)規(guī)范_第3頁(yè)
Android 人機(jī)界面設(shè)計(jì)規(guī)范_第4頁(yè)
Android 人機(jī)界面設(shè)計(jì)規(guī)范_第5頁(yè)
已閱讀5頁(yè),還剩141頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

機(jī)界面設(shè)計(jì)指導(dǎo)手冊(cè) 目錄 一、 二、 三、手機(jī)交互設(shè)計(jì)評(píng)估標(biāo)準(zhǔn) 一、 一、 用 果是文本,使用 分辨率屏幕 創(chuàng)建(縮小總比放大好) 準(zhǔn)則 字導(dǎo)航鍵 /軌跡球 ) 6. 要正確管理活動(dòng)( 7. 要正確處理屏幕方向變化 8. 要使用主題 /樣式、尺寸和顏色資源來(lái)減少界面冗余 9. 要和視覺與交互設(shè)計(jì)師合作 九要 (設(shè)計(jì)理念) 設(shè)計(jì)理念 3. 一致,吸引人,少量簡(jiǎn)潔的變化 4. 使用云端服務(wù)來(lái)加強(qiáng)用戶體驗(yàn) (更早、更頻繁的由真實(shí)用戶來(lái)測(cè)試) 用戶通常是任務(wù)導(dǎo)向 (多給予用戶進(jìn)度提示,但是不要干擾他們當(dāng)前的操作) 如果用戶完成一項(xiàng)任務(wù)需要復(fù)雜的操作,重新思考你的設(shè)計(jì) ! (行為模式遵循用戶的期望) (使用合適的方式來(lái)加強(qiáng)功能可見性) (允許回退( 使用確定對(duì)話框更好) (只允許有意義的操作) (盡量減少不可回退的操作) 設(shè)計(jì)上的考慮因素 1. 屏幕的物理尺寸 2. 屏幕密度 3. 屏幕的方向(豎向和橫向) 4. 主要的 屏還是使用 5. 軟鍵盤還是物理鍵盤 設(shè)計(jì)上的考慮因素 6. 了解不同設(shè)備之間的相異之處是非常重要的 ! 7. 閱讀 容性定義文檔),了解設(shè)備可能的差異 8. 了解屏幕尺寸和密度分類(網(wǎng)絡(luò)資料) 良好的界面設(shè)計(jì)原則 1. 隱喻 2. 反映用戶的心智模型 3. 直接操作 4. 動(dòng)畫效果( 5. 看和點(diǎn)擊 6. 用戶控制 7. 反饋和交流 8. 容錯(cuò)性( 10. 控制你程序的復(fù)雜性 使用相對(duì)布局管理界面元素。 相對(duì)布局和線性布局是 性布局比較簡(jiǎn)單,而相對(duì)布局可以做出比較復(fù)雜的布局管理,所以僅僅了解線性布局,很多時(shí)候是不夠的。 過(guò)這可能是跟移動(dòng)平臺(tái)的性能考量有關(guān)系。 使用資源修飾符來(lái)修飾同一套資源的多個(gè)不同版本。 1,一個(gè) 2,系統(tǒng)在運(yùn)行時(shí)會(huì)根據(jù)軟硬件環(huán)境來(lái)自動(dòng)選擇相應(yīng)修飾符版本的資源。 最常用的修飾符可能是 作多語(yǔ)文本), 不同密度的屏幕制作不同尺寸的圖標(biāo)和皮膚), 橫屏和豎屏提供不同的 如果系統(tǒng)找不到對(duì)應(yīng)的修飾符版本,它就會(huì)選擇無(wú)修飾符的版本,這個(gè)版本通常也是所謂的默認(rèn)選擇。 使用 9 1, 9語(yǔ)法跟 似 2,根據(jù)邊緣的像素寬度切割出不同的拉伸區(qū)域 3,最好同時(shí)提供 版本 ” 點(diǎn)九 ”詳解 智能手機(jī)中有自動(dòng)橫屏的功能 ,同一幅界面會(huì)在隨著手機(jī) (或平板電腦 )中的方向傳感器的參數(shù)不同而改變顯示的方向 ,在界面改變方向后 ,界面上的圖形會(huì)因?yàn)殚L(zhǎng)寬的變化而產(chǎn)生拉伸 ,造成圖形的失真變形。 【 普通拉伸和點(diǎn)九拉伸效果對(duì)比 】 1. 安裝工具 方法 1 方法 2:直接使用 程圖如下 如流程圖所示,相對(duì)與 方法 1,只需 2個(gè)步驟就可得到 .體步驟為: 1. 確定切圖后直接改變圖片的畫布大小, 2. 手動(dòng)將上下左右各增加 1. 使用鉛筆工具,手動(dòng)繪制拉伸區(qū)域,色值必須為黑色( #000000)。 4. 存儲(chǔ)為 擇 存時(shí)手動(dòng)將后綴名改為 .過(guò)這種方法的缺點(diǎn)是不能實(shí)時(shí)預(yù)覽,判斷并測(cè)試?yán)靺^(qū)域的準(zhǔn)確性。 二、 焦點(diǎn)和菜單 在觸摸模式里沒有鼠標(biāo)焦點(diǎn),只有軌跡球。 臺(tái)里沒有鼠標(biāo)焦點(diǎn)。軌跡球滑過(guò)顯示選擇狀態(tài) 。 主菜單應(yīng)該包括全部功能;它們與活動(dòng)聯(lián)系一起形成整體。 菜單上的圖標(biāo)按重要性排序 。如果有 多于 5 個(gè)圖標(biāo),使用點(diǎn)擊 單 來(lái)查看那些不太重要的菜單項(xiàng)。 上下文菜單(長(zhǎng)按)集中在一個(gè)特定對(duì)象 。 總是把那些與所選項(xiàng)最相關(guān)的行為放在長(zhǎng)按菜單的頂部。 需要記住的幾點(diǎn): 設(shè)計(jì)時(shí)要考慮 速度和簡(jiǎn)潔 盡量分層來(lái)分等級(jí) 屏幕上的 活動(dòng)盡量最小 使用下載進(jìn)度條,下載數(shù)據(jù)時(shí),而不是讓用戶等待去看一個(gè)加載完全的頁(yè)面。 考慮活動(dòng)流而不是線性行為 屏幕上的行為 計(jì)了特定的行為方式。在你的應(yīng)用程序里利用好這一點(diǎn)。應(yīng)該堅(jiān)持為的標(biāo)準(zhǔn),避免混淆用戶。 表達(dá) 細(xì)節(jié)使得產(chǎn)品集中在細(xì)節(jié)。要遵循程序的美學(xué)將注意在那些 應(yīng)用體驗(yàn)核心的關(guān)鍵任務(wù)上。 行為與任務(wù) 程序 一個(gè) 些行為是相關(guān)的,但沒有嚴(yán)格的界限。 行為 行為是 序主要組塊,可以從創(chuàng)造的行為和其它 S 可用行為中裝配一個(gè)應(yīng)用程序。 每個(gè)行為都應(yīng)該被設(shè)計(jì)成只有一個(gè)用途 , 例如照相,查找通訊錄,或讀郵件。 顯示用戶界面的程序包括一個(gè)或多個(gè)行為。當(dāng)使用 備時(shí),隨著用戶在用戶界面移動(dòng),就會(huì)一個(gè)接一個(gè)的觸發(fā)這些行為,對(duì)他們來(lái)說(shuō)應(yīng)該是一個(gè) 無(wú)縫的體驗(yàn)、一個(gè)行為接一個(gè)行為,一個(gè)任務(wù)接一個(gè)任務(wù) 。這就像前面提過(guò)的行為流一樣。 要記住到任應(yīng)該連在一起來(lái)形成一個(gè)整體并且是聯(lián)系的用戶界面。如果你的行為不遵循基本的交互設(shè)計(jì)原則,與系統(tǒng)行為流關(guān)聯(lián)時(shí),那么用戶可能會(huì)因?yàn)槿鄙龠B續(xù)性而感到困惑和沮喪。 一個(gè)行為處理一個(gè)特定的內(nèi)容(數(shù)據(jù))類型,并且接受一系列相關(guān)的用戶行為。 行為流 用戶從一個(gè)行為到另一個(gè)行為,通過(guò)程序, 統(tǒng)會(huì)以線性導(dǎo)航歷史的形式記錄用戶已經(jīng)訪問(wèn)過(guò)的行為 。 這就是行為流,也叫做返回流( 。 總的來(lái)說(shuō),當(dāng)用戶開始一個(gè)新行為時(shí),它就被加在行為流上,所以按返回鍵就會(huì)顯示以前的行為 戶使用返回鍵只能返回到上一次行為直至首頁(yè),到首頁(yè)后不能繼續(xù)返回。 行為只是可以加到行為流上的那些行為, 但 些都不能添加到行為流。 任務(wù) 一個(gè)任務(wù)是一系列行為組成,使用這些行為來(lái)實(shí)現(xiàn)用戶的使用目標(biāo),不論這些行為屬于哪個(gè)應(yīng)用程序的。 直到一個(gè)新任務(wù)被明確的定義,所有的用戶開始的行為都被認(rèn)為是目前任務(wù)的一部分。 啟動(dòng)任務(wù)的行為稱之為根行為( ,一般來(lái)說(shuō),任務(wù)通常從應(yīng)用程序啟動(dòng)、桌面快捷方式或切換到“最近的任務(wù)” 用戶可以和啟動(dòng)任務(wù)時(shí)一樣,通過(guò)從 返回到任務(wù)。 中斷任務(wù) 任務(wù)的一個(gè)很重要的功能是用戶可以中斷他們正在進(jìn)行的任務(wù),來(lái)進(jìn)行另一個(gè)任務(wù),同時(shí),可以返回原來(lái)的任務(wù),繼續(xù)完成它。這就說(shuō),用戶可以相繼進(jìn)行多個(gè)任務(wù),然后在他們之間轉(zhuǎn)換。 隱喻 隱喻是構(gòu)建一個(gè)基于 操作任務(wù)心智模型 的模塊;用它們來(lái)傳遞應(yīng)用程序的概念和功能。 基于真實(shí)世界的應(yīng)用對(duì)象可以幫助用戶很快的理解該應(yīng)用程序。當(dāng)你設(shè)計(jì)你的應(yīng)用程序時(shí),要注意 存在的 隱喻,不要重新定義 它們。 同時(shí),檢查應(yīng)用程序執(zhí)行的任務(wù),看是否有些自然隱喻可以使用。 反映用戶的心智模型 尊重用戶已經(jīng)養(yǎng)成的行為習(xí)慣和操作流 比如說(shuō),用戶在真實(shí)世界里有寫字、寄信的經(jīng)驗(yàn),也會(huì)產(chǎn)生特定的期待,像寫一封新的信,選一個(gè)接受者,然后寄出信。 一個(gè)忽略用戶心智模型的電子郵件程序用起來(lái)會(huì)很困難和不舒服。 這是因?yàn)槌绦?強(qiáng)加給用戶一個(gè)不熟悉的概念模型,而不是建立一個(gè)用戶已有的知識(shí)經(jīng)驗(yàn)?zāi)J?。 在設(shè)計(jì)程序用戶界面之前,試著去發(fā)現(xiàn)你的用戶的心智模型 ,這樣幫助用戶去執(zhí)行任務(wù)。 心智模型中內(nèi)在的隱喻,它代表了任務(wù)的概念組成。 在寫信這個(gè)例子中,隱喻包括信件、郵包和信封。在涉及到照片的任務(wù)的思考模式中,隱喻包括照片、照相機(jī)和專輯。 我們要努力地發(fā)現(xiàn)用戶的期望,包括 任務(wù)組成、組織、窗口布局的工作流、菜單和工具欄組織、控制面板的使用。 要努力把個(gè)下面的特征與用戶心智模型相融合: 用戶的心智模型主要是建立在經(jīng)驗(yàn)的基礎(chǔ)上 一項(xiàng)任務(wù)的心智模型通常是流線型,關(guān)注任務(wù)的基本組成部分。盡管對(duì)于一個(gè)給定的任務(wù)有很多可選的細(xì)節(jié),但是基本的組成部分占大部分,并且不會(huì)占用用戶的注意。 免 子菜單中過(guò)深的隱藏或者只在上下文菜單中可用。 通過(guò)提供怎樣使用用戶界面控件的線索來(lái)鼓勵(lì)你的用戶區(qū)發(fā)現(xiàn)一些功能。 直接操作 直接操作意味著人們感覺他們正在 控制 一些可觸的事情而不是抽象的。 直接操作的好處是當(dāng)用戶可以直接操作對(duì)象時(shí),他們能 更好的明白自己操作的結(jié)果 。用多點(diǎn)觸控來(lái)提供給用戶一種深刻的直接操作的感覺。 以通過(guò)合理的使用單點(diǎn)觸控來(lái)提供給用戶大部分直接操作的體驗(yàn)。 為了在你的程序里加強(qiáng)直接操作的感覺,要確保: 當(dāng)用戶在屏幕上操作對(duì)象時(shí),那些對(duì)象仍是可見的。 用戶操作的結(jié)果要立即可見 動(dòng)畫效果( 動(dòng)畫會(huì)增加用戶與設(shè)備的使用感。 通過(guò)使用 “狗耳朵”原則 ,可以給用戶一種“突然感”。 當(dāng)一個(gè)狗停止跑動(dòng)時(shí)會(huì)發(fā)生什么呢?它的耳朵會(huì)繼續(xù)運(yùn)行然后被反彈回來(lái)。要使你的用戶界面有這種生動(dòng)的感覺。比如說(shuō),當(dāng) 換到另一個(gè)程序或者接一個(gè)電話時(shí),會(huì)停止播放音樂。 另一個(gè)例子是 不同。 當(dāng)用戶使用滾動(dòng)條到達(dá)列表的底端時(shí),滾動(dòng)條會(huì)突然停在 ,但是, 在,如果這時(shí)繼續(xù)向下拖動(dòng)滾動(dòng)條,滾動(dòng)條會(huì)有反彈的效果。 供真實(shí)世界的感受,但 有,只是撞到墻上并立即停止??雌饋?lái)是一件很小的事情,但在聯(lián)系用戶方面,卻有很大不同。嚴(yán)肅的講,使用 會(huì),你就會(huì)喜歡上動(dòng)畫效果。 看和點(diǎn)擊 用程序比人優(yōu)勝的地方在于,它能更好的記住列表選項(xiàng)、命令、數(shù)據(jù)等等。使用列表格式中陳現(xiàn)選項(xiàng),可以充分利用它的優(yōu)勢(shì),使得用戶可以很容易的瀏覽這些選項(xiàng)并進(jìn)行選擇。 盡量減少文本輸入。 用戶控制 讓用戶(而不是程序)來(lái)觸發(fā)和控制動(dòng)作 . 要使動(dòng)作簡(jiǎn)單直接,使用戶可以容易的理解和記住。 使用用戶已經(jīng)熟悉的標(biāo)準(zhǔn)控制和行為。 它們的關(guān)鍵在于提供給用戶他們需要的功能, 同時(shí)幫助他們避免危險(xiǎn)和不可逆轉(zhuǎn)的動(dòng)作 . 比如說(shuō),如果用戶可能會(huì)突然損壞數(shù)據(jù),那么你就要提示一個(gè)警告,但是如果用戶他們選擇繼續(xù),那他們就可以繼續(xù)操作。 反饋和交流 在長(zhǎng)時(shí)操作中,當(dāng)用戶操作時(shí),他們需要 及時(shí)的反饋和狀態(tài)報(bào)告 。你的程序應(yīng)該提供一些 可見的變化 ,這些變化根據(jù)每個(gè)用戶的動(dòng)作而變化。比如說(shuō),在列表中,當(dāng)用戶按下時(shí),應(yīng)該要高亮顯示這個(gè)選項(xiàng),使用戶知道他們的觸摸已被觸發(fā)。 動(dòng)畫效果是提供用戶反饋的一種很好的方式。 容錯(cuò)性( 要通過(guò)建立容錯(cuò)性來(lái)鼓勵(lì)用戶探索你的應(yīng)用程序,就是說(shuō), 使每個(gè)動(dòng)作很容易可逆。 當(dāng)用戶操作一項(xiàng)任務(wù),當(dāng)一項(xiàng)任務(wù)會(huì)引起不可逆操作而丟失數(shù)據(jù)時(shí),要出現(xiàn)一個(gè)警告來(lái)提示用戶 。要能預(yù)期常規(guī)的問(wèn)題,然后警告用戶那些潛在的負(fù)面影響。 整體審美效果 整體美觀是指 信息被很好的組織 ,要根據(jù)視覺設(shè)計(jì)原則保持一致。也是關(guān)于整合了功能的應(yīng)用程序的外觀。外觀對(duì)功能有很大影響 。一個(gè)混亂或不合理的程序很難理解和使用 。 整體布局和用戶界面元素 _的設(shè)計(jì) 都應(yīng)該反映了用戶使用應(yīng)用程序任務(wù)時(shí)的 心智模型 。 控制你程序的復(fù)雜性 開發(fā)易用軟件的最好的方法就是使設(shè)計(jì)盡量簡(jiǎn)單。你的程序任務(wù)越復(fù)雜,保持用戶界面簡(jiǎn)單和被注意到就越重要 種布局形式 大布局 有五種布局方式,分別是: 幀布局) 線性布局) 對(duì)布局) 對(duì)布局) 格布局) 標(biāo)簽布局( 線性布局) 線性布局框架圖 表格布局示例 表格布局 然也可以是普通的 隱藏的列 ) 伸展的列) 收縮的列) 表格布局框架圖 相對(duì)布局( 子控件會(huì)根據(jù)它們所設(shè)置的參照控件和參數(shù)進(jìn)行相對(duì)布局。參照控件可以是父控件,也可以是其他子控件,但被參照的控件必須要在參照它的控件之前定 相對(duì)布局 意 前時(shí)間 )的定義位置 相對(duì)布局框架圖 單幀布局 用 當(dāng)用 幀布局示例 標(biāo)簽布局( 是一個(gè) 素,就像在 絕對(duì)布局 ( ( 子控件需要指定相對(duì)于此坐標(biāo)布局的橫、縱坐標(biāo)值,否則將會(huì)像 標(biāo)布局示例 從高層到低層分別是 應(yīng)用程序?qū)印?yīng)用程序框架層、系統(tǒng)運(yùn)行庫(kù)層和 盡可能的使用 供的標(biāo)準(zhǔn)界面元素,并且遵循建議的用法。 用戶習(xí)慣了標(biāo)準(zhǔn)視圖和控制的外觀和行為。如果你使用標(biāo)準(zhǔn)界面元素,當(dāng)用戶學(xué)習(xí)使用你的程序時(shí),他們就可以依靠他們以前的經(jīng)驗(yàn)來(lái)幫助他們學(xué)習(xí) 狀態(tài)欄 包括電池狀態(tài)、時(shí)間、網(wǎng)絡(luò)和信號(hào)強(qiáng)弱等 . 它也會(huì)對(duì)用戶顯示提示圖標(biāo)。 建議 :除非有充分的理由,否則不要隱藏狀態(tài)欄。 利用提示系統(tǒng),并在狀態(tài)欄里顯示提示的圖標(biāo)。 會(huì)提供一個(gè)界面來(lái)導(dǎo)航不同視圖。 在程序里, 可用的。它們可以作為應(yīng)用程序除了菜單之外的另一種導(dǎo)航方式。 建議 在你的 要用容易理解的 灰階圖片 。比如, 通訊錄 要文本結(jié)合圖片,使得 功能更容易理解。要確保文本很小,可以合適于 量最好是 4 個(gè) ,多于 4 個(gè)會(huì)使得讀和點(diǎn)擊變得不容易。如果程序只是在橫屏下使用,那么就要多加幾個(gè) 如果你使用 么它們最大程度上對(duì)用戶是可用的。如果在你的程序里移動(dòng)它們,那么就會(huì)使界面變得不連續(xù),用戶會(huì)感到困惑。 例子 通訊錄 分利用了 每個(gè) 有一個(gè)簡(jiǎn)單的灰階圖片 和 t 文字 , 使得用戶可以很快理解它們的功能。 這些 用 撥號(hào)器 , 記錄 ,聯(lián)系人 ,收藏 這些暗喻與用戶心智模型連接非常匹配 除非這個(gè)程序只在橫屏模式里用,否則 多了。 用戶很難點(diǎn)擊 明白 作用。 列表視圖 一個(gè)列表視圖以單列多行的方式顯示數(shù)據(jù)。 每一列都包含了 文本、 圖像和 列表視圖可以組織大量的數(shù)據(jù)。當(dāng)用戶選擇了一個(gè)項(xiàng)目時(shí),就會(huì)提供反饋。 列表中的選項(xiàng)以短暫的高亮顯示來(lái)顯示已被選中, 然后所選中的功能被觸發(fā) . 建議 當(dāng)選中信息時(shí),用標(biāo)識(shí)圖片( 表示,而不是把整列都強(qiáng)調(diào) 。 記住在豎屏模式下, 在觸摸模式里,沒有當(dāng)前選中的項(xiàng)目( 如果每一列都需要顯示綜合信息項(xiàng),就要考慮用三欄布局。 示例 第一欄中可以 激活一個(gè)多任務(wù)模型,會(huì)彈出一個(gè)三個(gè)按鈕的工具欄 。 這個(gè)工具欄只有當(dāng)列表視圖里一個(gè)或多個(gè)選項(xiàng)背選中時(shí)才會(huì)出現(xiàn)。它可以允許用戶在郵件箱里很快執(zhí)行一個(gè)動(dòng)作。用戶也會(huì)發(fā)現(xiàn) ( 單按鈕會(huì)提供跟多郵件相關(guān)的選項(xiàng)。 對(duì)于那些通過(guò)點(diǎn)擊 發(fā)現(xiàn)它的用戶來(lái)說(shuō),這些功能是很好的。 第二欄顯示標(biāo)題和郵件的發(fā)送者。你會(huì)注意到已讀和未讀的信息,它們的顏色是不一樣的。顏色是一種很好的方式來(lái)顯示更多的信息,而不用使用任何屏幕的硬件 也會(huì)顯示郵件信息收到的時(shí)間。 覽器中的歷史標(biāo)簽時(shí)有可能的歷史數(shù)量非常多。 以注意到他們使用和 序里相同的三欄布局。 網(wǎng)格視圖( ?。┛丶?用法和行為 支持下拉列表的 用戶點(diǎn)擊界面中下拉表項(xiàng),列表視圖格式里就會(huì)顯示列表值。 在屏幕上顯示列表, 懸浮在 頂端 。 用戶可以通過(guò)點(diǎn)擊列中的任意位置來(lái)選中他們想要的值, 點(diǎn)擊后回到原來(lái)頁(yè)面 ,被選中的值就會(huì)在 不要多于 16 個(gè)值 ,這個(gè)用戶就可以只用手指來(lái) 滾動(dòng)三次或少于三次 單選框控件 對(duì)其內(nèi)的單選框控件做分組 指定組內(nèi)被選中的單選框的 對(duì)話框 對(duì)話框示例 日期選擇對(duì)話框 進(jìn)度條對(duì)話框 當(dāng)需要在后臺(tái)做很耗時(shí)的工作時(shí),給用戶顯示一個(gè)進(jìn)度條是一個(gè)很友好的選擇。因?yàn)槠渌€程是無(wú)法更新用戶界面的,所以一般我們?cè)?更新我們的進(jìn)度條。 菜單設(shè)計(jì) 指南 設(shè)計(jì)指南 正確選擇菜單的呈現(xiàn)方式 ,保持菜單的一致性 ,是設(shè)計(jì)優(yōu)秀程序的關(guān)鍵因素 . 優(yōu)先安放最頻繁使用的操作 屏幕高度有限 ,一些菜單會(huì)滾動(dòng) 重安放重要的指令在首項(xiàng) 選項(xiàng)菜單 ,在 圖標(biāo)選項(xiàng)菜單 上 優(yōu)先排列最頻繁使用的操作 不要僅在 關(guān)聯(lián)菜單 上安放指令 如果用戶無(wú)需使用 關(guān)聯(lián)菜單 就能夠完全使用你的程序 ,那么你設(shè)計(jì)得非常好 ! 關(guān)聯(lián)菜單 不是特別容易發(fā)現(xiàn) . 關(guān) 聯(lián)菜單 的首項(xiàng)指令應(yīng)是最直觀的 弱化 或隱藏當(dāng)前內(nèi)容的不可用菜單項(xiàng) 選項(xiàng)菜單 內(nèi) 禁用無(wú)效的菜單項(xiàng) ,讓其變灰 . 關(guān)聯(lián)菜單 內(nèi) 隱藏?zé)o效的菜單項(xiàng) 而用戶也僅能看見可使用的選項(xiàng) 關(guān)聯(lián)菜單 首項(xiàng)指令的功能最好與直接點(diǎn)擊時(shí)所產(chǎn)生的功能一致 選項(xiàng)圖標(biāo)菜單多使用短名稱 圖標(biāo)選項(xiàng)菜單 里某個(gè)文本標(biāo)簽過(guò)長(zhǎng) ,系統(tǒng)會(huì)將它攔腰截?cái)?,最佳的方法是保持名稱簡(jiǎn)潔 . 關(guān)聯(lián)菜單 和被選中項(xiàng)須有所聯(lián)系 用戶長(zhǎng)按某個(gè)項(xiàng) ,彈出的 關(guān)聯(lián)菜單 應(yīng)包含被選中項(xiàng)的名稱 ,這樣用戶才清晰地知道關(guān)聯(lián)了什么 . 把一些指令放入菜單里 ,就能讓屏幕 空出位置而顯示更多內(nèi)容 僅將最重要的指令固定在屏幕上 對(duì)話框不該有 選項(xiàng)菜單 顯示對(duì)話框后就不能有 選項(xiàng)菜單 顯示對(duì)話框的 )過(guò)程中無(wú)法啟動(dòng)另一個(gè)全局任務(wù) (而這也是對(duì) 選項(xiàng)菜單 的規(guī)定 ). 分離全局指令的特定選項(xiàng) 選項(xiàng)菜單 內(nèi) ,適合安放全局性控制 當(dāng)前 進(jìn)程 的指令 ,或者將指令固定顯示在屏幕上 ; 關(guān)聯(lián)菜單 內(nèi) ,適合安放針對(duì)當(dāng)前被選中項(xiàng)的指令 .(無(wú)論如何 ,指令也可以作為 進(jìn)程的一部分來(lái)運(yùn)行或啟動(dòng)另一個(gè) 進(jìn)程 .) 圖標(biāo)選項(xiàng)菜單 擴(kuò)展選項(xiàng)菜單 上下文菜單、關(guān)聯(lián)菜單 選項(xiàng)菜單 在選項(xiàng)菜單中包含了應(yīng)用于當(dāng)前活動(dòng)的全局性主要功能或開啟相關(guān)活動(dòng)。 通常是通過(guò)用戶按下“ 的硬按鈕來(lái)調(diào)用。 在大部分的手機(jī)上 ,用戶按下 ”鍵就會(huì)在屏幕下方顯示選項(xiàng)菜單 鍵或 ” 返回 ” 鍵就會(huì)關(guān)閉選項(xiàng)菜單 . 想要關(guān)閉任何菜單都可統(tǒng)一使用 ” 返回 ”鍵 .(重復(fù)按 ”鍵或者點(diǎn)擊屏幕空白處也能實(shí)現(xiàn)同樣效果 .) 并需要注意在不同手機(jī)上的操作方法 . 選項(xiàng)菜單示例 選項(xiàng)菜單示例 圖標(biāo)選項(xiàng)菜單 初次按下 屏幕底部會(huì)顯示幾個(gè)帶圖標(biāo)且不可滾動(dòng)的網(wǎng)格 .(個(gè)典型按鈕 .) 擴(kuò)展選項(xiàng)菜單 如果這個(gè)進(jìn)程的菜單項(xiàng)很多 (超過(guò) 6個(gè) ),選項(xiàng)菜單的最后一個(gè)圖標(biāo)會(huì)標(biāo)記 ” 更多 ” 選中后會(huì)彈出一個(gè)包含多個(gè)菜單項(xiàng)目的列表 ,此列表有時(shí)還可以滾動(dòng) . 上下文菜單、 關(guān)聯(lián)菜單 上下文菜單包含了當(dāng)前選定項(xiàng)目的次要功能。它通常是通過(guò)用戶 長(zhǎng)按一個(gè) 元件 來(lái)調(diào)用的。 上下文菜單的每個(gè)元素依然是菜單項(xiàng),但它 并不支持顯示圖標(biāo)和設(shè)置快捷鍵 。 上下文菜單 還可設(shè)置頂部標(biāo)題 關(guān)聯(lián)菜單其實(shí)是 被選中內(nèi)容的一些可操作指令的列表 . 指令也可以成為當(dāng)前進(jìn)程的一部分 ,系統(tǒng)也能通過(guò)被選中內(nèi)容去啟動(dòng)另一個(gè)進(jìn)程進(jìn)行操作 . 使用 關(guān)聯(lián)菜單 被認(rèn)為是快速執(zhí)行常規(guī)操作的一種捷徑 起某些常顯式的按鈕或 選項(xiàng)菜單 ,出現(xiàn)的機(jī)會(huì)更 少 聯(lián)菜單 關(guān)聯(lián)菜單 上的每個(gè)指令也應(yīng)該在界面上利用多種形式直觀地顯示 “選擇文字 ” 這種操作指令也許只在 關(guān)聯(lián)菜單 出現(xiàn) 比如瀏覽器之類的富互聯(lián)網(wǎng)應(yīng)用 ,或某些包含聯(lián)網(wǎng)的應(yīng)用 ,關(guān)聯(lián)菜單 上的一些些指令在其它地方也無(wú)法使用 . (慎用 關(guān)聯(lián)菜單 這種隱性操作 ,因?yàn)樵诮换ピO(shè)計(jì)里面 ,操作分兩種 :顯性與隱性 ;隱性操作無(wú)法明確被操作對(duì)象的關(guān)系和產(chǎn)生的結(jié)果 ,所以大家就明白了為何手機(jī)上的左右軟鍵在屏幕上面有軟鍵功能名稱 ) 關(guān)聯(lián)菜單 上的文本指令 任何內(nèi)容的 文字鏈接 與 文字區(qū)域 ,系統(tǒng)都統(tǒng)一提供一些操作選項(xiàng) ,并且適用于所有程序 : 比如 “選擇全部” ,”選擇文字” ,”復(fù)制全部” ,和 “添加至字典”這幾個(gè)指令 則會(huì)有另外的操作 ,比如 “剪切全部” 與 “切換輸入法” 則會(huì)顯示”粘貼” 字鏈接 與 文字區(qū)域 中的 關(guān)聯(lián)菜單 自動(dòng)插入適當(dāng)?shù)牟藛雾?xiàng) ,就如下圖所示 . (不同場(chǎng)景中 ,菜單上的項(xiàng)目也有相應(yīng)的變化 ,以便于使用 ) 選項(xiàng)菜單 與 關(guān)聯(lián)菜單 的區(qū)別 選項(xiàng)菜單 適用于 全局性的控制 ,而 關(guān)聯(lián)菜單 適用于 內(nèi)容項(xiàng) 用戶通過(guò)操控菜單 ,然后點(diǎn)擊菜單項(xiàng)來(lái)執(zhí)行一個(gè)動(dòng)作或打開一個(gè)對(duì)話框 . 合理安放菜單 ,需要細(xì)心思考菜單的 : 詳見( 五、手機(jī)交互設(shè)計(jì)的評(píng)估標(biāo)準(zhǔn) 1、產(chǎn)品架構(gòu)是否清晰 用戶進(jìn)入產(chǎn)品,就可以一目了然的知道產(chǎn)品是 干什么 的,有 幾個(gè)功能模塊 , 模塊之間怎么切換 。 產(chǎn)品層級(jí)較深的,設(shè)計(jì)師要清楚的了解有 產(chǎn)品有多少個(gè)二級(jí)頁(yè)面,多少個(gè)三級(jí)頁(yè)面 。這些 二級(jí)頁(yè)面和三級(jí)頁(yè)面的架構(gòu) ,是 復(fù)用一級(jí)頁(yè)面的,還是有自己的架構(gòu) 。 架構(gòu) 評(píng)估標(biāo)準(zhǔn) 產(chǎn)品 結(jié)構(gòu)清晰 ,沒有不必要的層級(jí) 能 快速了解 產(chǎn)品有幾個(gè) 主要頁(yè)面 所有 主要部分 都能夠 通過(guò)首頁(yè)訪問(wèn) 清晰的 指示當(dāng)前的位置 2、產(chǎn)品流程是否清晰 要想表現(xiàn)層越簡(jiǎn)單,背后的邏輯層可能就越復(fù)雜。 評(píng)估流程的時(shí)候,不以背后的邏輯層復(fù)雜度來(lái)評(píng)估,而是以 表現(xiàn)層的簡(jiǎn)潔度來(lái)評(píng)估 的。 如一個(gè)發(fā)布帖子的流程,總共需要幾個(gè)步驟,涉及到幾個(gè)層級(jí)(一級(jí)頁(yè)面到二級(jí)頁(yè)面到三級(jí)頁(yè)面 )。 不是步驟越少、層級(jí)越淺就是好的設(shè)計(jì)。而是 要簡(jiǎn)單、明確、

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論