在创建响应式设计友好内容时需要考虑什么

善微科技 2017 02月08日 发布

许多小型企业网站的建立是为了外观华丽全尺寸的电脑显示器上。但是,随着越来越多的人访问网络上的移动设备,它不再是一个尺寸适合所有人。


其中一个更有效的方法来满足所有用户以及是建立-或重新设计-使用你的网站响应网页设计。这包括创建支持用户操作的内容,而不考虑他们拥有的设备类型。


自适应网页设计意味着您的网站会自动重新配置自身或“响应”,以适应访问者正在使用的设备的大小和类型。这一切都在于提高用户体验,特别是使人们能够轻松地在移动设备上做出或找到他们想要的。这意味着页面需要快速加载,网站设计应该尽量减少调整大小,打字,滚动和平移的需要。


在为适合移动设备的网站开发内容时需要了解哪些内容?牢记这五个关键要素:




1.首先考虑智能手机用户。

要创建一个引人注目且具有响应性的网站,首先需要关注智能手机用户。开始为小型触摸屏设计,并从那里向上扩展。这可以帮助确保您的网站满足任何设备上的用户,并在任何类型的互联网连接上快速加载。


2.考虑支持行动。

询问用户最希望找到的信息以及他们最希望在您的网站上做什么:


看看你是否提供他们想要的产品或服务?这意味着您应该提供一个突出的产品搜索框或服务列表的链接。

要找到您的位置?请务必添加您的地址和地图。

预约或预约?要注册您的特别优惠的电子邮件或文本提醒?小部件或链接可以将人们连接到这些服务。

打电话给你?这些是手机,毕竟。

是的,您仍然可以在网站设计的最小版本上包括有吸引力的图片和颜色 - 只要他们快速加载,在小屏幕上显示清晰,最重要的是,不要干扰用户采取行动。


3.向上扩展到平板电脑。

一旦您设计出符合智能手机用户需求的吸引力,高效和实用的网站,您就可以开始决定要为平板电脑用户添加或交换哪些内容。


您可能不需要更改您的内容或布局,以适应小型平板电脑的用户,如iPad Mini或Kindle Fire。但是对于较大的平板电脑(如全尺寸iPad),您可能需要使用较大的图片或在首页中添加更多内容,例如客户推荐或活动或特别活动的公告。您还可以考虑提供视频内容 - 只是确保它使用HTML5,因为Adobe Flash视频在许多移动操作系统上不起作用。


 


4.扩展到计算机。

对于笔记本电脑或桌面用户,您可以提供更丰富的内容 - 可能是更多照片,简短的业务历史或对您的产品或服务的价值和优势的解释。这些信息也可以提供给智能手机用户,但是被放在“关于我们”菜单项后面,而不是显示在主页上。


5.计划分析和更新。

这是一个猜测访问者如何使用您的网站,而另一个实际上看到他们在那里做什么。确保使用网络分析工具,如谷歌Analytics(分析)在您的网站。密切注意移动流量与计算机流量的差异,并调整您包含的内容以及相应的内容。例如,如果您发现许多移动访问者正在使用您的搜索框在您的网站上查找某种内容,请考虑向您的主菜单中添加相应的项目。这满足了需要,同时减少了对触摸屏打字的需要。


理想情况下,随着时间的推移,您的网络流量的移动部分将会增长。通过关注用户操作(而不是网页浏览量),您可以更准确地跟踪您的网站如何帮助您打造业务。


 


如没特殊注明,文章均为善微网络原创,转载请注明来自https://www.sanways.com/news/286.html