JOOX es la aplicación de música estratégica de Tencent para el mercado del sudeste asiático, como marca nacionalizada enfrenta algunas dificultades, pero al mismo tiempo transmite los valores de su producto a los usuarios de una manera creativa. Cuando diseñamos productos, un buen proyecto de diseño es como contar una historia, pero esto es solo una estrategia de expresión y, en última instancia, es hacer que los usuarios entiendan el contenido del producto que queremos expresar.
JOOX es la aplicación de música estratégica de Tencent para el mercado del sudeste asiático. Se lanzó en 2014 y sus grupos de usuarios se concentran principalmente en Hong Kong, Indonesia, Malasia, Myanmar, Tailandia, Sudáfrica y otros mercados.
En 2020, un nuevo y repentino coronavirus barrió el mundo y tuvo un gran impacto en la economía política mundial. Este año es un año extraordinario para cada uno de nosotros. Obligado a reducir la frecuencia de salidas para actividades y reuniones, y solo puede quedarse en casa durante este tiempo sombrío, JOOX ha brindado mucha calidez, felicidad y contacto a los usuarios.
1. Desafíos
Como producto internacional, JOOX cubre seis países y regiones cuyas economías, políticas, idiomas, religiones y culturas son diferentes y enfrentan desafíos relativamente grandes. Por lo tanto, la mejor estrategia es extraer lo común en escenas complejas y transformarlo en un lenguaje simple y fácil de entender de una manera creativa, y luego transmitir los valores del producto a los usuarios.
2. Proceso de diseño
Dividimos todo el proceso en tres etapas:
3. Pre-exploración
1. Posicionamiento del tema
En primer lugar, debemos definir nuestro propio posicionamiento de producto ¿Quiénes somos? ¿A quién servimos? Qué tipo de servicios brindamos. Como plataforma de pan-entretenimiento, nuestra misión es brindar felicidad a los usuarios de formas innovadoras. Desde la perspectiva del rol del producto, JOOX es como un amigo que acompaña a los usuarios.
Teniendo en cuenta el papel especial de nuestros productos durante la epidemia, esperamos convertir a JOOX en el papel de un compañero, utilizando algunas formas relajadas e interesantes para traer recuerdos de los usuarios y restablecer la relación entre los productos y los usuarios.
Aclare el tema: JOOX be with you siempre girará en torno al tema actual durante la ejecución del diseño posterior.
2. Tonalidad de estilo
Basado en el posicionamiento de JOOX be with you, pensamiento divergente en torno al "acompañamiento", todo el estilo y la tonalidad deben ser cálidos, pacíficos, amigables e interesantes. A través de estas palabras definidas, guíe el plan final.
3. Objetivos del diseño
El objetivo del diseño debe basarse en última instancia en el negocio. Esperamos encontrar los puntos de contacto que resuenen con los usuarios a través de las necesidades de minería para lograr los siguientes objetivos:
- Mejore la actividad, a través de un año de revisión de música, aumente la tasa de activación de los usuarios antiguos y fortalezca la comunicación secundaria de exposición compartida;
- La promoción de marca, como actividad operativa importante al cierre del año, es una buena oportunidad de publicidad, transmitiendo nuestros valores corporativos y conceptos de producto a los usuarios, y acortando la distancia con los usuarios;
- Impulsar el crecimiento, este tipo de actividad a gran escala también es una muy buena oportunidad para hacer un diseño de crecimiento, construir un mapa de experiencia del usuario, hacer un buen trabajo al analizar cada enlace y brindar las soluciones correspondientes para mejorar los indicadores de datos básicos.
4. Ejecución creativa
1. Tablero de humor
A través de las palabras clave ordenadas anteriormente, busque referencias de estilo para construir un lenguaje visual. Cuando la epidemia estaba en su peor momento, todos se quedaron a puerta cerrada. Incluso si la situación epidémica mejoró, todos optaron por quedarse en casa durante mucho tiempo. Para restaurar la escena tanto como fuera posible, nos enfocamos en encontrar una placa de emociones coincidentes. .
Para expresar mejor la atmósfera, elegimos especialmente la muy popular visión de estilo 3D y mejoramos la sensación de sustitución del usuario mediante la construcción de un espacio relativamente real.
2. Disposición de la historia
Hacer un buen proyecto de diseño también es contar una historia. La línea principal de la historia debe ser clara, y el desarrollo de la trama y la configuración de los personajes de la historia deben basarse en la línea principal, para que sea más fácil de entender:
Debido al impacto de la epidemia (tiempo), nuestros usuarios (personajes) solo podían quedarse en casa (ubicación), y cuando estaban aburridos (causa), sacaban sus teléfonos móviles y encendían JOOX para escuchar música y ver transmisiones en vivo (resultados), y pronto tuvo un gran día (resultado). Conciba el diseño de acuerdo con nuestras historias y exprese la relación entre los usuarios y JOOX a través de las historias.
Después de que la línea principal de la historia esté clara, también es importante movilizar las emociones del usuario en los puntos clave.
Si el pico y el final de una experiencia son placenteros, entonces la experiencia como un todo es placentera. Por lo tanto, al comienzo de la historia, debemos usar algunas técnicas especiales para atraer la atención del usuario, ya sea un método interactivo o un juego de efectos innovadores, deje que el usuario se quede primero y luego deje que el usuario baje paso a paso. las pistas de la historia, y finalmente completar todo el proceso de experiencia.
3. Proyecto de plan
Dibujar bocetos es una forma muy rápida de verificar ideas. En la etapa creativa temprana, podemos hacer un juicio básico junto con la visualización del contenido, especialmente para la adaptación a varios idiomas. Si podemos tener en cuenta estos problemas en la etapa inicial, luego, en la etapa inicial Al revisar el manuscrito más tarde, será más cómodo.
Para los elementos de resumen H5, la visualización del contenido y la presentación de los datos siempre serán lo primero. Todos nuestros métodos y estrategias de diseño se basan en la visualización de contenido. Para resaltar mejor nuestro contenido de datos, cuando concebimos por primera vez la historia completa, debemos realizar simulaciones de bocetos para dejar suficiente espacio para el contenido.
4. Construcción de escena
Cuando se ordena la historia, el estado real del usuario que escucha música en casa se construye a través de la escena. Antropomórfico, utilizamos la imagen IP de la marca JOJO para representar el producto, acompañar a los usuarios como un amigo y lograr una atmósfera de juego conjunto a través de la interacción con los usuarios.
Después de determinar la escena principal, restauraremos la "historia" de acuerdo con los bocetos que dibujamos antes. Al mismo tiempo, para resaltar las características y atributos de la marca, agregaremos los elementos musicales únicos de JOOX a la escena para aumentar conocimiento de la marca.
Al construir la escena, también es necesario tener un pensamiento simple sobre el efecto de animación final. No puede esperar hasta que todos los diseños de página estén confirmados antes de pensar en cómo hacer animaciones. Solo incorporándolo al plan antes puede continúa reflexionando y mejorando tus ideas en el autojuego, y finalmente logra un efecto ideal.
5. color
La combinación de colores adecuada puede transmitir intuitivamente el estilo del tema. Con el fin de crear una atmósfera familiar cálida, se utiliza un fondo cálido como tono de color principal, y el verde de nuestra marca se usa para embellecer y contrastar, enfatizando la personalidad de la marca y resaltando la exhibición de información clave. Complementado con una pequeña área de contraste amarillo, para mezclar toda la imagen, con el fin de lograr un tema destacado, un carácter distintivo y un tono claro.
6. Fuente
El producto cubre seis países y regiones y utiliza varios idiomas. Puede ser necesario adaptarse a tres idiomas principales en un determinado país. El multilingüismo también es un desafío muy grande en el proceso.
¿Cómo superar el diseño en un entorno multilingüe?
- Comprenda el contenido de antemano, encuentre el equipo correspondiente para obtener materiales de traducción por adelantado y luego organice de acuerdo con la escena;
- La adaptación multilingüe no es adecuada para el diseño de escenas complejas, por lo que "simple" es nuestro criterio básico;
- El texto variable es una bomba de relojería para la visualización multilingüe, y se debe reservar más espacio en la tipografía. Por lo tanto, si la adaptación multilingüe es buena o mala, determinará directamente las deficiencias del "efecto barril".
Las reglas de disposición de cada fuente son ligeramente diferentes, como la imagen a continuación, la misma copia, diferentes longitudes de caracteres y diferentes alturas de línea, si encuentra texto variable, la situación se volverá más complicada.
7. Diseño de página
De acuerdo con el análisis del tablero emocional, la disposición de la historia, el color, la fuente, etc. en la etapa inicial del proyecto, finalmente presentaremos nuestro efecto estático. Todo el diseño es principalmente simple y el ambiente general es principalmente tranquilo y cálido. Se da prioridad al contenido y se transmite el concepto de diseño al tiempo que se garantiza la visualización del contenido.
8. Interacción/Animación
JOOX es un producto relativamente joven. Además de nuestra necesidad de gastar más energía en la construcción de escenas y el arreglo de la historia, los efectos de animación interesantes son esenciales, que pueden conectar cada una de nuestras pequeñas escenas y hacer que toda la historia fluya de una sola vez.
Nuestra imagen IP de marca, JOJO, se ha asociado con cada página, utilizándola para respaldar el hilo principal y servir como vínculo entre el pasado y el futuro, lo que puede atraer mejor a los usuarios y guiarlos para que sigan leyendo.
Toda la animación adopta el método de un espejo hasta el final. JOJO salta a la posición correspondiente en la página siguiente a medida que la página se desliza. Su ventaja es que los usuarios pueden tener una experiencia inmersiva, seguir las pistas y reducir la tasa de pérdida de eslabones intermedios.
En el proceso de producción de animación, el ritmo también es muy importante y los cambios en el ritmo impulsarán directamente cambios en las emociones del usuario. Use el ritmo de acuerdo con las necesidades del tema para ayudar a mejorar la calidad de toda la percepción visual. Solo este tipo de animaciones son significativas.
Sobre la base de conservar la página de inicio, el botón "Siguiente" se cancela. Después de cargar la carga, primero ingrese a la página de inicio P0 y permanezca durante un cierto período de tiempo, y luego salte automáticamente a la página de datos P1. Desde el último retroalimentación de datos, aquí Un paso de datos, la mejora es muy grande.
9. Música
La música no tiene fronteras, la música con diferentes tonalidades es como un perfume con diferentes tonalidades, lo que da a las personas diferentes sentimientos y afecta las emociones de los usuarios. Una música de fondo que encaje con el tema no solo es la guinda del pastel, sino también el núcleo para construir una conexión emocional.
Expresamos el ritmo y la emoción de la música en tres categorías, ritmo: rápido→medio→lento; emoción: alegría→brillante→suave.
Esto es más intuitivo, y el alcance se reduce aún más, y la música de destino se puede encontrar rápidamente a través de la permutación y la combinación. Debido a la epidemia, el ambiente general sigue siendo tranquilo y cálido. Así que nuestro plan final es "lento→suave".
10. Salida de materiales
Materiales relacionados, pantalla de inicio, banner de drenaje y plantillas para compartir en ins, facebook y otros canales.
V. Resumen
1. Recuperación de datos
Basado en la experiencia pasada, el diseño se ha optimizado y ajustado en algunos enlaces con una pérdida de datos relativamente grande. El rendimiento final de los datos sigue siendo relativamente bueno, y algunos indicadores básicos se han mejorado significativamente.
Como producto internacional, las dificultades y retos a los que nos enfrentamos a la hora de impulsar el diseño son mucho mayores que en un solo mercado, pero las soluciones a los problemas son las mismas, no tengas miedo, empieza a analizar desde lo más básico. problemas.
Los usuarios en diferentes regiones tienen diferentes hábitos de uso. Nuestro objetivo es encontrar puntos en común y estimular a los usuarios a resonar de una manera que todos puedan entender y comprender. Por ejemplo, la música de fondo es un buen conector emocional.
Hacer un buen proyecto de diseño es como contar una historia, pero esto es solo una estrategia de expresión, el propósito es permitir que nuestros usuarios comprendan mejor el contenido que entregamos. Entonces no podemos poner el carro delante del caballo al contar historias, al menos para este tipo de inventario H5, se debe dar prioridad al contenido.