Categorías
UI design

Top 24 carteras Web Developer para Obtener inspiraciones (2019 Actualizado)

 Resumen

rápida:

Diseño traspaso tiene lugar cuando los diseñadores terminar la obra y la necesidad de ofrecer resultados a los desarrolladores. El objetivo final de traspaso de diseño es minimizar las conjeturas y mejorar la eficacia del proceso de diseño. Aquí están 7 cosas que los diseñadores pueden hacer para que el traspaso lo más suave posible:

  • Establecer una comunicación eficaz
  • Prepare una lista de control de transferencia
  • Prepare activos de alta calidad
  • automatizar el proceso de traspaso usando herramientas especiales
  • Diseño de borde Describir casos
  • complejos efectos animados en detalles
  • programar una reunión para el traspaso

1. Establecer una comunicación efectiva

las relaciones entre el equipo de diseño e ingeniería desempeñar un papel vital en el éxito del proyecto. Muchos equipos de producto hacen que el mismo error – se aíslan los equipos de diseño y desarrollo. Como resultado, los dos equipos trabajan de forma independiente, y la transferencia de diseño es el único momento durante el proceso de diseño en el que los intercambios del equipo la información.

Esta decisión rara vez tiene un resultado positivo. Por lo general, conduce a ciclos de retroalimentación adicionales entre los desarrolladores y diseñadores.

La preparación para el traspaso de diseño debe comenzar mucho antes del traspaso real; esto debe ocurrir en el principio de todo el proceso de diseño. Es vital para obtener los desarrolladores que participan en el proceso inicial de diseño.

no diseño independiente de la implementación

Un diseñador de producto debe compartir diseños temprano y con frecuencia con los desarrolladores. Para hacer que la colaboración productiva, es importante establecer puntos de control – los acontecimientos que ocurren durante el diseño de productos, donde los diseñadores y desarrolladores se reúnen entre sí para discutir el diseño.

Consejo: Siempre trate de comunicarse en persona. Estas sesiones le ayudará a construir un mejor nivel de confianza.

Práctica colaboración en tiempo real

de vital importancia para los diseñadores para entender las posibilidades y limitaciones de la tecnología que están trabajando con él. Sin esta comprensión, hay una alta probabilidad de que una solución propuesta por los diseñadores no son técnicamente viables.

del posible para conseguir este entendimiento mediante la participación de los desarrolladores en el proceso de diseño de interacción. Puede ser especialmente beneficioso cuando los diseñadores de trabajo en una aplicación compleja estados tales como transiciones animadas. Los diseñadores pueden consultar a los desarrolladores que trabajarán en el proyecto de entender si algo es fácil de implementar o no.

2. Preparar una lista de control de transferencia

Al igual que en cualquier otro proceso, mejor traspaso se organiza, el resultado final será mejor. Es evidente que sería un error de preguntar a los diseñadores a memorizar todos los artefactos que necesitan para proporcionar a los desarrolladores. Los gerentes de proyecto deben preparar una lista de verificación – una lista de artefactos de diseño necesarios para el traspaso. Esta lista debe ser presentada como una tarea en una herramienta de gestión de tareas. Cada vez que hacen una transferencia diseños, que debe ir a través de esa lista.

3. Preparar activos de alta calidad

Definir las convenciones de nomenclatura

Independientemente del proyecto de diseño, la convención de nomenclatura desempeña un papel fundamental en la organización de una estructura de proyecto. Convenciones de nombres propios ayudar a los desarrolladores para navegar por los archivos y evitar de tener duplicados.

Mockplus en primavera 2020 – ¡Hasta un 34% OFF

Para cada proyecto de diseño en el trabajo en equipo, debe haber una forma estándar de nombrar archivos, elementos y capas de etiquetado. convenciones de nomenclatura correctas reducen las preguntas y hacen que el proceso de transferencia mucho más predecible.

Consejos:

  • Cuando se trata de nombrar los archivos, no incluyen ningún tipo de control de versiones en el nombre del archivo. El nombre de la pantalla, simplemente debe describir su función. No debería ser “Buscar pantalla nueva ver 24.png”. Debería ser simplemente “Search.png”
  • Uso carcasa consistente al nombrar a sus pantallas. Seleccione la carcasa de fundición -‘Sentence,’‘carcasa inferior’o algo más – y utilizarlo para todas las pantallas que el diseño.

Compartir un flujo, no una colección de pantallas independientes

Muchos diseñadores creen que es suficiente para compartir con los desarrolladores de burla estáticas. En la realidad, sin ver una conexión entre pantallas, podría ser difícil de entender la relación entre las pantallas.

Por eso es tan importante para proporcionar el diseño como un flujo – pantallas esenciales debe conectarse entre sí. Este enfoque también es beneficioso para los diseñadores. Cuando los diseñadores preparan un flujo para el traspaso, que les ayuda a revelar los pasos que faltan o casos extremos.

Consejo: Se recomienda crear un tutorial bastante vídeo en el que un diseñador explica viaje usuario.

4. Automatizar el proceso de traspaso usando herramientas especiales

En los viejos días, los diseñadores tenía un tiempo difícil la exportación de todos los elementos necesarios para los desarrolladores. Ellos tienen que preparar manualmente un archivo con todos los elementos necesarios y enviarlo a los desarrolladores. No sólo eso tomó mucho tiempo, pero también algunos detalles esenciales pueden ser fácilmente olvidado. La situación empeoró cuando el diseño requerido refinamiento y diseñadores tuvieron que repetir todo el procedimiento de nuevo.

Con suerte, la situación ha cambiado recientemente. Mockplus iDoc permiten a los diseñadores traspaso de diseño de automatizar. Es posible diseñar el derecho de exportación desde el boceto, Photoshop o Adobe XD y ver la especificación prepara automáticamente. Crear prototipos interactivos y animados. Hacer una colaboración de diseño más sencillo.

Características:

1. No más Así Especificaciones manualmente

Subir diseña un clic, generar especificaciones inteligentemente, y ver las especificaciones de datos con simple clic del ratón;

Ver detalla datos de la capa en el panel lateral derecho.

2. No más de corte capas Rebanadas manualmente

Marcar para la exportación en un solo clic, y la generación de rebanadas de alta definición de forma automática;

Subir automáticamente y las rebanadas de actualización en la web en tiempo real.

3. Construir de su equipo de diseño Styleguide

automáticamente recopilar y organizar proyectos y recursos de su equipo, como componentes, colores, estilos de texto, a una guía de estilo fácil de mantener.

4. Hi-Fi prototipo interactivo

sin esfuerzo transformar sus archivos de diseño estáticos en prototipos de trabajo en un solo clic. IDOC proporciona 9 animaciones de transición y el apoyo de salto automático y configuración del área fija.

Para conocer más funciones iDoc: https://idoc.mockplus.com/download/ps

Mockplus iDoc, conecta el flujo de trabajo completo Producto Diseño

Comienza GRATIS

5. Diseño para casos extremos

Los diseñadores siempre diseño el estado ideal de un producto – cuando un producto funciona excelente, y los usuarios no cometer ningún error. Rara vez sucede en el archivo real. Pero es una situación bastante común cuando los estados vacíos y los casos de error son creados por los desarrolladores sólo porque el equipo de diseño no pensaba en ellos.

Para ofrecer un buen diseño, los diseñadores siempre debe tener estados vacíos y estados de error para las pantallas en sus listas de comprobación. Diseñar para casos extremos, no sólo a facilitar la vida de los desarrolladores, sino que también conduce a una mejor experiencia de usuario para los usuarios.

6. Describe los efectos animados complejos en los detalles de animación funcional

juega un papel vital en experiencias digitales modernas. Cuando se utiliza correctamente, la animación puede describir la relación entre las pantallas, notificar al usuario sobre el estado actual de la experiencia o incluso las delicias de los usuarios con los efectos visuales. Pero para que esto ocurra animación debe ser diseñado e implementado correctamente.

Incluso cuando una animación está diseñado perfectamente en un prototipo, esto no garantiza que el mismo nivel de calidad será en un producto final. ¿Por qué? Debido a los diseñadores crear la animación en una herramienta de diseño especial (como Adobe After Effects) y los desarrolladores tendrán que código usando un conjunto completamente diferente de herramientas (como Apple XCode). Las herramientas de diseño proporcionan sólo visuales, y cuando los desarrolladores no tienen suficiente información sobre el efecto de dibujos animados (por ejemplo, el tipo de animación, horarios, etc.), ya sea que necesitan para llegar a los diseñadores de esta información o para ponerlo en práctica sobre la base de su propia experiencia .

Para facilitar la vida de los desarrolladores, diseñadores responsables de efecto de animación debe describir el efecto de una especificación en detalles tan pronto como terminen el trabajo. La información que proporcionan ayudará a los desarrolladores para codificar las animaciones.

7. Planificar una reunión para el traspaso

Si preguntas a los diseñadores a imaginar un traspaso de diseño ideal, muy probablemente van a describir un caso cuando simplemente mano sobre el diseño de píxel perfecto y los desarrolladores que pone en código sin pedir ninguna pregunta. Por desgracia, que rara vez ocurre en la vida real. En la mayoría de los casos, los desarrolladores necesitarán alguna explicación. Es por eso que el traspaso de diseño es mucho más que el envío de los artefactos de diseño para el equipo de desarrollo.

Después de desarrolladores reciben todos los artefactos necesarios, los diseñadores deben llegar a los desarrolladores para repasar los diseños. Los diseñadores deben programar una reunión con los desarrolladores. Una reunión será una excelente oportunidad para que los diseñadores describen detalles y aclarar algunas decisiones de diseño.

Conclusión

mayoría de los diseñadores saben lo importante que es la empatía de un buen diseño. La capacidad de identificarse a los usuarios es lo que separa a los buenos diseñadores de malos diseñadores. Pero ser un gran diseñador le requiere ser empático no sólo a los usuarios sino a las personas que trabajan con los desarrolladores -. Y traspaso de diseño es una de las maneras más fáciles de demostrar empatía hacia el equipo de ingeniería.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *