引流,这3个UX用户体验是你在外贸独立站转换率优化上不能忽视的

引流,这3个UX用户体验是外贸独立站转化率优化中不可忽视的核心内容

                                                                                               

引流,这3个UX用户体验是外贸独立站转化率优化中不可忽视的文本

       

   

   用户体验人来说，用户体验（UX: User Experience）和转换率优化（CRO）这似乎是一样的，因为它们都涉及到为客户创造最好的用户体验。

   

   独立站转化率优化为运营商或UX设计师应该体验用户体验UX你知道什么？如何改变独立站？UX来完成CRO目标？

   

   第一印象对于提高转化率至关重要

   

   研究表明，对一个人的第一印象只需要1秒钟。

   

   对于网站来说，这个时间更短，你的用户会很短.对网站的印象在5秒内形成。在很大程度上，他们决定继续浏览，这取决于他们对你网站的看法。

   

   的第一印象取决于网站加载速度、排版、颜色、图片、间距、对称性、文字数量、字体等诸多因素。

   

   虽然你不能全部改变和优化，但修改一些东西确实会给第一次访问者留下更强烈的印象。

   

   1. 改进首屏设计

   

   根据Chartbeat根据数据，66%的网站用户花时间在第一个屏幕以下的内容上（第一个屏幕意味着用户在电脑上看到的整个屏幕区域，而无需向下滚动鼠标）。ClickTale也有类似的结果，它发现人们在76%的网页上使用滚动条，这证明每个人都看到了非首屏的内容。

   

   然而，有一个重要的提示：只有当人们发现第一个屏幕的内容足够有吸引力时，它才会深入到以下内容中。即便如此，用户大部分时间都花在第一个屏幕上，就像一样Jakob Nielsen眼球跟踪研究所显示的。

   

       

   

   那么，如何让折页上的区域更有吸引力呢？介绍三种简单但有效的方法。

   

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

   

   通过视觉线索鼓励人们互动，是让人们在这里停留更长时间的有力方法。

   

   以Airbnb以主页为例：

   

       

   

   首屏视频播放按钮是一个可以立即识别的视觉提示，可以鼓励访问者互动。

   

   另一种策略是使用视觉提示来暗示第一个屏幕下面有额外的内容。DistanceToMars.com就是一个很好的例子:

   

       

   

   向下指向的箭头告诉访问者，如果他们向下滚动页面，会有更多的内容。

   

   B. 用动画改变页面内容

   

   另一种吸引用户停留的策略是通过动画改变页面内容。

   

   例如，眼镜公司Ditto，显示眼镜变化的模型。变化本身以图形的形式突出显示，直观地显示页面内容的变化。

   

       

   

   这是一种聪明的方式，不仅可以向客户展示你的商业模式，还可以让客户对你的产品感兴趣。

   

   C. 鼓励向下滚动，采用特殊的导航风格

   

   放弃标准的顶部导航菜单，用视觉提示引导读者向下浏览。

   

   Urban Walks该网站提供了一个很好的例子。页面没有使用顶部导航菜单，而是使用了页面右侧的菜单来指导读者。

   

       

   

   这告诉访问者，页面底部有更多的内容。这也使上下移动更容易，而无需滚动。

   

   2. 提高独立站的加载速度

   

   网站的速度对其成功至关重要：

   

   根据一项调查，40%的人放弃了一个加载时间超过3秒的网站。

   

   亚马逊计算出，如果他们的页面加载速度慢一秒，他们每年的销售额将损失16亿美元。

   

   谷歌还计算出，只要搜索结果减慢十分之四秒，他们每天就会损失800万次搜索。

   

   简单来说，网站速度很重要。虽然你可能有不同的想法，但这是一个设计和工程问题。

   

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

   

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

   

   图片通常是影响页面大小的最大因素。如果你想让更多的访问者留下来，试着去掉第一个屏幕的图片，用文字代替。

   

   例如，InvisionApp首页有很多图片和背景视频Pingdom页面大小高达16的数据MB，加载时间接近3秒。

   

       

   

   相比之下， 相比之下，Basecamp主页只有少量的图片和大量的文字。它的加载时间只有1.32秒，大小只有1.2MB。

   

       

   

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

   

   如果您在独立站上使用图标（icon），您可以用图标字体替换图标图像，因为：

   

   图标字体采用矢量，图像采用光栅图形，前者尺寸较小(字节计)。

   

   图标字体(如FontAwesome）包含在文件中，可以最大限度地减少HTTP请求。

   

   根据PicTonic与使用图标图片相比，使用图标字体可以减少页面加载时间的14%。

   

   3. 熟悉的设计模式 用于布局

   

   根据Google用户在0以下的研究.一个网站将在5秒内形成初步的直觉，它们是否会停留，往往取决于这种直觉。

   

   这项研究的主要发现是，视觉复杂性低、原型性高的网站被认为很有吸引力。

   

   简单地说，让你的网页设计简单而熟悉。人们可能不喜欢创新和非常规的布局。

   

   例如，用户习惯于以熟悉的方式浏览电子商务网站。因此，最好坚持这种模式。

   

   看看Etsy如何通过显示购物车、注册和下拉菜单类别来保持其主页接近其他电子商务网站：

   

       

   

   一个让用户感到困惑的独立站不太可能有很好的转换（并导致不良的用户体验）。遵循熟悉的设计模式很重要。

   

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

   

   虽然你必须在网站设计上力求简洁，但不要忘记易用和转换是你的最终目标。

   

   这是用户体验和CRO同样重要的是，只要有可能，就应该力求清晰易用。例如，这里有两个弹出窗口：

   

       

   

   第一个选项可能更短，但第二个选项对用户更友好，不太可能导致错误点击。使按钮不言而喻，实际上简化了整个对话。

   

   如果你在卖东西，第二种选择很可能会给你更多的销售。

   

   那么你应该如何使用这个规则呢？这里有几个策略:

   

   1. 拥抱设计中的简约

   

   如果你想让更多的人在你独立站上做一些事情，比如：点击一个按钮，提交一个询盘，甚至阅读一篇博客文章，那么做减法可能会更好。

   

   本质上，你想用更少的文字来表达更多的内容。

   

   MailChimp登录页面就是一个完美的例子。整个页面只是一个不到100字的单屏。

   

       

   

   简单的信息和展示产品GIF动画简明扼要地表达了价值主张。

   

   2. 用视觉层次感强调你的信息

   

   在任何页面(和现实生活中)，人们都会首先被最大的元素所吸引。

   

   这是设计中所有视觉层次结构的基础。你所要做的就是在大小上明显大于其他信息，使你最重要的信息（即可以帮助你转换目标的信息）。

   

   以Moz.com以主页为例：

   

       

   

   独立站的价值应该是最大的字体，以便立即吸引观众的注意。

   

   3. 用排版来支撑你的转化目标

   

   排版设计不仅仅是挑选一种漂亮的字体那么简单，排版远比这更复杂和深刻。

   

   每个字体都有自己的个性，你应该选择目标受众喜欢或共鸣的字体。

   

   例如，由于其固有的设计或文化原因，一些字体被视为权威或值得信赖的字体，例如，Helvetica它被认为是一种官方字体，因为它经常被用于政府税务表格。

   

   在为你的设计选择字体时，选择与你的观众关心的东西产生共鸣的字体，或者放大你信息的影响。

   

   例如，经济学家以客观和现代为荣。干净的无衬线字体（sans serif）非常适合其订阅页面。

   

       

   

   4. 使用颜色来吸引人们对页面特定区域的注意

   

   除了品牌，颜色还可以用来传达视觉层次，建立元素之间的关系，吸引用户的注意力。

   

   在决定颜色时，一个很好的经验是，深色往往会带来更多的视觉重量，并试图用浅色来平衡它们。

   

   例如，该网站使用大胆的黄色来强调标志和平衡深色背景。

   

       

   

   在HubSpot在定价页面上，中间层计划的亮橙色立即吸引了观众的注意。

   

       

   

   03 创造“有说服力的设计”（Persuasive Designs）

   

   我们知道，提高可用性对提高用户实现特定目标非常有帮助。

   

   然而，通过故意阻碍用户的行动，你可以改变更多的人，通常以牺牲长期的客户忠诚度和信任为代价。在设计中，这些都是技巧。它们可能会提高转化率，但不一定会带来更快乐的客户或更健康的企业。

   

   商业道德的替代方案是使用说服、情感、信任的设计框架，将用户推向您的转型目标。

   

   按照CodeComptuerlove这个框架有四个步骤。

   

       

   

   下面详细了解一下:

   

   1. 消除障碍，让人们轻松执行每一个动作

   

   在说服设计过程中的第一步，也是最简单的一步，就是让它容易行动。

   

   这意味着让你的按钮和CTA应该很容易找到和点击。在任何时候，用户都不应该对下一步采取什么步骤或最佳步骤感到困惑。

   

   例如，亚马逊通过视觉标记让用户很容易看到他们在结账过程中的位置。

   

       

   

   2. 建立信任，说服人们采取行动

   

   一旦用户点击CTA，你的下一步应该是赢得用户的信任，鼓励他们采取进一步的行动。这是一个两部分的过程。

   

   信任建立的第一部分是改变你的页面设计。例如，您可以使用几种转换策略来实现这一点。

   

   添加与您合作的品牌logo

   

   添加信任标记

   

   添加可靠权威机构的推荐信

   

   信任建立的第二部分是确保用户在执行动作时确切知道发生了什么。

   

   例如，在HipMunk在主页上，搜索框清晰标识，点击搜索显示顶级航空公司和旅游网站的航班。

   

       

   

   一些简单的东西，比如清楚地标记你的CTA也很有帮助。在亚马逊上，产品页面上的两个按钮清楚地显示了它们将执行什么操作，添加到购物车中或一键购买。

   

       

   

   3. 为访问者提供情感触发器

   

   信任对促进行动有好处，但效果不如情感触发器。

   

   Facebook在这方面做得很好。它的整个用户界面是为了突出你的朋友和家人在网站上采取的行动。因为你把感情投入到朋友身上，你会觉得模仿更有必要。

   

   例如，在每个页面上，Facebook它准确地显示了有多少朋友也喜欢这个页面。

   

       

   

   如果你的很多朋友都在做一个动作(比如这个例子中的页面)，你可能会更有动力点赞或者关注。

   

   4. 用说服触发器鼓励用户采取行动

   

   当您结合上述所有内容时，您可以创建一个强大的说服触发器，让用户采取行动。

   

   回到Facebook，其通知图标是该网站上最强大的触发器之一。全蓝网站上的亮红色是一个强大的视觉提示。

   

       

   

   当你点击通知时，你会看到你的朋友对你刚刚采取的行动的准确描述。这建立了信任，并给了你一个情感触发器来采取行动。当您点击通知时，它会将您带到准确的页面或地点，以方便您开始任何行动。

   

   这是说服力设计的巧妙运用，它在不迷惑用户的情况下完成了这一切。

   

   04 总结

   

   您的目标是在不影响转化率的情况下为用户创造令人信服的体验。如果您遵循上述建议，您不仅可以实现您的用户体验目标，还可以在此过程中获得更多的转化率。

   

   此外，上面显示的并不适合所有人。你可以用建议做你的研究，但一定要用测试来支持你的判断。只要你优化它，你就会看到很多惊喜。

   

   (来源:四两网)

   

   以上内容属于作者个人观点，不代表跨境网的立场！本文经原作者授权转载，转载经原作者授权同意。