Análisis front-end y back-end del sistema de comercio electrónico: metodología de decoración de tiendas
Escrito dos Artículos sobre sistemas de comercio electrónico. Este es el tercer artículo. Este artículo presenta la función de decoración de la tienda del sistema de comercio electrónico. Por ejemplo, el diseño de la página de inicio de nuestra aplicación es el siguiente: barra de búsqueda, gráfico de registros. y barra de pestañas, espacio publicitario, recomendaciones de productos; podemos entregar el prototipo de diseño a RD para su desarrollo.
Entonces, ¿cuál es el papel que puede cambiar la decoración de la tienda? el diseño de los componentes de la página, como la posición de la barra de pestañas y el espacio publicitario; puede agregar o quitar componentes de la página, agregar componentes de cupones a la página de inicio o eliminar componentes del carrusel; también puede definir diferentes estilos de componentes. , como imágenes de carrusel. Seleccione 3 o 4, y puede elegir una sola línea o varias líneas en la barra de etiquetas.
Se puede ver que el proceso de decoración de la tienda es en realidad el proceso de dibujar una. prototipo Primero, defina una página, luego defina el componente, diseñe el estilo del componente y genere la página. Sin embargo, la decoración de la tienda escribirá este proceso en el programa del sistema. Al mismo tiempo, se puede ver que el código del sistema se ha modificado durante el proceso de decoración de la tienda, lo que indica que los requisitos técnicos son relativamente altos.
De hecho, la decoración de la tienda en sí es un sistema CMS, y la decoración de la tienda es solo. una parte de la aplicación del sistema CMS en los sistemas de comercio electrónico.
En primer lugar, el sistema CMS y la decoración de la tienda
La relación entre los sistemas CMS se denomina sistema de gestión de contenidos. es aplicable a muchas industrias. El sistema CMS se utiliza en la industria del comercio electrónico.
Echemos un vistazo a la definición de la Enciclopedia Baidu: CMS es la abreviatura de "sistema de gestión de contenidos". "Sistema de gestión de contenidos".
El sistema de gestión de contenidos es el nuevo favorito de la construcción de información empresarial y el gobierno electrónico, y también es un mercado relativamente nuevo para la gestión de contenidos; no existe una definición unificada en la industria. Y diferentes organizaciones tienen diferentes entendimientos. No existe un estándar unificado en la industria de los sistemas de gestión de contenidos, pero sabemos que es la gestión de contenidos y este contenido se coloca en varias páginas del sistema de comercio electrónico. decoración de tiendas, y la aplicación técnica de la decoración de tiendas es la tecnología CMS.
En esta etapa, debido a las diferentes necesidades de diferentes productos y empresas, vemos que muchos productos tienen diferentes funciones de decoración de tiendas. Los componentes de la página se pueden ajustar. Algunos productos solo pueden configurar la página de inicio. Los requisitos de alta tecnología se reflejan en el hecho de que muchas veces no podemos hacer un uso completo del sistema CMS. p>
Este artículo resumiremos los métodos de diseño y los medios de decoración de tiendas. Tener un buen método puede no hacernos invencibles, pero es mejor que nada.
2. ¿decoración de tiendas?
La configuración dinámica de las páginas del sistema de comercio electrónico se llama decoración de tiendas porque esta función es similar a la decoración de nuestros hogares. Antes de presentarles la decoración de la tienda, somos los primeros. Primero considera cómo decorar la casa:
1. La casa acaba de estar cubierta por muchas habitaciones y la decoración de las diferentes habitaciones debe ser diferente: el televisor debe colocarse en la sala de estar y el baño debe usarse para realizar pruebas, por lo que tenemos que elegir la página de inicio. Una hermosa habitación.
2. Cuando elegimos una buena habitación, debemos transformarla. Antes de decorar hay que hacer una cosa más que es comprar muebles y materiales de decoración. Ahora, para decorar el baño, debes preparar el inodoro, el bote de basura y el papel higiénico.
3. Cuando nos preparamos para ir al baño, debemos considerar esta pregunta: qué tipo de inodoro usar, el último estilo japonés completamente funcional, o un inodoro común y corriente en el mercado, un inodoro dorado o un inodoro plateado, es decir , podemos tener múltiples opciones para decorar elementos.
La función de decoración de la tienda del sistema de comercio electrónico es en realidad el proceso de decorar una casa, pero la casa se convierte en nuestro producto, la habitación se convierte en la página y los elementos decorativos son componentes.
Cuando decoramos una casa, debemos tener en cuenta lo que necesitamos con antelación, para luego volver a comprarlo y decorarlo. Este es también el paso más importante. Hay tres pasos para decorar una casa: determinar la casa y las habitaciones; la clave es preparar qué artículos, porque los artículos se compran y 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 también es el paso más importante, que consiste en definir los estilos y reglas de los componentes, escribirlos en códigos y llamarlos directamente cuando úsalos. Como no puede crear nuevos componentes usted mismo, solo podemos elegir los componentes necesarios de la biblioteca de componentes existente 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 carrusel es un componente, la búsqueda es un componente y el producto es un componente. Cada componente tiene muchos estilos.
A continuación, veremos el 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 seleccionar la página 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.
Hay varias preguntas a considerar al elegir una página: ¿Se pueden actualizar todas las páginas? Estas son páginas existentes y puedo crear una nueva página decorada. Si es una página nueva, esta página no forma parte del sistema. ¿Cómo contactar al sistema?
2. Luego de seleccionar la página, debemos elegir 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.
Esto es para seleccionar componentes. La premisa es que tenemos componentes, lo que significa que necesitamos definir estilos y reglas para cada componente al diseñar productos. 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 para cada componente.
Por ejemplo, si elegimos un carrusel, elegiremos unos cuantos, tres o cuatro; después de seleccionar el estilo, debemos configurar información específica: debemos cargar la imagen y luego configurar el enlace; a la imagen. Haga clic en estos componentes para saltar a otras páginas. Los diferentes componentes requieren que se configure información diferente, dependiendo del componente en sí.
Resumen: Las reglas de definición de componentes deben definirse de antemano. La decoración se divide en tres pasos: Seleccionar/Crear componente de página Configuración del componente de diseño.
A continuación se centrará en el contenido principal del artículo. Primero presentaré los estilos y la información de configuración de los diferentes componentes y luego entraré en los detalles del proceso de decoración de la tienda.
En tercer lugar, tipo de componente
La riqueza de los tipos de componentes determina el efecto decorativo. Cuantos más componentes haya, mayores serán las opciones de decoración.
Por ejemplo, a medida que los productos se repiten y mejoran, los componentes de uso común seguirán aumentando. Los diseñadores iteran en función de necesidades específicas y los componentes se definen de manera inclusiva. Muchas cosas se pueden definir como componentes de granularidad variable. Se pueden usar dos funciones como componentes y las actividades también se pueden usar como componentes.
Formularios de componentes comunes:
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 principal, espacio en blanco auxiliar , gráficos de grupos de botones, texto de grupos de botones, imagen única, carrusel de imágenes, ventana panorámica, exposición de imágenes, grupo de iconos, reproductor de audio, cupón.
La siguiente es una descripción de la configuración del componente. El sistema aún se está optimizando y es posible que haya algunas funciones que no comprenda. Pero ese no es el punto. La clave es comprender la lógica y los métodos de diseño y luego resumir el conocimiento en función de su propia experiencia.
El núcleo del componente es configurar el estilo y la información del componente, que depende principalmente de lo que escribo en el texto. La información de configuración más importante a veces es demasiado compleja para usar.
La complejidad de la configuración de los componentes también se puede diseñar de forma sencilla según requisitos específicos.
3.1 Barra de búsqueda superior
La barra de búsqueda superior está incrustada en la barra de navegación superior. Si hay más páginas, deberá incrustarlas para proporcionar más espacio para la página.
Si el contenido de la página no es demasiado, 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 la barra de búsqueda hace clic en el área 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 que debe configurarse en la columna de búsqueda es:
Si agregar un botón: puede optar por no agregarlo si elige agregar un botón en el lado izquierdo o derecho de la búsqueda; barra, 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 se pueden cambiar a imágenes. Si usa una imagen, no necesita configurar el color de fondo. Este botón se puede utilizar para configurar el botón 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, arco, 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 posición fijada en la barra de búsqueda superior no es fija y se puede colocar libremente. Asimismo, las páginas de búsqueda y las páginas de resultados de búsqueda también deben definirse de antemano.
3.3 Anuncios
Los anuncios son similares a los anuncios publicitarios. Suele ser necesario incorporar productos al sistema, saltar al detalle 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 lo más importante en el sistema de comercio electrónico es el producto. En los sistemas de comercio electrónico, existen dos formas principales de visualización de productos: @]Lista de productos Detalles del producto Es innegable que los detalles del producto son el lugar principal para mostrar la información del producto, y la compra del usuario depende en gran medida del diseño de la página de detalles del producto. . Pero antes de ingresar a la página de detalles del producto, lo primero que debes 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, el componente de lista de productos es más complejo de configurar. 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, primera lista de visualización (este es principalmente el formulario de visualización de la lista de productos). Selección de productos: los productos seleccionados se pueden tomar directamente de la lista de productos o ingresar por categoría y grupo de productos.
3.5 Grupos de Negocios
Comerciantes seleccionados: Los comerciantes seleccionados son similares a los productos seleccionados y se pueden obtener directamente de la lista de comerciantes o por categoría.
3.6 Navegación por la lista
Navegación por la lista En la mayoría de los casos, la página utilizada en el centro personal es la entrada a muchas funciones y 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 no agregar un ícono o texto de aviso "Ver".
3.7 Texto enriquecido
Los editores de texto enriquecido no se utilizan mucho y se utilizan principalmente en lugares que introducen sesgos.
3.8 Gráficos de grupos de botones
Los grupos de botones se utilizan principalmente en la página principal, como la parte inferior del carrusel familiar. Pueden ser la entrada a múltiples categorías o la entrada a sub. -modules. ;Defina el texto para cada botón, cargue el ícono y establezca enlaces de salto. Puede configurar varias líneas.
3.9 Texto del grupo de botones
El botón no tiene ícono. El escenario de aplicación principal es la categoría funcional debajo del módulo, como mis puntos y el registro de canje debajo de los puntos.
3.10 Imagen única
El componente de imagen única grande se utiliza principalmente para la página de introducción de eventos especiales y ingresa a la lista de eventos especiales a través de enlaces.
3.11 Carrusel de imágenes
Carrusel de imágenes, utilizado para cada página principal, establece el número de imágenes y la dirección del enlace.
3.12 Cupón
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 diseñar varios estilos de cupones, elegir diferentes estilos y completar automáticamente el contenido cuando selecciona un cupón.
Descripción de la definición y diseño de los componentes
Cuantos más tipos y estilos de componentes mejor, pero cuantas menos configuraciones de componentes mejor. La riqueza de la diversidad determina la flexibilidad de la decoración. Sin embargo, el nivel de confianza en la configuración de los componentes no puede ser demasiado alto. Si se obtiene automáticamente, se puede obtener automáticamente. El diagrama que mencioné anteriormente es solo para comprensión, porque mucha información de configuración es inútil. 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 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 es muy adecuada para el 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 usted mismo puede definir el estilo y las reglas de los componentes, lo que optimiza en gran medida la experiencia del usuario y la operatividad. La desventaja sigue siendo el alto costo.
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 hay que modificar? ¿Qué páginas no necesitan un lavado de cara?
Cuando empecemos a decorar, el primer paso es seleccionar la página a decorar. En teoría, se pueden decorar todas las páginas, pero en realidad no necesitamos decorar tantas páginas. Debido a que no tiene sentido renovar muchas páginas, primero debe considerar qué páginas deben renovarse y cuáles no. Esto es muy importante para nosotros.
Debido a que afecta directamente los costos de I + D y el diseño del producto, como algunas páginas relacionadas, no es necesario renovar la página del centro personal. Antes de definir las páginas que deben actualizarse, debemos pensar en nuestro trabajo. ¿Cuál fue la idea original para la función de decoración de la tienda? Abrimos una tienda. ¿Por qué decorar?
Debido a que una apariencia hermosa puede atraer clientes, si nuestro interior es hermoso, entonces los clientes sentirán que esta tienda es muy buena, en otras palabras, la intención original de la decoración de nuestra tienda es mostrar a los usuarios; lo que quieren ver.
Entonces, antes de decidir qué páginas necesitan renovarse, primero considere qué usuarios vienen a nuestra tienda y qué páginas son importantes para que los usuarios realicen compras. Debido a que el propósito de la decoración es el marketing, y el propósito del marketing es ganar dinero, y ganar dinero no depende de si el usuario compra, es necesario considerar qué páginas del centro comercial son cruciales para la compra final del usuario.
Podemos ponernos en tu lugar y pensar qué quieres ver cuando compras algo en Taobao, qué información crees que es importante, qué información es determinante para tu compra final, qué páginas contactas frecuentemente; Está bien, así 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 es el equivalente a la apariencia de un centro comercial: páginas importantes, nadie, absolutamente nadie. Hay mucha información para mostrar en la página de inicio. Muchas actividades, incluida la entrada temática, se muestran en la página de inicio, por lo que es necesario renovar la página de inicio.
A veces puede permanecer en la página de inicio durante un tiempo para ver lo que ha estado haciendo recientemente y la configuración de la página de inicio debe basarse en necesidades de marketing específicas. Por ejemplo, el festival contará con algunos eventos especiales y nuevos productos. Recomendar a la página de inicio.
Antes de ingresar a la página de detalles del producto, a veces necesitamos una página, que es la página de lista de categorías. Esta página es sólo para uso del canal. En algunos sistemas de centros comerciales pequeños, la barra de navegación inferior está dividida en categorías, pero de hecho, en sistemas de centros comerciales ligeramente maduros, las categorías no ocupan la navegación inferior, por lo que no es necesario renovar las páginas de categorías.
Algunos podrían decir que las páginas de detalles del producto necesitan un lavado de cara. Primero hablemos de la página de detalles del producto, que son los detalles del producto.
Sí, la palabra "información" es buena y necesita ser examinada.
Porque ¿de qué depende que lo compremos o no?
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 nos orienta a la hora de tomar decisiones concretas.
Aunque como responsable de producto, nunca me llevo las necesidades a la boca. Existe una demanda generalizada dentro de la industria. Todo el mundo lo sabe y no es necesario que se lo explique una y otra vez. Dado que el usuario llega a la página de detalles, definitivamente la necesita incluso si no llega; Incluso si no necesita Taobao, todavía lo necesita.
¿Qué quieres comprar? Esto depende de la comprensión del producto, es decir, de la comprensión de la información del producto. Si tuviera que gastar mucho dinero para decidirme por algo, creo que lo sabría 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, por lo que la visualización de esta información tendrá algunos formatos fijos y no se podrá cambiar a voluntad.
Si la página de detalles se cambia a voluntad, interferirá con la adquisición de información por parte del usuario, afectando así la compra final del usuario;
Al ingresar al centro comercial, uno de los componentes que usamos con frecuencia es la función de búsqueda. Parece más cómodo buscar directamente el producto que queremos, y todas las páginas de resultados de búsqueda necesitan un lavado de cara.
La página del carrito de compras también es una página que usamos con frecuencia y es necesario renovar el carrito de compras. En cuanto al centro personal, no es necesaria ninguna renovación.
Al mismo tiempo, para las necesidades de eventos especiales, la decoración de la tienda debe admitir páginas personalizadas y utilizar la página de visualización 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 renovarse y qué páginas no necesitan renovarse?
Determina qué páginas necesitan ser pulidas. Podemos pensar en estos aspectos:
Frecuencia de contacto del usuario: Cuanto mayor es la frecuencia de contacto, más necesitamos decorar (casa, carrito de compras). Tiempo de permanencia del usuario: cuanto más tiempo permanezca el usuario, más será necesario renovar la página (página de inicio). Frecuencia de clic del usuario: cuanto mayor es la probabilidad de que un usuario haga clic en una página, más decoración (página de resultados de búsqueda) se requiere. 4.1.2 Cómo juzgar qué páginas no necesitan decoración (sin necesidad de decoración, y mucho menos cambios, optimización iterativa)
Páginas con información compleja: estas páginas generalmente tienen información para mostrar al usuario en un formato fijo (detalles página, centro personal). Páginas no estrechamente relacionadas con el producto: (Ayuda, Configuración).
4.2 Configurar la información de los componentes
Después de saber qué páginas se han decorado y qué componentes se han reparado, el siguiente paso es ingresar a la configuración de la página (saber qué casas y materiales están disponibles, Se puede realizar el siguiente trabajo).
Seleccione la página y luego configure la información del componente, y finalmente genere la página completa y sincronícela con el sistema, lo que 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 e interactuar.
En mi opinión, cómo poner 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, que es básicamente similar a la imagen de vista previa a la izquierda y los componentes a la derecha, luego complétela y finalmente guárdela.
5. Métodos de diseño de productos específicos para la decoración de tiendas.
En primer lugar, la estructura del menú backend y las funciones de decoración de la tienda se pueden sacar por separado o colocarse en el módulo de promoción, según el sistema.
Si la función de decoración es especialmente sencilla, por ejemplo, sólo podrás ajustar la posición de los componentes en la página de inicio. Si solo puedes ajustar uno o algunos componentes, ponlo en el módulo de promoción.
Si el efecto de la decoración de una tienda es simplemente colocar anuncios o crear páginas para eventos especiales, entonces la función de la decoración de una tienda es relativamente única. Simplemente colóquelo en el módulo de promoción. Solo hay dos menús, como sigue:
5.1 está integrado en el sistema de promoción.
Sistema de promoción - Colocación publicitaria
Después de ingresar, hay una vista previa de la página del sistema, que muestra el uso de los espacios publicitarios. Puede editar imágenes y vincular espacios publicitarios. .
Sistema de Promoción - Gestión de Eventos Especiales
Los llamados eventos especiales son una extensión de las actividades promocionales, que mencioné en el artículo anterior después de ingresar, puedes ver el evento especial; módulos de página, el estilo de cada plantilla es absolutamente diferente. Incluso las plantillas pueden tener varias páginas (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. Depende del estilo de plantilla que diseñes.
5.2 Porque el sistema de decoración de tiendas existe de forma independiente.
Como decoración de la tienda, los menús y funciones son las siguientes:
Menú de nivel 1: Gestión de páginas del sistema
El menú secundario muestra las páginas del sistema que se pueden utilizado para renovación. 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ú secundario 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 nivel 1: Crear una página personalizada
Haga clic para ingresar a la interfaz de configuración de la página, que es solo una página en blanco. (Ver 4.2)
Describe
Puedes pensar en ello. ¿Cómo es tener un sistema independiente? Nada es más eficaz que la promoción integrada. Al ser un sistema independiente, debería incluir 5.1, seguido de publicidad. ¿Cómo desarrollar y albergar eventos especiales?
Puede agregar anuncios y establecer enlaces de salto en cualquier lugar de la página configurable, independientemente del formato de la página.
Tubatu Online te ofrece "cotizaciones para cada decoración, 1 a 4 empresas de decoración locales, 3 conjuntos de planes de diseño de decoración" de forma gratuita, ¡así como estrategias para evitar la decoración! Haga clic en este enlace:/Zhu Ye/zxbj-cszy.php? to8to _ from = SEO _ zhidao _ m _ jiare & Wb, puedes obtenerlo gratis ~