1. Diagrama de estructura funcional y diagrama de estructura de información.
"Función" se interpreta en la Enciclopedia Baidu como una referencia al efecto beneficioso que desempeñan las cosas o los métodos; eficacia.
"Información" se interpreta en la Enciclopedia Baidu para referirse a los objetos transmitidos y procesados por sistemas de audio, noticias y comunicación, y generalmente se refiere a todo el contenido comunicado por la sociedad humana.
Esta explicación puede ser demasiado literaria. Para mí, para el software, "función" se refiere al efecto de hacer clic en la interfaz de cada módulo , como hacer clic en el botón eliminar para eliminar datos y hacer clic en el botón enviar para enviar información al otro. fiesta. "Información" se refiere al contenido que se muestra en la interfaz de cada módulo y el contenido del formulario que debe completarse . Por ejemplo, en una interfaz de inicio de sesión, el contenido que debe completarse, como contraseña, número de cuenta, y el número de teléfono móvil es información.
El diagrama de estructura funcional está destinado a analizar los componentes funcionales del módulo.
El diagrama de estructura de información tiene como objetivo analizar la información que se muestra en la página.
Pero cuando jugamos con la aplicación, a veces sentimos que no sabemos por dónde empezar a analizar las funciones. Las operaciones engorrosas pueden confundirnos fácilmente y no poder comenzar.
Permítanme analizar el carrito de compras de Taobao (el método de madera, Taobao es demasiado grande, podemos usar módulos pequeños para practicar):
La figura 1.1 es una captura de pantalla del carrito de compras de Taobao.
Primero analice la información, observe el contenido que se muestra en la interfaz actual y respete el principio de arriba a abajo, de izquierda a derecha, como se muestra en la figura, en la página de inicio del carrito de compras de Taobao, el total Se muestra la cantidad de productos en el carrito de compras y la dirección de entrega predeterminada. El nombre de la tienda a la que pertenece el producto, el ícono de la tienda, el ícono del producto, el nombre del producto, el precio del producto, la cantidad del producto, las especificaciones del producto seleccionado, el precio de comparación del producto, total. precio y cantidad del producto seleccionado.
Luego analice la función, podemos comenzar con el botón, la liquidación obvia, la administración, seleccionar todo, aumentar la cantidad de productos, reducir la cantidad de productos .
Haga clic en Pagar para ir a la página de confirmación del pedido;
Haga clic en Seleccionar todo para seleccionar todos los artículos en el carrito de compras;
Haga clic para aumentar la cantidad del producto, es decir, para comprar la cantidad del producto correspondiente;
Haga clic para reducir la cantidad del producto, es decir, reducir la cantidad del producto correspondiente en el carrito de compras;
Los cuatro botones anteriores tienen efectos obvios, y hacer clic en Administrar solo cambia la página, como se muestra en la siguiente figura:
Después de hacer clic en Administrar, sigue siendo la página de inicio del módulo del carrito de compras, y el botón de pago desaparece, reemplazado por mover a favoritos, eliminar y borrar. El contenido de la información mostrada no ha cambiado. Aunque el precio total y la cantidad del producto seleccionado no se muestran, todavía existen en esta interfaz.
Función de análisis:
Haga clic en Mover a favoritos para agregar elementos a favoritos;
Haga clic en Eliminar para eliminar el artículo seleccionado del carrito de compras;
Y al hacer clic en limpiar, al igual que al hacer clic en administración, la página ha cambiado, como se muestra en la siguiente figura:
Como se muestra en la captura de pantalla del carrito de compras de Taobao en la Figura 1.3, después de hacer clic en Limpiar, aparece una ventana emergente y los botones que se muestran incluyen mover a favoritos y eliminar, que son exactamente las mismas que las funciones mencionadas anteriormente, por lo que hay no hay necesidad de analizarlo de nuevo. Sin embargo, el contenido de la información mostrada es bastante diferente, mostrando los productos que se agregaron al carrito de compras hace 30 días y los productos que se agregaron al carrito de compras hace 7 días.
¿Es este el final? No, no, no, en realidad no.
Analizar productos de software requiere jugar constantemente con el software, hacer clic para ver si hay sorpresas inesperadas.
Al hacer clic en el parámetro de especificación "S; manga corta naranja" del producto seleccionado en la imagen, se mostrará la SPU del producto correspondiente (Unidad de producto estándar (unidad de producto estándar) SPU es la unidad más pequeña de agregación de información de producto y es un conjunto de reutilizables, una colección de información estandarizada que es fácil de recuperar, que describe las características de un producto), para que los usuarios elijan.
En términos de función, en términos simples, selección de parámetros de especificación.
Además de proporcionar la selección de parámetros de especificación, también podemos ver el botón Ver detalles.
Aunque después de hacer clic para ver los detalles, saltará a la página de detalles del producto, pero también es una supuesta función.
Después de completar el análisis de la página, comience a dibujar el diagrama de estructura de información y el diagrama de estructura de funciones, como se muestra en la siguiente figura, es el diagrama de estructura de información:
La siguiente figura muestra el diagrama de estructura funcional:
Dangdangdang~
Se completan el diagrama de estructura funcional y el diagrama de estructura de información del carrito de compras de Taobao.
2. Diagrama de estructura del producto
Cuando diseñé solo los productos de comercio electrónico de la compañía por primera vez, estaba un poco perdido. Aunque mi vida ha estado integrada durante mucho tiempo en sistemas de comercio electrónico como Taobao, JD.com y Dangdang.com, fue solo cuando Tenía muchas ganas de estar solo que me di cuenta de que tienen muchas funciones e información muy complicada. Aunque Zhao Hu dibuje un gato, aunque sepa empezar por la cabeza, no sabe si dibujar primero las orejas o los ojos. En este momento, necesitamos un diagrama de estructura del producto para ordenar nuestras ideas de diseño.
El diagrama de estructura de producto es una combinación del diagrama de estructura de función y el diagrama de estructura de información. Antes del diseño del diagrama de prototipo, el diagrama de estructura de producto puede ayudarnos a clasificar la información y la lógica. Es una forma sencilla de expresar el diagrama de prototipo. Además, también es un puente para la comunicación de productos e I+D, lo cual es conveniente para evaluar los planes de desarrollo en la etapa inicial de I+D.
Combinando el diagrama de estructura de función anterior y el diagrama de estructura de información, es el diagrama de estructura de producto que se muestra en la siguiente figura:
