¿Cómo puede el diseño de UI superar los obstáculos del diseño y convertirse en un diseñador más valioso?
¿Cómo puede el diseño de UI superar los obstáculos del diseño y convertirse en un diseñador más valioso?
En primer lugar, echemos un vistazo a las capacidades que los diseñadores de UI deben poseer, como se muestra a continuación: Modelo de capacidad de diseño de UI:
Las tres capacidades estrechamente relacionadas con el diseño son: Habilidades de comunicación y profesionalismo Habilidades de diseño y resolución de problemas. Como se muestra en la imagen de arriba, podemos ver un punto muy interesante. Aunque somos diseñadores, requerimos que los diseñadores tengan habilidades de comunicación> habilidades de diseño profesional. ¿Por qué? Debido a que la esencia del diseño de UI es una industria orientada a servicios (no es puramente estética, sino puramente visual), debemos servir bien a nuestros usuarios y productos. Bueno, las habilidades de comunicación nos ayudan a hacer un buen trabajo. Esto también requiere que prestemos atención a la disponibilidad de manuscritos en la interfaz de usuario.
¿Cómo se refleja la capacidad comunicativa en nuestro proceso de diseño?
A través de la comunicación con los diseñadores de productos e interacciones (ayudando a los productos a seleccionar soluciones de productos razonables e interacciones para seleccionar resultados de prototipos razonables), descubra y resuelva problemas para servir mejor a los productos y usuarios, lo que hace que el diseño sea más razonable. (razonable y bien fundamentada).
Esto también requiere que rompamos el pensamiento de diseño tradicional, expandamos nuestro alcance funcional y creemos algunos productos e interacciones, en lugar de hacer algún trabajo visual en forma de ejecución, para salir gradualmente de Nuestro embotellamiento.
Esta es la diferencia entre diseñadores comunes y diseñadores senior. El diseño realizado por diseñadores senior no solo garantiza la precisión del diseño, sino que también tiene belleza visual. El diseño está más respaldado teóricamente y tiene más valor comercial.
Entonces, para salir de nuestro cuello de botella, necesitamos hacer que el diseño sea más significativo y esté respaldado teóricamente.
Entonces, ¿cómo hacer que el diseño tenga más fundamento teórico y más valor comercial?
Esto también lleva al enfoque de la explicación del profesor Zhang Shuang: el proceso de diseño de todo el enlace.
Esta es también la dirección de desarrollo futuro de nuestro diseño de interfaz de usuario.
Con el desarrollo de la industria de la interfaz de usuario, la competencia en la industria se ha vuelto cada vez más feroz. Desde ofertas que solo conocen PS hasta la popularización de la experiencia del usuario, la industria comenzó a filtrarse en 2016-2017, y en 2018, se necesitarán talentos de diseño compuesto de enlace completo en el futuro.
¿Cuál es el proceso de diseño de todo el proceso?
Primero, echemos un vistazo al proceso de diseño tradicional.
Como se muestra en la imagen de arriba, no es difícil ver que nuestro diseño se encuentra en las etapas intermedia y tardía, lo que genera un problema, es decir, seremos relativamente cerrados al generar el manuscrito, principalmente porque no entendemos los antecedentes del producto y el prototipo interactivo. ¿Por qué está diseñado así?
Por lo tanto, no nos resulta difícil ver que el proceso de diseño tradicional hace que solo hagamos parte del trabajo de diseño de ejecución, lo que también es la razón por la que tenemos cuellos de botella.
Por lo tanto, debemos salir del proceso de diseño tradicional y diseñar gradualmente algunos productos e interacciones para ampliar nuestras funciones y desarrollarnos en la dirección de vínculos completos.
El proceso completo de diseño de enlaces se divide en los siguientes seis pasos:
Estos procesos recorren todo el diseño:
Prediseño: descubrir problemas y analizar el fondo.
Diseño: solución, verificación visual.
Después del diseño: Después del lanzamiento del producto, se realiza un seguimiento de los datos y se relanza el proyecto.
En comparación con el proceso de diseño de enlace completo, no nos resulta difícil encontrar las ventajas del proceso de diseño de enlace completo:
1. ¿Pensamiento de diseño integral?
2. Hacer que nuestro diseño sea más significativo y fundamentado.
A continuación, expliquemos los pasos del proceso completo de diseño de enlaces:
1. Problemas descubiertos y análisis de antecedentes
Descubrir problemas y analizar antecedentes son dos cosas diferentes. Son dos cosas de las que hablar juntas, porque ambas son cosas que deben hacerse antes del diseño y ambas pertenecen al análisis de los requisitos del producto. Al realizar un análisis de producto, puede mejorar el valor y la experiencia de su producto.
Entonces, ¿cómo analizamos la demanda del producto? Podemos utilizar el método de análisis de producto 5W1H.
Esto requiere que nuestros diseñadores hagan una interpretación cuando obtienen la documentación del producto, se comuniquen con el gerente de producto, realicen un análisis de antecedentes después de obtener el prototipo interactivo y seleccionen contenido más consistente en la presentación general del contenido del producto. producto.
①Antecedentes del producto:
Para analizar los antecedentes del producto, puede analizarlos desde los siguientes tres aspectos: lo que hace, los productos de la competencia y la información de la industria.
Piense en qué tipo de sentido visual les dará a los usuarios al entender qué hacer.
Piense en mantener un diseño coherente entendiendo la situación de los productos de la competencia. (Si el diseño debe ser consistente con los productos de la competencia, la consideración principal es que si los productos de la competencia tienen hábitos de usuario cultivados de manera muy madura, cuando hacemos algunos diseños de productos innovadores, debemos hacer que los usuarios sientan la misma operación. En este momento, podemos hacer Algunas innovaciones visuales e innovaciones en el diseño interactivo no requieren cambios importantes)
Al comprender la información de la industria, tenemos que pensar si es necesario hacerlo.
②Grupo objetivo:
Para analizar el grupo objetivo se puede analizar desde los siguientes tres aspectos:
La edad de una persona (en qué rango se encuentran los principales usuarios). están concentrados) ), correspondiente al diseño, ¿lo que debemos considerar son las preferencias de este grupo preciso de personas?
bLa distribución por género (relación entre hombres y mujeres) corresponde al diseño. Si hay más mujeres, ¿en lo que debemos pensar es en las preferencias de color de las mujeres?
c Las características de interés (qué te gusta en tu tiempo libre) están diseñadas en consecuencia. ¿Si te gusta leer revistas? Entonces, ¿podemos incorporar la sensación de una revista a la interfaz? Es decir, los elementos debajo de la línea se mueven en línea. ¿O dónde es más fácil para los usuarios ver anuncios?
③ Objetivos esperados:
Para analizar el grupo objetivo, se puede analizar desde los siguientes dos aspectos:
¿Qué quiere resolver A? (¿Qué problema debe resolver este requisito? ¿Qué propósito se logra? ¿Cómo hacerlo? Análisis de reproducción)
¿Existen otras opciones? (¿Existen soluciones maduras en la industria de las que debamos aprender?)
(4) Escenarios de uso:
Para comprender los escenarios de uso del usuario, podemos analizarlos desde el siguientes tres aspectos:
Un mapa de viaje interactivo: bajo esta demanda, ¿de dónde vienen los usuarios y adónde van? Es decir, ¿dónde encaja esto en el proceso de interacción? ¿Cuál es el entorno antes y después de este paso? Hacer esto puede ayudarnos a hacer que la interfaz sea razonable, es decir, el nivel de información, y ayudarnos a juzgar dónde la visión es más fuerte y dónde la visión es más débil.
bCaracterísticas de la escena:? Por ejemplo, ¿en qué entorno lo utilizan los usuarios? ¿Ambiente oscuro o luminoso? ¿Hay alguna interferencia? Esto nos ayuda a emitir juicios al usar el color. ¿Deberíamos utilizar colores claros u oscuros?
Además, es necesario hacer algunas pruebas de luz fuerte y pruebas de luz de velas después de terminar.
cPsicología del usuario. ? ¿Cuál es el estado psicológico del usuario en la escena? Por ejemplo, hagamos una página de resultados de pedidos. En este paso, el usuario está ansioso por conocer el resultado del pedido. En este momento, es necesario resaltar el estado de los resultados del usuario y mostrar bien la información para mejorar la eficiencia de lectura del usuario.
⑤Usar nodos:
Hacemos esto para evitar estar demasiado ocupado. Necesitamos conocer las prioridades del producto y crear un cronograma basado en esas prioridades. ? Entonces, ¿cómo deberíamos organizarlo? Podemos organizarlo a través del modelo Kano:
Modelo Kano: muchos de nuestros requisitos de diseño y requisitos de producto se pueden dividir en cinco dimensiones, que se basan en las expectativas del usuario para todo el producto. Como se muestra en la siguiente figura:
El orden que requerimos es el primer elemento, el segundo elemento de expectativa, el tercer elemento de atracción, el cuarto elemento de indiferencia y el quinto elemento de dirección. Esto es lo que intentamos no hacer. hacer en el proceso del producto. En este momento, debemos comunicarnos con el producto y eliminar estos puntos negativos. ?
⑥Cómo verificar:
Creo que este paso pertenece a la verificación visual y el seguimiento de datos, que se discutirán en detalle en el campo visual más adelante. ?
Lo anterior es el método de análisis de productos modular de seis pasos. Es decir, el primer y segundo paso del proceso de diseño de la cadena completa.
¿Dos? Soluciones
Debería haber muchas soluciones.
Este video tutorial menciona uno: Conceptos básicos del diseño de la interfaz: método de análisis cruzado.
Como se muestra arriba, el diseño se basa en la importancia y urgencia de cierta información a la que los usuarios prestan atención en la interfaz.
La base del juicio es: ¿Qué funciones son importantes (para los usuarios)? ¿Qué es urgente (para el producto)?
Primero enumere algunos puntos que preocupan más a los usuarios, luego realice una investigación, utilice los datos para hablar y filtre los puntos que son más importantes para los usuarios y más urgentes para el producto, y luego haga una Diseño basado en el análisis cruzado de la figura anterior.
¿Tres? Verificación visual → Verificación de diseño
En esta sección, la explicación del video dice "verificación visual", pero aquí quiero combinar varias verificaciones de diseño de UI, así que temporalmente lo llamé "verificación de diseño". Este paso se completará después de que se complete el manuscrito y antes de que esté en línea.
En la explicación del vídeo, se mencionaron dos aspectos principales de las pruebas y la verificación: pruebas de navegación de interfaz y pruebas de usabilidad.
①Prueba de navegación de interfaz
La prueba de navegación de interfaz es para probar la racionalidad del manuscrito. Hágase a usted mismo o al evaluador tres preguntas para ver si los resultados reales logran los resultados esperados:
1. ¿Qué es lo que más le atrae de esta página? Verificar que la comunicación visual tenga sentido y cumpla con las expectativas.
2. ¿Cuál crees que es la función de esta página? Vea si dicho diseño de interfaz brinda a los usuarios una percepción clara. ¿Para qué es esta página? Es solo que la transferencia de funciones no está clara.
3. Cuando utilices esta página, ¿utilizarás las funciones que proporciona? Se trata de verificar si las ventajas del producto se comunican claramente.
② Pruebas de usabilidad
Existen dos métodos para verificar la usabilidad de la interfaz de usuario: análisis de escenarios y pruebas de tareas. (Por supuesto, no solo podemos usar dos métodos para verificar la usabilidad de la UI, sino también usar estos dos métodos para mejorar la usabilidad de la UI).
Un análisis de escenario: cuando vemos un manuscrito , no podemos leerlo. Al determinar si su usabilidad es buena o no, puede utilizar el análisis de escenarios para verificar su usabilidad:
El análisis de escenarios requiere que pensemos como un detective. ¿Cómo utilizan los usuarios nuestros productos? ¿Quién, cuándo, dónde, qué?
Por ejemplo:
b? Pruebas de tareas
A través de las pruebas de tareas, podemos verificar si los usuarios entienden nuestro plan de diseño.
La prueba de tareas consiste en pedirle al usuario que complete una operación y luego verificar la reacción del usuario durante la operación para ver si se comprende nuestro diseño. ¿Cuál es la razón por la que no se entiende? Entonces, ¿cómo podemos mejorar?
Seguimiento de cuatro datos
El seguimiento de datos significa que después de lanzar el producto, analizamos el resultado del diseño desde la perspectiva de los datos.
En nuestro proceso de diseño, la mayoría de la gente tiende a ignorar este punto. De hecho, los productos se iteran constantemente. Necesitamos analizar en función de algunos datos ocultos en segundo plano, luego descubrir el problema y resolverlo. Por tanto, este tipo de análisis de seguimiento de datos sigue siendo necesario.
Cuando no hay margen de mejora en los detalles y la visión del diseño de nuestro manuscrito, todavía podemos encontrar problemas a través de los datos. Por ejemplo, tasa de salto de página, tasa de compra, etc.
Además, por ejemplo, cuando hacemos dos planes A/B, no sabemos cuál es mejor. En este momento, podemos hacer algunas pruebas A/B y luego usar algunos datos que nos proporciona el fondo para ver cuál es mejor y luego decidir cuál usar.
También puedes consultar los datos para ver si nuestra optimización del diseño ha logrado mejores resultados. Entonces, para verificar; cuantificar los resultados de nuestro diseño.
Entonces, ¿cómo entendemos los datos?
Por ejemplo: Tencent App Store.
Debido a que la explicación es más complicada, no entraré en ella aquí. Puede ver la explicación en video de "Diseño de interfaz de usuario empresarial: métodos y procesos de diseño de cadena completa" de Gao Xue.
¿Cinco? ¿Currículum del proyecto?
La revisión de proyecto, según la explicación del profesor, a mi entender, es presentar o resumir el trabajo de diseño de un proyecto que has realizado.
Podemos hablar de ello desde los siguientes cinco aspectos:
1. Finura del diseño:
Entonces, ¿cómo explicamos la finura del diseño? Puedes partir de los siguientes tres aspectos:
①Atributos de color comerciales.
②Unificación y estandarización de la amplitud del gradiente
③¿Control de la sensación respiratoria
? Me gusta el icono:?
? 2. El proceso de diseño
Es decir, contar a los demás lo que has hecho en el enlace de producto, enlace de interacción, enlace de diseño y enlace post-diseño.
Luego, resumamos también lo que se debe hacer en todo el proceso de diseño, incluido el enlace del producto, el enlace de interacción, el enlace de diseño y el enlace posterior al diseño. ?
Vea la imagen a continuación:
3. Definición de estilo
En otras palabras, al diseñar el estilo del esquema visual, el calado del avión debe optimizarse continuamente para coincidir con el tono visual del producto. ¿Cómo lograr que el borrador del diseño finalmente se ajuste al tono visual del producto? Podemos utilizar el método 5W1H mencionado anteriormente.
4. Juicio de diseño:
Antes y después de revisar un manuscrito se deben exponer claramente las ventajas de la revisión, como por ejemplo: ¿Qué se ha mejorado? ¿Qué ha cambiado? ¿Cuál es el sentimiento de los usuarios?
5. Habilidades de organización lingüística
Comparte tus logros y conocimientos con los demás.
Los cinco aspectos anteriores de la revisión de proyectos son también cinco aspectos que podemos introducir durante el proceso de entrevista o en nuestro currículum, lo que nos ayudará a saber cómo conseguir la oferta.
Escrito al final
Finalmente, espero que este artículo pueda ayudarte a superar el cuello de botella del diseño y convertirte en un experto de la industria del diseño con más de 40 años.
¡Por fin terminado! Si la escritura no es lo suficientemente buena o es incorrecta, ¡corrígeme! Debido a que este artículo cubre una gran cantidad de contenido, algunas de las opiniones son un poco generales. Si desea obtener una comprensión detallada, le recomendamos que estudie la explicación en video "Diseño de interfaz de usuario empresarial: métodos y procesos de diseño de cadena completa" de Zhang Shuang, que contiene casos. Solo quiero resumirlo y compartirlo con todos después de aprenderlo. Por mi arduo trabajo, por favor dale me gusta~