|
最佳實(shí)踐清單
最近在翻譯W3C的這個(gè)最佳實(shí)踐建議文檔,為方便起見,將以下最佳實(shí)踐清單放到此處討論,以后文章會(huì)以主題形式發(fā)布,以下主題將會(huì)添加詳情鏈接:
[主題一致性]確保內(nèi)容在被不同設(shè)備訪問時(shí),能有連貫的用戶體驗(yàn)。
[ 功能 ]利用設(shè)備能力,以提供增強(qiáng)的用戶體驗(yàn)。
[ 缺陷 ]采取合理的步驟來解決不足的實(shí)現(xiàn)。
[ 測(cè)試 ]在實(shí)際設(shè)備以及模擬器上完成測(cè)試。
[ 統(tǒng)一資源定位符(URIs) ]保證站點(diǎn)入口URI的簡(jiǎn)短。
[導(dǎo)航欄 ]在頁面頂部提供且僅提供最小的導(dǎo)航。
[ 平衡 ]'重視在鏈接數(shù)量'和'希望用戶能鏈接中找到他們想要的'之間的平衡。
[ 導(dǎo)航 ]提供一致的導(dǎo)航機(jī)制。
[快捷鍵]為導(dǎo)航菜單和頻繁訪問的功能分配快捷鍵。
[鏈接目標(biāo)ID(LINK_TARGET_ID)]明確確定每個(gè)鏈接的目標(biāo)。
[鏈接目標(biāo)格式]注意目標(biāo)文檔的格式,除非您知道該設(shè)備支持它。
[圖片映射(IMAGE_MAPS)]不要使用影像映射,除非您知道設(shè)備能對(duì)其提供有效的支持。
[彈出窗口]不要產(chǎn)生彈出式窗口或其他窗口出現(xiàn),不更改當(dāng)前窗體,除非事先提醒用戶。
[自動(dòng)刷新]不要建立定期自動(dòng)刷新頁面,除非您已通知用戶,并提供了停止的方法。
[ 重定向 ]不要使用標(biāo)記來自動(dòng)重定向頁面。相反,通過配置服務(wù)器執(zhí)行重定向,使用3xx系列的HTTP代碼。
[外部資源]保持外部鏈接資源減少到最低限度。
[ 明晰 ]使用簡(jiǎn)單明了的語言。
[ 有限度 ]根據(jù)用戶請(qǐng)求控制內(nèi)容。
[頁面尺寸可用性]將頁面切割成可用但是有限大小(盡量小)的部分。
[頁面大小限定]確保了頁面的整體規(guī)模是適合設(shè)備的內(nèi)存限制的。
[ 滾動(dòng) ]只向一個(gè)方向滾動(dòng),除非次要滾動(dòng)無法避免。
[中心思想]確保材料接近于中心思想優(yōu)先于非中心思想的材料。
[間距圖形]不要使用間距的圖形。
[大字符]不要使用不能由設(shè)備呈現(xiàn)的圖像。避免使用大的或者高分辨率的圖片,除了會(huì)丟失關(guān)鍵信息的情況。
[色彩的使用]確保信息在彩色和黑白色情況下都能夠被有效傳達(dá)。
[色彩對(duì)比度]確保前景色和背景色組合提供足夠的對(duì)比度。
[背景圖片可讀性]當(dāng)使用背景圖片時(shí),確保內(nèi)容仍然在設(shè)備上的可讀性。
[頁面標(biāo)題]提供一個(gè)簡(jiǎn)短但描述網(wǎng)頁的標(biāo)題。
[無框架]不要使用框架。
[ 結(jié)構(gòu) ]使用標(biāo)記語言的邏輯功能,顯示文檔結(jié)構(gòu)。
[表格支持]不要使用表格,除非確定該設(shè)備支持表格。
[表格嵌套]不要使用嵌套的表格。
[表格布局]不要使用布局表格。
[表格替代]如果可能,使用替代表格形式呈現(xiàn)。
[ 非文本元素替換]為非文本元素提供一個(gè)替代文本。
[對(duì)象或腳本]不要依賴于嵌入的對(duì)象或腳本。
[設(shè)定圖片大小]在標(biāo)記中指定的圖像的大小,如果他們有固定的大小。
[有效標(biāo)記]創(chuàng)建的文檔符合正式發(fā)表的驗(yàn)證語法。
[ 測(cè)量 ]不要使用像素計(jì)量,并且避免在標(biāo)記語言中的屬性值和級(jí)聯(lián)樣式屬性值中使用絕對(duì)單位。
[樣式表的使用]使用樣式表來控制編排和版面設(shè)計(jì),除非已知設(shè)備不支持他們。
[樣式表的支持]整理文檔,以便必要時(shí)他們可能不讀取樣式表。
[樣式表大小]保持樣式表盡量小。
[ 最小大小 ]使用簡(jiǎn)潔,高效的標(biāo)記。
[內(nèi)容格式化支持]發(fā)送被公認(rèn)是由設(shè)備支持的格式內(nèi)容。
[內(nèi)容的首選格式]如果可能的話,發(fā)送的首選格式的內(nèi)容。
[字符編碼支持]確保內(nèi)容使用的字符編碼是已知的設(shè)備支持的。
[字符編碼的使用]在應(yīng)答中指明所使用的字符編碼。
[錯(cuò)誤消息]提供有用的錯(cuò)誤信息和從錯(cuò)誤信息導(dǎo)航到有用信息的途徑。
[ COOKIES ]不要依賴于可用的Cookie。
[ 緩存 ]提供緩存的HTTP響應(yīng)信息。
[ 字體 ]不要依賴于相關(guān)的字體樣式的支持。
[盡量少的按鍵]保持按鍵的數(shù)目減少到最低。
[避免自定義文本]盡可能的避免自定義文本( free text)。
[提供默認(rèn)值]盡可能提供預(yù)先選定的默認(rèn)值。
[默認(rèn)輸入模式]指定一個(gè)默認(rèn)的文字輸入模式,語言和/或輸入格式,如果該設(shè)備是眾所周知的支持。
[TAB鍵順序]在控件和對(duì)象上通過鏈接創(chuàng)建一個(gè)邏輯順序。
[控件標(biāo)簽]適度而明確的為所有窗體控件設(shè)置標(biāo)簽和關(guān)聯(lián)標(biāo)簽。
[控件位置]位置標(biāo)簽,為其關(guān)聯(lián)的空間設(shè)置適當(dāng)?shù)牟季帧?/span>
Quoted from 【W3C】
另外,推薦使用W3C的MobileOK Checker進(jìn)行移動(dòng)有好度測(cè)試,MobileOK相關(guān)標(biāo)準(zhǔn)與與本文最佳實(shí)踐是一致的。
it知識(shí)庫:移動(dòng)Web最佳實(shí)踐1.0,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。