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

下載本文檔

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

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論