Desde la popularidad de Internet móvil hace unos años, hasta ahora la realidad virtual y la realidad aumentada han entrado gradualmente en el campo de visión de todos. Mirando hacia atrás, el diseño y la experiencia web en el lado de la PC ya no son un "tema antiguo". Parece ser una cuestión central de negocios y diseño. Pero, ¿realmente estamos tan lejos de las computadoras como imaginábamos?
Antecedentes del proyecto
Con el rápido desarrollo empresarial de los seguros por Internet y la iteración de los requisitos del producto, al mismo tiempo, se basa Sobre la acumulación de experiencia en diseño en seguros, lanzamos una nueva ronda de iteración de diseño y optimización de la experiencia para el sitio web oficial de Zhongan PC. Esta ronda de optimización se centra principalmente en los siguientes tres aspectos:
1. estructura de información del sitio web
El sitio web se posicionó originalmente como un sitio web de comercio electrónico de seguros en Internet, por lo que eligió un diseño de "navegación dual" adecuado para mostrar contenido complejo. Este también es un método de navegación comúnmente utilizado en e-. plataformas de comercio. Sin embargo, dado que la cantidad de productos de seguros no es tan grande como en las plataformas JD.com y Taobao, descubrimos que el sistema de navegación debe ordenarse y optimizarse de acuerdo con la situación actual y realizar los ajustes correspondientes para que la navegación sea más clara y mejor. conciso.
△Proceso de navegación del sitio web oficial original
2. Optimización iterativa de la experiencia de compra
Con el enriquecimiento de los tipos de productos, se encuentran en proceso diferentes tipos de seguros. de navegación y compra Se diferenciarán muchos métodos nuevos de visualización e interacción de información. Necesitamos iterar la experiencia de compra existente y esforzarnos por lograr una experiencia unificada al tiempo que garantizamos una realización comercial diferenciada. También hemos acumulado más experiencia en el diseño de la página de detalles comerciales móviles y el proceso de solicitud de seguro, y es hora de ponerlos en práctica en el sitio web de PC.
△Miniatura del producto original
3. Experiencia sensorial "refrescante"
Los productos, negocios y servicios han ido avanzando sin parar, y el diseño y la experiencia también. La "información sensorial" correspondiente debe entregarse en el momento oportuno. Combinando las características gradualmente aclaradas del grupo de clientes y la investigación de los estilos de diseño actualmente populares, hemos comenzado una nueva ronda de exploración del estilo visual del sitio web oficial de PC.
△Miniatura del producto original
Pensamientos antes de comenzar
Antes de comenzar a diseñar un plan de optimización específico, el equipo mantuvo muchas discusiones y respondió varias preguntas Pregunta:
P: ¿A quién sirve el sitio web oficial?
R: El número de usuarios de computadoras no se ha reducido y el uso sigue siendo enorme. Y el acceso activo depende de Baidu.
Al observar el informe de datos de CNNIC, encontramos que en los últimos años, la tasa de uso de teléfonos móviles ha superado el 90%, lo que de hecho representa una ventaja absoluta. Sin embargo, el uso de computadoras que alojan sitios web para PC es en realidad casi el mismo que el de los teléfonos móviles. También aprendimos de los datos de fondo que, además de las operaciones de reclamos de salto externos, la gran mayoría de los usuarios activos acceden al sitio web oficial a través de motores de búsqueda. El sitio web oficial sigue siendo una de las primeras opciones para que las personas conozcan la empresa.
△Fuente de datos: Informe anual CNNIC 2016
P: ¿Por qué los usuarios visitan el sitio web oficial?
R: El sitio web oficial tiene información corporativa que los usuarios desean conocer, y también es una forma de obtener un servicio. Entonces, la fluidez de la experiencia del usuario también es importante.
Los usuarios generalmente hacen dos cosas cuando acceden al sitio web oficial: comprar productos y solicitar reclamaciones. Entre ellos, a la hora de adquirir productos, cómo introducir las características de los productos virtuales a través de información gráfica y cómo optimizar el proceso de seguro tradicional en la computadora son dignos de nuestra exploración desde la perspectiva de la experiencia.
P: ¿Qué debemos mostrar?
R: El sitio web oficial es el mejor medio de promoción de imágenes. Los resultados que ven los usuarios cuando realizan búsquedas activas son el primer paso para generar confianza en los comerciantes y los productos.
"Pregúntele a Baidu si no está seguro sobre asuntos internos" es un dicho familiar, y la opción con la pequeña etiqueta "sitio web oficial" en los resultados de búsqueda es la primera opción para muchas personas. Dejar una buena impresión a tus visitantes es imprescindible.
Al final, aclaramos el objetivo de "construir una imagen de marca basada en productos" para el sitio web oficial. La optimización del diseño se lleva a cabo en base a tres palabras clave: "comodidad, diseño y orientación al usuario". Y esta es también la información que el sitio web oficial de PC debe transmitir a los usuarios.
△Palabras clave de diseño de optimización del sitio web oficial de Zhongan
Después de una revisión exhaustiva del contenido del sitio web oficial, hemos tomado la página de inicio, la página de agregación de temas, los detalles del producto y el proceso de compra como contenidos principales. de la primera revisión.
△Clasificación de contenido del sitio web oficial
Optimizar paso a paso desde adentro hacia afuera
Después de aclarar la dirección, ¡todos comenzaron a diseñar!
1 Ordenar la estructura
Después de la revisión, el sitio web oficial presta más atención a la visualización de productos. Combinado con la interoperabilidad entre el sitio web oficial y otros sitios web de plataformas comerciales relacionados, dividimos la navegación en. dos niveles: navegación global y de primer nivel. La navegación global es adecuada para saltar entre cuentas personales y plataformas de la empresa, y la navegación de primer nivel está más centrada en la información de productos y servicios de este sitio. Pase el mouse sobre cada etiqueta de categoría para obtener una vista previa de los productos de la categoría.
△ Superponga la navegación global y la navegación del sitio.
2. Banner de la página de inicio: proporcione suficiente información y cuente bien la historia del usuario.
La expresión visual de las finanzas. productos es difícil Es un conocimiento de la industria, pero la serie de anuncios de Ant Financial en los últimos dos años nos ha dado una buena dirección para pensar. ¿Cómo contar la historia de los productos financieros que sirven a la vida diaria? Por supuesto, comience con los detalles de la vida misma.
El banner de la página de inicio sirve como promoción en la primera pantalla del sitio web. Durante el proceso de exploración de la solución, recibimos el apoyo colaborativo de nuestros socios de relaciones públicas, lo que nos permitió optimizar nuestra solución desde múltiples ángulos.
△ Clasifique la compatibilidad entre productos y varios roles
△ Determine la tendencia de estilo visual del sitio web oficial
Combinado con los productos destacados y los resultados de En varias encuestas de usuarios anteriores, hemos descrito varios escenarios de productos típicos para las cuatro categorías principales de productos. Estos cuatro escenarios conducen a los productos temáticos correspondientes y sus historias de usuario.
△Visualización de la historia en el banner de la página de inicio
Para los productos de seguros del tema, intentamos que los usuarios los perciban a través de expresiones más emocionales. Ya sean personajes o escenas, a través de ellos se expresan las inquietudes y consideraciones de los usuarios. Ya sean nombres o redacción, dedicamos mucha energía a la concepción, esforzándonos por hacer que los usuarios se sientan inmersos y con más probabilidades de generar expectación.
Y "avanzar con los tiempos" no puede ser sólo hablar. La actualización continua de los lenguajes de desarrollo ha permitido que las páginas web incluyan métodos de visualización más diversos. En este caso, ¿por qué no aprovechar la oportunidad para mostrar el vídeo de fondo que a todos les encanta?
△La sección de fondo reproduce vídeos de historias de usuarios
En general, la página web revisada intenta pasar el producto Las historias crean una resonancia emocional más profunda con los visitantes y utilizan técnicas de expresión más diversas para mostrar a las personas una experiencia sensorial más rica.
△Comparación antes y después de la revisión de la página de inicio
3. Introducción comercial detallada: combinando racionalidad y sensibilidad para permitir a los usuarios ver nuestros productos con claridad
Porque los productos de seguros no tienen entidad Los objetos, las características del producto y los detalles de la garantía están asociados con muchos términos detallados, lo que hace que tanto nosotros como transmisores de diseño como los usuarios como receptores de información tengamos dolor de cabeza con las descripciones de los productos. Permitir que los usuarios obtengan de manera eficiente la información del producto que desean conocer es un factor importante para impulsarlos a realizar compras.
Después de un seguimiento y un resumen del negocio a largo plazo, clasificando la prioridad de la información del producto y combinando la aplicación de controles interactivos, finalmente proporcionamos una plantilla de página de detalles que es más adecuada para las necesidades actuales. Revisión del sitio web