注:本文来自国外网站的一篇文章,该文章写的非常精彩,分析2015年中国网站设计的发展趋势,是近几年第一次看到有国外的网站这样介绍国内的网站的文章,深刻的意义在于,看来中国的崛起绝对不是仅仅的其他方面,网站设计方面也开始有了不同的市场,希望我们这些在国内从事网站建设的同行们,继续努力,翻译有限,有些不是很通顺,但大概意思,我想应该是可以看明白的。以下位相关内容。原文章地址:http://dwz.cn/Cp7Xz
网络产业和中国飞速的变化:一方面,很难保持手指的脉冲。 但添加两个在一起,你得到中国的科技,虚拟景观在不断地变化,我们同步的唯一希望是未来当我们能力,尝试辨别什么是未来,做好的影响。
别搞错: 中国的网络是在某些方面比web你习惯不同的地方 ——尤其是在两个或三个至关重要的方面——和用户的期望是不一样的。 在这篇文章中,我将研究所有web专业人员应该知道的东西跳进入中国市场之前,包括如何只用手机社交平台已经成为中国网络的革命性的新前沿设计,和世卫组织今天在中国设计漂亮的网站。
一个新的典范
指出正确的方向,我在看到停了下来 军刀邹 每天设计前沿。 军刀是创造性的主管 逻辑设计 北京多学科数码影像工作室,概念AnimalsAsia的网站 探索Moonbear 之一,视觉上最雄心勃勃的桌面网站,和只有一小撮之一中国制造网站接收Awwwards”梦寐以求的识别 网站一天 。“那么,你觉得中国的支持响应设计方面的进展?”
军刀耸耸肩对我,就像我问错了问题。 “没有很多响应网站在中国,为不同的设备大多数客户喜欢单独的网站。 在响应方面,我们真的不与web那样;我们不认为桌面网站的"母舰",甚至作为一个升级版的流线型的移动网站。 实际上,大量的中国企业是完全绕过桌面体验。”
我不知道为什么花了这么长时间的所有证据盯着我的脸,我的西方的角度来看,但剑的话终于做到了。 总范式转变:我们在这里,拍自己背面来稳定的移动先行”的方法,但在中国,手机不是视为一些不可避免的和广泛的产物的桌面浏览了它自己的生命。 他们分开,他们一直是独立的,和今天桌面越来越高等,潜在的可选平台。
先移动吗? Puh-leez。 中国已经是只会移动
你听到它所有的时间,你已经听到它多年来:中国移动使用的数字是屋顶。 早在2010年, 尼尔森的报告 “移动消费者在中国已经超过美国同行时使用的设备访问互联网。 ”,市场越来越大。 一个 2014年7月从下一条 增加了群媒体大肆宣扬,真相:
中国用户通过手机访问互联网增长83.4%的2014年6月,首次超过了通过电脑访问互联网的用户的百分比(80.9%)。
“但在西方世界,人人都有智能手机,“你的想法。 你有一个,是吗? 你可能不知道有谁没有,所以很难想象一个增加饱和度水平或想象的区别中国使用和不使用可能是巨大的。 有,但是我认为,不同的是明显不是移动用户的数量,而是水平的 mobile-centrism 。 一些统计数据支持这一理论,但他们不封装的故事,坊间证据的方式,所以让我提供一些,根据我自己的经历:
在中国,你的移动电话号码是几乎一样重要在美国社会安全号码。 如果你失去你的手机号码,你也无法挽回失去电子商务账户的访问权限,数字钱包,社交网络账户(直接绑定手机号码)等等。 正因为如此,人们十分小心,经过正式的过程将其数量与他们的政府状态ID来防止身份盗窃,保证简单检索的SIM卡丢失或损坏。
大多数网站在中国使用手机号码,而不是一个电子邮件地址作为主要的登录标识符和主密码恢复工具,特别是有关电子邮件以来没有在中国几乎饱和,它在西方。 可以看到北京网站建设公司的首页,除了QQ客服,就是400热线以及本地电话,都是本地需要的!
Password-retrieval过程 taobao.com 中国最大的和最受欢迎的网站之一,:“请输入您的手机号码/用户名/电子邮件地址。 ”( 查看大版本 )对某些中国数字钱包,让用户扫描二维码立即支付任何东西,从一个城市出租车向点播电影,一个盛大的晚餐付款是一个单一的步骤。 他们甚至不需要输入密码或验证以下购买300元人民币(人民币)左右(约50美元)。 情况就是这样,偷来的手机一样糟糕偷了钱包。
世界银行的数据 表明,2011年,中国是摇摆69机动车辆(汽车、卡车和公共汽车)每1000人。 与美国比较,768年每1000人同年,你可以想象有多少ccxcn.com中国每天乘坐公共交通去上班——这意味着长时间的盯着手机屏幕,试图忽略你对面的女士挑选她的耳垢。
文化完全手机友好,难怪许多公司感到安全把他们放回桌面,创造经验完全使用手机,没有desktop-friendly等价。 这些经验有一个名称——“ 光的应用 ”——而且他们迅速成为最受欢迎的方法之一与消费者互动。
轻应用
网站2010年是如此。 2015年,中国公司正在构建光应用程序,或 轻应用。 光应用是一次性、zero-download超定向迷你站点,通常与HTML5(通常是动画)。 哦,当然,他们有一个专门的网址,他们会在桌面浏览器中加载如果你绝对坚持,但是他们可能会看起来可怕的桌面屏幕上。 在某些情况下,他们甚至不函数在页面加载之后,考虑到其中一些需要啤酒来导航。
应用程序是专为果蝇的注意力。 它们通常单页,单个消息,打算一次性。 换句话说,用户将打开一个应用程序一次,翻阅它,理想情况下将它传递给朋友通过移动共享,然后再也不会看了。
应用程序在野外
生活应用 是一家中国公司,专门从事光应用的发展,并广泛范围的组合证明了光应用的许多应用程序。
下面是一个小中国光应用的抽样。 有两种方法来加载这些在你的手机上:中国的方式,是用你的手机扫描二维码,自动负载网站,或陈腐的非中国的方式,这是遵循URL链接在你的手机上。 如果你试图访问这些桌面浏览器,他们可能负载,但他们不太可能工作得很好。 我鼓励你去尝试加载直接在任何桌面浏览器url完全了解如何开发应用程序忽略了桌面。
光品牌可能会创建一个应用程序共享一个年度财务报告,这样从猎豹移动( 扫描二维码 或直接转到URL ):
猎豹移动走用户通过其企业财务状况在这种情况下应用程序。
这一个,从紧急移动,小觅制造业大国是招聘( 扫描二维码 或 直接转到URL ):
小米的光应用看起来招徕合格员工。
这样的一些光应用庆祝公司的里程碑,为联想的30周年纪念日( 直接转到URL ):
联想庆祝“30年的记忆,”光app-style。
提前一些激起兴奋的电影,这样的琐事游戏,测试用户的知识的中国导演姜文的电影( 直接转到URL ):
“你是一个真正的姜文迷? “问这trivia-related光应用。 查看大版本 )
然而其他人解释特定的新闻故事,这样看着黑暗的2014年中国新闻网站网易(在航空 扫描二维码 或 直接转到URL ):
这光从网易应用程序需要一个痛苦的看2014年的灾难。 ( 查看大版本 )
想要更多的中国光应用吗?
记住,因为光的应用程序通常用于短期使用,这些网站的链接将会降低。 幸运的是,总是上涨。 光看到更多的例子应用程序 LiveApp的投资组合页面 或在 品牌社会频繁更新的列表(最好装上电话),或者查看 手机文章数字 ,常以演示光的应用。
行动呼吁“分享”,而不是“买”
去光应用序列结束时,用户通常敦促只分享——直接或明显的链接货币化是罕见的。 但与大多数西方移动共享功能,通常给用户选择分享在任何他们喜欢的社交平台之一,中国光应用只麻烦按用户共享一个网络:一个是经常光顾的超过83%的中国移动互联网社区,但在西方主要是讨论有关。
WeChat:驱动光应用革命几乎每月5亿活跃用户
中国“5.27亿的移动互联网用户,根据中国互联网络信息中心,和4.38亿年的WeChat”(谢谢,科技在亚洲 )。 这几乎是在Twitter上月度活跃用户的数量增加一倍。
虽然你可以询问你的非中国联系人是否更愿意通过电子邮件联系到,Google +,Twitter、Facebook或短信,从历史上说,社交网络分裂不是中国的难题,和“达到你的最佳方式是什么? “不是中国的问题。 这并不是说只有一个社交网络,但无论其他平台,通常总是有集中,几乎普遍伞网络,占据了休息在任何给定的时间,铲起用户最多的国家。
早在一天,腾讯的网络 QQ 。 然后,这是新浪微博(中国版的Twitter)。
QQ国际的管理面板( 查看大版本 )
我的新浪微博( 查看大版本 )
说,“但微博剑”,已成为一个地方,人们去阅读新闻和被动消费信息。 这并不是真的和以前一样社会。”
在今天的中国,网络 今日特色的 是腾讯的 wechat 中文名字叫杨伟鑫,本地(微信)。 WeChat成立于2011年,是一个mobile-app-only网络,结合短信的功能(语音和键输入)、群组聊天、facebook饲料和时间表(称为“ 时刻 孤独的人鬼混”),(WeChat“附近”功能列出所有用户的物理距离你的位置)和emojis很多。 也许最感兴趣的网页设计师和开发人员,它也有一个本地浏览器和为开发人员提供了一个API。
朋友WeChat时刻拥有一个很北京讨论空气质量差。 ( 查看大版本 )
WeChat的“发现”功能( 查看大版本 )
WeChat的钱包( 查看大版本 )
杜Haihang ,也知道他的英文名字Seah,是数字创意设计师和开发人员专注于品牌和先进的互动体验,和首席设计师 激活NODEPLUS 总部设在上海,尖端的网页设计工作室。 像军刀,Seah十分重视创造性的实验,他是唯一的中国设计师获得两个独特的Awwwards认识。 广受赞誉的本地及国际设计专家,Seah是大脑中负责一些最创新的创造性工作来自中国大陆的今天。
杜Haihang是 最近采访了 澳洲公平工作委员会。
三四年前,品牌大预算花在Flash竞选迷你网站,但不是今天。 今天,这些预算一直在搬到WeChat智能手机。 变化始于死亡的Flash和iPhone的开始繁荣,和网页设计的趋势在中国自然随之而来。 如果你的网站在这里吸WeChat,市场上是没有意义的。
光应用和WECHAT
WeChat很受欢迎,光的应用程序是专为WeChat几乎总是优化的本地浏览器,和“分享WeChat时刻”是总的来说唯一的行动呼吁光应用的接口。
“我阅读大量的文章由非中国移动开发人员已经在多个浏览器来测试他们的工作,“WeChat专家托马斯?Graziani说北京社会营销公司的创始人 散步聊天 ,据我所知,第一个商店专营tailor-developed WeChat解决方案寻求进入中国市场的外国公司。 “在中国,我们只需要测试光应用WeChat浏览器,如果它在那里工作,我们好去。 这就是通用平台。”
尽管腾讯的管理界面WeChat只有在中国,托马斯的团队打开了这些黄金盖茨不说中文市场建立一个多语种WeChat帐户管理员面板(目前可用的中文和英文,但很容易可翻译其他语言),会谈WeChat的API。 托马斯解释说:
公司操作只在WeChat高兴构建的经验,因为他们得到那么多数据用户比标准的移动网站。 当用户访问你的网站通过WeChat浏览器,你看到他们WeChat ID,如果他们在WeChat跟着你,你可以看到7分的数据对他们:WeChat ID、昵称、个人资料图片,位置(市),主要WeChat语言,性别和日期后,当他们开始帐户。 这使得公司能够严格目标营销的大门,尤其是性别和地理变量。 最重要的是,“WeChat注册”支持HTML5游戏开发商为用户定制经验,与他们的昵称和概要文件的画面。
QR码无处不在
二维码:有趣的10分钟,然后他们开始 杀害小猫 吗? 在其他地方,也许,但是QR码是中国数字的小罗伯特·唐尼:他们摇摇欲坠的地面上一会儿,但现在他们的可乐,又杀回来了,为自己的业务做得很好。 在打印他们无处不在,但包括QR码在桌面web布局和电视广告也是常见的,允许用户直接从屏幕上扫描到他们的移动设备,像 这光应用节日卡片 设计的激活Nodeplus Seah:
扫描二维码与您的移动设备来探索应用圣诞贺卡。
扫描一个桌面屏幕可能听起来奇怪,但这是一个在中国常见的用户行为。 再次,因为WeChat无处不在,你基本的二维码,直接关系到一个企业最典型WeChat账户,用户可以遵循,或光WeChat的原生浏览器中加载应用程序。 QR码WeChat经验提供一个入口点,可以经由非移动媒体,如平面广告、名片和网站页脚。
很难过分强调的重要性WeChat支持二维码在中国的崛起。 WeChat带有一个内置的QR扫描仪,和代码扫描,扫描仪可以以多种方式与WeChat——链接到光的应用,用户帐户,直接在WeChat浏览器的url加载,支付系统,让用户即时转账彼此通过WeChat钱包,和无休止的其他应用程序。 很多广告别烦阐明公司的URL——他们只是简单地显示一个二维码,和用户扫描访问公司的着陆页。
需要一些花瓶吗?
二维码在Taobao.com的头是封顶的标题“漫步在淘宝移动。
二维码的页脚 tbclub.net 为中国设计,网站集体,直接向其WeChat账户链接。
桌面的主页 支付宝 (英文名,支付宝),中国的贝宝,共有五个二维码:一个“通过二维码登录”功能在登录框,以及一个二维码在一年的四个旋转旗帜。 Yowza !
中国最大的保险公司之一的页脚, 平安 ,有两个二维码:一个手机网站,另一个用于其新浪微博账户。
的页脚 中海油石油 WeChat二维码。
我们可以做到这一点。
将它们放在一起:QR-CODE-TO-WECHAT LIGHT-APP就餐体验
在受欢迎的table-BBQ连锁餐厅 Henjiuyiqian (很久以前),该党饥饿人群的达尔文的穴居人装饰、电子堵塞和track-suited等人员,首次食客要求扫描二维码并按照餐厅的菜单上WeChat帐户之前订购。 然后,服务器要求看到Henjiuyiqian的光应用的数字会员卡问题需要每个WeChat追随者。 卡让食客直接折扣,当他们支付他们的账单,他们收到一条WeChat消息详细的收据。 如果有一个漫长的等待抢座位,类似的应用程序是用于管理名单:在到达客户扫描二维码,然后可以自由漫步。光应用程序发送一个WeChat通知当一个表是免费的。 托马斯解释说:
而服务WeChat账户持有人通常是有限的次数可以推送消息,每个月,如果一个追随者伸出手与一个服务帐户在过去的48小时内,服务帐户可以直接联系该用户发送“客户服务消息。 ”,因为WeChat发布了自己的电子钱包,客户可以支付服务立即通过自己的账户。
Henjiuyiqian消息就像我离开我一份法案。 ( 查看大版本 )
我Henjiuyiqian WeChat会员卡( 查看大版本 )
这一切并不是说桌面已经完全消失的恐龙,但我相信如果桌面网站在中国将会有真正的价值,他们将需要大屏幕工作的薪水通过特殊用途或特殊的美。
中国网络排版还是高新技术
中国网络的美化温和阻碍了困难超越实现多达四个标准中国网络字体和字体la @font-face。 依赖这样一个有限范围的选项是一个可怕的耻辱,因为山上充满性感中文字体乞讨来显示博客标题。 你可以阅读 我反复地说在这 在长版如果你有兴趣,但问题是,中文字体的基本性质是巨大的,由成千上万的字符(想想20000符号),和3 - 7 MB通常太笨重的嵌入字体文件因为他们显著减慢页面加载时间。 所以,直到最近,它看起来像动态 语标的 接口将沮丧地踢罐子在后院基于日耳曼语言设计嬉戏在洒水装置。
随后, Youziku 、台湾Typekit-style动态中文字体的解决方案。 Youziku抓住文本字符串发送到服务器或本地托管脚本,使得他们并返回产生的文本。
Youziku 中国的字体库( 查看大版本 )
我有幸参与Youziku的一些实验试验系统。 还是蛮好用的,用鼠标选择非标准中文文本就像运行你的手下来一个全新的身体轻巡洋舰。 科技仍然很新,我遇到三个障碍:
薄的中文字体渲染不太好,可以穿Chrome痛苦衣衫褴褛。 如果他们是了不起的薄、中风甚至部分消失。 这不是一个大问题,大胆的字体,而不是(我的经验)在Firefox的问题,但那变态需要隐藏。
当通过Youziku中文字体太小,在铬薄吗? ( 查看大版本 )常常有一点点延迟加载页面加载和字体。 所以,你可能会看到一个视觉口吃页面加载内容,然后应用呈现文本。
Youziku网站目前仅在中国,作为安装说明。 如果这是你的问题,另一个竞争对手字体库, Justfont ,显示其图书馆用英语和注册指令,但其字体选择明显较小。“我们仍然使用PNG对于我们的特殊字体——它是安全的,”剑说。 “我们对此项研究倍感兴奋的可能性实现web字体,但是现在,实现像Youziku极其实验。”
Seah对此表示赞同。 “众所周知,中国字体组成的一个巨大的数量的字符,所以他们很难嵌入在web上。 在我们的办公室,我们使用静态文本字符图像或SVG,但是我们仍然主要使用标准web字体动态文本”。
一些漂亮的桌面网站
ACNPL \ WGL
由Seah对激活Nodeplus摆弄与新兴的网上乐园实时图形技术, ACNPL \ WGL网站 拿回家一个应得的Awwward赢,Seah第二。
公司成立于2012年初Nodeplus Welson涂,一个台湾数字营销先锋…经过两年的快速增长,它激活的数字部门收购集团在2014年5月。
我主要是做交互设计和Flash开发三年前,我想开始做一些先进的实验和实时图形,HTML5画布和WebGL,一些真正的世界级远远超出中国的互动设计。 Welson支持这个想法很感兴趣,他的机构提供了我一个完全自由的空间去追求它。 所以,我放弃了我以前的工作在创意机构,然后与他的机构在2013年年初,设法把我的注意力从Flash ActionScript新的web技术。 这是我们我们的合作如何开始并继续:我设计、开发或与任何我感兴趣的实验,我们机构的代表。 与此同时,我也支持该机构的项目。
ACNPL \ WGL Seah(Du Haihang)激活Nodeplus( 查看大版本 )
六便士
当Seah准备问他可爱的(现在)的妻子嫁给他,他开发了一个自定义建议iPhone应用程序只能由一个人打开:她。 当她的时装设计公司准备敞开大门,Seah倒他的全心为她设计和开发一个获奖的网站。 (打败,伙计们!)
这是我妻子的商店的网站。 六便士的两位创始人想要创建一个标签与态度。 他们上手限量版服装通过只预订,所以微博的品牌是为了传达这种独立的态度和观众提供一个独特的,现代和无缝浏览体验。 没有一个特定的商业目标和构建。
有时我觉得自己很难在中国做前沿工作,因为许多用户仍然使用老技术,当你使用新技术,你必须做出决定失去一些用户或花很多时间为老式浏览器回退。 很多客户不愿意支持这样的实验工作。
六便士商店( 查看大版本 )
探索MOONBEAR
这是一个美丽的网站与美丽的目的。 嗯,实际上,两个目的: 探索Moonbear 创建了AnimalsAsia 提高认识的残酷moonbear胆汁农业(中药熊胆使用),但它也为微软全球教育运动(改变的经验),一个网站旨在展示即11的范围的功能。 军刀会谈一下流程:
即实际上带来了另一个公司对项目的编码部分,考虑到严格的时间表。 该公司被命名为视觉飙升。 我们想出了主意,总体架构,内容,设计和原型,他们编码。
这是参观我们的视觉灵感AAF救援中心的成都。 我们在那里拍了许多照片。 因为我们的目标之一是让3 d元素在网站上,我们做了很多视觉研究,当时,低多边形风格很受欢迎,所以我们也借了一些视觉线索。 做任何实际的设计之前,我们通常会创建一个情绪板,我们收集各种各样的视觉设计灵感和确定一个方向。 我们收集的截图,我们探索在互联网上或出去拍照。
创建3 d熊是我们面临的最大的技术挑战。 我们需要创建一个熊,可以激励和响应联系。 此外,它需要执行在所有主要的浏览器支持WebGL。 我们最终使用ThreeJS和团结。 在流程方面,不同的涉众之间的沟通是我们面临的最大挑战。
探索Moonbear( 查看大版本 )
单词可以武器
由 奥美亚洲 心理学研究中心在沈阳,言语可以武器是为了增加观众的理解伤人的语言对孩子的负面心理影响,画一个滥用词语之间的联系和青少年犯罪的增加。 网站设计展示了粗鲁的词语在中国变成枪、刀和其他暴力的工具。 更多的信息 在赫芬顿邮报 。
单词可以武器( 查看大版本 )
30毫升
这个FWA-winning定格为中国创意机构网站 30毫升 (由上海设计师创造性地掌舵勇Yu)呈现在粘土。
该机构网站30毫升( 查看大版本 )
阿迪达斯原件
另一个赢得30毫升, 阿迪达斯原件 网站的证据表明,大量的设计工作发生在今天的中国是由机构为国际品牌。
阿迪达斯原件( 查看大版本 )
DASHILAR
G_Lab 创建这个网站的 Dashilar 在北京地区振兴工程,政府之间的合作,设计师,建筑师,投资者和居民注入新生命once-languishing历史街区。
Dashilar( 查看大版本 )
结束
我做一些UI咨询的外国公司想进入中国市场,和我说一件事不少:本地化对中国意味着更多的比你的桌面将网页翻译成普通话,称这一天。 这听起来似乎很残酷,但这是我的建议: 中国做对还是别打扰。 如果你half-arse它,它将是显而易见的,你将失去金钱和信誉。 知道你在跟谁说话和他们如何使用网络,通过渠道和开放的沟通他们期望(WeChat、轻应用,QR码),你就会更接近与你的用户有意义的联系。
文章整理来自网络,转载请注明北京网站建设公司-北京传诚信,翻译不好,请见谅!