隨著移動應用占據了網絡用戶越來越多的時間,移動應用的用戶體驗也越來越受到開發者的重視。在新近舉行的Google Chrome開發者大會上,Google的開發者關系主管Paul Kinlan分享了一些自己對Web App的看法,LuKew對其分享的內容作了一些總結。
- 就目前的情況來看,還是本地應用的用戶體驗設計走在最前端,一些優秀的交互方式比如聲控和卡片模式已經被本地應用廣為采用,但Web App卻很少使用這些已經被公眾認可的交互方式。
- Alexa排名前一千的站點中超過半數僅僅把自己的網站按比例縮小以適應移動端屏幕,更有25%的站點甚至不能很好的和屏幕相匹配。超過八成的移動網頁缺乏對觸摸點擊的優化,六成的移動端網頁有可讀性問題,一成的網頁插件不能在移動端正常工作。
- 為了幫助開發者提升網頁的用戶體驗,Google發布了開源的網頁分析工具PageSpeed Insights,開發者可以借助該工具對網頁的字體、可操控性、窗口等多個方面進行優化。
- 開發者應當保證讓內容和移動瀏覽器視區窗口相匹配,畢竟多個維度同時滑動的滾動條難免讓用戶感到虐心。Chrome會自動調整移動網頁字體的大小以此來來彌補移動端網頁的設計瑕疵。
- 16像素在屏幕上是人眼辨識度的閥值,行高和對比度對可識別性一樣有很大影響。開發者需要有限度的在移動端使用網頁字體,特別是在網頁正文中,這將有助于避免FOUC——文檔樣式短暫失效。
- 網頁上可點擊的目標需要有7mm大小并且伴隨著2mm的顏色填充,這樣才不至于給用戶帶來點擊困惑。表格中的標簽應當比可點擊目標大到兩倍以上以方便文字輸入。
- 在需要的時候調用瀏覽器的自動填充功能,該API可以使用JavaScript幫助用戶完成表格自動填充。此外對表格使用特殊的輸入方式以讓用戶能更加精確的在移動端輸入也是必要的。
現在的網頁開發者不得不在多種多樣的移動設備以及日新月異的交互方式里周璇,使用恰當的工具、接受合理的交互方式既有利于完善自己的產品又有助于提升自己的開發潛能。雖然本地應用占據了很多的用戶時間,但網頁應用一樣會長期存在并具備自己獨特的優勢,所以優化自己的移動端網頁應用理應受到服務提供者的足夠重視。
來源:PingWest