我們已經(jīng)指出了困難，還有框架和它的多層次方法，像web軟件流程與結(jié)構(gòu)的UI模式文檔一樣，付出了很大的努力[比如14, 15]。接著會(huì)對(duì)指南的結(jié)構(gòu)和組成進(jìn)行更加詳細(xì)的論述
組件
組件指南，是指南的第一層，概括了具體的UI 控件，它們根據(jù)應(yīng)用程序所需要的內(nèi)容或功能,具有多重交互可能和選項(xiàng)。組件可以是簡(jiǎn)單的UI元素，例如按鈕，標(biāo)準(zhǔn)Web 控件,說明文字。也可以是較復(fù)雜的UI元素，即標(biāo)簽導(dǎo)航結(jié)構(gòu)，表格結(jié)構(gòu)和行為，以及樹狀結(jié)構(gòu)，相似于約定俗成的概念 [13]。圖3提供了指南中的多個(gè)組件實(shí)例，有品牌標(biāo)識(shí)、動(dòng)作/導(dǎo)航按鈕、全局按鈕、標(biāo)簽和導(dǎo)航以及表格。目前有超過37個(gè)組件指南，從簡(jiǎn)單的到復(fù)雜的。附加的組件例子包括廣告、定位元素（例如順序,面包屑路徑（Breadcrumbs））、標(biāo)題/副標(biāo)題、鏈接、內(nèi)容容器、顯示/隱藏控件和網(wǎng)頁(yè)底部。
網(wǎng)頁(yè)模板
下一層是網(wǎng)頁(yè)模板。網(wǎng)頁(yè)模板是由網(wǎng)頁(yè)上的組件組合組成的。比如，在一個(gè)應(yīng)用程序中向一個(gè)對(duì)象加入文檔或注釋，附屬網(wǎng)頁(yè)就要在適當(dāng)?shù)奈恢蔑@示UI組件。每個(gè)網(wǎng)頁(yè)模板指南可以有多個(gè)組件選擇和布局選項(xiàng)，每一個(gè)稍有不同，但所有都符合一致性的總體目標(biāo)。這些多重選項(xiàng)支持應(yīng)用程序來滿足大范圍的用戶需求。圖3是一個(gè)更新網(wǎng)頁(yè)模板的例子。這個(gè)模板顯示了一般組件的放置位置(比如，標(biāo)題，面包屑路徑（Breadcrumbs）)，也有特殊組件(如屬性表格)。
目前在指南中有超過30個(gè)網(wǎng)頁(yè)模板。附加的網(wǎng)頁(yè)模板例子包括主頁(yè)模板、總覽/摘要網(wǎng)頁(yè)模板、搜索網(wǎng)頁(yè)模板、對(duì)象列表模板、對(duì)象模板和分步的/向?qū)０濉?/span>
網(wǎng)頁(yè)流程
網(wǎng)頁(yè)流程是Bull’s Eye的第三層，由各個(gè)網(wǎng)頁(yè)模板組合而成(舉例：增加一個(gè)附件的流程)。指南中的這個(gè)層次闡述了網(wǎng)頁(yè)模板的組合，它們所載的內(nèi)容形成了一個(gè)通用任務(wù)流程。目前指南中有超過20個(gè)網(wǎng)頁(yè)流程。網(wǎng)頁(yè)流程的一個(gè)例子是創(chuàng)建/添加/更新/刪除一個(gè)對(duì)象的網(wǎng)頁(yè)流程(圖3)。這個(gè)網(wǎng)頁(yè)流程處理了這樣一個(gè)情景：用戶查看對(duì)象概要列表，然后選擇行為并轉(zhuǎn)到適當(dāng)?shù)母隆?fù)制或刪除頁(yè)面。這和UI模式的概念相似。
其它類型的網(wǎng)頁(yè)流程包括：搜索和查看結(jié)果、瀏覽和查找對(duì)象、更新屬性、管理附件、輸出/輸入、表格定制、應(yīng)用程序內(nèi)導(dǎo)航和跨應(yīng)用程序?qū)Ш健?/span>
交互模型與模式
網(wǎng)頁(yè)流程之后是交互模型與交互模式。它是網(wǎng)頁(yè)流程組，能夠支持特定類型的應(yīng)用程序，比如電子商務(wù)、門戶或管理程序。這些UI模型基本上是由通用網(wǎng)頁(yè)流程組合和網(wǎng)頁(yè)模板組成的，并帶有可定制的外表。比如很多電子商務(wù)程序共享一個(gè)通用任務(wù)集，它就可以由一系列基本的網(wǎng)頁(yè)模板和網(wǎng)頁(yè)流程來支持。例如，電子商務(wù)程序的基本UI模型包括主頁(yè)模板、瀏覽和/或搜索流程、項(xiàng)目詳細(xì)信息模板、購(gòu)物車模板、購(gòu)物流程和確認(rèn)模板。
當(dāng)我們以團(tuán)隊(duì)形式應(yīng)用這些指南，并探尋眾多軟件的一致性時(shí)，這些模型顯現(xiàn)了出來。通過創(chuàng)建這些UI模板，我們可以簡(jiǎn)化每個(gè)團(tuán)隊(duì)設(shè)計(jì)過程的開始部分；我們可以為團(tuán)隊(duì)指明這一系列的網(wǎng)頁(yè)模板和網(wǎng)頁(yè)流程的集合與他們的應(yīng)用程序最有關(guān)系。
總體特點(diǎn)和原則
圍繞整個(gè)Bull’s-Eye的是總體的特點(diǎn)和原則。這些指南提供了貫穿同心圓的探索和標(biāo)準(zhǔn)，從而保證了從組件到UI模式的用戶體驗(yàn)的一致性。這些特征和原理的例子有對(duì)象導(dǎo)向vs行為導(dǎo)向、美術(shù)指導(dǎo)標(biāo)準(zhǔn)、UI中的語(yǔ)言和無障礙性標(biāo)準(zhǔn)。
對(duì)象導(dǎo)向vs行為導(dǎo)向
一個(gè)全局結(jié)構(gòu)上實(shí)現(xiàn)了了Bull’s-Eye的應(yīng)用程序，是一個(gè)以對(duì)象為中心的模板。應(yīng)用程序中的內(nèi)容是圍繞對(duì)象組成的(或?qū)ο蠼M)，組成了應(yīng)用程序大的功能性區(qū)域。行為是網(wǎng)頁(yè)內(nèi)容和/或?qū)ο蟮恼Z(yǔ)境的表面。
美術(shù)指導(dǎo)標(biāo)準(zhǔn)
美術(shù)指導(dǎo)標(biāo)準(zhǔn)(圖4)包含了語(yǔ)言指南、顏色指南、美術(shù)指導(dǎo)指南、輔助圖形風(fēng)格指南和CSS文字指南。標(biāo)準(zhǔn)中的重點(diǎn)包括：
對(duì)其它標(biāo)準(zhǔn)的支持
指南也必須與公司內(nèi)其它的標(biāo)準(zhǔn)相關(guān)聯(lián)。比如，應(yīng)用程序被翻譯成28種語(yǔ)言。指南必須遵循通常的翻譯和自然語(yǔ)言支持探索。其它需要被支持的標(biāo)準(zhǔn)有聯(lián)邦無障礙指南(即508部分的兼容性)、通用縮寫指南和通用鍵盤快捷鍵標(biāo)準(zhǔn)。
通用代碼標(biāo)準(zhǔn)
在較早的闡述中，為了讓Bull’s-Eye達(dá)到建立一個(gè)通用的跨Oracle應(yīng)用程序的感觀，需要一個(gè)集成所有應(yīng)用程序的統(tǒng)一點(diǎn)－一個(gè)支持UI標(biāo)準(zhǔn)的通用代碼基礎(chǔ)。通用代碼支持各個(gè)單獨(dú)的UI指南，很大程度上減少標(biāo)準(zhǔn)中的不同和分歧。這個(gè)代碼基礎(chǔ)由指南的開發(fā)進(jìn)度驅(qū)動(dòng)，但也由所有產(chǎn)品團(tuán)隊(duì)對(duì)于通用代碼的需求驅(qū)動(dòng)。
對(duì)于通用代碼基礎(chǔ)的需求也地驅(qū)動(dòng)了開發(fā)從內(nèi)到外的指南的需求，例如從組件開始。如果不用已有的通用組件，對(duì)通用網(wǎng)頁(yè)模板或網(wǎng)頁(yè)流程進(jìn)行編碼將會(huì)非常困難。
指南的結(jié)構(gòu)
以上闡述的各個(gè)指南的層次、組件、網(wǎng)頁(yè)模板、網(wǎng)頁(yè)流程，UI模型和模式和總體特點(diǎn)和原則，都是以一致的格式進(jìn)行交互的。這個(gè)格式簡(jiǎn)化了指南的使用和維護(hù)。
各個(gè)指南是以HTML做文檔，作為完整的指南網(wǎng)站的一部分(可在以下網(wǎng)址獲得公開資料：http://otn.oracle.com/tech/blaf/)。各個(gè)指南由幾個(gè)部分組成，包括：
之前我們提到了把指南和UI代碼捆綁的價(jià)值。一個(gè)編碼團(tuán)隊(duì)和我們的首席指南設(shè)計(jì)師保持持續(xù)的基礎(chǔ)會(huì)談，并跟蹤一個(gè)實(shí)際的指南的各個(gè)組件的開發(fā)。
我們相信指南的結(jié)構(gòu)和內(nèi)容(尤其是指南的多層次性)是有效的，因?yàn)樗鼈兪窃谡麄€(gè)公司的UI設(shè)計(jì)師、可用性工程師、產(chǎn)品經(jīng)理，以及開發(fā)經(jīng)理的協(xié)助下完成的。
這個(gè)過程需要各個(gè)團(tuán)隊(duì)派出一名代表參加固定每周一次的會(huì)議，和首席指南開發(fā)師探討新的需求。并檢驗(yàn)新的請(qǐng)求在現(xiàn)有的指南下能否得到滿足。如果不能，就要跟蹤確定它們?cè)趹?yīng)用程序的影響范圍，例如一個(gè)團(tuán)隊(duì)對(duì)UI控件的需求可能會(huì)反映出對(duì)組件的需求。如果出現(xiàn)多個(gè)需求的情況，首席指南設(shè)計(jì)師就會(huì)會(huì)同所有受到影響的團(tuán)隊(duì)和UI設(shè)計(jì)師來開發(fā)一個(gè)解決方案。
幾個(gè)啟發(fā)性問題會(huì)用來評(píng)估和優(yōu)化方案：
各個(gè)團(tuán)隊(duì)指出需求并加入到設(shè)計(jì)過程中，從而形成了指南多層次的格局。
但是，各個(gè)團(tuán)隊(duì)同意最終成果并不能證明指南的設(shè)計(jì)是有用的。要進(jìn)行更有根據(jù)性的評(píng)估，我們以兩種方式進(jìn)行了可用性測(cè)試，從上至下和從下至上，作為另外的指南的有效性測(cè)試。
從上至下，我們針對(duì)明確的指南進(jìn)行了可用性測(cè)試。這些測(cè)試必須是可以在整個(gè)產(chǎn)品組和用戶范圍內(nèi)可推廣。要達(dá)到這個(gè)目的，操作如下：
a)招募了三到四個(gè)用戶，每個(gè)用戶來自不同的領(lǐng)域；
b)開發(fā)的任務(wù)和內(nèi)容是未知的領(lǐng)域(比如，要使用人力資源數(shù)據(jù)或雇員名單)；
c)制定我們的測(cè)試計(jì)劃、原型，以及建立我們固定的一對(duì)一評(píng)估測(cè)試。
不同網(wǎng)頁(yè)組件(例如，網(wǎng)頁(yè)上的按鈕)、網(wǎng)頁(yè)模板(例如，個(gè)性化表格)和網(wǎng)頁(yè)流程(例如，保存模式)，都要接受這種針對(duì)指南的可用性測(cè)試。
從下至上，我們監(jiān)控了正在進(jìn)行的針對(duì)指南問題的產(chǎn)品可用性測(cè)試。如果我們指出了指南中一個(gè)潛在的可用性問題，那么這個(gè)問題就會(huì)被可用性工程師標(biāo)明并與外部人員進(jìn)行溝通。然后由創(chuàng)建了類似的組件、網(wǎng)頁(yè)或流程的其他工程師來決定，這個(gè)是否是一個(gè)要重新進(jìn)行的問題。一個(gè)具體指南的測(cè)試，可能導(dǎo)致一套新的設(shè)計(jì)和測(cè)試的解決方案。
最后，我們通過高級(jí)管理層的認(rèn)可程度和產(chǎn)品團(tuán)隊(duì)的接納程度，來評(píng)估我們方法的有效性。1998年的12月，Oracle的產(chǎn)品沒有一致的外觀和感受。2000年2月，管理層決定把指南應(yīng)用于所有的網(wǎng)絡(luò)應(yīng)用程序。至2000年12月，所有的網(wǎng)絡(luò)產(chǎn)品團(tuán)隊(duì)都在使用指南；有超過100個(gè)已實(shí)現(xiàn)的網(wǎng)絡(luò)應(yīng)用程序使用了指南。另外，Oracle技術(shù)網(wǎng)絡(luò)上(http://otn.oracle.com/tech/blaf/)發(fā)布了指南，因此客戶可以開發(fā)能夠集成Oracle應(yīng)用程序的自定應(yīng)用程序。
開發(fā)指南時(shí)的一個(gè)問題是，維持跨程序平臺(tái)的一致性與滿足各個(gè)應(yīng)用程序的獨(dú)特需求之間的矛盾。我們指明，讓提出這些需求的團(tuán)隊(duì)來提供這些需求是獨(dú)一無二的確認(rèn)(比如文檔、可用性數(shù)據(jù)、用戶需求數(shù)據(jù))。
另一個(gè)問題是保證指南文檔的純粹的任務(wù)。文檔的每個(gè)修改，會(huì)波及到整個(gè)文檔中。剛開始時(shí)是一個(gè)人的工作，現(xiàn)在已經(jīng)發(fā)展成包括三名全職職員，外加跨團(tuán)隊(duì)的協(xié)作人員。這個(gè)團(tuán)隊(duì)作為一個(gè)標(biāo)準(zhǔn)組存在于（并受資助于）可用性和界面設(shè)計(jì)團(tuán)隊(duì)。
第三個(gè)問題是引入了外部組(比如系統(tǒng)性能、無障礙兼容和跨瀏覽器能力)的需求到指南中。要開發(fā)出能回應(yīng)這些外部壓力的指南，我們招募了公司內(nèi)擁有這些領(lǐng)域相關(guān)知識(shí)的盟友，來為我們提供咨詢和見解。
Bull’s-Eye框架和指南的成果是一個(gè)跨越。Bull’s-Eye的層次提供了讓所有類型的指南一起運(yùn)作的框架，從總體的原則到具體的組件。有了這個(gè)框架，我們補(bǔ)充了其它指南和標(biāo)準(zhǔn)的空缺，也能夠?yàn)閺V泛的用戶和應(yīng)用程序領(lǐng)域進(jìn)行設(shè)計(jì)。
聯(lián)系客服
