9 formas comunes de presentar información de productos en dispositivos móviles
Un día, el gerente envió dos capturas de pantalla de la interfaz de la aplicación al grupo de discusión del trabajo y preguntó: "¿Qué método de diseño te gusta?". De estas dos interfaces, una tiene un formato de nueve cuadrados y la otra tiene un formato de nueve cuadrados. other es una lista ordinaria.
Durante un tiempo, nadie pudo sacar rápidamente una conclusión. El diseñador visual dijo: "Depende del escenario y las necesidades específicas".
Un colega programador bromeó: "Jaja, es lo mismo que no decirlo". Luego, una tras otra, las personas expresaron sus opiniones. Además de hablar sobre las ventajas y desventajas de estos dos métodos, el resumen sigue siendo el mismo: depende de cuál sea el objetivo del diseño y, considerando múltiples aspectos, no hay un bien o un mal absoluto, solo una idoneidad relativa o no.
Después de leer cierta información existente sobre el diseño de la información de la interfaz de la aplicación, la ajusté yo mismo y la resumí nuevamente. En términos de rendimiento visual e interactivo, existen aproximadamente nueve métodos de diseño de información comunes para interfaces de productos móviles.
1. Formato de lista
El formato de lista está dispuesto verticalmente y cada unidad de información tiene la misma estructura.
Ventajas:
Se ajusta al hábito de las personas de leer de arriba a abajo, es fluido y rápido y tiene una mejor experiencia de navegación.
Debido a que existe un formato de unidad de información unificado, la página general es relativamente ordenada y clara.
Cada unidad de información puede colocar títulos, resúmenes, imágenes, etiquetas y otros elementos según sea necesario para que los usuarios puedan obtener una vista previa y predecir el contenido detallado.
Desventajas:
Cuando se carga demasiada información, es fácil que las personas experimenten fatiga estética y reduzcan su interés por la lectura.
Cuanto más se ordene la información, la atención que recibe disminuirá naturalmente. Generalmente, se utilizan diferentes colores, tamaños de fuente, divisiones de bloques, etc. para distinguir niveles importantes y mejorar el sentido de jerarquía.
Al igual que el formato de lista, algunos han evolucionado hacia un diseño similar a una tarjeta, o un bloque se divide en mitades izquierda y derecha (como se muestra en el ejemplo siguiente) y se convierte en dos entradas, todas basadas en la interfaz. utilización del área y objetivos de diseño considerados desde otros aspectos.
2. Disposición horizontal
En correspondencia con la disposición vertical, las unidades de información también pueden disponerse horizontalmente. En términos de operación interactiva, este método requiere deslizar el dedo hacia la izquierda y hacia la derecha para cambiar las unidades de información, también conocido como "estilo carrusel".
Ejemplo: El diseño del módulo [Acceso anticipado a libros nuevos] en la siguiente imagen
Ventajas:
Reduce el espacio ocupado en altura, lo cual es beneficioso a otra información en la exhibición de la interfaz.
Cuando la unidad de información ocupa un área grande (como aplicaciones de imágenes), es útil que el usuario enfoque la vista.
Desventajas:
La interacción del deslizamiento hacia la izquierda y hacia la derecha a veces es inconveniente.
Cuando el área de la unidad de información es grande, no puede saltar a la unidad de información que desea ver. Solo puede cambiar hacia la izquierda y hacia la derecha una por una hasta que cambie a la que desea ver.
Debido a un funcionamiento inconveniente, es posible que se pierda parte del contenido o que los usuarios no estén interesados en leerlo.
3. Formato Jiugong
Estrictamente hablando, el formato Jiugong es de 3 filas y 3 columnas. Si el número de columnas o filas aumenta, lo llamaremos temporalmente formato Jiugong (algunos. la gente también los distingue. Se llama "estilo sala de exposiciones" o "estilo cuadrícula")
Ventajas:
Ahorra espacio y se pueden colocar varias entradas en una fila.
Claro y conciso. Generalmente el icono estará resaltado para facilitar la memoria y la búsqueda.
Desventajas:
Debido al espacio limitado, no se puede colocar demasiado contenido de vista previa secundaria.
Cuando hay demasiadas entradas, también es difícil identificarlas y buscarlas.
4. Estilo de pestañas
También conocido como "estilo de pestañas", los atributos de información de la interfaz actual se dividen y clasifican en múltiples opciones, que el usuario puede cambiar. La navegación principal de la aplicación generalmente se cambia mediante pestañas.
Como se muestra a continuación: la página de mensajes está dividida en 4 pestañas
Ventajas:
No es necesario saltar de un nivel a otro de la página, solo Debe cambiar con un clic en la página actual. Puede ver contenido diferente, lo cual es conveniente.
Los usuarios saben exactamente dónde se encuentran.
Desventajas:
Si el número de pestañas supera las 5, se volverá voluminoso. Si no se puede colocar en una fila, deberá deslizarse hacia la izquierda y hacia la derecha para mostrar todas las pestañas. , lo que reducirá la comodidad de operación.
5. Estilo de múltiples paneles
Cuando hay muchas categorías y cada categoría contiene mucho contenido, se puede mostrar en forma de múltiples paneles.
Ventajas:
Puedes saber claramente dónde te encuentras actualmente.
La interfaz actual admite múltiples entradas y cambiar entre los mismos niveles no requiere alternar entre páginas en diferentes niveles, lo cual es más conveniente.
Desventajas:
El panel ocupa una columna de espacio, lo que hace que toda la interfaz parezca abarrotada.
6. Estilo acordeón
Este método también se denomina "estilo de expansión del comportamiento". Es un método para hacer clic en la información de primer nivel en la interfaz actual para expandir la información de segundo nivel. Cuando hace clic, puede expandirla y hacer clic nuevamente para retraerla, que es algo similar a la acción de reducción del acordeón.
Ventajas:
Solo necesita expandir la información secundaria en la página actual sin saltar a la página. La operación es más conveniente y también es útil para que los usuarios comprendan la estructura. de la información.
Desventajas:
Cuando hay demasiadas categorías de información y necesita hacer clic nuevamente manualmente para recuperar la información secundaria, no es conveniente saltar entre categorías después de que todas estén expandidas.
7. Formato de gráfico
Presentado a través de una combinación de gráficos y contenido.
Ventajas:
Los gráficos son más intuitivos y más expresivos.
Desventajas:
Ocupa un área grande y la interfaz general no puede transportar suficiente información.
Si se combinan gráficos y acciones interactivas, es posible que la mayoría de los usuarios no noten estas interacciones.
8. Estilo cajón
El estilo cajón es adecuado para ocultar funciones secundarias y permitir que el producto resalte sus funciones principales. Cuando el usuario necesita encontrar una determinada entrada de función, puede hacer clic en el cajón y buscar en el "Cajón".
Ventajas:
Puede ayudar a ocultar algunas entradas funcionales y simplificar el producto.
Desventajas:
Cuando los usuarios lo usan por primera vez, algunas funciones no pueden ser encontradas porque su visibilidad se debilita, lo que aumenta su costo de uso.
Si las funciones comúnmente utilizadas por los usuarios se colocan en el cajón, se agregan los pasos para las operaciones del usuario.
9. Tipo de etiqueta
El tipo de etiqueta, como su nombre indica, sirve para clasificar información en etiquetas mediante el método de configuración de etiquetas, o las etiquetas se pueden utilizar directamente como entradas de funciones (como como "búsqueda activa") para facilitar las operaciones del usuario.
Ventajas:
Claro y conciso, ocupando menos espacio.
Es fácil cambiar para ver el contenido correspondiente y los usuarios saben en qué categoría se encuentran.
Desventajas:
No debe haber demasiadas etiquetas, lo que no es fácil de encontrar.
Resumen
Los formularios de productos en el terminal móvil se están volviendo cada vez más diversificados. La gente siempre espera obtener rápidamente la información que desea en el terminal móvil en cualquier momento y en cualquier lugar. limitaciones de las especificaciones de hardware, cómo competir por la atención de los usuarios en un espacio limitado y la paciencia del usuario implica mucho conocimiento en el diseño de productos.
Los 9 métodos comunes de diseño de información de terminales móviles anteriores son solo un resumen muy superficial. Ningún método tiene ventajas o desventajas absolutas y se pueden combinar e integrar entre sí. Es necesario pensar en función de la situación real y encontrar la solución más adecuada y eficaz mediante una optimización continua.