说手机使用量正在上升,我们并没有说得太离谱。我们大多数人每天都在使用手机,无论是为了工作、从我们最喜欢的网站购物,还是在午休时间快速浏览网页。
但这些网站已经变得如此受欢迎,以至于对于企业来说,仅仅让网站适合移动设备已经不够了。现在,他们必须首先适应移动设备。
使用我们最近关于邮轮业务的论文作为参考,我们将研究您需要了解的有关手持设备设计的网站的最新发展以及它们与响应式网页设计的比较。
快速导航
我们的发现
移动优先与响应式网页设计:有什么区别?
构建移动优先网站的最佳实践
为什么移动优先网站对旅游业如此重要
下载我们的邮轮行业研究文件
我们的发现
作为我们最近的论文《解锁邮轮营销成功的秘诀》的一部分,我 澳洲手機號 们进行了一系列研究,旨在帮助邮轮企业将其营销提升到新的高度。
这项研究的一部分是研究邮轮观众最喜欢使用哪种设备。正如我们在上文介绍中所说,我们发现,邮轮公司的大部分流量来自移动设备,平均占 68.59%。
事实上,唯一一个流量更多的网站是 Seascanner,它仅比桌面端多 0.03%。相比之下,皇家加勒比邮轮公司的流量有 92.1% 来自移动设备。显然,我们的研究只是进一步证明了移动设备的受欢迎程度没有放缓的迹象。
移动优先与响应式网页设计:有什么区别?
那么这两种网页设计方法有何不同?我们请首席工程师 Mathieu 来解答这个问题……
什么是响应式网页设计?
“响应式网页设计使桌面网站能够适应移动屏幕。它始于
桌面版,然后缩小到更小的屏幕。内容、导航和布局都缩小以适应移动屏幕 - 但它们仍然适合“经典”桌面网站。
“响应式网页设计可以帮助网站内容自动适应不同设备的屏幕,并以用户舒适的方式阅读”。
什么是移动优先设计?
“移动优先设计更像是设计一款移动应用程序,并根据桌面设备调整布局,同时保留良好用户体验的特征,例如快速的下载速度和精简的内容以吸引观众。
“移动优先方法首先考虑移动用户的需求,源于可能更具限制性的移动端,并致力于扩展桌面功能”。
一位女商人在工作中使用科技产品的照片
构建移动优先网站的最佳实践
想要首次开始制作移动优先网站吗?为确保其形式和功能都完美无缺,请在开始项目之前牢记以下最佳做法:
把用户放在第一位
在做其他任何事情之前,先站在访客的角度思考是至关重要的。您在这里进行的研究可以让您了解他们的困难,并知道您的网站应该做什么才能解决他们的问题。
一定要研究竞争对手的移动优先网站。是什么让它们有效?是什么让它们无效?通过这样做,您可以像用户一样思考,并将学到的积极因素应用到您自己的网站上。不要害怕采取直接的方法:通过制定调查问卷并将其发送给您最忠实的用户,询问您的访问者他们可能遇到的问题。
为你的内容创建视觉层次
在移动设备上,您只有有限的空间可以使用,因此,将内容视为简洁的层次结构非常重要。关键元素应突出显示,同时应删除任何分散注意力的杂乱内容。然后,根据其重要性按层次结构对内容进行排序。
将标题放在顶部,将文章预览放在首屏,这样读者就可以尽快知道内容。图片和视频大小应针对移动设备进行优化,而任何较长的文案都应分成人们可以轻松浏览的单句段落。从网站性能和用户体验的角度来看,执行这些操作都会有所帮助。
让移动优先元素脱颖而出
在移动设备尺寸缩小的情况下,您需要让颜色和字体等元素在屏幕上脱颖而出。不要使用超链接,因为在如此小的屏幕上点击超链接可能有点麻烦,而是创建强大的 CTA 来吸引观众的眼球。
同样,您还应该优化大量其他视觉移动优先元素,包括导航按钮、几何形状和图案、视差滚动条和/或图像背景以及插图。