尽管优化手机网站页面的口号已经喊了这么多年,但我们仍然可以看到许多“不称职”的手机网站页面。看似自然的网页背后有很多技巧!

移动用户通常有一个更明确的目的,通常他们希望能够清楚和容易地从移动页面获得他们想要的信息和内容。无论是浏览新闻、网上购物,还是订阅信息,手机网页都应尽可能为用户提供无缝的用户体验。

谷歌的一项研究发现,为移动设备优化的网站更有可能赢得回头客。这就意味着,经过对移动终端的优化,网站有了切实可见的好处,那么我们常说的“移动友好”的概念是什么呢?

事实上,这个概念包含了一系列在设计移动网页时应该考虑的关键特性:

如果你想让你的网站在移动设备上容易访问,你应该消除移动设备上所有可能的可用性问题。以下是12条改进移动网页设计的建议,以确保您的网页能够通过可用性测试,并提供良好的用户体验。

所以在今天的文章中,搜骐OEM将从用户需求和体验的角度来讨论如何优化移动网页?

移动设备中PC网页的_障碍是导航的使用。简而言之,优化后的移动页面更干净,并且有一个CTA按钮,更易于导航。

以下是一些优化移动页面的实用技巧:(搜骐OEM几年为企业提供企业建站解决方案经验总结)

(1)仅使用垂直滚动。不要使用水平滚动,让用户只需要向一个方向滚动浏览主要内容,尽量通过CSS控制页面宽度、位置和图像缩放。

(2)将您的内容放在首位,避免其他元素分散您的注意力。

(3)控制列数,并尝试使用单列布局。

(4)不要混合使用移动和桌面页面

用户经常忽略移动页面上的某些元素,因此请尝试使用CTA按钮以确保用户不会错过这些元素。与桌面上的情况不同,您需要将CTA按钮放在主要和显眼的位置,以确保它们易于找到并单击以触发。

CTA按钮应易于点击,且不干扰页面的其他元素。

详细全面的菜单设计在桌面上可以很好的工作,但是当它出现在移动端时,菜单太长,很难找到想要的内容。

所以,你需要考虑使用一个流线型的菜单,只有重要和必要的项目。根据以往的经验,尽量不要让菜单超过7项。

同时,您应该保持菜单目录易于使用:

(1) 它应该根据重要性和价值进行排名。

(2) 它不应包含用户不理解的术语,菜单应使用易于理解的表达式。

如果搜索是网站的主要功能,那么在进行移动页面优化时应该突出显示这个功能,因为它是一个高转换功能,所以必须确保它足够可见。

当用户想要获得特定的功能时,往往会使用搜索功能来实现,所以搜索应该是一个控件,用户一打开页面就可以看到。您应该始终在页面顶部有一个文本输入框形式的搜索框。

桌面网页出现在移动设备上。令人沮丧的是,他们需要放大和缩小而不放大。它不仅阅读困难,而且容易让用户错过重要的细节。当放大浏览时,他们需要来回拖放。

但是对于移动终端的优化页面,并没有这样的问题。图片、字体和页面宽度都恰到好处。用户可以获得完整的信息,保证基本的可用性和易用性。

网站中的所有图片、视频和UI元素都是产品的一部分。当您为移动终端优化页面时,它们都是重要的组件。它们的质量直接影响用户的感知。

如果您的页面是为移动而设计的,则页面中按钮的大小应与手指的大小相匹配。麻省理工学院的touchlab通过研究发现,手指触摸的平均尺寸为10-14mm,而指尖的平均尺寸为8-10 mm,也就是说,10mmx10 mm控件的尺寸设计相对合理。

另一个需要考虑的因素是触摸控件的指尖之间的距离。如果两个按钮靠得很近,用户很容易在移动终端上误触。

如果要解决这个问题,需要根据实际情况重新调整大小和按钮之间的距离,以满足用户手指交互的需要。

要求用户在不知道你的网站的情况是违反互惠互利原则的。数据显示,允许用户提前注册结果的用户中,85%以上的用户选择放弃并离开。

一般来说,在提供个人信息注册之前,用户会浏览网站的内容,了解网站的类型,提供什么样的服务,然后做出决定,特别是对于从未听说过的品牌。要突破转化率的障碍,在网站设计时应做到以下几点:

(1) 提供无需登录即可完成的体验过程。

(2) 是的。只有在要求用户提供相关信息的情况下,才能要求注册,并要求用户提供尽可能少的数据。

在不同的屏幕方向下,用户的浏览体验会完全不同。用户习惯于在同一屏幕方向上完成所有操作,提醒用户切换方向可以提高网站浏览的用户体验。

因此,当你的网站更倾向于显示,在使用横屏时有更好的浏览体验时,不妨使用行为调用设计来提示用户。

用户在网上购物时,总是希望看到产品(尤其是服装)的高清大图。如果不能放大,用户的挫败感将直接影响产品销售。

因此,我们应该提供高质量的产品图纸,并增加放大功能,让用户看得更清楚。

并不是所有的用户都习惯于在移动终端上浏览和购买,有些用户只是习惯于在移动终端上搜索信息。因此,您应该提供一种简单的方法来保存信息,以便它们可以跨设备使用。当用户离开移动设备时,他们也可以在桌面上浏览、查看和购买。

在这方面,你需要做以下两点:

(1) 是的。确保用户可以通过共享或发送电子邮件/社交媒体来保存信息。

(2) 同步愿望列表,并将项目另存为收藏夹,让用户在浏览器窗口中完成操作。

在智能手机的窗口之间切换比在桌面上切换要困难得多。用户找不到原始页面的风险是真实存在的。尽量让用户在一个窗口内完成所有的浏览和操作,简化流程和复杂的交互,让用户一直呆在一个地方。