jueves, 22 de febrero de 2018

Un Mejor UX a Través de Microinteracciones

Un Mejor UX a Través de Microinteracciones


Al diseñar un producto, existen muchas formas de mejorar la experiencia del usuario, incluyendo la definición de personajes, la arquitectura de la información bien estructurada y el contenido cuidadosamente escrito. Pero después de establecer esta estructura de alto nivel, crear deleite para un usuario se produce en la interacción más pequeña detalles de diseño.
Estos detalles, conocidos como microinteracciones, son momentos individuales en el producto diseñados para llevar a cabo una tarea única mientras se mejora el flujo natural del producto. Deslizar hacia arriba para actualizar los datos, darle me gusta al contenido o cambiar una configuración son todas microinteracciones. También pueden incluir animaciones UI simples—por ejemplo, la forma en que un menú se desliza cuando se toca o una tarjeta se rueda fuera de la pantalla cuando se desliza.
Con frecuencia, el usuario no nota conscientemente las interacciones microscópicas pero sus detalles sutiles hacen que el producto sea más agradable y más fácil de usar y, por lo tanto, mejora la experiencia del usuario.

Beneficios de Microinteracciones

Las microinteracciones y la animación de UI son tan cruciales que pueden hacer o deshacer un diseño—o como Charles Eames, del diseño de muebles y la fama de la arquitectura, dijo:
“Los detalles no son los detalles. Ellos hacen el diseño.”
microinteracción de desplazamiento
Microinteracción de desplazamiento con contactos (por Nikita Duhovny)
Algunos beneficios clave de incorporar microinteracciones en un producto son:
  • Crear un efecto emocional positivo en el usuario debido a interacciones de UI más suaves
  • Proporcionar comentarios inmediatos al usuario en función de las acciones que han tomado
  • Guiar al usuario a través de una aplicación de una manera más fluida e intuitiva
  • Animar a los usuarios a interactuar con una aplicación respondiendo a una notificación o compartiendo contenido
  • Prevención de errores de usuario

Mejores Prácticas de Diseño de Microinteracción

Ahora que hemos establecido una cierta definición y contexto en torno a lo que hacen las microinteracciones, y dado un ejemplo de cómo mejoran la experiencia del usuario, analicemos las mejores prácticas para crear microinteracciones.
microinteracción de comercio electrónico
Microinteracción de selección de color de producto de comercio electrónico (por Mykolas Puodžiūnas)

Identificar y Comprender el Problema del Usuario

La primera regla en cualquier diseño de experiencia del usuario es descubrir y comprender los problemas del usuario—y no es diferente para las microinteracciones. La mejor manera de entender lo que el usuario necesita es realizar encuestas o entrevistas u observar el comportamiento a través de la investigación del usuario. El Diseñador de Toptal Ivan Annikov profundiza sobre la comprensión de las necesidades del usuario en su artículo “Going Guerrilla: Affordable UX Research Tips and Alternatives.”

Mantén las Microinteracciones Naturales

El objetivo es cerrar la brecha entre el usuario y un producto de forma intuitiva y natural, por lo que debes evitar animaciones extrañas que tarden demasiado en cargarse o distraigan al usuario. En cambio, crea diseños que fluyan sin problemas con el producto. La sutileza es clave en microinteracciones. No dejes perplejo al usuario y que piense: “¿Qué fue eso?”
Patrón UX de Microinteracción de Comercio Electrónico
Una microinteracción de comercio electrónico que agrega un producto al carrito de compras (por Elior Helose)

Prueba e Itera los Resultados de las Pruebas de Usuario

Incluso los diseñadores con experiencia raramente obtienen diseños completamente correctos en el primer intento. Es por eso que usar un proceso de prueba del usuario y el diseño iterativo es una forma simple de reducir los defectos de usabilidad antes del lanzamiento del producto.
Durante la fase de prueba del usuario, las microinteracciones se prueban y analizan para su uso y se revisan durante la siguiente fase de diseño. Este proceso se repite hasta que se corrijan los problemas de usabilidad y los puntos débiles.

Sigue la Estructura de Microinteracciones

Según Dan Saffer, un Diseñador de Producto de Personal Ejecutivo en Twitter y autor de “Microinteracciones: Diseñando con Detalles,”hay cuatro partes de una microinteracción.
  1. Disparador — Un disparador inicia las microinteracciones. Un tipo de disparador es un interruptor de palanca que enciende y apaga una funcionalidad.
  2. Reglas — Una regla determina cómo una microinteracción responde a un desencadenante y define lo que sucede durante la interacción. Por ejemplo, una aplicación de linterna utiliza un botón como el disparador que enciende y apaga la luz.
  3. Retroalimentación — La retroalimentación le dice al usuario qué está sucediendo durante la microinteracción. Un ejemplo de retroalimentación es un formulario de registro con validación en línea—un color de borde se vuelve verde si el campo se rellena correctamente y se vuelve rojo si algo es incorrecto. De esta forma, el usuario sabe instantáneamente que algo está bien o mal.
  4. Bucles y Modos — Los bucles y modos definen las meta-reglas de la microinteracción y cómo la microinteracción cambia cuando se usa repetidamente. Por ejemplo, en el comercio electrónico, un botón “Comprar ahora” podría cambiar a “Comprar otro” cuando el usuario haya comprado el artículo antes.
patrón ux de microinteracción de solicitud de amistad
Una microinteracción para responder a solicitudes de amistad (por Erdenebaatar)

Deconstruyendo el Diseño de Microinteracción

Para mostrar el proceso de pensamiento detrás del diseño de microinteracciones, vamos a deconstruir una microinteracción Google: la microinteracción de sugerencia de nombre de archivo en Google Docs.
Esta microinteracción toma la primera línea de un documento y sugiere esa parte del texto como el nombre del documento, haciendo que el proceso de creación del nombre sea más intuitivo.
Microinteracción de Sugerencia de nombre de archivo de Google Docs
Sugerencia de nombre de archivo de Google Docs
El proceso de diseño de una microinteracción es el mismo que para cualquier tarea de diseño: identificar el punto de dolor del usuario y solucionarlo. Si bien tenemos en cuenta las mejores prácticas anteriores, comencemos a identificar el problema.

El Problema del Usuario

Una manera fácil e intuitiva de mantener los documentos organizados es simplemente nombrarlos descriptivamente. En la mayoría de los editores de texto, el campo “Nombra tu documento” permanece en blanco, aunque existe una gran posibilidad de que el nombre del archivo se correlacione finalmente con el contenido del documento. Este es un proceso que vale la pena abordar con una microinteracción.

La Solución de Google

Google Docs maneja esto de dos maneras, dependiendo de las opciones del usuario: 1) Los usuarios pueden hacer clic en el campo de nombre y cambiar el nombre del documento inmediatamente antes de escribir cualquier contenido y cambiar “Documento sin título” al nombre de tu elección o 2) Una vez que un usuario escribe la primera línea de texto, Google lo auto-pobla como el nombre del documento. El usuario puede mantener esto tal como está o cambiarlo.
Examinemos los detalles:

Disparadores

Podría haber algunos posibles desencadenantes para nombrar el documento utilizando la función del menú Archivo > Guardar como o pulsando cmd+s en una Mac (ctrl+s en Windows) en el teclado como en las aplicaciones de escritorio. Pero ninguno de estos aprovecha la naturaleza interactiva de la web y no mejoran particularmente el flujo de usuarios.
En cambio, el principal disparador de Google Docs es simplemente hacer clic en el campo del nombre del documento. El estado de desplazamiento sobre el campo muestra una información sobre herramientas “Cambiar nombre”. El disparador secundario es Archivo > Renombrar, que resalta el campo de entrada de nombre.
Microinteracción de la descripción emergente "Renombrar" de Google Docs
Google Docs usa una descripción emergente muy simple pero útil.

Reglas

Las reglas definen lo que sucede después de hacer clic en el desencadenador. En este caso, la primera línea de texto aparecerá como el nombre del documento. Pero ¿y si el usuario no quiere tener la primera línea de texto como nombre? Cuando el usuario hace clic en el campo de entrada de nombre, se selecciona todo el texto y se eliminará con cualquier combinación de teclas, lo que facilita al usuario crear un nuevo nombre.
Microinteracción de nombre de archivo resaltado de Google Docs
Google Docs resalta el nombre del documento, lo que le permitirá al usuario comenzar a crear de inmediato uno nuevo.

Retroalimentación

Cambiar el color del borde del campo de entrada es un patrón de interacción común y es lo que Google Docs usa aquí para brindar al usuario comentarios inmediatos.
Microinteracción de borde activo de Google Docs
Cambiar el color del borde le permite al usuario saber qué están cambiando.
Like what you're reading?
Get the latest updates first.
No spam. Just great design posts.

Bucles y Modos

El usuario creó correctamente el nombre del documento y el activador permanece en su lugar con una diferencia de clave: el documento ahora ha sido nombrado.
En este punto, el usuario sólo querrá cambiar unas pocas letras o agregar una fecha al nombre en lugar de cambiar el nombre completo que definió previamente. En este caso, a diferencia de la regla anterior, la regla para resaltar todo el nombre del documento está deshabilitada.
Microinteracción de después de que el nombre ha sido configurado de Google Docs
Google Docs no resalta el nombre después de haberlo configurado.

Resultado

Después de definir el problema y enfocarse en las cuatro partes de una microinteracción, el resultado es una experiencia más natural y fácil de usar. La solución de nombres de archivos de Google Docs ayuda al usuario a mantenerse organizado con los archivos correctamente nombrados, al igual que simplifica el proceso de nomenclatura de los documentos.

Microinteracciones en Acción: Ejemplos del Mundo Real

Reordenando una Lista de Tareas

Recordatorios de Apple iOS ayuda a los usuarios a mantenerse organizados y elimina varios pasos permitiéndoles tocar, mantener y arrastrar un elemento de la lista para cambiar su lugar en el orden de la lista.
Microinteracción de Reordenación de listas de recordatorios de iOS
Cambiar el orden de los elementos de la lista es tan simple como arrastrar y soltar.

Reaccionando a Publicaciones en Redes Sociales

Dar “Me gusta” a contenido al hacer clic en el botón o ícono de los pulgares arriba se ha convertido en un patrón de diseño de UX común en muchas aplicaciones y sitios web. Facebook está construido sobre esta interacción mediante la adición de múltiples opciones más allá de “me gusta” a través de una microinteracción sutil.
Microinteracción de Reacciones de Facebook
La colección de Reacciones de Facebook incluye Me Gusta, Me Encanta, Me Divierte, Me Sorprende, Me Entristece y Me Molesta. (por Seth Eckert)

Destacado de Texto de Marca

En la mayoría de los buscadores, es posible anular el color predeterminado de selección de texto. IKEA utiliza este patrón de interacción para agregar un detalle de marca sutil resaltando el texto en sus icónicos colores amarillo y azul.
Texto resaltado de IKEA
IKEA resalta texto en los colores de su marca, amarillo y azul.

Compartir tu Locación

Google Hangouts asume que una de las veces que un usuario desea compartir su ubicación es cuando alguien envía un mensaje de texto “¿Dónde estás?”
Cuando el usuario ve este mensaje, aparece el botón “Compartir su ubicación” como una opción contextual. Luego pueden tocar ese botón para enviar automáticamente un mapa de su ubicación al otro usuario.
Google Hangouts compartiendo tu locación
Compartir tu ubicación con solo un toque (por TechCrunch).

Deslizando hacia Seleccionar

Las interacciones de micro se pueden usar para responder preguntas simples de sí o no en una aplicación. Tinder hace esto haciendo que el usuario deslice hacia la izquierda o hacia la derecha (no/sí) dependiendo de si les gusta o no les gusta su posible coincidencia.
Gesto deslizante de Tinder
Una microinteracción de UI en movimiento: desliza el dedo hacia la izquierda para no, hacia la derecha para sí en Tinder.

Expansión de Búsqueda

La aplicación de Bandeja de entrada de Googleno sólo agrupa paquetes de correo de forma inteligente, también está diseñada para permitir la búsqueda por voz o elegir entre los contactos más recientes con un solo toque.
Microinteracción de Expansión de la búsqueda en la bandeja de entrada de Google
La aplicación bandeja de entradapermite a los usuarios buscar correos electrónicos de sus contactos más recientes con una microinteracción reflexiva.

Agregando Velocidad a la Información de Contacto de un Amigo

SeatGeek simplifica el proceso de llenado de formularios rellenando automáticamente la información de los contactos de un usuario con un toque del botón “Agregar desde Contactos”.
Microinteracción del botón de "Agregar desde contactos" de SeatGeek
Cuando el amigo de un usuario ya está en sus contactos, puede agregarlos fácilmente a una aplicación con un simple toque.

Aprende más Sobre Microinteracciones

Las microinteracciones son una parte clave para mejorar la experiencia del usuario y hay muchos recursos disponibles para aprender más sobre ellos, algunos de los cuales se enumeran a continuación.
Para obtener más información acerca de las microinteracciones en general, visita Microinteracciones, el sitio web creado como un acompañante para el libro mencionado anteriormente “Microinteracciones: diseñando con detalles” por Dan Saffer. En el sitio hay explicaciones detalladas de microinteracciones, así como información sobre el origen de microinteracciones bien conocidas, como autocorrección, autocompletar y cortar y pegar. El primer capítulo del libro también está disponible como descarga gratuita.
Para inspiración de microinteracción, visita Little Big Details, una colección curada de microinteracciones en productos digitales. Muestra ejemplos de cómo les gusta a las empresas AppleTrello, y StackOverflowimplementan microinteracciones y animación UI.
El articulo original lo puede ver en el siguiente enlace.


viernes, 9 de febrero de 2018

Cómo Navegar Efectivamente Los Egos en el Diseño

Cómo Navegar Efectivamente Los Egos en el Diseño


Considera grandes maravillas de la civilización humana desde las Grandes Pirámides hasta Snapchat. Las extraordinarias hazañas de ingenio requieren visión, ambición y, sobre todo, colaboración. Y puede estar seguro de que en cualquier empresa creativa importante, abundan los egos, imagínese tratar de colaborar con figuras más grandes que la vida como Thomas Edison o Steve Jobs o Kanye West.
Los innovadores y los soñadores con grandes ideas requieren equipos de creadores posiblemente menos conocidos para hacerlos realidad. Un elemento que separa los ejemplos exitosos de los fracasos desconocidos relegados al basurero de la historia es el manejo efectivo del yo.
Al trabajar en cualquier proyecto de diseño, ya sea que tú sea el único diseñador que trabaja para un cliente o colabora en un equipo regularmente, significa poner en práctica las habilidades de tu personal. La mayoría de las personas con las que trabajarás en diseño serán jugadores de equipo dispuestos a participar, escuchar, contribuir y colaborar de manera efectiva para crear algo sorprendente. Y todos pueden tener un mal día aquí y allá — ¡todos lo hacemos!
Los emprendimientos creativos y emprendedores son provocados y avanzados por todo tipo de personajes, eso es lo que los hace interesantes, pero ¿quién no ha visto muchos proyectos prometedores obstaculizados por personalidades y actitudes inflexibles?
Las asignaciones remotas pueden ser especialmente difíciles en este sentido. Puede que trabajes solo con un único cliente, o como uno de los pocos diseñadores/desarrolladores que llevan sombreros de cada uno. Puedes estar trabajando en diferentes zonas horarias, lo que puede hacer que sea difícil realizar conferencias en tiempo real, y ralentiza el ritmo, y es posible que no tengas el lujo de contar con un gerente de proyecto dedicado para asegurarte de que todos traten el mismo carro.
Cualquiera que sea la situación, para garantizar el resultado óptimo para tu proyecto, debes equilibrar tus responsabilidades técnicas mientras juegas el papel de administrador del ego. Como diseñador, tú eres responsable de gestionarlos (y también a ti mismo) y no hay excusas para tus decisiones de diseño: el usuario es el rey, no un cliente o tu compañero de equipo.
Aprende a navegar en estas aguas difíciles con gracia y profesionalismo y crecerás como diseñador y como ser humano.

I. Comunes Egos Monstruosos

Cada proyecto es una colaboración creativa entre múltiples seres humanos que aprovechan sus habilidades y experiencia únicas para avanzar hacia la meta. Es bastante comprensible que cualquiera de estos expertos tenga una diferencia de opinión o estilo informados por su propia experiencia. La tensión creativa saludable puede unir dos o más cerebros diversos para resolver una gran solución a través del conflicto. A veces, sin embargo, personalidades fuertes pueden sacudir el barco con demasiada fuerza.
Cuidado con estos monstruos ego comunes:

EL CLIENTE REY - ¡Mi camino o la carretera!

Como profesional del diseño, es tu trabajo analizar un problema particular que necesita solución y proponer soluciones. Lo basas en tu propia experiencia para aplicarla hacia la búsqueda del diseño óptimo para presentar a tu cliente. Si bien le agradecemos los comentarios constructivos y las revisiones iterativas, esperas un nivel de confianza en tu experiencia, que ty solución y la lógica detrás de esto se considerarán cuidadosamente.
Sin embargo, de vez en cuando se encontrará con un cliente o gerente de proyecto que simplemente espera que haga lo que te dicen. Este tipo de cliente tiene una idea clara, a veces inmutable, de lo que quieren que sean los diseños y están seguros de que tienen la mejor respuesta para cada problema de diseño.
Gestión del ego de clientes que tienen grandes egos
Entonces, ¿qué importa si un amplio precedente de investigación y diseño respalda tu diseño de formulario simple?— Tu cliente sabe que los usuarios desean proporcionar información profundamente personal a través de 15 campos de formulario para suscribirse a su boletín de noticias. ¿A quién le importa si has probado una docena de diseños de UI para la aplicación móvil?— el cliente prefierecontroles rotacionales en la pantalla de configuración.
Este tipo de circunstancia a menudo se denomina una situación HiPPO (Opinión de la persona con mayor remuneración), y puede ser particularmente difícil de manejar. El Cliente Rey “gobierna” un proyecto, emitiendo comentarios en forma de decretos y mandatos. Esta especie de gran monstruo del ego se ve a sí mismo como la única fuente de inspiración y se resistirá a las contrapropuestas, incluso cuando esté respaldado con datos.
Como diseñador, tu responsabilidad es entregar valor a tu cliente a través de diseños optimizados y probados. Espera ponderar las opiniones externas para mejorar tu diseño y satisfacer las necesidades comerciales del cliente al mismo tiempo. No esperas que tu cliente pelee tercamente contra tus recomendaciones porque están obsesionados con nociones preconcebidas o ideas de mascotas.
Por supuesto, quieres complacer a tu cliente, pero a veces “simplemente siguiendo órdenes” diluirá la efectividad del resultado final. Nadie quiere sentirse como un “chofer de mouse”, y esto puede ser particularmente desmoralizador para cualquier diseñador que se preocupe.

EL ALARGADOR DE SCOPE - ¡Solo una pequeña cosa más!

Nunca he trabajado en un proyecto de diseño donde el alcance o el resultado final deseado no cambió un poco aquí y allá desde el principio según lo acordado. Tal vez tu diseño necesita dar cuenta de un escenario imprevisto. Tal vez pueda mejorar una presentación de marca al representar el logotipo que diseñó simulado en una pila de tarjetas de presentación. Esa es la naturaleza del diseño.
Desafortunadamente, hay clientes y gerentes que pueden sentirse autorizados a estirar y llevar el alcance del proyecto mucho más allá de los límites razonables. Ellos deciden a tres cuartas partes del camino a través de un proyecto de marca que han cambiado de opinión y quieren empezar de cero. Solo acordó en su alcance diseñar pantallas para una aplicación iOS, pero esperan ver un conjunto separado para Android. Pueden hacer solicitudes aparentemente pequeñas aquí y allá que, antes de que te des cuenta, suman docenas de horas de trabajo extra.
Eficaz gestión de proyectos en equipos de diseño
Cuando se le solicite, un colaborador sensato probablemente se dará cuenta de que sus solicitudes están fuera del alcance y hará modificaciones, ya sea a sus expectativas o a su compensación. Pero una personalidad irracional puede reaccionar con una indignación casi justa. No creen que estén pidiendo nada fuera de lo común. Pueden declarar que ** usted ** es el que no es razonable o no coopera.
Como profesionales, existe una regla implícita para respetar el tiempo y el esfuerzo de los demás. Al definir el alcance de un proyecto desde el principio, todas las partes acuerdan un marco de expectativas razonables en el que todos harán su parte para lograr el mejor resultado. Todos queremos excedernos y superar las expectativas, pero depende de nosotros decidir qué solicitudes constituyen un puente demasiado lejos.
No debería necesitar decirle esto, pero debes tener un contrato y siempre tener un registroescrito detallado del alcance, los requisitos y los resultados. Aquí hay 10 cláusulas debe estar seguro de incluir en su acuerdo .

EL VISIONARIO - Soy el gurú

Un diseñador es parte científico, parte artista — un analista y un solucionador de problemas. Un nivel de confianza cultivada es un requisito de la profesión y los diseñadores se alistan por su experiencia creativa. Al resolver un problema de diseño, ya sea solo o en equipo, debes creer en tus propias habilidades y confiar en tu experiencia.
Hay diseñadores, sin embargo, cuyas actitudes van más allá de una buena racha de confianza. Se ven a sí mismos como el siguiente inserta-tu-gurú-del-diseño-inspiracional-aquí. Rehúsan escrutar o enmendar sus propias ideas y responder a la crítica constructiva de manera deficiente.
Diseñador con gran ego dejado de lado
En un equipo, pueden ignorar por completo los conocimientos y las contribuciones de otros diseñadores que no se alinean con los suyos. Parecen desinteresados al sopesar las sugerencias de los diseñadores “menores” que simplemente no pueden ver su genio. Tratan a los desarrolladores como “monos de código” y otros diseñadores como aficionados, lo que hace que todos se pongan gruñones.
Esta actitud es especialmente desmoralizante proveniente de un líder de equipo o director creativo. Claro, pueden tener la última palabra en la forma de los diseños finales, pero una gran parte de ser un líder es aprovechar toda la creatividad que su equipo tiene para ofrecer. Las mejores ideas no siempre vienen directamente de la parte superior.
Un gran líder de diseño tiene en cuenta diversas opiniones, así como ofrecer una crítica estratégica para facilitar el diseño. No importa el tamaño de su equipo, las opiniones de cada colaborador deben ser consideradas y escrutadas para lograr el mejor resultado. Cualquiera puede tener esa gran idea que marca la diferencia. Incluso los creativos más experimentados y celebrados pueden encontrar algo para aprender.

II. Formas de navegar por los mares de los egos

Si bien no puedes ajustar todas las malas actitudes, existen algunos métodos generales para evitar y sobrellevar una superabundancia de ego inflado.

Sobrecomunicación

Puedes sorprenderte por el poder de la transparencia y la comunicación. Ten en cuenta que no todas las personas con las que trabajas compartirán tu experiencia, conjunto de habilidades y comprensión exacta de su práctica de diseño. Deja que tus clientes sepan que el diseño de productos complejos puede requerir fases específicas de pensamiento de diseño. Si educas a tu cliente acerca de los beneficios de validar tu diseño de UX a baja fidelidad, será más receptivo y dará comentarios constructivos cuando los presente con bocetos y wireframes.
Como la diseñadora Bronwen Rees escribe en su artículo sobre Comuicación de Diseño Efectiva:
“Tener la capacidad de articular las decisiones de diseño asegura a las partes interesadas que se puede confiar y tener la experiencia necesaria para completar el trabajo. También demuestra el propósito, validando que han pensado en sus soluciones y que su enfoque es lógico. la explicación les dice a las empresas que el resultado es el resultado de la investigación del usuario, las pruebas del producto y un proceso de diseño bien pensado”.
Se explícito: guía a tus colaboradores y clientes a través de sus soluciones y ábrete a los comentarios. Evita la confusión al ser claro acerca de lo que pretende transmitir con tus diseños y es probable que reduzcas la fricción en el proceso. Mejor aún: inclúyelos en algunos de los procesos de ideación y resolución de problemas mediante la realización de talleres de diseño a distancia.

Administrar expectativas

Parte de la comunicación también es asegurarse de que todos estén en sintonía desde el primer día. Si no cuentas con la ayuda de un gerente de proyecto efectivo, depende de ti establecer el ritmo. Asegura un buen resultado con el comienzo correcto. Ten un bosquejo claro de los entregables (y se explícito sobre los niveles de fidelidad) así como las contingencias para los cambios en el alcance. Ten en claro que los entregables oportunos se basan en comentarios oportunos.
Shopify esboza algunos escollos comunes en un proyecto que pueden llevar a un aumento de alcance, así como algunas estrategias efectivas para ayudar a evitarlo. Gestionar las expectativas significa comunicarse con su cliente y su equipo sobre lo que se necesita y ser proactivo en los puntos de contacto.
También recomiendo establecer un horario de check-ins regulares y oportunidades para comentarios de los clientes. Asegúrese de que sientan que son parte del proceso, ¡porque lo son! Una mala actitud es a veces el subproducto de la inseguridad y la comunicación regular ayuda a asegurar a todas las partes que están remando en la misma dirección.
Like what you're reading?
Get the latest updates first.
No spam. Just great design posts.

Haz un mapa

Algunas veces, los documentos de alcance estándar no son suficientes para ayudar a tu cliente o colaboradores a visualizar completamente el alcance real de tu proyecto. Una lista de requisitos basada en texto puede no cumplir el objetivo de lograr que todos estén en la misma página.
¿El sitio que está diseñando requiere una reflexión profunda sobre toda la navegación cruzada? ¿Un mapa del sistema te ayudaría y a tus desarrolladores a alinearse con el movimiento de datos a través de una aplicación compleja? ¿Estás seguro de que tú y tu cliente saben cuántas plantillas diferentes va a crear?
Herramientas de comunicación utilizadas por los equipos de diseño
Frauke Seewald ofrece una descripción completa de mapeo sistemático de wireframe, que es una gran cosa para mantener en su diseño caja de instrumento. Usar mapas visuales como estos te ayuda a evitar sorpresas desagradables en el camino, y puede hacer la diferencia entre un proyecto relativamente suave y uno que se cuelga en las rocas.

Haz una copia de seguridad con los datos

El diseño es una solución creativa de problemas. Los patrones de diseño practicados ahora están informados por precedentes de diseño validados que abarcan décadas. Hay métodos probados y verdaderospara acercarse a interfaz de usuario de navegación en dispositivos móviles. El diseño de campo de formulario es una disciplina completa por derecho propio con mejores prácticas basadas en métricas cubiertas en innumerables artículos.
Partiendo de la investigación del usuario, mejores prácticas establecidas, y datos al presentar soluciones de diseño. Lo más probable es que alguien más haya considerado un problema de diseño similar al que tiene frente a ti y pueda tener una idea de las posibles soluciones. Utiliza la investigación para validar sus suposiciones y también para que sus colaboradores confíen en los fundamentos de sus conceptos.

Sé adaptable

Incluso los proyectos más cuidadosamente planeados pueden golpear inconvenientes, y la gente puede sentirse frustrada y difícil de trabajar. ¿El proyecto chocó contra un muro con fondos u otra preocupación comercial? ¿Están presionando las presiones externas en la fecha límite? ¿El proyecto debe adaptarse a una nueva hoja de ruta? Ve lo que puede proponer para mover las cosas más rápido y lo que puede salvar que ya se ha trabajado.
Si el alcance o la dirección del proyecto cambia drásticamente, es posible que necesites reorientarse. Cuando surgen estas situaciones, considera redactar un contrato nuevo o enmendado para asegurarse de que todos estén en sintonía.

Mírate a ti mismo antes de destruirte

¡No olvides administrar tu propio ego en el diseño! Todos tenemos egos en cierta medida, necesitas creer en tu propia intuición y habilidades para trabajar en el diseño. Pero incluso los mejores de nosotros podemos sucumbir al comportamiento del monstruo del ego de vez en cuando.
Incluso los profesionales del diseño más experimentados pueden caer en cualquiera de las trampas del ego monstruo. ¿Estás empeñado en una solución en particular porque es la mejor solución al problema o simplemente porque le gusta? ¿Estás molesto con tu cliente porque se muestra obstinado y quisquilloso con respecto a algo, o has sido tú el que no ha logrado ponerlos al día y explicar tu razonamiento? ¿Estás recibiendo comentarios constructivos también personalmente?.
Cómo superar su propio ego en el diseño

Evita las reacciones emocionales

Si un cliente o colaborador se enoja, mantente calmado. Incluso los profesionales más zen pueden perder la calma una y otra vez. ¿La persona reacciona a presiones personales o profesionales sin relación alguna con el proyecto? Todos tenemos vidas fuera del trabajo que hacemos y a veces hay un cruce. Como diseñador, no es tu trabajo adivinar lo que está sucediendo en la vida de tu cliente (a menos que tenga una relación particularmente amistosa), así que asegúrate de mantener las cosas profesionales.
Una de las peores cosas que puedes hacer es enfrentar emociones con emoción. Ser reaccionario no solo no es profesional, sino que puede convertir a un tiff secundario en una tormenta destructiva. Para alivio de catarsis/comedia, recomiendo navegar Clientes del infierno. Tome una respiración profunda y un paso atrás — su actitud positiva es probable que sea contagiosa.

III. Date cuenta de cuándo abandonar la nave

A nadie le gusta decirlo, pero hay momentos en que un cliente y un equipo creativo llegan a un punto donde el barco se ha atascado y no hay un camino hacia adelante. Tal vez nadie puede ponerse de acuerdo sobre las soluciones de diseño que ha propuesto. Tal vez un actor ha cruzado la línea. De cualquier manera, se necesita un nivel de madurez profesional (y, a veces, estoicismo) para ver las señales y para comunicarse con tu cliente/colaborador de forma clara y sin emociones excesivas, que la relación ha seguido su curso.
Siempre tengo una cláusula de “muerte” en mis contratos para esta contingencia, y tú también debes hacerlo. Decida desde el principio qué debería suceder en qué etapa si el proyecto necesita ser cancelado. Delinear quién posee qué artefactos de diseño de cada fase en el proceso. Si solo llegas a la fase de boceto antes de tirar del enchufe, debes haber acordado previamente si el próximo diseñador puede usarlos o si son suyos.
Acuerda una “tarifa de muerte” para que no te encuentres en el camino de un proyecto cuando el cliente lo abandone y no quiera pagarte más allá del depósito inicial. Conocer estas cosas por adelantado ayuda a mitigar las consecuencias si las cosas van hacia el sur. El líder de diseño Mike Monteiro escribió una gran pieza sobre qué detalles incluir en tu propia cláusula de muerte.
Problema del ego en proyectos de diseño

IV. Sé un buen compañero de barco

Al final, tú eres el principal responsable de sus propias contribuciones a un proyecto. Por supuesto, eso significa entregar un diseño exitoso que sea ideal para tus clientes y tus usuarios. Más allá de eso, sin embargo, también eres responsable de tu contribución humana.
Incluso las personalidades extremadamente difíciles comienzan a suavizarse ante un profesionalismo agradable y sostenido. Una buena actitud y un enfoque positivo para trabajar con sus clientes y colaboradores son de gran ayuda. Practique la empatía y la paciencia y se sorprenderá de la cantidad de efecto que puede tener en los estados de ánimo de otras personas.
El articulo original lo pueden ver enlace.