随着移动应用占据了网络用户越来越多的时间,移动应用的用户体验也越来越受到开发者的重视。在新近举行的Google Chrome 开发者大会上,Google的开发者关系主管Paul Kinlan分享了一些自己对Web App的看法,Lukew对其分享的内容作了一些总结。
就目前的情况来看,还是本地应用的用户体验设计走在最前端,一些优秀的交互方式比如声控和卡片模式已经被本地应用广为采用,但Web App却很少使用这些已经被公众认可的交互方式。
Alexa排名前一千的站点中超过半数仅仅把自己的网站按比例缩小以适应移动端屏幕,更有25%的站点甚至不能很好的和屏幕相匹配。超过八成的移动网页缺乏对触摸点击的优化,六成的移动端网页有可读性问题,一成的网页插件不能在移动端正常工作。
为了帮助开发者提升网页的用户体验,Google发布了开源的网页分析工具PageSpeed Insights,开发者可以借助该工具对网页的字体、可操控性、窗口等多个方面进行优化。
开发者应当保证让内容和移动浏览器视区窗口相匹配,毕竟多个维度同时滑动的滚动条难免让用户感到虐心。Chrome会自动调整移动网页字体的大小以此来来弥补移动端网页的设计瑕疵。
16像素在屏幕上是人眼辨识度的阀值,行高和对比度对可识别性一样有很大影响。开发者需要有限度的在移动端使用网页字体,特别是在网页正文中,这将有助于避免FOUC——文档样式短暂失效。
网页上可点击的目标需要有7mm大小并且伴随着2mm的颜色填充,这样才不至于给用户带来点击困惑。表格中的标签应当比可点击目标大到两倍以上以方便文字输入。
在需要的时候调用浏览器的自动填充功能,该API可以使用JavaScript帮助用户完成表格自动填充。此外对表格使用特殊的输入方式以让用户能更加精确的在移动端输入也是必要的。
现在的网页开发者不得不在多种多样的移动设备以及日新月异的交互方式里周璇,使用恰当的工具、接受合理的交互方式既有利于完善自己的产品又有助于提升自己的开发潜能。虽然本地应用占据了很多的用户时间,但网页应用一样会长期存在并具备自己独特的优势,所以优化自己的移动端网页应用理应受到服务提供者的足够重视。