Notas desde detrás del firewall el estado del diseño web en China

A medida que más empresas con sede en Occidente se vuelven hacia el mercado chino, me hacen muchas preguntas sobre las complicaciones de diseñar un sitio web para clientes chinos y los aspectos técnicos de hacer negocios en línea en China. En este artículo abordaré las preguntas más frecuentes..

Primero, un descargo de responsabilidad.

China es increíblemente diversa, la división entre varios segmentos de la sociedad es tan masiva que es imposible hablar de "China" o "pueblo chino" en conjunto. No solo hay una diferencia tremenda en el conocimiento tecnológico entre los chinos con sede en las principales ciudades como Shanghai o Beijing y los chinos en otras partes del continente, también hay muchas formas diferentes de ser "chinos". Cuando hablo de "China" en este artículo, me refiero específicamente a la China continental y, por "chino", me refiero a los residentes de ciudades de clase media y conectados..

En otras palabras, los comentarios aquí se basan en mi propia experiencia en la industria tecnológica de China. No puedo cubrir la experiencia única de todos, y por brevedad, haré algunas generalizaciones radicales. Espero que sea genial.

Quién puede tener un sitio web en China?

Solo las empresas con una licencia comercial válida en chino tienen permiso legal para alojar sitios web en un servidor chino; los individuos no pueden poseer sitios web comerciales alojados en el continente. Esto se controla a nivel de hosting: todos los sitios web en un host chino deben registrarse para obtener un número de ICP, que el host le pedirá y verificará antes de que se le apruebe una cuenta. Los números de ICP solo se emiten a los titulares de licencias comerciales. La ley requiere que los números de ICP se muestren en la página de inicio del sitio, generalmente en el pie de página. Desplácese hasta la parte inferior de la página de inicio de Baidu.com y busque un ejemplo en el pequeño texto de copyright de Teeny-Small..

Cualquiera puede eludir todo el asunto de ICP mediante la compra de hosting de una empresa con sede fuera de China, pero esto causa más problemas:

  • Los sitios web alojados fuera del continente pueden ser bloqueados en cualquier momento por el Gran Cortafuegos (más información más adelante).
  • Los sitios web basados ​​en los Estados Unidos o Europa se cargan más lentamente que los sitios web basados ​​localmente.
  • La persona china que compra la cuenta generalmente tiene que poder pagar el hospedaje con Visa o MasterCard, que todavía no está disponible en China..
  • El administrador del sitio chino debe leer el inglés lo suficientemente bien como para poder trabajar con el panel de administración del servidor.

Una solución común a este problema es alojar en Hong Kong. Los servidores de Hong Kong están cerca del continente, tienen menos probabilidades de ser bloqueados, son rápidos, ofrecen paneles de administración en idioma chino, no requieren un ICP y, a menudo, pueden aceptar una transferencia bancaria desde una cuenta del continente como método de pago.

¿Cuál es la realidad diaria de vivir detrás del firewall??

Un poco molesto, a veces más, a veces menos.

Muchos de los principales sitios no chinos son completamente inaccesibles. Tratar de cargar un sitio bloqueado por lo general le da un buen ol ' La página no se puede mostrar El mensaje, y por razones aparentemente desconocidas para cualquiera, también parece bloquear la capacidad de su navegador para cargar cualquier cosa durante treinta segundos aproximadamente..

Algunos sitios siempre están bloqueados, Twitter, Facebook, Youtube, mientras que otros bloques van y vienen (Mashable, Dropbox). El acceso a Gmail fue irregular por un tiempo, pero el PRC (República Popular de China) recientemente también lo dejó, y se ha bloqueado permanentemente desde mediados de 2014.. 

Todavía se puede acceder a algunos sitios cuyas aplicaciones basadas en el navegador están bloqueadas a través de aplicaciones móviles. Ejemplo: en el momento de escribir este artículo, no se puede acceder a IMDB a través del navegador, pero la aplicación de iPad de IMDB funciona bien. Del mismo modo, mi dispositivo móvil aún puede conectarse a través de POP / IMAP a mi cuenta de Gmail, aunque no puedo cargar el cliente web en mi navegador móvil en una conexión china a pelo. Los bloqueos de aplicaciones y sitios cambian con tanta frecuencia que muchas cervezas de los viernes por la noche incluyen la conversación de cuáles sitios están bloqueados en qué dispositivos hoy. Instagram fue bloqueada el 29 de septiembre de 2014, en respuesta a las protestas en Hong Kong. Dudo mucho que lo desbloqueen. 

¿Cómo puedes hacer tu trabajo en esas condiciones??

Tres letras: V-P-N. Ser propietario de una cuenta VPN (red privada virtual) es de rigor En todas las oficinas de tecnología, tan común que no vale la pena mencionar. 

Para los que no son desarrolladores entre ustedes: básicamente, las VPN toman su conexión web y la rebotan en un servidor desbloqueado antes de pasar su tráfico a su destino final, evitando así los bloques locales. Quieres ir a Facebook, pero Facebook está bloqueado. Así que pides ir a una computadora al azar en Australia en su lugar. Facebook no está bloqueado desde Australia, por lo que puedes saltar desde allí a la felicidad de solicitud de amistad. Parece que sería súper ilegal, y en el papel probablemente lo sea, pero (y esto es pura conjetura) sospecho que el gobierno está bien con esto en algún nivel: las masas sin lavar no son lo suficientemente inteligentes como para configurar una cuenta VPN, y sin habilidades en el idioma inglés, es poco probable que tengan mucho interés en lo que está sucediendo en la web más amplia.

¿Las audiencias chinas incluso saben que su acceso a Internet está restringido? Les importa?

Nuevamente, nos encontramos con la pregunta: “¿Quiénes son las“ audiencias chinas ”?” La mayoría de los estudiantes universitarios y chinos de las ciudades grandes y de 35 años de edad son conscientes de que no pueden acceder a las principales redes occidentales, y es un punto de conversación común En Internet. Hay muchas quejas de bajo nivel al respecto, pero es una atmósfera de molestia en lugar de indignación. Parte de la razón de esto es que hay equivalentes chinos de los sitios occidentales más populares, y hay pocas razones para usar Facebook o Twitter cuando tienes Renren, Weixin y Sina Weibo..

renren.comMi panel de usuarios de Sina Weibo ('Twitter de China').

Seamos realistas: el Firewall tiene una ventaja para las empresas tecnológicas chinas.

Soy tan reacio a reconocer esto como la siguiente persona, y no soy un fanático del bloque, pero el hecho es que el firewall ha brindado grandes beneficios a las empresas locales locales al actuar como una incubadora, lo que le da tiempo a las aplicaciones web chinas. base de usuarios que necesitan para despegar del suelo. Los usuarios que de otro modo hubieran saltado a bordo con redes sociales extranjeras mejor establecidas se ven obligados por el Firewall a mantener su uso en el país, y en términos de los crecientes poderes de la tecnología local, ese enfoque ha funcionado.

El futuro del cortafuegos: ¿Está bajando??

Nadie tiene la respuesta a esto, pero puedo ofrecer mi propio análisis. Personalmente creo que solo hay tantas restricciones que el gobierno puede implementar sin dañar el crecimiento económico de China. Sería un gran error evitar por completo que las empresas locales de tecnología interactúen con las redes internacionales. Además, los niños conocedores de la web de hoy son los legisladores del mañana. Creo que con el tiempo suficiente, los controles de Internet se irán erosionando gradualmente hasta que los únicos grados de pornografía bloqueados de China y algunos temas políticamente delicados.

Entonces otra vez, ¿quién sabe? Como región, China ha sido históricamente propensa a tomar medidas de reclusión inadvertidamente drásticas.

¿Cuáles son los principales problemas que causa el firewall para los diseñadores y desarrolladores web??

1) la conexión de la API de Google es totalmente bloqueada

Ese mapa de Google incrustado en tu página de contacto? No se carga en China. Tampoco tus fuentes de Google. Con la excepción de Google Analytics, cualquier conexión de la API de Google en el código de su sitio hace que el sitio se bloquee. A veces termina de cargarse. A veces no.

¿Como lo resolvemos? El cierre de la API de Google es un problema bastante reciente, y Baidu Maps no ofrece una gran función de incrustación en este momento. No sé si alguien ha presentado una alternativa estándar todavía. Actualmente estamos dependiendo de las opciones de código abierto como OpenStreetMap. 

Los Webfonts se transfieren y se alojan en un servidor no bloqueado o basado en China. Ya no nos conectamos a la API de Google.

2) Los videos incrustados no se cargan

Hay un gran cuadrado de cara triste donde se supone que está el video de Cats Playing With Boxes. Youtube y Vimeo están ambos afectados.

¿Como lo resolvemos? Presentamos un video duplicado en un sitio de video basado en chino, como YouKu o TuDou, luego ejecutamos un script que carga el video correcto dependiendo de la IP del usuario..

Fuentes web incorporadas y el idioma chino

Oh yay, mi tema favorito.

Todo el mundo quiere alejarse de las cuatro fuentes web estándar de China: así es, por lo tanto, están demasiado abusados ​​y los diseñadores están hartos de mirarlos. Escribí un post sobre esto hace un tiempo, pero para evitarle la lectura: técnicamente, claro. Los webfonts en idioma chino se pueden incrustar con @Perfil delantero, Al igual que cualquier otra fuente. El problema es que porque el idioma es asi que enorme y contiene asi que muchos caracteres, los tamaños de archivo de fuente son enormes, piense en 3-7Mb por peso de fuente. Forzar una descarga completa del archivo de fuente en la carga no es práctico en el mejor de los casos.

Hasta hace muy poco, realmente solo había una solución no ideal para esto: si tuviera un número estático de caracteres chinos que quisiera usar, podría generar un archivo de fuente especial recortado con solo esos caracteres. Esto no es práctico para el diseño del tema CMS, claramente.

Google y Adobe también debutaron recientemente las fuentes web en chino (Noto Chinese y Source Han Sans, respectivamente), pero Typekit puede cargarse lentamente aquí, y todo el bloque de API de Google prohíbe el uso en servidores alojados en China..

Fuente Han SansGoogle Noto Sans Hakka chino (100 pesos)

El problema se resolvió en el último año más o menos por Youziku.com FontSelect, una herramienta de integración de fuentes tipográficas de Typekit-y. Tienen una biblioteca muy sólida de archivos de fuentes, y alojarán tu fuente personalizada si tienes una. Si usa su servicio alojado, hay un límite de caracteres de 999 caracteres diferentes por página (el mismo carácter / palabra que se usa dos veces no cuenta para el 999), por lo que si desea alojar las fuentes con ellos, es mejor que no las utilice. el uso de fuentes a un mínimo utilizado solo en los encabezados de publicación, por ejemplo. Si necesita una opción ilimitada, le ofrecen una solución que puede hospedarse para ejecutar el procesamiento en su propio servidor.. 

UX-Wise, ¿Cuáles son algunas diferencias entre lo que prefieren los usuarios chinos y lo que prefieren los usuarios occidentales??

A nadie le gustan las complicaciones excesivas.

En nuestro artículo anterior de Preguntas y Respuestas, @jmshome preguntó a través de Twitter si los chinos prefieren o no los diseños de palabras pesadas, en lugar del minimalismo..

@wdtuts @tutsplus @kendraschaefer He escuchado que les gustan los sitios web pesados ​​en lugar de un diseño más minimalista. UX se percibe de manera diferente?

- James H (@jmshome) 10 de septiembre de 2014

Me sale mucho esta pregunta, y en realidad es un error muy común. Los chinos aprecian la simplicidad tanto como el siguiente tipo, y me emocionó escuchar a Daniel Szuc, de la firma de usabilidad de Hong Kong Apogee, que me respaldó en una conferencia hace unos años: han estado combatiendo esa percepción durante años. En mi propia experiencia, los chinos tienden a percibir las interfaces super-minimalistas como de alta calidad: cuanto más pequeño es el texto y más puro, limpio y sereno es el diseño, más se percibe como un diseño de marca de lujo..

A nadie le gusta la complejidad excesiva. Entonces, ¿por qué parece abundar en la web china? Creo que los principales problemas aquí son la poca conciencia de la usabilidad de la web y una cultura de duplicación. Hay una cantidad increíble de copias que ocurren entre los sitios web chinos. Un chico hace un diseño de texto pesado en un sitio que se vuelve popular, el siguiente chico está aterrado de cambiar una fórmula exitosa. Mis clientes chinos siempre han sido mucho más reacios que mis clientes no chinos a dar un paso hacia el total desconocido, y muchas reuniones de clientes comienzan con un discurso sobre por qué es mejor no copiar el sitio web de un competidor. Esto no se debe a que los chinos sean menos creativos que los no chinos; es una percepción cultural de que cuando lanza un nuevo producto, la mejor manera de asegurar su éxito es tomar las piezas de la fórmula de su competidor que ya se han probado, entonces Modificar el menor número de variables..

Los chinos aún no están acostumbrados a las redes amplias y ventosas

En cuanto a las diferencias de preferencia de UX reales, puedo decir que la revolución del espaciado de la gran cuadrícula de Bootstrap-3 no ha llegado hasta aquí todavía, y muchos chinos sienten que un margen de 30 px es demasiado flojo, que deja la página web demasiado desconectada. El ojo local parece estar un poco más sintonizado con un espaciado de cuadrícula más pequeño a-la 960.gs. No es que no se pueda vender a un cliente con un espaciado de cuadrícula más amplio, es solo que a menudo toma un poco de tono y se puede esperar que les parecerá un poco "apagado"..

Manténgase alejado de los disparos en la cabeza en blanco y negro

Pasé un par de años preguntándome por qué me encontré con la resistencia cada vez que le sugerí a los clientes chinos "Nuestro Equipo" en blanco y negro. Alguien finalmente derramó los frijoles: los disparos personales en blanco y negro generalmente se muestran en los funerales, el color blanco y negro que indica que el sujeto de la imagen ha muerto. Ups.

Tecnología

Sistemas operativos

Si quieres, mete la cabeza en la arena, pero el 50% de los usuarios chinos de Internet todavía están en Windows XP, y Windows 7 ocupa el segundo lugar con aproximadamente el 33%. Solo un poco más del 1% del país ejecuta iOS. Cuando Microsoft abandonó el soporte para XP, hubo un montón de alucinantes por aquí. Y te preguntas por qué China está luchando para desarrollar su propio sistema operativo. Sin embargo, solo porque la gente está ejecutando XP, no significa que estén navegando a través de IE6 (aunque el 20% de los usuarios todavía estaban usando ese dinosaurio en agosto de 2012-ouch).

Navegadores

¿Adivina qué? A partir de septiembre de 2013, el navegador más popular en China es uno de los que probablemente nunca haya escuchado: Qihoo 360 Secure, seguido de IE, y luego un gran "todo lo demás".

¿Cuál es el trato con SEO chino?

La respuesta de China a Google es un motor de búsqueda / desarrollador de aplicaciones llamado Baidu, que es por mucho el jugador más grande en el mercado chino.. 

Al igual que con todos los motores de búsqueda, el algoritmo de Baidu es un secreto, pero puedo decirle que indexa principalmente sitios en dominios .cn o sitios alojados en China. Si desea una buena clasificación de Baidu, la conclusión es que necesitará un puesto de avanzada local en la web..

La situación móvil

La navegación móvil superó la navegación de escritorio en China mucho antes de que lo hiciera en el oeste, y las estadísticas de acceso móvil de Asia harán volar tu mente. El uso es tan intenso que si su sitio no es compatible con dispositivos móviles, ha perdido a la mayoría de su audiencia. Para conocer los últimos desarrollos en el mercado móvil de China, visite China Internet Watch.

Weixin

WeiXin, conocido en occidente por su nombre en inglés. WeChat, está montando una ola masiva de popularidad casi universal. 

Weixin

Weixin es una aplicación móvil que incorpora elementos de varias otras redes sociales, que funciona como una aplicación de chat que admite chat de texto, chat de voz y grupos de chats sobre la marcha, un feed personal de Twitter con capacidades fotográficas, una conexión con -las características extrañas, y todo tipo de otras tonterías.

Cuentas Corporativas Weixin

A partir de este año, Weixin ha comenzado a ofrecer cuentas corporativas, lo que significa que las compañías pueden usar Weixin para enviar actualizaciones a sus suscriptores. Una vez más, necesitará una licencia comercial china para solicitar. Echa un vistazo al portal de registro para más información..

Terminando

El tono general de la industria aquí es en gran medida positivo, atenuado por un nerviosismo leve y distante que la tierra podría ser arrancada de debajo de usted en cualquier momento por una ley restrictiva o una decisión inesperada desde arriba (Dios no lo permita, el gobierno implementa una contramedida VPN efectiva) , por ejemplo), pero también con una buena dosis de fe que es poco probable que suceda. El mercado para los diseñadores es absolutamente enorme, ya que las empresas en la mayoría de las ciudades principales compiten por contratar talento para el diseño, y los clientes comienzan a valorar realmente el trabajo que está bien hecho, en lugar de ser barato y rápido. Los dedos cruzaron que la tendencia alcista general dura muchos años por venir..

¿Tener preguntas? Preguntar en los comentarios.!

Otras lecturas

  • En el borde sangrante de China: Tendencias de diseño web 2015 - en Smashing Magazine
  • Licencias ICP en China: qué, por qué y cómo ser alojado en China - en Tuts+
  • Grandes en Japón: diseño web en la tierra del sol naciente - en Tuts+