Metodología｜¿Cómo rediseñan el diseño los diseñadores?

El fin de semana, un joven preguntó en el grupo cómo rediseñar el diseño. Los mayores proporcionaron activamente algunas opiniones de referencia al joven.

Recientemente estuve trabajando en el diseño de renovación de un proyecto y pensé que podría aprender más sobre cómo los diseñadores hacen el diseño de revisión, así que se me ocurrió este artículo.

Esquema del artículo:

1. ¿Por qué debería revisarse?

2. Aclarar los objetivos de la revisión

3. Proceso de diseño

4. Resumen

01. > ¿Por qué revisar?

¿Por qué necesitamos rediseñar el diseño? ¿Es porque los propios diseñadores sienten que el estilo de diseño anterior es antiguo y la experiencia no es buena? ¿Es porque queremos revisarlo subjetivamente? ¿O todo el equipo quiere revisarlo? ¿Hay algún dato o comentario de los usuarios que nos indique que necesitamos revisar la versión? Si es lo último, entonces nuestra revisión es muy fácil, porque todo el equipo lo hace, desde el producto hasta la interacción y el diseño, y solo somos responsables de una parte, si es lo primero, son los diseñadores quienes impulsan todo; Producto en sí. La revisión es un poco laboriosa y difícil.

Definitivamente hicimos la revisión porque descubrimos que hay algunos problemas con la versión actual. Antes de realizar la revisión del diseño, debemos comunicarnos con nuestros líderes y colegas por qué queremos revisarlo y qué problemas tiene la versión actual en términos de experiencia, imágenes, marca, etc. Comprender los motivos de la revisión e identificar los problemas actuales ayudará a aclarar nuestros objetivos de revisión en el futuro.

Si el diseñador toma la iniciativa de hacer el diseño de revisión, entonces es aún más importante decirles a los demás por qué quiero revisarlo. Hacer un inventario de la situación actual y definir el problema. No seas tan impulsivo como para querer cambiar la versión subjetivamente. El estudiante junior dijo que quería revisar la versión porque el estilo anterior era antiguo y la experiencia operativa no era buena. Puede comunicarse primero con sus colegas y líderes. Es posible que sus colegas y líderes hayan notado los problemas que mencionó, entonces, ¿por qué no se ha revisado? Tal vez haya una determinada razón, si se comunica con sus líderes y colegas y siente que es hora de revisar, entonces es muy probable que un grupo de personas lo haga y entonces el proceso de revisión será más fácil.

02?

Aclarar los objetivos de la revisión

Es muy importante aclarar los objetivos de la revisión. Sólo después de que los objetivos estén claros podremos. tener una dirección en el diseño posterior. Resolver los problemas existentes en nuestra versión actual de manera ordenada y tranquila.

Aclare el alcance de la revisión

¿Nuestra revisión esta vez es solo un cambio en una página o un proceso, o todo el producto está pasando por una revisión importante? ¿La interacción y las imágenes se renuevan juntas o es solo una mejora visual? Necesitamos evaluar de antemano la viabilidad de nuestra revisión, como la dificultad de implementación, el ciclo de desarrollo y otras cuestiones. Si se trata de un cambio importante, también debemos comunicarnos con el equipo con anticipación. Necesitamos tener un plan aproximado y expectativas para la revisión, realizar una evaluación de riesgos y evitar algunos problemas por adelantado.

Indicadores de datos medibles

Necesitamos definir claramente qué objetivos queremos alcanzar con esta revisión. ¿Es para mejorar la experiencia del usuario? ¿O una mejora visual? No importa cuál sea el objetivo, podemos "cuantificarlo". Por ejemplo, el objetivo de la revisión puede ser aumentar la tasa de clics, la tasa de conversión o la satisfacción, etc. Establecer indicadores de medición clave puede garantizar que nuestros objetivos para esta revisión sean claros. Posteriormente, también podemos utilizar estos indicadores de datos clave para probar los resultados de la revisión.

03?

Proceso de diseño

Después de aclarar las razones y objetivos de la revisión, realizaremos una exploración de estilo y planificaremos el resultado. El proceso de diseño de revisión gira principalmente en torno a las "Cinco dimensiones del diseño" y derivamos nuestras soluciones paso a paso en función de los problemas del status quo actual.

El proceso de diseño se puede dividir a grandes rasgos en los siguientes pasos:

01. Análisis de productos de la competencia y tendencias de diseño

Podemos echar un vistazo a cómo se fabrican nuestros productos de la competencia y qué es su estilo visual? ¿Qué es el lenguaje visual? Pensar de qué puntos podemos aprender y qué puntos son dignos de nuestra atención, optimización y mejora... Pensar ¿cuáles son nuestras diferencias y competitividad?

Como diseñador, es esencial investigar y analizar las tendencias de diseño, como los ahora populares pseudovidrio, luz y gradientes fluidos. Puedes pensar en qué tendencias de diseño se pueden incorporar a nuestro diseño rediseñado. . adentro, aportando nueva inspiración e inspiración a la dirección del estilo visual general.

02. Hacer un tablero emocional

En la etapa de exploración visual, necesitamos desarrollar un tablero emocional que pueda concretar gradualmente sentimientos abstractos y ayudar a los diseñadores a producir soluciones. (Para conocer métodos detallados para crear paneles de estado de ánimo, vaya a "Metodología | Definición objetiva de estilo visual - Paneles de estado de ánimo")

El método para crear paneles de estado de ánimo se puede dividir simplemente en los siguientes pasos:

1) Aclare las palabras clave principales

Las palabras clave principales pueden ser palabras clave relacionadas con funciones comerciales o palabras clave relacionadas con emociones y personalidad. Podemos discutir nuestras palabras clave con productos y otros colegas de diseño en función de nuestros objetivos de revisión. Generalmente no hay más de 3 palabras clave.

2) Mapeo de palabras clave

Utilice nuestras palabras clave para mapear los tres aspectos de visión, estado de ánimo y materialización para derivar más palabras clave. Además de realizar una lluvia de ideas dentro del equipo, este paso también puede realizar entrevistas a los usuarios. Las palabras clave derivadas pueden ser abstractas o concretas.

Por ejemplo, si nuestra palabra clave principal 1 es joven, entonces podemos derivar las siguientes palabras clave:

Mapeo visual: alta saturación, colores contrastantes, gráficos irregulares...

Mapeo de estados de ánimo: enérgico, exagerado, dinámico, novedoso, entusiasta, abierto, diverso...

Mapeo de materialización: marcas de moda, skate, hip-hop, bidimensional, uniformes escolares, lienzos zapatos...

3) Recopilar imágenes relacionadas con palabras clave

Es muy importante recopilar imágenes. Este paso es nuestra transformación de lo abstracto a lo concreto. En cuanto a la recopilación de imágenes, podemos recopilarlas desde tres dimensiones: personas, cosas y cosas en función de palabras clave. Cuanto mayor sea la calidad de las imágenes recopiladas, más útiles serán para nuestra posterior transformación visual.

4) Extraer estilo visual

Basándonos en los materiales gráficos recopilados anteriormente, extrajimos las cinco dimensiones de forma, color, palabra, estructura y calidad que son consistentes con las características de nuestro producto o dirección de revisión. Los elementos visuales se aplicarán a nuestro diseño de esquema posterior.

03. Planificar el resultado

El diseñador implementa el estilo visual de la página principal en función de los objetivos de diseño anteriores y el panel de estado de ánimo. El moodboard nos da una dirección de estilo general. También requiere que los diseñadores combinen su creatividad con los productos. Nos exige diversificar nuestro pensamiento y producir diferentes soluciones de diseño. Podemos combinar los elementos visuales extraídos del mood board con nuestra creatividad para encontrar múltiples soluciones (no se recomiendan más de 3. En este paso, exploramos principalmente soluciones de diseño factibles. Después de todo, es difícil hacerlo bien). en un solo paso de. Pero hay que prestar atención al hecho de que el plan de producción debe ser diferenciado. (Cuando produzco un plan, lo divido en un plan principal y dos planes auxiliares. La atención se centra en el diseño del plan principal. El plan auxiliar será bastante diferente del plan principal).

Al producir un plan de diseño, debemos alinear nuestros objetivos de diseño, que es el objetivo de nuestra revisión. ¿Resolvimos el problema anterior haciendo esto? ¿Puedes ayudarnos a lograr nuestros objetivos de revisión? Cuantos más diseñadores participen en la etapa de producción del plan, más planes habrá y será más fácil idear planes de diseño diferenciados y crear diferentes chispas.

04. Obtenga comentarios

Después de que tengamos de 1 a 3 soluciones, necesitamos que el equipo o los usuarios evalúen las soluciones y obtengan las opiniones de todos sobre qué solución debe ajustarse. lo mejor... Podemos optimizar nuestra solución a través de entrevistas a usuarios, encuestas de preferencias de los usuarios, etc. Si es difícil contactar a los usuarios, entonces podemos evaluar soluciones internas y pedir opiniones a los líderes y equipos, etc.

Según la experiencia, los aspectos más destacados del diseño de cada plan generalmente se integran jajaja~

05. Resultado final del plan

Con base en los comentarios anteriores, necesitamos integrar, optimizar y producir el resultado final. versión del plan de diseño. Luego desarrolle especificaciones de diseño basadas en la página principal para ampliar el diseño de otras páginas.

06. Verificación del diseño

Cuando se completa la revisión de la página, podemos realizar pruebas A/B para probar los resultados de nuestra revisión a través de los indicadores de datos medibles que desarrollamos en la etapa inicial. A través de datos y voces de usuarios, evaluaremos exhaustivamente nuestro diseño revisado y luego lo mejoraremos y optimizaremos continuamente.

Resumen

Los diseñadores deben definir claramente los objetivos de la revisión al realizar el diseño de revisión, explorar nuestras soluciones de diseño paso a paso en torno a los objetivos y resolver los problemas existentes de la versión actual. para lograr el propósito de la revisión y hacer algo significativo. El diseño revisado.

La forma en que los diseñadores realizan el diseño de revisión se puede resumir en estos 7 pasos:

1. Comprender la situación actual y hacer un balance de los problemas (por qué es necesaria la revisión)

2. Aclarar los objetivos de la revisión

3. Desarrollar una versión emocional

4. Planificar el resultado

5. Obtener retroalimentación

6. Optimizar Producir el plan de diseño final

7. Verificación del diseño

Lo anterior es un resumen de algunos de mis pensamientos y métodos sobre cómo los diseñadores revisan el diseño. Bienvenidos a todos. para darme tu consejo ~ # número anterior buen artículo ¿Recomendado #?

Especificaciones de color | Cómo construir científicamente un sistema de color de interfaz de usuario

Recursos de diseño publicados Materiales de diseño de alta calidad

Reglas de diseño | Estrategia de diseño inclusivo