用户体验三大核心要素助力外贸独立站转换率优化

对于一个普通人来说，用户体验（UX: User Experience）和转换率优化（CRO）似乎是同一件事，因为它们都涉及为客户创造最佳的用户体验。

在独立站转化率优化中，运营者或UX设计师到底需要对用户体验UX了解些什么？可以通过哪些方式改变独立站的UX来完成CRO目标？

01 要提高转化率，第一印象至关重要

据研究表明，对一个人形成第一印象只需要1秒。对于网站来说，这个时间更短，你的用户会在短短的0.5秒内形成对网站的印象。他们决定继续浏览，很大程度上取决于他们在这半秒内对你网站的看法。

这个第一印象取决于很多因素：网站加载速度、排版、颜色、图片、间距、对称性、文字数量、字体等等。虽然你不能全部都改变和优化，但有修改某些东西的确可以使首次访问者的印象更强烈。

1. 改进首屏设计

根据Chartbeat的数据，66%的网站用户把时间都花在了首屏以下的内容上（首屏的意思就是：用户在不用向下滚动鼠标的情况下，在电脑上看到的一整屏的区域）。ClickTale也有类似的结果，它发现人们在76%的网页上使用了滚动条，也就证明了大家的确是看了非首屏的内容。

然而有一个重要提示：只有当人们发现首屏的内容足够吸引人时，才会深入到以下的内容中。即使如此，用户的大部分时间还是花在了首屏，正如Jakob Nielsen的这项眼球追踪研究所显示的那样。

那么，如何才能让折页上面的区域更吸引人呢？介绍三种简单但效果很好的方法。

A. 使用视觉提示来鼓励互动

让人们在这里停留更长时间的一个有力方法是通过视觉线索鼓励人们进行互动。以Airbnb的主页为例：首屏的视频”播放”按钮是一个可立即识别的视觉提示，这样可以鼓励访问者的互动。

另一种策略是使用视觉提示来暗示在首屏的下方还有额外的内容。就是一个很好的例子：向下指向的箭头告诉访问者，如果他们向下滚动页面，会有更多的内容。

B. 使用动画来改变页面内容

另一种吸引用户停留的策略是通过动画改变页面内容。例如，眼镜公司Ditto，展示了其眼镜变化的模型。换款本身以图形的方式突出显示，直观地表明页面内容在变化。

C. 使用一个特别的导航样式来鼓励向下滚动

放弃标准的顶部导航菜单，使用视觉提示来引导读者向下浏览。Urban Walks网站提供了一个很好的例子。该页面没有使用顶部导航菜单，而是在页面右侧使用了一个菜单来引导读者。这告诉访问者，在页面的更下方还有更多的内容。这也使上下移动变得更加容易，而无需任何滚动。

2. 提高独立站加载速度

网站的速度对其成功至关重要：根据一项调查，40%的人放弃了一个加载时间超过3秒的网站。亚马逊计算出，如果他们的页面加载速度慢一秒，每年就会让他们损失16亿美元的销售额。谷歌也计算出，只要将搜索结果的速度减慢十分之四秒，他们每天就会损失800万次搜索。简单地说，网站速度很重要。尽管你可能会有不同的想法，但这是一个设计问题，也是一个工程问题。

以下是作为设计师可以做的几件事来提高网站速度。

A. 在页面上方使用文字而不是图片/视频

图片通常是影响页面大小的最大因素。如果你想让更多的访问者留下来，可以尝试去掉首屏的图片，用文字代替。例如，InvisionApp的主页在首屏有很多图片和背景视频。根据Pingdom的数据，页面大小高达16MB，加载时间接近3秒。相比之下，Basecamp的主页只有少量的图片和大量的文字。它的加载时间仅为1.32秒，大小仅为1.2MB。

B. 使用CSS图标字体代替图片

如果你的独立站上使用图标（icon），你可以通过用图标字体替换图标图像，因为：图标字体使用矢量，而图像使用光栅图形，前者大小较小（以字节计）。图标字体（如FontAwesome）包含在一个文件中，这样可以最大限度地减少HTTP请求。根据PicTonic的数据，相比使用图标图片，使用图标字体可以减少14%的页面加载时间。

3. 在布局中使用熟悉的设计模式

根据Google的研究，用户在不到0.5秒内就会对一个网站形成初步的”直觉”，而他们是否会停留，往往取决于这种直觉。这项研究的主要发现是，”视觉复杂度低、原型性高”的网站被认为具有很强的吸引力。简单来说，让你的网页设计简单而熟悉。如果你去追求创新的、非常规的布局，人们可能会不太会喜欢。例如，用户习惯于以一种熟悉的方式浏览电子商务类的网站。坚持这种模式是一个更好好主意。看看Etsy是如何通过显示购物车、注册和带有下拉菜单的类别来保持他们的主页与其他电子商务网站一样接近：一个让用户感到很困惑的独立站不太可能有很好的转化（并导致糟糕的用户体验）。遵循大家已经熟悉的设计模式是很重要的。

02 用清晰度和易用性来促进转化率

众所周知，提高用户完成特定目标的能力是提高可用性的关键。有些设计策略可能会故意设置障碍来促使用户采取行动，虽然短期内可能提高了转化率，但长期来看可能会对客户忠诚度和信任度造成损害。这些策略往往被视为一种短期的“耍花招”手段，虽然可能带来一时的转化率提升，但不一定能带来更满意的客户和更健康的企业发展。

一个更道德、更长期有益的方法是利用一个以“说服、情感、信任”为核心的设计框架来引导用户达到你的转化目标。这个框架由CodeComptuerlove提出，并分为四个关键步骤。

要消除障碍，让用户能够轻松执行每一个动作。在说服设计的过程中，第一步也是最重要的一步就是让用户能够轻松地执行行动。这意味着你的按钮和呼叫行动（CTA）应该易于找到和点击。任何时候，都不应该让用户困惑于下一步该做什么或如何采取最佳路径。例如，亚马逊通过视觉标记让用户很容易看到他们在结账过程中的位置。

建立信任是说服用户采取行动的下一步。一旦用户点击了CTA，你应该努力获得他们的信任并鼓励他们采取进一步的行动。这是一个包括两个部分的流程。建立信任的第一步是调整页面设计，可以通过添加合作品牌的logo、信任标记或权威机构的推荐信等方式来实现。第二部分是确保用户清楚知道他们执行一个动作后的结果。例如，在HipMunk的主页上，搜索框明确标识了点击“搜索”后的结果。一些简单的设计元素，如清晰地标明CTA也能起到很大帮助。在亚马逊的产品页面上，“添加到购物车”和“一键购买”这两个按钮清楚地表明了它们的功能。

第三，通过提供情绪化的触发器来激发用户采取行动。情感触发对于促使行动比单纯的信任更为有效。例如，Facebook利用用户在网站上看到的其它用户的行动来激发他们自己的行动意愿。由于你对朋友投入了感情，你会觉得模仿他们的行为更有动力。每一个页面上，Facebook都会显示出你的朋友们喜欢某个页面的数量，这会促使你也去点赞或关注。

使用劝导性的触发器来促使用户采取行动。当你将上述所有元素结合起来时，就可以创建一个强大的说服触发器来引导用户采取行动。例如，Facebook的通知图标是一个强大的视觉提示，它激发你去查看朋友们刚刚进行的行动并建立信任。当你点击通知时，你会看到详细的描述并得到一个情感触发器来促使你采取行动。这就是说服设计的巧妙之处——在不迷惑用户的情况下引导他们行动。你的目标是创造令人信服的体验而不损害转化率。遵循这些建议不仅可以达到用户体验目标，还能带来更多的转化率。这些策略并不是万能的，建议根据实际情况进行调整和优化来提升效果。此外也要根据实际情况对用户行为进行研究并根据测试效果来判断优化方向以期获得最佳结果。这篇文章来源经作者授权转载。个人看法不代表官方立场！