隨著移動應(yīng)用占據(jù)了網(wǎng)絡(luò)用戶越來越多的時間，移動應(yīng)用的用戶體驗(yàn)也越來越受到開發(fā)者的重視。在新近舉行的Google Chrome開發(fā)者大會上，Google的開發(fā)者關(guān)系主管Paul Kinlan分享了一些自己對Web App的看法，LuKew對其分享的內(nèi)容作了一些總結(jié)。

• 就目前的情況來看，還是本地應(yīng)用的用戶體驗(yàn)設(shè)計(jì)走在最前端，一些優(yōu)秀的交互方式比如聲控和卡片模式已經(jīng)被本地應(yīng)用廣為采用，但Web App卻很少使用這些已經(jīng)被公眾認(rèn)可的交互方式。
• Alexa排名前一千的站點(diǎn)中超過半數(shù)僅僅把自己的網(wǎng)站按比例縮小以適應(yīng)移動端屏幕，更有25%的站點(diǎn)甚至不能很好的和屏幕相匹配。超過八成的移動網(wǎng)頁缺乏對觸摸點(diǎn)擊的優(yōu)化，六成的移動端網(wǎng)頁有可讀性問題，一成的網(wǎng)頁插件不能在移動端正常工作。
• 為了幫助開發(fā)者提升網(wǎng)頁的用戶體驗(yàn)，Google發(fā)布了開源的網(wǎng)頁分析工具PageSpeed Insights，開發(fā)者可以借助該工具對網(wǎng)頁的字體、可操控性、窗口等多個方面進(jìn)行優(yōu)化。
• 開發(fā)者應(yīng)當(dāng)保證讓內(nèi)容和移動瀏覽器視區(qū)窗口相匹配，畢竟多個維度同時滑動的滾動條難免讓用戶感到虐心。Chrome會自動調(diào)整移動網(wǎng)頁字體的大小以此來來彌補(bǔ)移動端網(wǎng)頁的設(shè)計(jì)瑕疵。
• 16像素在屏幕上是人眼辨識度的閥值，行高和對比度對可識別性一樣有很大影響。開發(fā)者需要有限度的在移動端使用網(wǎng)頁字體，特別是在網(wǎng)頁正文中，這將有助于避免FOUC——文檔樣式短暫失效。
• 網(wǎng)頁上可點(diǎn)擊的目標(biāo)需要有7mm大小并且伴隨著2mm的顏色填充，這樣才不至于給用戶帶來點(diǎn)擊困惑。表格中的標(biāo)簽應(yīng)當(dāng)比可點(diǎn)擊目標(biāo)大到兩倍以上以方便文字輸入。
• 在需要的時候調(diào)用瀏覽器的自動填充功能，該API可以使用JavaScript幫助用戶完成表格自動填充。此外對表格使用特殊的輸入方式以讓用戶能更加精確的在移動端輸入也是必要的。

現(xiàn)在的網(wǎng)頁開發(fā)者不得不在多種多樣的移動設(shè)備以及日新月異的交互方式里周璇，使用恰當(dāng)?shù)墓ぞ摺⒔邮芎侠淼慕换シ绞郊扔欣谕晟谱约旱漠a(chǎn)品又有助于提升自己的開發(fā)潛能。雖然本地應(yīng)用占據(jù)了很多的用戶時間，但網(wǎng)頁應(yīng)用一樣會長期存在并具備自己獨(dú)特的優(yōu)勢，所以優(yōu)化自己的移動端網(wǎng)頁應(yīng)用理應(yīng)受到服務(wù)提供者的足夠重視。

來源：PingWest