创建移动友好网站的9个提示
2019年全球移动用户数量的预期增长约为47.7亿。到2019年,预计将超过50亿。这个数字相当于全球人口的67%。根据这些预测性统计数据,我们可以假设一个简单的事实,即移动设备越来越受欢迎,并且趋势不会在未来几年内失去强度。这就是为什么移动友好型网站的开发优先级高的原因。下面提到了创建一个的9个提示:
1、响应:选择响应式框架是小时的需要,bootstrap是网站开发人员的热门选择。无论用户如何接近您的网站(通过桌面,智能手机或平板电脑),响应式技术都可以让他们获得类似的体验。它具有seo优势,可以轻松管理,您无需分离移动url。
2、用食指或拇指思考:使用食指或拇指可以完全导航网站。用户应该只能使用“电话手”浏览您的网站。此外,应优化字体大小,以便用户无需捏缩放以放大。
3、保持简单的设计:网络用户的短暂注意力是众所周知的,不间断的注意力跨度仅为1.0秒。因此,最好保持简洁的网站设计和网站内容,这样可以即时传达核心信息。
4、保持简短而有吸引力的网站内容:主要是以最少的单词和有趣的方式呈现您的故事。为了引起用户的注意,只需添加必要的副本以使他们保持参与直到最后一句话。
5、专注于图标设计:保持网站整洁,而不是使用文字,使用传统的移动图标来传达“打电话”或“社交连接”等指令信息。
6、通过优化图像提高速度:移动网络的速度比其电缆驱动的表亲要慢。因此,最好使用繁重的媒体文件来删除您的网站。使用javascript的独立代码替换jquery mobile等庞大的库。使用较低分辨率的版本替换桌面版的视网膜就绪图像。java代码的均衡利用:最好避免使用过多的javascript,因为它在不同的设备和浏览器中以不同的方式运行。
7、轻松访问您的联系信息:应在您的网站上清楚地描绘移动网站的目标。例如,当您从多个位置运营业务时,您的优先级应该是为用户提供多个商店的地址; 开放和关闭时间; 预订或联系电话和最近的业务地点。
8、明智添加视频:将视频添加到移动网站是一种很好的做法。这是因为移动设备用户通常观看视频剪辑的可能性是其3倍。视频播放器必须支持html5版本,以便剪辑可以在大多数设备上运行。
9、移动友好表单设计:?html和css的最佳实践将帮助您使您的联系表格适合移动设备。css样式允许在表单输入字段周围留出足够的摆动空间,并帮助设计对于智能手机用户而言手指友好的按钮元素。
html5的不同属性有助于提升移动用户体验。例如,占位符属性指导用户必须填写表单中的数据类型。html5附带自动更正和自动资本化功能,有助于在表单输入字段中大写数据。此外,andriod手机和ios safari中使用的不同浏览器支持html5表单功能。使用这些简单的html和css代码可以帮助为针对移动体验优化的网站设计移动友好表单。您可以使用移动设备的内置技术来补偿表单字段的数量。