多语言网站时应密切关注的一个重要元素,因为用户在想要切换语言时经常会访问语言切换器。
有效的语言切换按钮可以为网站带来多种好处,从提高网络优化到增加销售额。
在本文中,我们将讨论设计语言选择器的最佳实践。 让我们在下面的文章中进一步讨论它。
语言选择器是一种用户界面元素或功能,允许用户选择他们希望与网站、应用程序或任何数字平台交互的语言。 它常见于网站、软件应用程序和其他数字界面中,以适应使用不同语言的用户。
语言选择器通常显示可用语言的列表,用户可以从该列表中选择他所选择的语言。 选择后,界面内容(包括文本、标签,有时还包括图像)将以所选语言显示。 这对于为全球受众或多样化用户群提供服务的网站和应用程序尤其重要。
语言选择器可以让更广泛的受众(无论他们的语言技能水平如何)访问数字内容,从而有助于改善用户体验。 它们是本地化工作的关键组成部分,使开发人员和设计师能够使他们的产品适应不同的语言和文化背景。
在多语言网站上自定义语言切换器有几个重要的好处。
每个网站所有者肯定会仔细考虑他们的语言选择器是什么样的,每个网站当然会有不同的偏好。 对于那些正在寻找可用的语言选择器类型的人,这里有一些。
这是常用的语言切换器类型之一。 语言按钮通常是指示正在显示的语言的图标或文本,例如,“EN”代表英语或代表特定语言的国旗。 当用户单击语言按钮时,他们将被重定向到相应语言的网站版本。
对于语言按钮,建议显示有限数量的语言,以避免显示混乱。 一般来说,拥有4到5种以上的语言才能营造出忙碌的视觉效果。 将按钮放置在可见位置非常重要,以便用户可以轻松找到它。 我们将在本文的下一节中进一步讨论这些方面。
语言按钮可能适合针对特定市场或在某些地点为国际社区提供服务的企业。 使用世界卫生组织网站上的语言按钮的示例如下。
文本链接是一种语言切换器,它使用语言名称形式的文本作为链接。 例如,您可以显示“英语”、“法语”或“西班牙语”等文本链接,将用户带到所选语言的网站版本。 此文本链接通常放置在列表或下拉菜单中,以便用户更轻松地选择所需的语言。
大公司Facebook使用一种链接语言选择器,除了列出的语言之外,您还可以按(+)图标查找更多语言。
之后,页面将立即翻译成之前选择的语言。
选择菜单是一种语言切换器,它使用下拉菜单或打开菜单来选择语言。 当用户单击选项菜单时,他们将看到可用语言的列表,并可以选择所需的语言。 选项菜单可以包含国家图标或标志作为语言指示符,以及文本中的语言名称。
选择菜单与语言按钮有很大不同,这种类型比单纯的按钮更复杂。 就像下面这个来自保时捷网站的例子。
他们提供了一个语言选择网站,用户可以直接写下他们的语言或目的地国家/地区。
了解可在网站上使用的各种类型的语言选择器后,在创建语言选择器时,应用最佳实践非常重要,以便您可以创建有效且能够提供良好用户体验的语言选择器。 以下是一些最佳实践。
至此,您已经了解了语言选择器的最佳实践。 您可以在使用网站翻译服务后完成此翻译。 但是,并非所有翻译服务都提供语言选择器设置的灵活性。
但您不用担心,因为Linguise不是那样的。 Linguise是一项自动翻译服务,可为用户提供语言切换器的定制。 使用Linguise时您将获得的一些好处包括:
在本教程中,我们将使用WordPress作为所使用的 CMS 的示例。
Linguise上的语言切换器,您需要做的第一步是Linguise上注册一个帐户。 Linguise还提供为期一个月的免费试用,其中包括您可以利用的各种功能。
第二步是将Linguise已拥有的网站域添加Linguise仪表板。 从开始,您需要填写几项内容。
之后,您需要激活 API 密钥并设置语言 URL。 有关添加网站域的完整指南,您可以阅读文档,而针对WordPress ,您可以通过WordPress安装Linguise自动翻译或观看下面的视频教程来查看它。
成功添加网站后,打开WordPress仪表板并安装Linguise插件,通过插件 > 新增 > Linguise > 安装 > 激活来执行此操作。
如果插件已安装,请转到Linguise仪表板并复制 API 密钥。
然后打开Linguise插件并将您从Linguise仪表板获取的 API 代码粘贴到以下列中。
中的Linguise进行操作。
在初始设置期间,我们将对主显示屏进行调整,考虑到不同的组件。
第一个考虑因素是语言列表显示格式的配置,它提供了三种选项可供选择:并排、下拉或弹出。 左侧有每种格式的预览显示。
第一种格式(如下所示)是并排布局。
下面的格式采用下拉样式,如下图所示。
最后,我们将弹出格式作为最终选项。
接下来,我们继续下一步,其中涉及配置语言切换器的位置。 您可以灵活地选择各种位置选项,因此选择一个容易被访问者注意到的位置非常重要。
最后,您需要决定显示语言选项的组合首选项。 您可以在标志 + 语言名称、标志 + 简称或仅显示标志等选项之间进行选择。 此决定将取决于您的具体设计偏好和目标受众的偏好。
之后,在主显示部分下方,您将看到专门针对旗帜的设计配置。 下面提供的图像演示了一些可用的设置选项。
一旦旗帜设计完成,下一步就是调整颜色、尺寸和各种其他元素。 在下面的界面中,您会发现许多可自定义的设置,包括:
在最后阶段,您有机会自定义标志的阴影设置。 初始设置允许您为网站上显示的每个标志指定阴影,而后续设置涉及将鼠标悬停在语言标志上时的阴影效果。
请记住单击“保存”按钮以保留您为语言切换器所做的自定义设置。 这可确保您选择的阴影效果配置得到实施并保存以供将来使用。
完成所有配置后,以下是使用位于右上角的弹出窗口并使用缩写的语言选择器显示的示例。 这只是一个示例,您可以根据您的意愿并根据网站的需求自定义其余部分。
除了WordPress CMS 之外,您还可以使用其他网站平台并遵循详细指南,例如OpenCart的设置切换器、 Drupal的语言切换器以及PrestaShop的设置切换器。
在这里,您深入了解了设计语言选择器的最佳实践以及如何使用Linguise进行设计! 相信我,创建语言切换器可以提供许多好处,并确保基于上述几点的优化。
创建语言选择器时,请确保遵循我们上面解释的提示和最佳实践,从使用图标、选择相关语言到定位。
现在,注册一个Linguise帐户,添加您的网站,并微调语言选择器以提供更好的用户体验。 不要忘记尝试 1 个月的免费试用功能,以享受Linguise的卓越功能!
接收有关网站自动翻译、国际搜索引擎优化等的新闻!
不要不分享您的电子邮件就离开!
我们不能保证您会中奖,但我们可以承诺提供一些有关翻译和偶尔折扣的有趣信息。