數(shù)字大二下課件用戶界面設(shè)計(jì)第

結(jié)構(gòu)層第3章：管理設(shè)計(jì)過(guò)程常見(jiàn)的UI設(shè)計(jì)模式2015

．31上節(jié)回顧范圍層指南、原則與理論案例2結(jié)構(gòu)層交互設(shè)計(jì)：結(jié)構(gòu)化體驗(yàn)，關(guān)注影響用戶執(zhí)行和完成任務(wù)的元素信息架構(gòu)：內(nèi)容體驗(yàn)，關(guān)注如何將信息表達(dá)給用戶的元素3交互設(shè)計(jì)4描述“可能的用戶行為”，定義系統(tǒng)如何“配合與響應(yīng)”用戶的行為；概念模型：交互組件怎樣工作的。購(gòu)物車(chē)、訂單概念模型要能夠被用戶正確理解熟悉，并不一定要告知用戶；將現(xiàn)實(shí)世界中的實(shí)物對(duì)應(yīng)到概念模型是不錯(cuò)的選擇，但不要過(guò)度使用。交互設(shè)計(jì)5交互設(shè)計(jì)----錯(cuò)誤處理6用戶犯錯(cuò)系統(tǒng)如何反應(yīng)？如何預(yù)防用戶繼續(xù)犯錯(cuò)？將系統(tǒng)處理成不可能犯錯(cuò)的類(lèi)型；幫用戶找出錯(cuò)誤并改正；用戶完成操作后才發(fā)現(xiàn)出錯(cuò)了。撤銷(xiāo)、操作過(guò)程中的警告。信息架構(gòu)呈現(xiàn)給用戶的信息是否合理并具有意義。分類(lèi)體系的構(gòu)建，讓用戶高效的找到所需內(nèi)容；7信息架構(gòu)每一個(gè)步驟要合理清晰、自然的延續(xù)上一個(gè)步驟的任務(wù)；高效的架構(gòu)要具有“容納成長(zhǎng)和適應(yīng)變動(dòng)”的能力。例如新聞網(wǎng)站8信息架構(gòu)信息架構(gòu)的基本單位是節(jié)點(diǎn)。節(jié)點(diǎn)可以是任意信息片段或組合。9信息架構(gòu)10組織原則：確定哪些節(jié)點(diǎn)要組織在一起，哪些節(jié)點(diǎn)要保持相對(duì)獨(dú)立。概念結(jié)構(gòu)通常不止一個(gè)（facets），需要考慮系統(tǒng)的目標(biāo)和用戶的需求；信息架構(gòu)11元數(shù)據(jù)讓用戶了解你的命名原則、并且保證使用上的一致性（受控詞典）元數(shù)據(jù)可能比基本的全文搜索結(jié)果更可靠。系統(tǒng)架構(gòu)圖12第三章:

管理設(shè)計(jì)過(guò)程13設(shè)計(jì)的4個(gè)支柱3-14設(shè)計(jì)的4個(gè)支柱3-15用戶界面需求–在任何開(kāi)發(fā)活動(dòng)中，弄清楚用戶的需求是一件很關(guān)鍵的事情–對(duì)用戶的需求進(jìn)行布局規(guī)劃是整個(gè)需求開(kāi)發(fā)和管理過(guò)程的一部分。–用戶界面需求描述系統(tǒng)的行為人種學(xué)觀察–在實(shí)踐中，識(shí)別和觀察用戶社區(qū)設(shè)計(jì)的4個(gè)支柱3-16指南文檔與過(guò)程每一個(gè)項(xiàng)目都具有不同的需求，但是指南應(yīng)該考慮如下幾個(gè)方面：詞、圖標(biāo)和圖形–術(shù)語(yǔ)(對(duì)象和動(dòng)作),縮寫(xiě),大寫(xiě)–字符集,字體,字體大小,風(fēng)格(粗體,斜體,下劃線)–圖標(biāo),圖形,線條粗細(xì)–顏色,背景,高亮,閃爍的使用設(shè)計(jì)的4個(gè)支柱(cont.)屏幕布局問(wèn)題–菜單選擇,表單填充,對(duì)話框格式–提示,反饋,錯(cuò)誤信息的措辭–對(duì)齊,空白,頁(yè)邊空白–項(xiàng)和列表的數(shù)據(jù)輸入和顯示格式–頁(yè)眉頁(yè)腳的內(nèi)容使用–適應(yīng)大小顯示器的策略輸入與輸出設(shè)備–鍵盤(pán),顯示,光標(biāo)控制,指點(diǎn)設(shè)備–可聽(tīng)見(jiàn)的聲音,語(yǔ)音反饋,觸摸輸入,其它特殊設(shè)備–各種任務(wù)的響應(yīng)次數(shù)3-17

–為殘疾用戶準(zhǔn)備的替代物設(shè)計(jì)的4個(gè)支柱(cont.)動(dòng)作序列–直接操縱的點(diǎn)擊,拖動(dòng),釋放,手勢(shì)–命令語(yǔ)法,語(yǔ)義,序列–快捷鍵和可編程功能鍵–錯(cuò)誤處理和恢復(fù)過(guò)程–觸摸屏導(dǎo)航培訓(xùn)–在線幫助、教程3-18

–培訓(xùn)參考資料開(kāi)發(fā)方法學(xué)IBM’s

Ease

of

Use

開(kāi)發(fā)方法，按角色和階段來(lái)說(shuō)明活動(dòng)3-19人種學(xué)觀察準(zhǔn)備–理解工作環(huán)境的政策和在家里的家庭價(jià)值觀.–使自己熟悉現(xiàn)有的界面及其歷史.–設(shè)定初始目標(biāo)和準(zhǔn)備問(wèn)題.–獲取調(diào)查或訪談的訪問(wèn)和許可權(quán).實(shí)地研究–與所有用戶建立良好關(guān)系.–在用戶的環(huán)境中觀察或采訪他們，收集主觀和可觀的，定性和定量的數(shù)據(jù).–調(diào)查訪問(wèn)中出現(xiàn)的所有人.3-20

–記錄自己的訪問(wèn)人種學(xué)觀察(cont.)分析在數(shù)值的、文本的和多媒體的數(shù)據(jù)庫(kù)中編輯收集到的數(shù)據(jù).量化數(shù)據(jù)和編輯統(tǒng)計(jì).減少和解釋數(shù)據(jù).改進(jìn)目標(biāo)和所使用的過(guò)程.報(bào)告考慮多個(gè)受眾和目標(biāo).準(zhǔn)備報(bào)告和提交調(diào)查結(jié)果.3-21參與式設(shè)計(jì)爭(zhēng)議大量用戶的參與會(huì)帶來(lái):任務(wù)相關(guān)的更多準(zhǔn)確的信息用戶影響涉及決策有更多的機(jī)會(huì)參與感可以建立用戶自我投資在這些成功實(shí)施的過(guò)程中增加用戶接受最終系統(tǒng)的潛能3-22參與式設(shè)計(jì)(cont.)另一方面,大量的用戶參與可能會(huì):高成本延長(zhǎng)執(zhí)行時(shí)間和那些沒(méi)有參與的用戶之間建立了敵對(duì)或者那些建議被拒絕的用戶之間強(qiáng)迫設(shè)計(jì)師向那些不適當(dāng)?shù)膮⑴c者的需求妥協(xié)建立了實(shí)施過(guò)程的對(duì)立加劇了設(shè)計(jì)團(tuán)隊(duì)和用戶之間的性格沖突顯示出組織政治和某些人的偏好選擇比技術(shù)問(wèn)題更重3-23要參與式設(shè)計(jì)(cont.)3-24常見(jiàn)的UI設(shè)計(jì)模式3-25常見(jiàn)的UI設(shè)計(jì)模式3-26主體/細(xì)節(jié)(Master/Detail)模式縱向與橫向---如果主體信息對(duì)于用戶來(lái)說(shuō)更重要，最好選擇橫向布局3-27分欄瀏覽(ColumnBrowse)3-28搜索/結(jié)果(Search/Result)3-29過(guò)濾數(shù)據(jù)組(Filter

Dataset)3-30表單(Forms)、調(diào)色盤(pán)/畫(huà)布(Palette/Canvas)3-31儀表盤(pán)(Dashboard)一目了然實(shí)時(shí)數(shù)據(jù)圖形操作3-32電子表格(Spreadsheet)快速瀏覽大板塊信息標(biāo)準(zhǔn)的表格(諸如分類(lèi)，隱藏/顯示欄目，重列欄目，分組(如果可以))，全局撤銷(xiāo)/重做，增加/插入/刪除，鍵盤(pán)導(dǎo)航，導(dǎo)入和導(dǎo)出。3-33向?qū)?Wizard)3-34Q&A(Question&Answer)Q&A模式是指用戶通過(guò)選取相符條件，從而自主找到適合自己的解決方案。3-35平行面板(Parallel

Panels)適合組織大量類(lèi)似或相互影響的信息，讓用戶在同一頁(yè)面更高效的獲得信息。最佳應(yīng)用在：需要申請(qǐng)者填寫(xiě)各種沒(méi)有順序的類(lèi)別目錄。3-36交互模型(Interactive

Model)交互模型屏幕模式應(yīng)用在關(guān)鍵項(xiàng)目(比如日歷、地圖、圖標(biāo)、畫(huà)布等)需要進(jìn)行交互的時(shí)候。是用戶體驗(yàn)貼近用戶心智模型的理想模式。在日歷、地圖、線狀圖、預(yù)設(shè)場(chǎng)景分析(包括計(jì)算器)，所