Red de conocimiento de recetas - Recetas completas - Análisis front-end y back-end del sistema de comercio electrónico: metodología de renovación de tiendas

Análisis front-end y back-end del sistema de comercio electrónico: metodología de renovación de tiendas

"En la vida real, las tiendas necesitan ser renovadas; lo mismo ocurre con el comercio electrónico. La "decoración de la tienda", el diseño y la disposición de cada columna, debe completarse a través de un sistema de gestión de contenidos.

Acerca de He escrito dos artículos sobre sistemas de comercio electrónico. Este es el tercer artículo. Este artículo presentará la función de decoración de tiendas del sistema de comercio electrónico. Por ejemplo, la página de inicio de nuestra aplicación. Abajo, el diseño es el siguiente: barra de búsqueda, mapa de registro, barra de pestañas, espacio publicitario, recomendación de producto. Podemos entregar el prototipo de diseño al departamento de I+D para su desarrollo. ¿decoración de la tienda?

La decoración de la tienda puede comenzar cambiando el diseño de los componentes de la página, como la ubicación de las barras de pestañas y los espacios publicitarios, puede agregar o reducir componentes a la página, puede agregar componentes de cupones a la página. página de inicio y puede agregar componentes de cupones desde el carrusel. Eliminar el componente también puede definir diferentes estilos de componentes, el mapa del carrusel puede ser de 3 o 4 y la barra de pestañas puede ser de una o varias líneas. p> Como puede ver, el proceso de decoración de la tienda es en realidad mi prototipo. Primero defina la página, luego defina los componentes y diseñe el estilo de los componentes. el sistema modificado. >

Al mismo tiempo, se puede ver que el código del sistema se modifica durante el proceso de decoración de la tienda, lo que significa que los requisitos técnicos son relativamente altos.

De hecho, el. La decoración de la tienda en sí es un sistema CMS, y la decoración de la tienda es solo un CMS. Parte de la aplicación del sistema en los sistemas de comercio electrónico

En primer lugar, la relación entre los sistemas CMS y la decoración de la tienda

Los sistemas CMS se denominan sistemas de gestión de contenidos y son adecuados para muchas industrias. El sistema CMS se utiliza en la industria del comercio electrónico y se ha convertido en una especie de decoración de tiendas. Mire la definición dada por la Enciclopedia Baidu: CMS es la abreviatura de "Sistema de gestión de contenidos", que significa "Sistema de gestión de contenidos".

El sistema de gestión de contenidos es el nuevo favorito en la construcción de información empresarial. El gobierno electrónico también es un mercado relativamente nuevo. No existe una definición unificada de gestión de contenidos en la industria, y diferentes organizaciones tienen diferentes interpretaciones. Aunque no existe un estándar unificado en la industria de sistemas de gestión, sabemos que es la gestión. de contenido; y estos contenidos son las distintas páginas colocadas en el sistema de comercio electrónico. La gestión de contenido del sistema de comercio electrónico también se denomina decoración de tienda en línea, la aplicación más técnica de decoración de tienda en línea es la tecnología CMS

<. p> En esta etapa, debido a las diferentes necesidades de diferentes productos y diferentes empresas, vemos que las funciones de decoración de la tienda de muchos productos también son diferentes. Algunos productos solo pueden ajustar el diseño de los componentes de la página. con las páginas de inicio los requisitos técnicos son altos, lo que se refleja en el hecho de que en muchos casos no podemos hacer un uso completo del sistema de gestión de contenidos y diferentes productos tienen diferentes diseños debido a diferentes negocios.

Este artículo resumirá los métodos de diseño y los enfoques de decoración de tiendas. Tener un buen método puede que no nos haga invencibles, pero es mejor que nada.

2. Cómo diseñar la decoración de la tienda

La configuración dinámica de las páginas del sistema de comercio electrónico se denomina decoración de la tienda porque esta función es similar a la decoración de nuestros hogares. Antes de introducir la decoración de la tienda, primero decoramos la casa. Primero considere cómo decorar la casa:

1. La casa acaba de ser construida y hay muchas habitaciones. La decoración de las diferentes habitaciones debe ser diferente: el televisor debe colocarse en la sala de estar y en la sala. El baño debe usarse para los exámenes, por lo que debemos elegir la página de inicio. Bonita habitación.

2. Después de elegir una habitación, llega el momento de decorarla. Antes de decorar tenemos que hacer una cosa más que es comprar muebles y materiales de decoración. Ahora que queremos decorar el baño, necesitamos preparar sanitarios, botes de basura y papel higiénico.

3. A la hora de preparar el inodoro, tenemos que pensar en una pregunta: ¿qué tipo de inodoro utilizar? ¿Es el último inodoro japonés con todas las funciones o un inodoro normal y corriente del mercado? ¿inodoro o un inodoro plateado?, es decir, podemos tener una variedad de artículos de decoración para elegir.

La función de decoración de la tienda del sistema de comercio electrónico es en realidad el proceso de decoración de una casa, pero la casa se convierte en nuestro producto, la habitación se convierte en la página y los elementos decorativos son sus componentes.

Cuando decoramos una casa debemos pensar con antelación qué necesitamos para luego comprarlo y decorarlo. Este es también el paso más importante. Hay tres pasos para decorar una casa: la casa y las habitaciones son seguras; la clave es qué artículos preparar, porque los artículos se compran, hay varios artículos y el precio de los artículos determina el lujo de la casa.

De manera similar, para la decoración de tiendas de comercio electrónico, la preparación de componentes es el paso más importante, es decir, definir los estilos y reglas de los componentes, escribirlos en código y llamarlos directamente cuando se usan. Como no podemos crear nuevos componentes nosotros mismos, debemos seleccionar los componentes necesarios de la biblioteca de componentes existentes del sistema. Podemos personalizar el estilo de los componentes y los diferentes estilos de componentes tienen reglas diferentes.

Entonces, ¿qué son los componentes? Un componente es una unidad. Por ejemplo, el control giratorio es un componente, la búsqueda es un componente, los productos son un componente y cada componente tiene muchos estilos.

Ahora, echemos un vistazo al proceso de decoración de una tienda y lo que hay que preparar en función del proceso de decoración de una casa.

1. Primero, debemos elegir la página que vamos a decorar, ya sea la página de inicio, la página de detalles, la página de lista, etc., el diseño de cada página es definitivamente diferente.

Al elegir páginas, hay algunas cosas a considerar: ¿Se pueden renovar todas las páginas? Además, estas son páginas existentes. ¿Es posible crear una nueva página para decoración? Si es una página nueva, esta página no pertenece al sistema.

2. Después de seleccionar la página, debemos seleccionar el diseño y los componentes del diseño. Tomemos la página de inicio como ejemplo. Dónde buscar, dónde colocar el carrusel y dónde colocar el espacio publicitario son cuestiones que debemos considerar.

Se trata de seleccionar componentes, asumiendo que los tenemos, lo que significa que debemos definir estilos y reglas para cada componente a la hora de diseñar el producto. Después de escribir estos componentes en el sistema, podemos llamarlos.

3. Después de completar el diseño, seleccionamos el estilo y la información de configuración de cada componente.

Por ejemplo, si elegimos carrusel, elegiremos varios, tres o cuatro, luego de seleccionar el estilo, debemos configurar la información específica: queremos cargar la imagen y luego configurar el enlace de la imagen; . Al hacer clic en estos componentes, se saltará a otras páginas. Los diferentes componentes necesitan configurar información diferente, según el componente en sí.

Resumen: debe definir las reglas de definición de componentes de antemano; la decoración se divide en tres pasos: seleccionar / crear la configuración del componente de diseño del componente de página.

A continuación se centrará en el contenido principal del artículo. El autor primero presentará los estilos y la información de configuración de los diferentes componentes y luego presentará en detalle el proceso de decoración de la tienda.

3. Tipos de componentes

La riqueza de los tipos de componentes determina la calidad del efecto decorativo. Cuantos más componentes, más decoraciones estarán disponibles.

Por ejemplo, a medida que los productos se repiten y mejoran, los componentes de uso común seguirán aumentando. Los diseñadores repetirán requisitos específicos y los componentes se definirán de manera inclusiva. Se pueden definir muchas cosas como componentes con granularidad variable, se pueden usar dos funciones como componentes y se pueden usar actividades como componentes.

Formularios de componentes de uso común:

Barra de búsqueda superior, barra de búsqueda, anuncio, grupo de productos, grupo de negocios, navegación auxiliar, navegación de lista, texto enriquecido, barra de título, línea guía, auxiliar En blanco, gráfico de grupo de botones, texto de grupo de botones, imagen única, carrusel de imágenes, ventana de imágenes, exhibición de imágenes, grupo de iconos, reproductor de audio, cupón.

Las siguientes son instrucciones para la configuración de componentes. El sistema aún se está optimizando y es posible que haya algunas funciones que no pueda comprender. Pero ese no es el punto. La atención se centra en comprender la lógica y los métodos de diseño y luego resumir el conocimiento basado en su propia experiencia.

El núcleo del componente es configurar el estilo y la información del componente, que depende principalmente de lo que escribí en el artículo. Información de configuración, esta es más importante. La información de configuración que se muestra en la imagen es demasiado complicada y, a veces, no se puede utilizar.

La complejidad de la configuración de los componentes también se puede diseñar para que sea más simple, dependiendo de las necesidades específicas.

3.1 Barra de búsqueda superior

La barra de búsqueda superior está incrustada en la barra de navegación superior. Si tiene muchas páginas, debe insertar la barra de búsqueda para darle más espacio a la página.

Si no hay mucho contenido en la página, la barra de navegación superior solo puede mostrar el título, y la barra de búsqueda superior se fija en la parte superior cuando hace clic en el área de búsqueda en la barra de búsqueda; debe saltar a una página de búsqueda separada y a una página de resultados de búsqueda, la información de la columna que debe configurarse al realizar la búsqueda es la siguiente:

Si desea agregar un botón: puede optar por no agregarlo; Si elige agregar un botón en el lado izquierdo o derecho de la barra de búsqueda, debe cargar el ícono del botón y el ícono. Debe cargar el ícono del botón y el color del ícono, es decir, la dirección del enlace del ícono. Los iconos también pueden ser reemplazados por imágenes. Si utiliza una imagen, no es necesario establecer un color de fondo. Los botones se pueden utilizar para configurar los botones izquierdo o derecho. Color de fondo del cuadro de búsqueda Color del texto de búsqueda del usuario Estilo del cuadro de búsqueda: ángulo recto, esquina redondeada, esquina redondeada

3.2 Barra de búsqueda

La barra de búsqueda es similar a la barra de búsqueda superior, excepto que la barra de búsqueda superior La barra es fija, mientras que la posición de la barra de búsqueda superior no es fija y se puede colocar libremente. Del mismo modo, es necesario definir de antemano la página de búsqueda y la página de resultados de búsqueda.

3.3 Anuncios

Los anuncios son similares a los anuncios publicitarios. A menudo es necesario incluir productos en el sistema, saltar a los detalles del artículo o establecer enlaces libremente.

3.4 Grupo de Productos

El grupo de productos es uno de los componentes más complejos, porque para un sistema de comercio electrónico lo más importante es el producto. , la visualización del producto es principalmente Hay dos formas: @] Lista de productos Los detalles del producto son innegables Los detalles del producto son el lugar principal para mostrar la información del producto La compra del usuario depende en gran medida del diseño del producto. página de detalles. Sin embargo, antes de ingresar a la página de detalles del producto, lo primero que debe enfrentar es la página de lista de productos. La calidad de la página de lista de productos determina la probabilidad de que los usuarios accedan a la página de detalles. Por tanto, la configuración del componente de lista de productos es relativamente compleja. La información de configuración principal es:

Estilo de lista: visualización de una sola columna, visualización de dos columnas, visualización de tres columnas, visualización de la primera columna de la lista (esta es principalmente la forma de visualización de la lista de productos). Selección de productos: Puede seleccionar productos directamente de la lista de productos, o por categoría o grupo de productos

3.5 Grupo de comerciantes

Seleccionar comerciante: Seleccionar un comerciante es similar a seleccionar un producto. puede seleccionarlo directamente desde el acceso a la lista de comerciantes, también se puede acceder por categoría

3.6 Navegación por listas

En la mayoría de los casos, la navegación por listas es la página utilizada por el centro personal. la página utilizada por el centro personal es la entrada a muchas funciones. Es necesario editar el título de la lista y la dirección del enlace. Puede agregar varias listas; también puede elegir diferentes estilos, como sin icono y sin texto de aviso "Ver".

3.7 Texto enriquecido

Los editores de texto enriquecido no se utilizan habitualmente, principalmente cuando introducen sesgos.

3.8 Gráficos de grupos de botones

Los grupos de botones se utilizan principalmente en la página principal, como en la parte inferior del diagrama del carrusel familiar. Pueden ser la entrada a múltiples categorías o submódulos. ; defina cada uno El texto del botón, el ícono de carga y luego configure el enlace de salto, que se puede configurar en varias líneas.

3.9 Texto del grupo de botones

El botón no tiene icono El escenario principal de la aplicación es la clasificación funcional en el módulo, como Mis puntos y Registros de canje en Puntos.

3.10 Imagen única

El componente de imagen única grande se utiliza principalmente para la página de introducción de eventos especiales e ingresa a la lista de eventos especiales a través de enlaces.

3.11 Carrusel de imágenes

Las imágenes del carrusel se utilizan para cada página principal. Se puede configurar el número de imágenes y direcciones de enlaces.

3.12 Cupones

Los cupones generalmente no están diseñados de acuerdo con los siguientes estilos y no tienen ningún significado práctico. Por lo general, puede usar imágenes para vincular cupones o puede diseñar varios estilos de cupones, elegir diferentes estilos y completar automáticamente el contenido cuando selecciona un cupón.

Definición de componentes e instrucciones de diseño

Cuantos más tipos y estilos de componentes, mejor, pero cuantas menos configuraciones de componentes, mejor. La riqueza de la diversidad determina la flexibilidad del sexo de la decoración. . Sin embargo, la confianza en la configuración de los componentes no debería ser demasiado alta. Si está disponible automáticamente, puede estar disponible automáticamente. La imagen que mencioné anteriormente solo debe entenderse porque mucha información de configuración es inútil y la lógica principal es comprender la lógica del sistema CMS.

La función de decoración de tiendas es una herramienta de marketing y tiene altos requisitos técnicos. Básicamente, hay dos formas de usarlo ahora:

Conectar con complementos de terceros: este método es conveniente y rápido y no requiere investigación ni desarrollo. La desventaja es que la lógica funcional es compleja, no proporciona una buena experiencia de usuario, no favorece iteraciones futuras y no se adapta bien al negocio de la empresa. Desarrollo independiente: el costo de investigación y desarrollo de este método es muy alto, pero la ventaja es que uno mismo puede definir los estilos y reglas de los componentes, lo que optimiza en gran medida la experiencia del usuario y la operatividad, pero la desventaja es que el costo es todavía muy alto.

4. Proceso de decoración de la tienda

El primer paso en la decoración de la tienda es seleccionar la página de la tienda y luego configurar la información del componente.

4.1 Seleccionar páginas: ¿Qué páginas necesitan decoración? ¿Qué páginas no necesitan decoración?

Cuando empezamos a decorar, el primer paso es seleccionar las páginas que necesitan un lavado de cara. En teoría, todas las páginas se pueden renovar, pero en la práctica no necesitamos decorar tantas páginas. Debido a que no tiene sentido decorar muchas páginas, primero debemos considerar qué páginas deben renovarse y cuáles no. Esto es muy importante para nosotros.

Debido a que esto afecta directamente los costos de desarrollo y el diseño del producto, por ejemplo, algunas páginas relacionadas y páginas del centro personal no necesitan ser renovadas. Necesitamos pensar en nuestro trabajo antes de decidir qué páginas necesitan un lavado de cara. ¿Cuál fue la idea original detrás de la función de renovación de la tienda? Ya tenemos tienda, ¿por qué necesitamos reformarla?

Porque una apariencia bonita puede atraer clientes, si tenemos una decoración interior muy bonita, entonces los clientes tendrán una buena impresión de la tienda, es decir, de la idea original de nuestra tienda; La decoración es para necesidades de marketing. Nuestro objetivo es permitir que los usuarios vean lo que quieren ver.

Entonces, antes de decidir qué páginas necesitan un lavado de cara, consideremos qué usuarios vienen a nuestra tienda y qué páginas son cruciales para su compra. Debido a que el propósito de la renovación es para marketing, y el propósito del marketing es ganar dinero, y ganar dinero no depende de si el usuario compra, debemos considerar qué páginas del centro comercial son cruciales para la compra final del usuario.

Podemos ponernos en tu lugar y pensar en qué quieres ver cuando compras algo en Taobao, qué información crees que es importante y qué información suele jugar un papel decisivo en tu compra final; Pensar en qué páginas son buenas se llama pensar en escenarios de usuario.

La primera es la página de inicio, que es la primera página y página donde los usuarios ingresan al centro comercial. Esta página equivale a la apariencia de un centro comercial. Es una página importante a la que nadie, absolutamente nadie, entra. Hay mucha información para mostrar en la página de inicio. Muchas actividades, incluidas entradas temáticas, se muestran en la página de inicio, por lo que es necesario renovarla.

A veces puedo permanecer en la página de inicio durante un tiempo para ver qué actividades he estado realizando recientemente; la configuración de la página de inicio debe determinarse en función de necesidades de marketing específicas. Por ejemplo, hay algunas actividades especiales durante las vacaciones y hay algunos productos nuevos. Sugerencias para la página de inicio.

Antes de ingresar a la página de detalles del producto, a veces necesitamos una página, es decir, la página de lista de categorías. Esta página está destinada a ser utilizada únicamente como canal. En algunos sistemas de centros comerciales pequeños, la barra de navegación inferior se utiliza para las categorías, pero de hecho, los sistemas de centros comerciales un poco más complejos no permitirán que las categorías ocupen la navegación inferior, por lo que no es necesario renovar la página de categorías.

Algunos podrían decir que la página de detalles del producto necesita un lavado de cara. Hablemos de la página de detalles del producto, significa información detallada sobre el producto.

Sí, la palabra "información" es buena y necesita ser examinada.

Porque ¿de qué depende que compremos o no compremos?

Algunas personas dicen que esto es una exigencia, pero en realidad no tiene sentido y es exagerada. Este es un concepto muy amplio y no puede guiarnos a la hora de tomar decisiones específicas.

Aunque como responsable de producto, nunca hablo de necesidades. La demanda es común en la industria. Todo el mundo lo sabe y no hace falta explicarlo una y otra vez. Desde que el usuario llega a la página de detalles, definitivamente lo necesita, incluso si no viene, todavía tiene necesidades, incluso si no necesita Taobao, todavía lo necesita.

¿Qué quieres comprar? Depende de cuánto sabes sobre el producto, es decir, cuánto sabes sobre la información del producto. Si tengo que gastar mucho dinero para decidirme por algo, creo que lo sé antes de comprarlo.

La información principal de la página de detalles tiene dos partes: introducción de la información del producto y evaluación del producto. La visualización de esta información tendrá algunos formatos fijos y no se puede cambiar a voluntad. Si cambia la página de detalles a voluntad, interferirá con el acceso del usuario a la información, afectando así la compra final del usuario;

Al ingresar al centro comercial, a menudo usamos un componente de la función de búsqueda, que es relacionado con los productos vistos en la capa de clasificación, en comparación con esto, nos parece más conveniente buscar directamente. Todas las páginas de resultados de búsqueda deben renovarse.

La página del carrito de compras también es una página que usamos con frecuencia. . El carrito de la compra también necesita reformas, pero no el centro personal.

Al mismo tiempo, debido a las necesidades de eventos especiales, la renovación de la tienda debe admitir páginas personalizadas y la página de visualización se utilizará como un producto especial. Por supuesto, no existe una conexión necesaria entre páginas personalizadas y eventos especiales. Las páginas personalizadas se utilizan para crear páginas y eventos especiales. Las páginas de visualización también se pueden integrar en plantillas

4.1.1 Cómo determinar qué páginas necesitan ser renovadas y cuáles no

Para determinar qué páginas necesitan ser decoradas. Podemos considerar los siguientes aspectos:

Frecuencia de contacto del usuario: Cuanto mayor sea la frecuencia de contacto, más páginas necesitaremos decorar (página de inicio, carrito de compras). Tiempo de permanencia del usuario: cuanto más tiempo permanezca el usuario, más páginas (página de inicio) deberán decorarse. Frecuencia de clics del usuario: cuanto mayor sea la probabilidad de que los usuarios hagan clic en la página, más decoración (página de resultados de búsqueda) se necesitará. 4.1.2 Cómo juzgar qué páginas no necesitan decoración (sin decoración, sin modificación, optimización iterativa)

Páginas con información compleja: estas páginas generalmente tienen información de visualización del usuario en formato fijo (página de detalles), centro personal ). Páginas que no están estrechamente relacionadas con el producto: (Ayuda, Configuración).

4.2 Configurar la información de los componentes

Ahora que ya sabes qué páginas han sido decoradas y qué componentes han sido reparados, el siguiente paso es ingresar a la configuración de la página (saber qué casa es, y los materiales están disponibles, lo siguiente Solo funciona).

Seleccione la página, luego configure la información del componente y finalmente genere la página completa y sincronícela con el sistema. Esto debe implementarse en el diseño de interacción del producto específico, depende de cómo lo diseñe. la página, cómo arrastrar y soltar y cómo interactuar.

En mi opinión, cómo implementar la información anterior en un diseño de producto específico para que todos puedan verlo y tocarlo.

Consulte la imagen que corté arriba, es básicamente similar a la imagen de vista previa a la izquierda, los componentes a la derecha, luego rellénela, finalmente guárdela y listo.

5. Métodos de diseño de productos específicos para la decoración de tiendas.

El primero es la estructura del menú del backend. La función de decoración de la tienda se puede sacar por separado o colocar en el módulo de promoción. depende del nivel de complejidad.

Si la función de decoración es muy simple, por ejemplo, solo puedes ajustar la posición del componente en la página de inicio, si solo puedes ajustar uno o algunos componentes, simplemente colócalo en el módulo de promoción.

Si el efecto de la decoración de la tienda es solo colocar anuncios o crear páginas para eventos especiales, entonces la función de decoración de la tienda es relativamente simple y solo necesita colocarse en el módulo de promoción. menús, por ejemplo:

5.1 Integrado en el sistema de promoción

Sistema de promoción: colocación de publicidad

Después de ingresar, hay una vista previa de la página del sistema, que muestra el uso de ubicaciones publicitarias. Puede editar la imagen y el enlace para la ubicación de su anuncio.

Sistema de Promoción - Gestión de Eventos Especiales

El llamado evento especial es una extensión de la promoción, que he mencionado en el artículo anterior después de ingresar, puedes ver el especial; Módulos de eventos para páginas de actividades, el estilo de cada plantilla es absolutamente diferente. Incluso las plantillas pueden tener más de una página (plantillas con barra de navegación inferior). Después de seleccionar el módulo, ingrese al modo de configuración de la página, que es el paso 4.2 anterior. Necesitas subir productos, fotos, etc. Esto depende del estilo de plantilla que diseñe.

5.2 Existe de forma independiente como sistema de decoración de tienda

Como decoración de tienda, los menús y funciones son las siguientes:

Menú de primer nivel: gestión de páginas del sistema

El menú secundario muestra páginas del sistema que se pueden decorar. Haga clic en la página para ingresar a la interfaz de configuración de la página. (Ver 4.2)

Menú de nivel 1: Gestión de páginas personalizadas

El menú de segundo nivel muestra las páginas del sistema que se pueden renovar. Haga clic en esta página para ingresar a la interfaz de configuración de la página. (Ver 4.2)

Menú de primer nivel: Crear página personalizada

Haga clic para ingresar a la pantalla de configuración de la página, que es solo una página en blanco. (Ver 4.2)

Descripción

Puedes pensarlo. ¿Qué se siente al sentir que existe un sistema independiente? No hay nada más versátil que las promociones integradas. Dado que es un sistema independiente, debería incluir 5.1 y luego anuncios. ¿Cómo se entregará y cómo se organizarán los eventos especiales?

Puede agregar anuncios y establecer enlaces de salto en cualquier lugar de la página que se pueda configurar, independientemente del formato de la página.

Tubatu Online te ofrece "cotizaciones de decoración del hogar, 1-4 empresas de decoración locales, 3 conjuntos de planes de diseño de decoración" gratuitos, ¡así como consejos de decoración para evitar trampas! Haga clic en este enlace:/yezhu/zxbj-cszy.php?to8to_from=seo_zhidao_m_jiareamp;wb, puede obtenerlo gratis~