品玩

科技创新者的每日必读

打开APP
关闭
Google

设计Web App应当注意些什么?看看Google的开发人员怎么说

【听Google的开发人员讲Web App设计】1)Native App上广受欢迎的声控和卡片交互模式在移动网页上很少被使用;2)超过八成的移动网页缺乏对触摸点击的优化,六成有可读性问题,一成网页插件不能在移动端工作;3)开发者可以通过PageSpeed Insights对字体、操控性、窗口等进行优化。http://www.pingwest.com/mobile-web-apps-ux-patterns/

CY Zhou

发布于 2013年11月22日

随着移动应用占据了网络用户越来越多的时间,移动应用的用户体验也越来越受到开发者的重视。在新近举行的Google Chrome 开发者大会上,Google的开发者关系主管Paul Kinlan分享了一些自己对Web App的看法,Lukew对其分享的内容作了一些总结。

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

现在的网页开发者不得不在多种多样的移动设备以及日新月异的交互方式里周璇,使用恰当的工具、接受合理的交互方式既有利于完善自己的产品又有助于提升自己的开发潜能。虽然本地应用占据了很多的用户时间,但网页应用一样会长期存在并具备自己独特的优势,所以优化自己的移动端网页应用理应受到服务提供者的足够重视。

下载品玩App,比99.9%的人更先知道关于「Google」的新故事

下载品玩App

比99.9%的人更先知道关于「Google」的新故事

iOS版本 Android版本
立即下载
CY Zhou

PingWest

取消 发布
AI阅读助手
以下有两点提示,请您注意:
1. 请避免输入违反公序良俗、不安全或敏感的内容,模型可能无法回答不合适的问题。
2. 我们致力于提供高质量的大模型问答服务,但无法保证回答的准确性、时效性、全面性或适用性。在使用本服务时,您需要自行判断并承担风险;
感谢您的理解与配合
该功能目前正处于内测阶段,尚未对所有用户开放。如果您想快人一步体验产品的新功能,欢迎点击下面的按钮申请参与内测 申请内测