2019 年做独立站必知：移动设备流量占比高，自适应或单独设计移动端体验是关键

hwyzw

    2019年是您创办独立网站的第一年吗？

    或者也许您已经运行一个独立网站好几年了。您知道自网站建立以来发生了哪些变化吗？

    无论您是新手还是已经做了几年的电子商务卖家，您都应该知道电子商务网站必须首先针对移动设备进行设计，因为现在大多数网站70％或更多的流量来自移动设备。 。

    无论您选择哪种方法来建立自己的独立网站，您都应该关注移动体验。

    对于移动终端来说，目前流行的方法有两种，一是自适应；二是自适应。另一种是PC端和移动端分开设计。

    1. 自适应网站

    适应很容易理解。当用户通过移动设备访问网站时，网站会根据设备的尺寸自动调整以适应所访问网站页面的屏幕尺寸。

    自适应的优点和缺点是不需要使用子域名，无论设备都可以访问，体验好，易于维护，但难以控制，无法个性化。如果自己开发的话，需要大量的时间和技术成本。

    比如目前国外流行的网站建设平台。

    2、单独设计网站

    分离设计：PC端和移动端分开设计。网站会自动判断设备。当然，两个网站的数据是同步的。 PC端和移动端分属不同页面，但数据库完全一致。

    优点是可以独立设计和优化移动网页的界面。不受计算机网站的约束，网站易于扩展和管理。

    PC域名和手机域名是分开的。 PC域名就是移动域名。

    比如目前国内领先的网站建设平台就是单独设计的。

    例如：

    好了，说完移动端展示的两种形式，我们再来谈谈为什么要做好移动端、如何做好移动端以及提高移动端转化需要遵循哪些原则。

    一、避免在首页播放长视频

    首页是门面，是一个容易给人留下深刻印象的地方。许多独立卖家在高端摄影上投入资金，但您可能会考虑使用此处的视频来展示您的产品或讲述您的品牌故事。毕竟，视频现在无处不在，尤其是在社交媒体上。

   

    如果使用得当，视频可以成为吸引用户注意力并激发他们兴趣的好方法。然而，无论你的视频多么华丽，如果用户需要点击播放，大多数人可能都会忽略它。我研究过很多国外网站，很多都是自动播放的。视频参考viemo或网上。自动播放是着陆页视频最有效的方式。

    为什么？在网站的这个阶段，访问者的注意力持续时间很短。用户更有可能完全离开网站，而不是花时间观看未知的视频。

    一开始，您应该帮助用户快速导航，因此坚持使用简短、无声、自动播放、循环播放的视频。这样用户无需深入参与即可获取信息。当用户更感兴趣时，较长的视频在网站稍后可以非常有用，可以解释产品功能等内容。

    网站通过自动播放短视频展示产品使用人群和场景

    二、首页不要添加多余的内容

    如果您已经完成了所有艰苦的营销工作以吸引用户访问您的网站，并且您已经准备好标题或图片来吸引他们的注意力，那么您的下一步是什么？您想向用户介绍您的公司吗？

    这里需要注意的是，用户登录页面的时间越长，用户被关闭或感到困惑的风险就越大。尽管用户可以轻松地滚动，但如果内容与他们的需求不直接相关，他们很快就会停止浏览。

    无论什么样的设计，都要坚持“一页，一个目的”的规则。此页面的目的是介绍您销售的产品并让用户找到它们。

    您在页面上放置的内容越多，您在主要操作和您希望他们执行的关键操作之间为用户造成的干扰就越多。移动用户倾向于缩短他们的会话并专注于一件事 - 额外的内容没有帮助。

    三、使用过滤功能

    当您的网站上有大量产品数据时，过滤器对于帮助用户找到他们正在寻找的内容非常重要。小编研究了大量的电商网站，大部分都在移动设备上叠加了过滤器。当没有足够的可用空间来显示时，添加过滤器是有意义的，但这确实意味着用户不太可能真正看到它们。

    通常情况下，95%的用户不会修改默认值。这适用于在列表页面上查找产品并打开过滤器菜单以选择特定选项。这也是移动设备体验中非常重要的一个功能。

    如果您的用户进行筛选，他们更有可能找到他们真正想要的产品。您在移动设备上面临的挑战是寻找节省空间的方法。一种方法是使用选项按钮在页面上显示最相关的过滤器类别（请参见下面的梅西百货）。单击其中一个将加载应用了该过滤器的列表，此时将出现下一个最相关的过滤器。

    梅西百货网站在页面上添加了一些过滤选项作为按钮。

    使过滤器类别在页面上显示为下拉列表。

    至少，请确保您的按钮到达列表页面顶部显示的完整过滤器菜单。它还应该清楚地指示何时应用过滤器，以便用户知道何时查看过滤结果。

   

    四、简单易懂的图片展示

    独立卖家网站上的大多数列表页面都会尝试同时在屏幕上显示许多产品。因此，产品图像往往非常小（这就是它们传统上称为缩略图的原因）。

    然而，图像是帮助用户决定选择哪种产品的关键部分。在许多情况下，它比任何文本都能更好地传达信息。服装和家具等产品依赖于用户对所提供的不同事物做出主观判断。

    您甚至可以在手机上保存大图像。像微信朋友圈一样显示一张小图。单击图片将其放大。

    有可以滚动的大图像（左）。

    Zara（右）的商品列表中有全屏宽度的图像。

    通常一个产品会有不同细节的展示图片。例如，服装的详情页缩略图中会有多张照片，并带有双向箭头提醒用户滑动。

    五、将产品选项显示为按钮

    您会发现许多产品具有各种变化，例如颜色、尺寸、材料或其他。产品详情页面是用户最终做出选择的地方。为了使选择更容易，您应该避免将这些选项转储到下拉菜单中。

    它们应该是可视化按钮，以帮助用户查看所有选项，并且应该清楚地表明更改何时意味着价格变化。

    如果变体选择产品的外观（例如颜色），则选择它应该更新主产品图像。这使得用户可以更直接地了解他们需要订购的产品。

    John Lewis（左）的产品颜色带有视觉指示按钮。

    Nike（右）公开所有尺寸选项并禁用不可用的尺寸。

    另一个好处是，通过禁用某些按钮，用户可以一目了然地看到哪些规格缺货。同样，这会保存滚动选项下拉列表。

    在选择尺寸时，最好没有默认尺寸。如果有用户最终可能会添加默认值而不是他们想要的默认值。这可能会导致您从客户那里获得大量退货并感到沮丧。