企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

一个语言开关设计:实例和最佳做法

发布时间:2017-01-05 14:19:14

TAGS:网站设计

blob.pngR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

建立一个全球的SaaS产品并不容易。你必须定位你的产品,把你的网站,并确保一切都还在运行。
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

有可能是一个主要的接口问题,它看起来像一个小东西起初,但实际上是想久一点。我说的是选择语言的可视化。你怎么能想象选择更改语言,全球观众可以选择他们想使用的是什么语言?
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在这篇文章中,你会找到所有你需要知道的时候为您的应用程序或网站的语言开关的设计,包括一些实例和做法。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

语言的图标R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个多语种的软件或Web服务时,你终会在一些点语言图标的思考。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一种语言的图标是一个视觉帮助,说明了应用现有的语言。但问题是,有,还没有标准的定义,对语言或语言切换器图标看起来应该像这样。
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

language icon google searchR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

主动语言图标R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

正如我之前提到的似乎没有标准的定义,对语言图标看上去像。我可能是错的。有一种语言图标启动2008旨在规范语言选择图标。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

标准的语言选择图标看起来像这样:
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

来源languageicon.orgR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

但你有没有看到一个你喜欢的网站或应用程序图标?我没有和我们的用户测试表明,人不认识这个图标,选择语言选项。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

看来,标准化的语言图标没有被广泛使用。尽管许多其他网站–字体真棒–名单之前的图标的标准图标。
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

language icon standardR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 其他语言图标的想法R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所以,我们不是100%满意的语言图标主动提供的语言图标。我们继续我们的研究,我们发现地球的图标是一个流行的图标用于语言切换。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

globe-icon-language-switchR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

与地球的问题?不同的人有不同的联想与地球图标。如果你是一个沉重的脸谱网用户,你会发现这个图标为您的通知中心。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

facebook notifications globeR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所以,我们绝对没有地球图标。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 国旗,国家的问题R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Intuitively, we tend to think about countries when we talk about languages. Chinese = China, Japanese = Japan, and so on. However, there are some major limitations when you start using country flags for your language switcher.R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

那么,为什么你不应该使用国旗:R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 如果你使用20种以上的语言为你的应用程序有设计缺陷。显示20国旗可以相当混乱。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 国家不代表语言,或其他方式轮。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

language switch iconR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

国旗象征国家,没有语言。就这么简单。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

country switch iconR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我建议只使用国家的国旗,如果你的产品是不同的从国家而不是从语言到语言。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

语言转换的实践R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所以,你可能想知道。我该如何想象一个语言切换?R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果你喜欢乡村的旗帜,真的要坚持国家的旗帜,我推荐一个解决方案如下:
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

language selectionR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

语言按钮R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

美国政府发布了一个综合指导网页设计标准前一段时间,所以我很好奇他们是怎么解决问题的语言切换。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

正如你可以看到下面的截图,美国使用的语言按钮,其造型显然是由它的网页设计标准定义。
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

usagov language switchR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

提供语言切换选项的文本链接广泛用。这可以称为一个很好的例子在这里。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

google language switcherR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

语言切换为主要导航部分R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

文本链接到其他语言提供您的网站或应用程序的一个好方法。在你的主导航嵌入语言切换,用户会很快发现选择改变语言。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

Trello,例如,嵌入在应用程序设置语言切换。
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

trello animated GIFR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

语言切换为页脚导航部分R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

其他网站和应用程序使他们的用户在他们的网站页脚部分改变语言。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

脸谱网似乎是这样做的一个突出的例子:
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

language switcher footer facebookR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 基于文本的语言,而不是图标切换器R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 经过多次讨论,用户测试,和会议我们决定不使用任何图标。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 为什么?因为似乎没有可以创造一个相互理解的语言图标。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

  • 我们已经在我们的网站上,一个基于文本的语言选择,我们决定要一致。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

language animated GIFR6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联


R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当你提供一个多语种的网站或产品,关于语言的切换思维不可能是当务之急。R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

利用各种语言图标、国旗、或其他图形可以导致混乱和不创造一个相互理解的特点。因此,我们在usersnap决定用一个简单的基于文本的切换器。
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个设计良好的语言选择是一个关键的东西,提高可用性,可以为您的网站访问者和客户的一个简单的用户体验。
R6C北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7028,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号