你需要知道的8个移动网站设计技巧！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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