只要确保它易于查找、易于使用并能产生准确的结果即可。
Posted: Wed Dec 04, 2024 6:23 am
颜色可以成就或毁掉你的设计
需要易于操作的图标
注意弹出窗口
通过访客测试您的网站
综上所述
16 个不容忽视的移动友好型网站技巧
移动互联网浏览不仅仅是未来，更是现在。您必须拥有适合移动设备的体验。
2020年，美国有2.747亿人通过移动设备访问互联网。这意味着大约83%的美国人是移动互联网用户。
您可以重新思考为什么您的网站应该 美国海外华人电话号码数据 针对移动设备进行优化。然后，考虑一下这 16 条提示，这些提示对于打造适合移动设备的用户体验至关重要。
理解扩展
这可能很难相信，但当谈到 Android、Apple、Windows 和其他移动品牌设备时，有数百种不同的屏幕尺寸，尤其是当你考虑手机与平板电脑时。
关键是要确保您的网站能够适应横向和纵向视图。
您还需要确认该网站是用 HTML5 而不是 Flash 编码的，因为 Flash 并非在所有设备上都能加载（特别是占据很大市场份额的 iPad 和 iPhone）。
简单规则
任何网站都很容易塞满尽可能多的内容。请记住，你是在为自己还是为用户将 10 磅的东西塞进 5 磅的袋子里？
考虑您的网站应该有什么样的用户体验，特别是在移动设备上，就是接受简单是最好的规则。
手机屏幕较小。如果没有 WiFi，互联网连接可能不那么稳定或不稳定。太多信息可能会让用户望而却步（甚至会阻碍加载速度，从而失去访问者）。
具体来说，移动网站的高跳出率会降低您在 Google 上的搜索排名，因为您要么吸引了错误类型的访问者，要么没有为访问者提供良好的体验。
为了防止因加载速度慢而导致的高跳出率，您的网站的加载时间最好设为 3 秒。
请记住，按钮始终可用于导航至其他信息。
审核您的整个网站，并概述移动展示的“必备内容”。记住移动浏览者在他们的设备上访问您的网站时可能寻找什么，然后从那里开始。将移动网站限制在必需内容上。
使用 DailyStory 进行电子邮件和短信营销
DailyStory 是一个电子邮件和短信营销平台，用于创造销售、建立忠诚度和发展业务。而且，免费开始使用！
今天免费开始！
一致性很重要
与简单性类似，移动友好体验应该具有一致的外观和功能。
这包括菜单选项、主屏幕、任何下拉菜单等等。
一致性有助于移动访问者浏览您的网站并停留更长时间。
信息可以优先排序
如果您的移动友好型网站需要满足多个主要目的，那么您可以对显示的内容和顺序进行优先排序，以及网站的总体导航方式。
查看您的网站流量。移动设备上流量最高的页面在哪里？是“联系我们”页面还是其他页面？移动设备上访问量第二大的页面是什么？
这将帮助您做出明智的决定，确定如何优先考虑移动网站的重要方面。
尽量减少表单字段
如果您要在网站上添加任何表单字段，请尽量减少它们的数量。理想情况下，不应超过六个。
再次强调，这是为了让访问者保持参与度，而不是感到不知所措，这取决于您希望他或她做什么。
搜索栏很有用
每个网站都各不相同，就像每个企业一样。因此，如果您只是需要包含比适合移动设备的网站理想的信息量更多的信息，则可以添加搜索栏。
只要确保它易于查找、易于使用并能产生准确的结果即可。
滚动比“捏合缩放”更好
如果移动网站足够吸引人且设计得足够好，那么移动访问者现在比以往任何时候都更愿意滚动浏览。与“捏合和缩放”屏幕本身的需求相比，这一点尤其正确。
（话虽如此，您也不想强迫访问者长时间滚动浏览。）
需要放大移动设备上显示的网站上的任何内容，这是移动体验设计不佳（或考虑不周）的标志。
不要害怕做大事
字体就是如此。而且，按钮和按钮之间的间距也确实如此。
请记住，您正在为小型触摸屏进行设计。
如果您的移动网站设计保持足够简单，那么好处就是您将有空间来增加字体和任何其他您喜欢的元素的大小。
在适合移动设备的网站上，正文的推荐字体大小为 14 到 16 点。字体的垂直间距同样重要。一般建议使用浏览器默认的行高 1.2em。
只需确保无论你选择什么，字体类型、大小和间距都应保持一致即可。否则，你的网站会显得很杂乱。
清晰的字体也很重要
由于字体样式繁多，人们很容易对各种可能难以阅读的字体产生偏执。
例如，大多数草书字体对于普通网站访问者来说很难阅读，尤其是在小屏幕上。
Helvetica 是一种经典的首选字体，但您可以考虑其他一些字体：
宋体
Adobe Gothic 标准
博物馆
Myriad Pro
简短而甜蜜的副本
将网站上的每段文字视为一条推文。文字越短、越吸引人、越清晰越好。
例如，您可以在移动友好型网站上使用较短的一行客户推荐，而不是使用较长的客户推荐。
这是为了迎合移动端访问者，他们的注意力持续时间更短，更容易分心。您希望网站的每个部分都能快速地传达要点。
一张照片胜过千言万语
当您的文本有限时，图像在向移动访问者传达信息和/或您的品牌方面可以发挥特别重要的作用。
眼动追踪研究表明，图像比文字更能吸引移动用户的注意力。
但是，任何旧图像（甚至是您在完整网站上使用的图像）都不一定能起作用。
对于移动设备，图像应该：
适合网络大小并压缩以加快加载时间。
即使很小也能够吸引眼球。
尽可能保持背景干净，以免分散注意力。
不要使用刺眼或冲突的颜色。例如，荧光黄在屏幕上特别难看。
考虑使用视频
如果您觉得仅使用图像和文字来传达信息存在限制，那么视频绝对是一个选择。
无论是嵌入式的 YouTube 视频还是其他内容，移动用户比以往任何时候都更熟悉在移动设备上观看视频。
事实上，62% 的美国互联网用户通过移动设备观看视频内容，而只有 55% 的受访者表示他们通过电脑观看视频。截至 2019 年，美国成年人平均每天花 13 分钟在智能手机上访问视频应用。
值得考虑使用的视频可以是产品演示、关于我们的叙述等，只要能讲述你的故事就行。但就像文字一样，越短越好。
颜色可以成就或毁掉你的设计
可能，当您设计网站的完整版和移动版时，您会选择能够反映您品牌的颜色。
这是完美的，除非颜色本身影响用户体验。
确保您的背景（颜色、图像或图案）不会与您网站上的文本冲突。
互补色调色板是个不错的选择。Canva有一个色轮，您可以探索一下。
如有疑问，请考虑淡化任何颜色的色调。颜色越浅，眼睛就越舒服，而且不会与其他颜色产生太多冲突。
需要易于操作的图标
此时，移动浏览器期望您可能在移动网站上包含的典型按钮具有特定的外观。
例如，您应该使用 Twitter 徽标（蓝鸟）直接链接到您的 Twitter 帐户，而不是使用超链接词“Twitter”。
其他常见的界面操作包括但不限于：
在线支持或销售聊天
社交媒体分享链接
点击呼叫
将商品移至购物车
无论何时，您都应该在这些易于操作的按钮上添加视觉徽标或图标。
注意弹出窗口
弹出窗口的历史由来已久，并且对互联网用户来说有些烦人。
好处是，弹出窗口已基本“成长”为一种更为复杂的潜在客户生成工具。（详细了解如何通过弹出窗口捕获更多潜在客户。）
但是，考虑并测试弹出广告在移动设备上的显示效果非常重要。由于屏幕尺寸较小，原本很吸引人的弹出广告很容易在您的移动友好型网站上引起混乱或沮丧。例如，弹出广告可能会用不太容易找到的选择退出按钮遮挡整个屏幕。
它们仍然可以工作，但理想情况下，它们不会阻挡整个屏幕，并且具有明确的号召性用语 (CTA) 和易于找到的退出选项。
通过访客测试您的网站
说到用户体验，不仅要将自己置于理想客户的角度，还要直接走访典型用户，获取有关移动友好型网站哪些可行、哪些不可行等的反馈。
您可以召集焦点小组或以不太正式的方式收集反馈。无论哪种方式，目的都是了解其他人对您网站的功能和实用性的想法和意见。
综上所述
如有疑问，请考虑“移动优先”。移动使用只会继续主导互联网浏览流量。假设您的访问者将主要使用全屏来访问您的网站，则可能会将这些访问者输给更适合移动设备的竞争对手。
需要易于操作的图标
注意弹出窗口
通过访客测试您的网站
综上所述
16 个不容忽视的移动友好型网站技巧
移动互联网浏览不仅仅是未来，更是现在。您必须拥有适合移动设备的体验。
2020年，美国有2.747亿人通过移动设备访问互联网。这意味着大约83%的美国人是移动互联网用户。
您可以重新思考为什么您的网站应该 美国海外华人电话号码数据 针对移动设备进行优化。然后，考虑一下这 16 条提示，这些提示对于打造适合移动设备的用户体验至关重要。
理解扩展
这可能很难相信，但当谈到 Android、Apple、Windows 和其他移动品牌设备时，有数百种不同的屏幕尺寸，尤其是当你考虑手机与平板电脑时。
关键是要确保您的网站能够适应横向和纵向视图。
您还需要确认该网站是用 HTML5 而不是 Flash 编码的，因为 Flash 并非在所有设备上都能加载（特别是占据很大市场份额的 iPad 和 iPhone）。
简单规则
任何网站都很容易塞满尽可能多的内容。请记住，你是在为自己还是为用户将 10 磅的东西塞进 5 磅的袋子里？
考虑您的网站应该有什么样的用户体验，特别是在移动设备上，就是接受简单是最好的规则。
手机屏幕较小。如果没有 WiFi，互联网连接可能不那么稳定或不稳定。太多信息可能会让用户望而却步（甚至会阻碍加载速度，从而失去访问者）。
具体来说，移动网站的高跳出率会降低您在 Google 上的搜索排名，因为您要么吸引了错误类型的访问者，要么没有为访问者提供良好的体验。
为了防止因加载速度慢而导致的高跳出率，您的网站的加载时间最好设为 3 秒。
请记住，按钮始终可用于导航至其他信息。
审核您的整个网站，并概述移动展示的“必备内容”。记住移动浏览者在他们的设备上访问您的网站时可能寻找什么，然后从那里开始。将移动网站限制在必需内容上。
使用 DailyStory 进行电子邮件和短信营销
DailyStory 是一个电子邮件和短信营销平台，用于创造销售、建立忠诚度和发展业务。而且，免费开始使用！
今天免费开始！
一致性很重要
与简单性类似，移动友好体验应该具有一致的外观和功能。
这包括菜单选项、主屏幕、任何下拉菜单等等。
一致性有助于移动访问者浏览您的网站并停留更长时间。
信息可以优先排序
如果您的移动友好型网站需要满足多个主要目的，那么您可以对显示的内容和顺序进行优先排序，以及网站的总体导航方式。
查看您的网站流量。移动设备上流量最高的页面在哪里？是“联系我们”页面还是其他页面？移动设备上访问量第二大的页面是什么？
这将帮助您做出明智的决定，确定如何优先考虑移动网站的重要方面。
尽量减少表单字段
如果您要在网站上添加任何表单字段，请尽量减少它们的数量。理想情况下，不应超过六个。
再次强调，这是为了让访问者保持参与度，而不是感到不知所措，这取决于您希望他或她做什么。
搜索栏很有用
每个网站都各不相同，就像每个企业一样。因此，如果您只是需要包含比适合移动设备的网站理想的信息量更多的信息，则可以添加搜索栏。
只要确保它易于查找、易于使用并能产生准确的结果即可。
滚动比“捏合缩放”更好
如果移动网站足够吸引人且设计得足够好，那么移动访问者现在比以往任何时候都更愿意滚动浏览。与“捏合和缩放”屏幕本身的需求相比，这一点尤其正确。
（话虽如此，您也不想强迫访问者长时间滚动浏览。）
需要放大移动设备上显示的网站上的任何内容，这是移动体验设计不佳（或考虑不周）的标志。
不要害怕做大事
字体就是如此。而且，按钮和按钮之间的间距也确实如此。
请记住，您正在为小型触摸屏进行设计。
如果您的移动网站设计保持足够简单，那么好处就是您将有空间来增加字体和任何其他您喜欢的元素的大小。
在适合移动设备的网站上，正文的推荐字体大小为 14 到 16 点。字体的垂直间距同样重要。一般建议使用浏览器默认的行高 1.2em。
只需确保无论你选择什么，字体类型、大小和间距都应保持一致即可。否则，你的网站会显得很杂乱。
清晰的字体也很重要
由于字体样式繁多，人们很容易对各种可能难以阅读的字体产生偏执。
例如，大多数草书字体对于普通网站访问者来说很难阅读，尤其是在小屏幕上。
Helvetica 是一种经典的首选字体，但您可以考虑其他一些字体：
宋体
Adobe Gothic 标准
博物馆
Myriad Pro
简短而甜蜜的副本
将网站上的每段文字视为一条推文。文字越短、越吸引人、越清晰越好。
例如，您可以在移动友好型网站上使用较短的一行客户推荐，而不是使用较长的客户推荐。
这是为了迎合移动端访问者，他们的注意力持续时间更短，更容易分心。您希望网站的每个部分都能快速地传达要点。
一张照片胜过千言万语
当您的文本有限时，图像在向移动访问者传达信息和/或您的品牌方面可以发挥特别重要的作用。
眼动追踪研究表明，图像比文字更能吸引移动用户的注意力。
但是，任何旧图像（甚至是您在完整网站上使用的图像）都不一定能起作用。
对于移动设备，图像应该：
适合网络大小并压缩以加快加载时间。
即使很小也能够吸引眼球。
尽可能保持背景干净，以免分散注意力。
不要使用刺眼或冲突的颜色。例如，荧光黄在屏幕上特别难看。
考虑使用视频
如果您觉得仅使用图像和文字来传达信息存在限制，那么视频绝对是一个选择。
无论是嵌入式的 YouTube 视频还是其他内容，移动用户比以往任何时候都更熟悉在移动设备上观看视频。
事实上，62% 的美国互联网用户通过移动设备观看视频内容，而只有 55% 的受访者表示他们通过电脑观看视频。截至 2019 年，美国成年人平均每天花 13 分钟在智能手机上访问视频应用。
值得考虑使用的视频可以是产品演示、关于我们的叙述等，只要能讲述你的故事就行。但就像文字一样，越短越好。
颜色可以成就或毁掉你的设计
可能，当您设计网站的完整版和移动版时，您会选择能够反映您品牌的颜色。
这是完美的，除非颜色本身影响用户体验。
确保您的背景（颜色、图像或图案）不会与您网站上的文本冲突。
互补色调色板是个不错的选择。Canva有一个色轮，您可以探索一下。
如有疑问，请考虑淡化任何颜色的色调。颜色越浅，眼睛就越舒服，而且不会与其他颜色产生太多冲突。
需要易于操作的图标
此时，移动浏览器期望您可能在移动网站上包含的典型按钮具有特定的外观。
例如，您应该使用 Twitter 徽标（蓝鸟）直接链接到您的 Twitter 帐户，而不是使用超链接词“Twitter”。
其他常见的界面操作包括但不限于：
在线支持或销售聊天
社交媒体分享链接
点击呼叫
将商品移至购物车
无论何时，您都应该在这些易于操作的按钮上添加视觉徽标或图标。
注意弹出窗口
弹出窗口的历史由来已久，并且对互联网用户来说有些烦人。
好处是，弹出窗口已基本“成长”为一种更为复杂的潜在客户生成工具。（详细了解如何通过弹出窗口捕获更多潜在客户。）
但是，考虑并测试弹出广告在移动设备上的显示效果非常重要。由于屏幕尺寸较小，原本很吸引人的弹出广告很容易在您的移动友好型网站上引起混乱或沮丧。例如，弹出广告可能会用不太容易找到的选择退出按钮遮挡整个屏幕。
它们仍然可以工作，但理想情况下，它们不会阻挡整个屏幕，并且具有明确的号召性用语 (CTA) 和易于找到的退出选项。
通过访客测试您的网站
说到用户体验，不仅要将自己置于理想客户的角度，还要直接走访典型用户，获取有关移动友好型网站哪些可行、哪些不可行等的反馈。
您可以召集焦点小组或以不太正式的方式收集反馈。无论哪种方式，目的都是了解其他人对您网站的功能和实用性的想法和意见。
综上所述
如有疑问，请考虑“移动优先”。移动使用只会继续主导互联网浏览流量。假设您的访问者将主要使用全屏来访问您的网站，则可能会将这些访问者输给更适合移动设备的竞争对手。