Diseño adaptativo

¿Te has preguntado alguna vez si el diseño adaptativo es una buena solución para ti? Exploraremos los antecedentes del diseño adaptativo, en qué se diferencia del diseño responsivo, y algunas buenas formas de averiguar cuándo (y si) es adecuado para ti.

Lluvia de ideas

La práctica de generar ideas de forma colaborativa hacia un objetivo compartido, que suele tener lugar antes del inicio de un proyecto. La lluvia de ideas incluye actividades que permiten a los equipos asegurarse de que se incluye un conjunto diverso de perspectivas y que están representadas todas las disciplinas empresariales necesarias. Las tormentas de ideas exitosas suelen comenzar revisando los objetivos para garantizar la alineación en el problema que se pretende resolver.

Directrices de la marca

Es vital comunicar la identidad de tu marca a tu empresa para que la voz y el estilo visual sean coherentes. Para ello, debes establecer el estilo original de tu marca con un manual de instrucciones que defina eficazmente la misión, los valores, la voz y el tono de tu empresa. Ya sean tus mensajes clave, las pilas de logos o los esquemas de color característicos, tus directrices de marca son una ubicación centralizada de elementos clave que ayudan a las partes interesadas internas y externas a comunicarse y diseñar con el estilo de tu marca en primer plano.

Carga cognitiva

Como diseñadores, puede ser fácil quedar tan atrapados en los matices del proceso que olvidamos que estamos diseñando experiencias para seres humanos. Pero cuanto más sepas sobre el cerebro humano, mejor serán tus diseños. Entra en la carga cognitiva. Entender la carga cognitiva y cómo gestionarla es una forma segura de mejorar la usabilidad de tus diseños. En este artículo, desglosaremos la carga cognitiva y su importancia, y cómo puedes reducirla para crear una mejor experiencia de usuario.

Mapa conceptual

Un mapa conceptual visualiza la relación entre las ideas organizándolas dentro de un diagrama, utilizando flechas o líneas que muestran su relación entre sí. Los mapas conceptuales son útiles para que los equipos de producto, marketing y diseño destilen y comprendan mejor los temas y las ideas complejas, ayudando a los colaboradores a ver cómo se relaciona cada concepto con los demás.

Mapa del recorrido del cliente

Un mapa del recorrido del cliente ayuda a los equipos a idear, crear prototipos y probar las experiencias de los usuarios, con el objetivo de evitar, en última instancia, que los equipos tengan que rehacer su trabajo o cometer errores importantes. Piensa en un mapa del recorrido del cliente como un esquema en el que cada paso que da un cliente desde el principio hasta el final de tu producto muestra sus interacciones y su experiencia general. Cada paso utiliza flechas para mostrar por dónde va el cliente dentro de tu producto y permite a tu equipo ver su comportamiento y recopilar comentarios y opiniones. A su vez, tu equipo de marketing, diseño y/o producto obtiene valiosos comentarios para crear la experiencia de usuario más significativa.

Diseño de cuadros de mando

Los cuadros de mando son pantallas que contienen tanto a) las herramientas necesarias para que el usuario realice determinadas acciones, como b) la información necesaria para obtener información y conocimientos. Aunque tendemos a pensar que los cuadros de mando son exclusivamente visualizaciones de análisis o datos, en realidad no son más que pantallas de inicio intuitivas para aplicaciones multifuncionales. Por ejemplo, considera la pantalla de inicio de Facebook. Desde aquí, los usuarios pueden ver datos analíticos sobre las páginas que gestionan; cuáles de sus grupos tienen nuevas notificaciones; cuántos invitados han confirmado su asistencia a un evento que gestionan; etc. Los usuarios que deseen una actualización diaria también pueden utilizar esta pantalla y, si es necesario, tomar medidas. Esta visión general de la información ofrece enlaces a herramientas e información según sea necesario, y es mucho mejor que obligar a los usuarios a hacer clic.

Diseño basado en datos

¿Te has preguntado alguna vez cómo utilizar los datos de forma eficaz? En este artículo, conoceremos las mejores prácticas de diseño basado en datos y sugeriremos algunas herramientas para ayudarte a empezar.

Diseño animado

¿Cómo actúas cuando hablas con un amigo? Lo más probable es que establezcas contacto visual, sonrías, te rías y utilices un ligero afecto físico para transmitir que estás interesado y comprometido con lo que tienen que decir.

Cultura de diseño

Muchas empresas hablan de estar centradas en el cliente. Pero cuando observas de cerca su organización, te das cuenta de que no disponen de procesos que aporten valor a sus clientes de forma sistemática. La cultura del diseño y las frases relacionadas con ella, como “organizaciones dirigidas por el diseño” y “organizaciones impulsadas por el diseño”, se han hecho populares a medida que más grandes empresas trabajan para integrar el diseño en su cultura. Pero la cultura del diseño es algo más que contratar a un jefe de diseño. Es una verdad orientadora y un marco interno que ayuda a cualquier empresa -no sólo a las de diseño- a ser más competitiva y a crear mejores experiencias de usuario. En este artículo, veremos qué es una cultura de diseño, por qué es importante y cómo puedes crear una cultura de diseño en tu organización.

Retroalimentación del diseño

Una organización es tan buena como sus procesos. Muchas organizaciones tienen sistemas para guiar el proceso de retroalimentación. Pero, como diseñador, puede ser difícil saber si estás recibiendo el tipo de feedback que necesitas para que un proyecto siga adelante. En este artículo, hablaremos del feedback de diseño, de cómo dar feedback de diseño y de cómo crear una cultura de feedback de diseño.

Principios de diseño

Los principios de diseño son reglas que te ayudarán a ti y a tu equipo a tomar decisiones importantes en tus proyectos. Tanto si son de alto nivel y universales, como si son específicos de tu proyecto/producto, tienen el poder de unificar a todos tus colaboradores en torno a lo que es más importante para ti y tus usuarios. Aquí profundizaremos en qué son los principios de diseño, por qué los necesitas, y cuándo y cómo escribirlos.

Sprint de diseño

En 2016, el libro Sprint de Jake Knapp: Cómo resolver grandes problemas y probar nuevas ideas en sólo cinco días, y transformó por completo la forma en que las organizaciones de todo el mundo resuelven sus problemas. Desde entonces, el libro se ha convertido en un best seller del New York Times y los sprints de diseño son un elemento básico del proceso de colaboración. Aprender más sobre los sprints de diseño te ayudará a entender cómo aplicarlo a los retos estratégicos de tu organización.

Pensamiento de diseño

El pensamiento de diseño es uno de los marcos de “pensamiento” más conocidos y publicitados. La mayoría de las empresas tienen su propia versión impresa en camisetas, tazas y carteles gigantes. ¿Pero qué significa realmente?

Diseño-a-código

Aprende lo esencial del traspaso de la ingeniería: qué es, las ventajas del traspaso de la ingeniería, las mejores prácticas del traspaso de la ingeniería y mucho más.

Elementos del diseño

¿Te has preguntado alguna vez en qué consiste un gran diseño? Esto te guiará a través de los seis elementos del diseño, y ofrecerá un séptimo propuesto para la era del diseño digital. Diseccionaremos los elementos básicos y explicaremos cómo puedes utilizarlos eficazmente en tu trabajo.

Mapas de empatía

Los mapas de empatía ayudan a tu equipo a visualizar y empatizar con las necesidades de tu usuario. Mediante el simple acto de considerar lo que un usuario siente, piensa, dice y hace, los equipos pueden lograr grandes avances en la eficiencia.

Resumen del evento

Un resumen del evento crea una visión general de un próximo evento. Los elementos de un informe de evento incluyen los objetivos, los plazos, el público al que va dirigido y las funciones y responsabilidades. Un resumen del evento contiene todos los detalles para que tu equipo se alinee, colabore y planifique juntos eventos completos y eficaces.

Diagrama de flujo

Un diagrama de flujo es un diagrama que utiliza formas para visualizar un proceso en orden secuencial y permite a los equipos visualizar eficazmente un camino hacia el objetivo final de un proyecto. Los diagramas de flujo se utilizan a menudo como un paso esencial y temprano en el proceso de diseño y planificación. Estas visualizaciones agrupan formas, líneas o flechas para mostrar el orden que debe seguir un proceso. Cuando los equipos no están seguros de por dónde empezar, un diagrama de flujo les ayuda a ver el panorama general: un medio visual para desglosar las etapas y los pasos hacia el resultado que desean, reduciendo al mismo tiempo la confusión o los errores de comunicación en el camino.

Diseño a mano alzada

Hemos dado sentido al mundo que nos rodea mediante el dibujo a mano alzada desde el principio de los tiempos. Durante la prehistoria, dibujábamos en las paredes de las cuevas. Hoy en día, garabateamos para recordar, para explicar, para pasar el tiempo y para sacar ideas de nuestra cabeza rápidamente. Dibujar nos ayuda a articular nuestro pensamiento y a comprender conceptos grandes y pequeños, una parte esencial de la resolución de problemas. Así que tiene sentido que el dibujo a mano alzada haya sido un elemento básico del proceso de diseño durante bastante tiempo. Y no es de extrañar que los sprints de diseño fomenten el dibujo como una eficaz herramienta de colaboración para crear diseños a mano alzada.

Diseño centrado en el ser humano

A veces denominado diseño centrado en el usuario, el diseño centrado en el ser humano (DCH) es un marco que integra un conjunto de prácticas para comprender a los usuarios -sus necesidades, limitaciones, contextos, comportamientos y deseos- de modo que puedas crear una profunda empatía con ellos, generar múltiples ideas para ayudar a resolver sus problemas y llegar a una solución mediante la creación rápida de prototipos.

Diseño de interacción

¿Has querido alguna vez aprender más sobre el diseño de interacción? En este artículo, definiremos las diferencias entre un diseñador de experiencia de usuario y un diseñador de interacción. También exploraremos los tipos de proyectos en los que trabajaría un diseñador de interacción, y las cinco dimensiones del diseño de interacción.

Trabajos a realizar

La gente no sólo quiere bombillas, quiere poder ver. Nuestra mentalidad sobre la forma de abordar la resolución de problemas es crucial. Puede ser la diferencia entre resolver un problema y construir un producto que pensamos que resuelve el problema porque parece y se siente tan brillante en la superficie. Lo primero significa innovar soluciones (que es más probable que tengan valor y den lugar a un negocio sostenible) y lo segundo significa innovar ideas (que no tienen necesariamente ningún valor). Entra en el marco de los trabajos por hacer (JTBD).

Lienzo lean

A menudo se utiliza para la planificación y la estrategia, un lienzo lean condensa un plan de negocio más largo en una visión general práctica de una página. Simplifica el proceso de elaboración de un plan de empresa para que deje de ser largo y complejo y pase a ser sencillo y colaborativo con un lienzo ajustado.

Producto Mínimo Viable (MVP)
Si te interesa el desarrollo de productos, es probable que hayas oído hablar del concepto de Producto Mínimo Viable, o MVP. Lanzar primero un MVP en lugar de un producto complejo y con todas las características es una forma de lanzar rápidamente un producto a los usuarios y obtener comentarios sobre cómo mejorarlo. Así se pierde menos tiempo y menos recursos para llegar a un producto que les guste a tus clientes.

Diseño de aplicaciones móviles

Se calcula que en 2020 los ingresos de las aplicaciones móviles ascenderán a 189.000 millones de dólares, y que el sector sigue expandiéndose debido a la evolución de los dispositivos inteligentes y la tecnología. Sin embargo, el 24% de las aplicaciones sólo se utilizan una vez, y el 57% de las aplicaciones se eliminan en un mes. En una infografía de Marketing Profs, las estadísticas lo demuestran: Como puedes ver, el diseño de la aplicación móvil contribuye en gran medida a las tasas de retención de la aplicación.

Mockup

Aprende lo esencial de los mockups: qué son, la anatomía de un mockup, los diferentes tipos de mockups, cómo entregar los mockups a los interesados, y más.

Tablón de anuncios

Los tablones de anuncios articulan el tipo de emoción que quieres evocar en tu próximo proyecto y hacen que la energía creativa del equipo vaya por el mismo camino. Un tablero de estado de ánimo suele incluir múltiples formas que trazan esquemas de color, iconos y más elementos que muestran la idea que intentas transmitir. Los tableros de ideas son una herramienta muy popular entre los diseñadores para poner en marcha proyectos creativos, pero también pueden ser utilizados por muchos otros equipos, como los de marketing, los redactores de UX y los jefes de producto, para articular ideas complejas.

Perfil de persona

Al desarrollar un conocimiento más profundo de un usuario, un equipo de diseño, investigación o marketing crea un perfil de persona. Un perfil de persona combina las entrevistas con los usuarios, la investigación documental y otros valiosos comentarios en una única visualización, lo que te permite aportar, en colaboración, una mayor fidelidad a tus personas compradoras clave, desarrollar una comprensión exhaustiva de tus clientes actuales y ver la mejor manera de crear soluciones para cada uno de ellos. El ejercicio te permite a ti y a tu equipo traducir las entrevistas y otras actividades de investigación de usuarios en personas específicas.

Principios del diseño

¿Te has preguntado alguna vez cuáles son los principios que hay detrás de un gran diseño? Veremos los siete principios que se aplican al diseño clásico y digital, y cómo aprovecharlos en tu propio trabajo.

Diseño de productos

El diseño de productos es un campo multidisciplinar cuyo objetivo es crear experiencias únicas, bellas y holísticas para las personas. En pocas palabras: El diseño de productos ayuda a resolver los problemas del mundo.

Posicionamiento del producto

Descubrir cómo llevar un producto al mercado requiere un posicionamiento del producto, un ejercicio estratégico interfuncional utilizado para comprender mejor dónde encaja tu producto en el mercado y por qué es una alternativa mejor que tus competidores. El uso del producto es también un componente clave del posicionamiento, que ayuda a los equipos a ver el valor que aporta a tus clientes, organizando las ideas y la investigación en un único ejercicio para aportar una mejor comprensión a tu equipo.

Prototipo

La palabra prototipo aparece en muchas industrias diferentes, cada vez con el mismo significado. La industria del diseño de pantallas no es diferente, menos las herramientas que se utilizan.

Prototipado rápido

El prototipado rápido es un flujo de trabajo de diseño que consiste en la ideación, la creación de prototipos y las pruebas para ayudar a los diseñadores a descubrir y validar sus ideas rápidamente. Con el prototipado rápido, puedes esperar colaborar con varios departamentos para obtener información desde todos los ángulos.

Diseño responsivo

Aprende lo esencial del diseño responsivo: qué es, los retos del diseño responsivo, los puntos de ruptura responsivos, las resoluciones de pantalla y mucho más.

Clasificación por niveles

Una clasificación por niveles mapea y organiza un conjunto diverso de ideas y perspectivas, proporcionando un enfoque visual para debatir conceptos y resolver problemas. A menudo, las clasificaciones por niveles adoptan la forma de listas con formas codificadas por colores, en las que el nivel superior significa los elementos más importantes y las formas inferiores identifican los elementos menos importantes. Las clasificaciones por niveles unen a los equipos y les ayudan a identificar y comunicar las prioridades para agilizar los flujos de trabajo.

Kit de interfaz de usuario

Los kits de interfaz de usuario te ayudan a mejorar tu flujo de trabajo de diseño. También fomentan el reciclaje de componentes en lugar de crear otros nuevos desde cero. Se utilizan habitualmente para el diseño o la creación de prototipos para móviles, en gran medida porque dos de los sistemas operativos más importantes -iOS y Android- tienen sistemas de diseño robustos, bien documentados y con mucho apoyo. (Ten en cuenta que los sistemas de diseño y los kits de interfaz de usuario suelen ir de la mano. Un sistema de diseño se refiere tanto a los componentes del código como al diseño de la interfaz de usuario, mientras que un kit de interfaz de usuario se refiere a la versión del diseñador del sistema de diseño. Un kit de interfaz de usuario puede ser independiente, sin relación con un sistema de diseño más amplio)

Principio de diseño de la unidad

Los principios de diseño son nociones ampliamente aceptadas que todos los diseños deben tener en cuenta para ofrecer una experiencia global óptima al usuario. Estos principios de diseño no sólo se aplican al diseño de pantallas, sino también al diseño gráfico y a los productos físicos. El principio de unidad del diseño se conoce comúnmente como uno de los principios más complejos e incorpora otros principios de diseño más básicos, como la repetición, la proximidad y la alineación.

Pruebas de usabilidad

Las pruebas de usabilidad son un componente crucial del diseño de la experiencia del usuario, y ayudan a cerrar la brecha entre las intenciones del diseñador y las expectativas del usuario. Ya sea positiva o negativa, la opinión del usuario puede exponer lo que hay que arreglar. Con los datos adecuados, puedes entender mejor cómo mejorar la interfaz de usuario, el diseño, la navegación y mucho más.

Flujo de usuarios

¿Has querido alguna vez conocer la mejor manera de entender a tus usuarios? La creación de flujos de usuario puede ayudarte a definir tus objetivos, a entender a tus usuarios y a impulsar más negocio. También cubriremos algunos consejos sobre cómo mejorar tus flujos de usuario y crear una mejor experiencia general.

Diseño de la interfaz de usuario (UI)

¿Has querido alguna vez aprender más sobre el diseño de la UI? En este artículo nos adentraremos en la historia de las interfaces gráficas de usuario y en cómo hemos llegado a las interfaces actuales. También hablaremos de quién es responsable del diseño de las interfaces y de algunos principios básicos del diseño de la interfaz de usuario.

Historias de usuarios

Construir un producto de software es complejo e implica numerosos procesos, tecnologías y equipos (técnicos y no técnicos). Todas estas piezas móviles hacen que sea fácil que el proyecto se descontrole y se pierda el foco en lo que realmente importa: cómo el producto crea valor para el usuario. Entonces, ¿cómo te aseguras de que varios equipos entienden el propósito de lo que se está construyendo y cómo encajan? Ahí es donde entran las historias de usuario.

Pruebas de usuario

Los productos de éxito son fáciles de usar y satisfacen las necesidades de la gente. ¿Pero cómo puede saber tu equipo si tu producto es útil y utilizable? La forma más segura es también la más directa: Preguntar a tus usuarios, pronto y a menudo. Cuando hablas con los usuarios y observas cómo utilizan tu producto o prototipo, tu equipo puede crear las funciones adecuadas a la primera. Cuando satisfaces las necesidades de tus clientes, puedes reducir los costes de reelaboración y de asistencia al cliente. Todos ganan.

Diseño UX

La definición de diseño de experiencia de usuario, o diseño UX, es muy variada. La Asociación de Profesionales de la Experiencia del Usuario (UXPA), una de las organizaciones profesionales más destacadas del campo del diseño de la experiencia del usuario, tiene una página completa de definiciones de la experiencia del usuario con múltiples perspectivas. Del mismo modo, la definición de Wikipedia carece de citas para su verificación y ha sido marcada con múltiples problemas. Esta variación se debe probablemente a dos razones: Sin embargo, todas las funciones del diseño de UX comparten un hilo conductor: definir, crear y mejorar las experiencias de los usuarios. Las personas que practican el diseño UX entienden quiénes son sus usuarios descubriendo y priorizando lo que quieren, y luego planificando y construyendo experiencias para satisfacer esas necesidades de forma eficaz, eficiente y encantadora, todo ello mientras se equilibran los objetivos empresariales.

Jerarquía visual

¿Has querido alguna vez aprender sobre la jerarquía visual? En este artículo, hablaremos de los patrones de lectura habituales y de algunas reglas para crear una jerarquía visual coherente en tus diseños.

Diseño y desarrollo web

El concepto de diseño y desarrollo web existe desde que existen los sitios web. Antes tenía una definición mucho más sencilla porque la creación de un sitio web solía ser un proceso mucho más simple. Si comparas el primer sitio web, que apareció en 1991, con los sitios web modernos, puedes ver realmente cuánto han evolucionado los sitios web. Hoy en día, la creación y el mantenimiento de un sitio web son más complejos e implican todo un ecosistema de funciones y conjuntos de habilidades. Para los diseñadores, puede ser difícil saber exactamente dónde encajas en este ecosistema. Este artículo describe los principales aspectos del proceso de creación de un sitio web, ofreciendo una imagen clara de tu papel, de los papeles de los demás y de los conjuntos de habilidades implicados.

Esquema de la página web

Un componente esencial en el proceso de diseño, el esquema de la página web da a los diseñadores la oportunidad de pensar en el camino más claro que puede seguir un usuario para completar su(s) objetivo(s). ¿Cómo puedes facilitar a los usuarios el consumo de la información adecuada? ¿Cuánto tiempo tienes hasta que sufran una sobrecarga cognitiva? Con los wireframes, puedes pensar en estas cuestiones de forma orgánica, tomando cada una de ellas con calma. El resultado es un prototipo reflexivo y bien ejecutado (y, con suerte, un producto).