通用式網(wǎng)站建設(shè)教程
像無(wú)數(shù)其他人,我最初認(rèn)為用戶體驗(yàn)設(shè)計(jì),通過(guò)鏡頭的可用性:作為“科學(xué)”缺乏主體性,若配備一個(gè)推桿門居然要求我拉它,以打開(kāi)“用戶”。它,我感到很沮喪。我認(rèn)為這是一個(gè)壞的經(jīng)驗(yàn)。雖然這的確描述了一個(gè)壞的經(jīng)驗(yàn),由于實(shí)用性差,我的觀點(diǎn)也是非常短視的。
不可用或無(wú)法訪問(wèn),有什么區(qū)別?
由于許多 在 我們的社會(huì)所指出的,這個(gè)事情我們可能通常想象的那樣精心設(shè)計(jì)的往往只有“精心設(shè)計(jì)”在一定范圍內(nèi)。有限的人使用他們的武器,例如,可能會(huì)找到一個(gè)標(biāo)準(zhǔn)鍵盤難以采用。同上那些使用瀏覽器可能會(huì)缺乏對(duì)Web標(biāo)準(zhǔn)的支持。他們?cè)L問(wèn)的網(wǎng)頁(yè)的時(shí)候經(jīng)常產(chǎn)生障礙。
顯然,這是不到理想的。設(shè)計(jì)不應(yīng)成為觀眾的只是一個(gè)子集 -它應(yīng)該成為每個(gè)人,一視同仁。做那個(gè),但是,需要周到的談話之前,期間和開(kāi)發(fā)開(kāi)始后。
這就是本文的用武之地。像其他人 在 這個(gè) 系列的,完整的初學(xué)者指南通用設(shè)計(jì)不會(huì)提供一個(gè)全面的看這個(gè)問(wèn)題。相反,它寫成一個(gè)跳板,引入通用設(shè)計(jì)和它的近親,交通方便。對(duì)于背景的緣故,我們將看看一些在通用設(shè)計(jì)體現(xiàn)自己的方式-在線和離線-然后關(guān)閉與更普遍的方式接近設(shè)計(jì)的一些想法。
準(zhǔn)備好了嗎?讓我們開(kāi)始吧。
什么是通用設(shè)計(jì)?
通用設(shè)計(jì)描述了一組考慮因素,以便確保產(chǎn)品,服務(wù),和/或環(huán)境中是可用的每個(gè)人,要盡最大可能,而無(wú)需作出調(diào)整或特別設(shè)計(jì)的。無(wú)障礙只是略有不同,描述的程度,其產(chǎn)品,服務(wù),和/或環(huán)境是提供給每個(gè)人。因此,而前者是一個(gè)設(shè)計(jì)方法(類似于用戶為中心的設(shè)計(jì)),后者是其最常見(jiàn)的相關(guān)指標(biāo)。
通俗地說(shuō),交通方便是指在何種程度上一個(gè)設(shè)計(jì)功能,為殘疾人士-那些誰(shuí)不能看,不能聽(tīng),不能使用鍵盤或鼠標(biāo),或那些誰(shuí)擁有認(rèn)知或語(yǔ)言障礙。雖然這些人在歷史上經(jīng)歷了一個(gè)邊緣化的網(wǎng)絡(luò),時(shí)代似乎正在改變。最近興起的移動(dòng)設(shè)備普及已經(jīng)迫使組織最終適當(dāng)考慮的想法給予動(dòng)態(tài) 背景:在各種條件下的使用在各種環(huán)境中。這反過(guò)來(lái),模糊了“人”與殘疾人之間的界限。產(chǎn)品設(shè)計(jì)師和移動(dòng)策略盧克萊夫斯基采取了描述他的目標(biāo)受眾為具有“ 1眼球和一只拇指!
這兩個(gè)通用設(shè)計(jì)(一般)和移動(dòng)的第一個(gè)設(shè)計(jì)(如在一個(gè)很好的例子),使產(chǎn)品和服務(wù)更方便,對(duì)于網(wǎng)絡(luò)社區(qū)稱之為鋪平了道路“ 一個(gè)Web!耙粋(gè)網(wǎng)頁(yè)是瀏覽器的一個(gè)越來(lái)越務(wù)實(shí)的眼光-與設(shè)備無(wú)關(guān)的將來(lái),許多人認(rèn)為,是唯一面向未來(lái)的友好前進(jìn)的方向。
什么是通用設(shè)計(jì)“外觀”喜歡?
關(guān)于通用設(shè)計(jì)這一切抽象的談話可能已經(jīng)得到了你想:這是什么東西,實(shí)際上是什么樣子?讓我們先來(lái)看看通用設(shè)計(jì)在現(xiàn)實(shí)世界中。
在加州州立大學(xué)北嶺分校的年度CSUN發(fā)布會(huì),交通方便冠軍溫迪奇澤姆指出,“樓梯使建筑人跡罕至,沒(méi)有坐輪椅!
傾斜的人行道是一個(gè)設(shè)計(jì)細(xì)節(jié)伴隨當(dāng)代行人道。在物理上,他們無(wú)非是添加到人行道,以方便使用輪椅坡道的人,但他們的實(shí)際實(shí)用程序運(yùn)行更為深遠(yuǎn)。通過(guò)解決需要誰(shuí)使用輪椅的人,設(shè)計(jì)師也使生活更容易為媽媽與嬰兒車,人手推車等,這是如何設(shè)計(jì)的“極端”情況下讓體驗(yàn)更好的給大家一個(gè)很好的例子。
數(shù)字人行道傾斜相當(dāng)于是漸進(jìn) 增強(qiáng)。網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員(巧妙地)假定沒(méi)有關(guān)于他們的目標(biāo)受眾,并初步提供一個(gè)準(zhǔn)系統(tǒng),語(yǔ)義網(wǎng)。在頁(yè)面加載后,我們使用特征檢測(cè),以確定更豐富的體驗(yàn)是否能夠取代它。
最喜歡的通用設(shè)計(jì)的考慮,漸進(jìn)增強(qiáng)(如果做得好的)是不是“看得見(jiàn)” ,除非你知道如何尋找它。然而,理解是進(jìn)入通用設(shè)計(jì)用于Web的思維使所有的差異與問(wèn)候我們的方法。
什么東西塑造一個(gè)通用的方法?
很多人都考慮過(guò)什么構(gòu)成的通用設(shè)計(jì):艾倫·庫(kù)珀提到的一些注意事項(xiàng)在他的書中,關(guān)于面部3,和北卡羅來(lái)納州舉辦的一系列原則上他們的網(wǎng)站。在這里,我將簡(jiǎn)要介紹一些我認(rèn)為有用的方面。
無(wú)障礙開(kāi) ​​頭內(nèi)容。訪問(wèn)的內(nèi)容 被定義為內(nèi)容的感知(可見(jiàn)或以其他方式),可操作性(使用),理解(可學(xué)習(xí)的,邏輯上的聲音),和強(qiáng)大的(很好的描述,以多種格式提供)。這是,同樣地,提供通過(guò)訪問(wèn)服務(wù)。訪問(wèn)的服務(wù)通過(guò)將內(nèi)容傳送到人,瀏覽器和其它應(yīng)用程序的用戶界面(UI)和/或應(yīng)用程序接口(API)。
設(shè)計(jì)的內(nèi)容和服務(wù),使他們符合這些標(biāo)準(zhǔn)是不容易的。而不是正常的,以用戶為中心的方式與讀者在這里一定很熟悉的,通用的設(shè)計(jì)師拿來(lái)看的機(jī)會(huì)點(diǎn),詢問(wèn)誰(shuí)是也可能使用該內(nèi)容或服務(wù)的人/系統(tǒng),以及什么樣的障礙,可能可能?站在他們的方式,我發(fā)現(xiàn),這個(gè)分解成幾個(gè),主要活動(dòng):建立商業(yè)案例,測(cè)量方便,理解內(nèi)容,理解代碼,并最終共享技能?梢钥隙ǖ氖,所有這些圍繞著學(xué)習(xí),發(fā)展,并秉承“最佳”的做法。
構(gòu)建商業(yè)案例
要構(gòu)建商業(yè)案例通用設(shè)計(jì),以用戶為中心的設(shè)計(jì)師可能會(huì)先衡量?jī)?nèi)容或服務(wù)的可訪問(wèn)性(見(jiàn)下文),第二,說(shuō)服利益相關(guān)者,這是一個(gè)值得的投資。一些參數(shù)包括:
訪問(wèn)的內(nèi)容更容易找到(搜索引擎優(yōu)化的好處),更可共享(社交媒體的好處)。
因?yàn)樗鼈兪腔跇?biāo)準(zhǔn)的,可訪問(wèn)的服務(wù)是由多個(gè)可互換的零件(使更有效的合作)。
政府立法 對(duì)人跡罕至的產(chǎn)品。
對(duì)于某些客戶/機(jī)構(gòu),交通方便直接驅(qū)動(dòng)他們的購(gòu)買決策。
測(cè)量輔助功能
通用設(shè)計(jì)是無(wú)障礙的方式計(jì)量。設(shè)計(jì)人員可以開(kāi)始開(kāi)發(fā)的可訪問(wèn)性測(cè)試工具提供了一個(gè)工作的知識(shí),然后使用它們來(lái)評(píng)估受到質(zhì)疑的內(nèi)容或服務(wù),以了解該鏈接。最后,他們可能會(huì)定義一個(gè)可訪問(wèn)性測(cè)試的啟發(fā)式,以確保一致的測(cè)量。
可訪問(wèn)性測(cè)試工具,包括-但當(dāng)然不限于- 設(shè)備實(shí)驗(yàn)室,屏幕閱讀器(如Chromevox),和殘疾模擬器(如理由的色盲模擬器)。這些是冰山的一角,雖然。我建議與利益相關(guān)者合作,以確定殘疾可能適用于他們的目標(biāo)受眾的范圍。
在確定其可訪問(wèn)性測(cè)試工具提供的內(nèi)容或服務(wù)的有用的評(píng)估,設(shè)計(jì)人員可以開(kāi)發(fā)出一套測(cè)試啟發(fā)式,以確保其持續(xù)使用。這些可能很簡(jiǎn)單,如清單或一步一步的指導(dǎo),他們可以復(fù)雜如一套視頻教程。
了解內(nèi)容
為了提高內(nèi)容的可訪問(wèn)性,設(shè)計(jì)師必須先了解什么是錯(cuò)的可訪問(wèn)性的角度來(lái)看-如果有的話-與組織的內(nèi)容策略:內(nèi)容如何計(jì)劃,創(chuàng)建,發(fā)布和維護(hù)。而不是在事后檢驗(yàn)是否符合,他們可以嵌入輔助因素納入從一開(kāi)始的編輯過(guò)程。
該流程圖顯示了如何確定圖像的替代文字內(nèi)容需要一點(diǎn)心思。
理解代碼
為了提高我們的代碼,我們必須先了解它。衡量我們服務(wù)的訪問(wèn)后,設(shè)計(jì)師應(yīng)該對(duì)與開(kāi)發(fā)商(見(jiàn)下文),以更好地理解-并最終改善-他們的開(kāi)發(fā)周期。有些組織通過(guò)創(chuàng)建更加模塊化設(shè)計(jì),維護(hù)模式庫(kù)。其他遵循標(biāo)準(zhǔn)的應(yīng)用架構(gòu),提供基于REST的API。還有一些人使用的開(kāi)發(fā)框架如Quail.js,以確保其前端代碼可以訪問(wèn)。
技巧分享
訪問(wèn)的模式和全公司的慣例,通常開(kāi)發(fā)專案。同時(shí)創(chuàng)造一個(gè)啟發(fā)CMS或一組設(shè)計(jì)/開(kāi)發(fā)模式大大有助于確保事情都可以訪問(wèn)很長(zhǎng)的路要走,單獨(dú)的文檔是沒(méi)有什么靈丹妙藥。
至于朱莉德克森指出,在她的書,對(duì)人們?nèi)绾螌W(xué)習(xí)設(shè)計(jì),事實(shí)是學(xué)習(xí)不同于技能。每當(dāng)代碼編寫- -因?yàn)槊慨?dāng)內(nèi)容被創(chuàng)建可訪問(wèn)性問(wèn)題都可能引入它的當(dāng)務(wù)之急是團(tuán)隊(duì)成員參與結(jié)對(duì)編程或?qū)懽鲿?huì),分享他們的知識(shí)。