要使体验与台式机或笔记本电脑一样好(如果不是更好),应该考虑哪些设计注意事项?如果要满足不断增长的移动用户市场的需求,以下是青岛网络推广公司一些设计基础知识。
看起来似乎很明显,但是您会惊讶地发现,有多少个网站没有将所有这些因素都考虑在内,而使他们留下的网站缺乏功能。如果不采取这些步骤,您可能会吸引移动设备上的客户。
使其移动友好:不用说,用户应该能够正确访问您的网站。以下是一些提示,向您展示哪些区域需要工作。
快速加载页面:您的网站需要新鲜感和响应能力,而且加载时间很少甚至没有。这可以通过多种方式来实现,例如创建响应网站或创建网站的单独移动版本,以在检测到移动设备时加载该网站。
调整图像大小:缩小图像密集型网站是延长加载时间的另一种方法,尤其是在内容具有高分辨率的情况下。考虑一下您试图通过网站上的图片和图形实现的总体影响,然后相应地缩小和调整内容的大小。
简单的导航菜单:由于干净整洁的外观,我们前面提到的汉堡菜单栏是大多数移动网站所必需的。
简单的联系信息:在2018年,没有人希望导航到以小字体或几乎不可读的配色方案编写的联系页面。用户希望可以通过超链接或其他可访问的机制动态访问的缩短的联系信息。联系人表格也可以,只要它们具有移动响应能力并且易于填写和使用。
重要的信息:为了创建一个移动网站,您需要像移动用户一样思考。我们将稍作介绍,但是请记住,为了了解您的网站对移动用户的显示方式,您需要通过移动设备进行查看。
大文字,大按钮:这是您必须考虑的关键要素。如果通过文本传达信息,或者通过使用网站按钮要求用户采取措施,则需要确保所有详细信息都是可见且可读的。
跟踪您的移动统计信息:两个词:Google Analytics(分析)。通过使用这些工具,您将能够跟踪,监视和解密关于您的移动网站,移动用户以及如何使用网站设计的有价值的统计信息。
这可以为您的用户与您的网站进行交互的方式提供有价值的见解,并且可以轻松地识别问题区域,以便您可以尽快修复它们。
告别Flash:Flash是一个浏览器插件,用于使网站能够播放视频,音频和运行应用程序。苹果公司对Flash的创建者Adobe提出了质疑,并放弃了对此的支持。之后不久,Android紧随其后,Flash也不再在该平台上运行。
这意味着您网站的大部分访问者将无法查看您创建的Flash内容,因此完全放弃它并以HTML 5创建您的网站。HTML5能够完美地处理视频和音频,并且是大多数新网站所有者使用的标准。您可以在此处找到Flash和HTML 5之间的区别。
避免的错误:现在我们知道要使您的网站开始吸引移动用户需要做的事情,我们需要找出如何防止他们逃脱的方法!这是移动网站犯的一些最常见的错误。
忘记从多个移动设备进行测试:对于只有一个移动设备进行测试的人们来说,这是一个大问题。要记住的关键是,永远不能仅仅因为您的网站在一台设备上看起来不错就假定所有设备都是这种情况。尝试使用尽可能多的不同设备,包括Android和iOS,平板电脑和手机。
滚动距离不应太长:请记住,您要提供给访问者的网页将通过滑动式导航系统进行访问,这意味着用户很可能会用拇指或食指来进行导航。
您不希望他们阅读所有内容所需的距离太大,因此请考虑最小化垂直和水平距离。
抛开细节:从台式机或笔记本电脑浏览互联网的人们通常可以从高分辨率,大尺寸的显示器查看网站。仅向移动用户提供视觉房地产的一小部分,这意味着复杂的细节将丢失在它们上面。
保留细节,并用干净,新鲜的菜单和段落代替。您的站点越容易导航,就越有可能使用户登录到您的站点。
修剪文本:请记住,移动用户正在使用的屏幕要小得多,因此请保持文本简洁明了。与长文本提示相比,用户更有可能遵循短文本提示,因此请保持移动网站的优化和精简以提升效率。
间隔触摸区域:使用智能手机浏览网站的任何人都将知道尝试触摸过于靠近另一个按钮的挫败感,有时会导致按下错误的按钮。确保在设计页面时,您知道按钮布局在移动设备上的放置方式。
消除弹出窗口:如果您需要在促销或广告系列中添加类似内容,请考虑为移动用户选择一种替代方法。如果普通的移动互联网用户遇到这种刺激,很可能会关闭他们的浏览器选项卡,这将导致潜在的客户或销售流失。