• 搜索
官方微信群 扫码添加,拉你进群
订阅号
服务号
跨境资讯

为你推送和解读最前沿、最有料的跨境电商资讯

90% 亚马逊卖家都在关注的微信公众号

精选今日跨境电商头条资讯

郑州:shopee店铺不会运营,该不会还有人不会这六种运营方法吧!

网商动力
(eceky.cn)实用跨境电商导航工具,致力打造集全球开店服务、 !。
2020-08-04 17:40:34
32

图片


为什么说移动网站设计至关重要?


因为,现在大多数网络流量都来自移动设备,它正在改变我们的连接方式,也改变了企业的运营方式。


换句话说,就是你的企业需要一个适合移动设备的网站。


但是,什么是适合移动设备的网站?在今天的文章中,你将全面了解该类网站的所有信息,以及8个移动网站的设计技巧。另外,你将学习如何确定你的网站是否适合移动设备。



什么是移动友好型网站?



简而言之,适合移动设备浏览的网站是专门针对手持设备(例如智能手机和平板电脑)设计和优化的网站。比如合适的屏幕尺寸、轻松点击的按钮和便于阅读的文本。



移动网站设计的重要性



图片

根据调查统计,在2019年最后一个季度,智能手机占全球网站流量的比例高达52.6%。另外,到2023年,全球移动设备的数量预计将增长到168亿。



移动设备正在改变购物习惯



图片

根据Google的调查,有59%的购物者表示,在决定从哪个零售商或品牌购买商品时,能够在其移动设备上购物非常重要。


另外, 2020年3月,谷歌表示,为简化起见,他们将对所有网站采用移动优先索引。


对此,Google开发人员倡导者John Mueller解释说:“这意味着,Google会查看网站的电脑端版本,然后根据该信息确定如何对移动网站进行排名。一旦推出此更新,将发生相反的情况。Google会开始查看你的移动网站,并从中对电脑端网站进行排名”。


图片

该更新将于2020年9月正式生效,但搜索结果中显示70%的网站已经基于这种移动优先的索引算法进行排名。


总的来说,如今是移动优先的时代,响应式移动网站是你做好品牌出海必须要实施的。



8个移动网站的设计技巧



图片


1.使用大按钮

适于移动设备的网站需要具有足够大的按钮,以便用户无需放大即可点击。


此外,超链接之间需要有一定的空间。如果链接放置得太近,用户可能会试图点击一个链接,却意外地点击了另一个链接。因此,在设计响应式移动网站时,确保可以轻松点击各个超链接。


例:Shopify使用大按钮,并在其移动网站设计中的超链接之间留出足够的空间。


图片


2.使文本大到足以阅读

这也是设计移动友好型网站的关键。用户不必放大或向左向右滚动即可阅读内容,就是说你的文本在各种尺寸的屏幕上,都能让用户可以轻松阅读。


在下面Beardbrand的示例中,你可以看到显示的所有文本都完全适合屏幕大小。


图片


3.简化菜单

电脑端网站的菜单有很大的空间。它们可以占据屏幕顶部的整个栏,并具有广泛的下拉选项,而所有这些都不会妨碍用户体验。


但在移动设备上却不是这样的,它没有足够的空间。因此,适合移动设备浏览的网站应使用简单的菜单来显示网站概述。然后,用户可以使用类别、过滤器或搜索功能来细化他们要查找的内容。


大多数适用于移动设备的网站都使用两行或三行水平线来表示菜单。


例:当用户点击Kylie Skin移动网站屏幕右上角的两行菜单时,他们会看到一个带有大按钮和文本的全屏菜单。


图片


4.提供简单直观的搜索功能

网站的搜索功能对移动用户尤其重要。如上所述,简化的菜单可以让移动浏览变得更容易。然而,它们也会让用户更难找到特定的项目。


为了让用户毫不费力地找到他们想要的东西,你可以将搜索功能放在首位和中心位置。


例:Gymshark将搜索功能放在页面顶部。还有一个直观的过滤器功能,使用户更容易找到特定类型的产品。


图片


5.轻松取得联系

如果客户正在寻找你的联系方式,可能是他们遇到了什么问题,因此,不要让客户难以联系你来增加他的困惑。


特别是当84%的消费者认为客户服务是决定是否购买的关键因素时。


例:Bremont这个奢侈手表品牌的移动网站在屏幕的右下方放置了一个聊天图标,使网站访问者可以快速、轻松地与企业联系。


图片


小贴士:如果你不能全天候聊天,可以考虑链接聊天机器人,或者提供联系表单。


6.创建简单表格

虽然,在电脑上用户可能会愿意填写一个长长的表格,因为电脑屏幕较大,用键盘打字更容易。但在移动设备上,需要使用较大的文本字段和按钮来缩短表格。


例:QuadLock的移动网站设计示例中,你可以看到具有简单要求的大字段表单。甚至还有一个下拉菜单,可帮助用户提供有关其查询的信息。


图片


7.创建引人注目的号召性用语

号召性行动,也称为CTA,可以是图像、横幅或一段文字。它是通过文字要求用户采取某种形式的行动。


例如,你可能会提示用户注册到你的邮件列表,以了解更多的优惠或购买产品。这种营销策略在移动网站设计中起着至关重要的作用。但是,要在如此有限的屏幕空间中创造引人注目的号召性用语会是一个很大的挑战。


Luxy Hair的这个移动网站示例中,你可以看到两个带有号召性用语的横幅。第一个是推广新产品,附带免费礼品,第二个是提示用户了解更多关于该品牌免费送货和90天换货的政策。


图片


小贴士:为适合移动设备浏览的网站创建CTA时,请将其放置在用户无需滚动即可看到的页面上方。


8.避免弹出窗口

实际上,大多数人都不喜欢弹出窗口。如果你在Google搜索“I hate pop-up ads(我讨厌弹出广告)”,就会发现有近4800万个结果。


图片


难怪谷歌会在2017年推出了一项算法变化,惩罚在移动设备上提供特定类型弹出窗口的网站。


也就是说,移动弹出窗口会让用户感到不适,并可能损害你的搜索排名,因此请在绝对必要时使用它们。



如何确定你的网站是适合移动设备的?



图片

如果你想知道自己的网站是否适合移动设备,只需打开谷歌移动友好型网站测试工具:https://search.google.com/test/mobile-friendly,输入你的网站链接即可。


该工具将评估你的网站对移动设备的友好程度,并为你提供详细地改善方法。



-小结-


一个适合移动设备浏览的网站旨在智能手机和平板上正常运行。既然世界是移动第一,那么你的移动网站也应该如此。


最后给大家总结下8个移动网站的设计技巧:


●按钮足够大,以便用户可以点击。

●文本足够大,以便用户无需放大即可阅读。

●简化菜单,使其易于在小屏幕上浏览。

●将搜索功能放在首位,并允许用户过滤搜索结果。

●方便用户与你联系。

●创建简单易用的表单。

●将号召性用语放在首位,使其突出。

●除非绝对必要,否则避免使用弹出窗口。

图片



二维码
我们建了一个亚马逊卖家交流群,里面不乏很多大卖家。
现在扫码回复“ 加群 ”,拉你进群。
目前30万+人已关注加入我们
声明:此文章来源于网络,不代表网商动力立场。如有侵权,请联系我们。
快给朋友分享吧!
0 赞
最新
跨境电商入门指南:如何入驻Mercadolibre平台全解析
跨境电商入门指南:如何入驻Mercadolibre平台全解析
跨境电商入门指南:如何入驻Mercadolibre平台全解析 正文: 在全球化的大背景下,越来越多的国内卖家开始寻求跨境电商的机会。Mercadolibre作为拉丁美洲最大的电子商...
Ozon平台合法性解析:探究Ozon跨境电商业务的可行性与合规性
Ozon平台合法性解析:探究Ozon跨境电商业务的可行性与合规性
Ozon平台运营规范:揭秘Ozon跨境电商平台的规则与标准 在跨境电商日益繁荣的当下,Ozon平台凭借其良好的口碑和优质的服务,吸引了众多商家和消费者的关注。为了确保平...
Shein平台入驻揭秘:深入了解Shein入驻模式和注册流程要点
Shein平台入驻揭秘:深入了解Shein入驻模式和注册流程要点
Shein注册指南:轻松上手:Shein详细注册流程全攻略 在追求时尚与便捷购物的时代,Shein作为一家领先的时尚购物网站,不仅提供了丰富的潮流服饰和配饰,还支持全球快速发...
gmarket官网新用户注册攻略:一步步教你完成注册流程
gmarket官网新用户注册攻略:一步步教你完成注册流程
Gemini交易平台注册全攻略:松创建账户+身份验证流程详解 在全球数字货币交易领域,Gemini平台以其安全可靠和合规性著称。想要加入Gemini进行数字货币交易?本文将为您...
2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析
2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析
2024年Ozon跨境电商市场新机遇:卖家现状与运营策略解析 随着跨境电商的蓬勃发展,Ozon平台作为俄罗斯最大的在线购物平台之一,吸引了全球众多卖家的目光。面对2024年...
亚马逊官网登录入口:快速链接及详细登录步骤
亚马逊官网登录入口:快速链接及详细登录步骤
亚马逊全解析:深度揭秘平台优势与全球站点运营策略 摘要:亚马逊,作为全球最大的电子商务平台之一,以其卓越的平台优势和多站点布局吸引了无数卖家。本文将对亚马逊的...
Copyright ? 2016-2022 ? ? 亚马逊卖家导航? ? 晋ICP备20005961号-2 声明:网站上的服务均为第三方提供,与网商动力无关。请用户注意甄别服务质量,避免上当受骗。