Hace tiempo, si decías la palabra «diseño», lo más probable es que estuvieras hablando de diseño gráfico. Pero hoy en día, el mundo digital es cada vez más complicado y aparecen muchos nuevos puestos de trabajo, lo que lleva a la confusión a las personas ajenas o nuevas al sector del diseño. Aquí tienes un rápido repaso a las cuatro formas primarias de diseño para ayudarte a entender lo que significan.
imagen de: Netizen Experience
Como se encuentra en Wikipedia «El diseño de la experiencia del usuario (UXD, UED o XD) es el proceso de aumentar la satisfacción del usuario mediante la mejora de la usabilidad, la accesibilidad y el placer proporcionado en la interacción entre el usuario y el producto. El diseño de la experiencia del usuario engloba el diseño tradicional de la interacción persona-ordenador (HCI) y lo amplía abordando todos los aspectos de un producto o servicio tal y como lo perciben los usuarios»
El diseñador UX es la persona encargada de crear la «lógica» de los productos mediante wireframes y prototipos a través de software como Axure, JustInMind, Mockplus, etc. La comunicación es una de las habilidades críticas de los diseñadores UX. También llevan a cabo investigaciones y análisis de la competencia al principio, así como pruebas de usabilidad y pruebas A/B después del lanzamiento del proyecto. A los diseñadores de UX les preocupa sobre todo la sensación que produce el producto. Si su sitio web o aplicación es difícil de usar, los usuarios probablemente se sentirán frustrados y pasarán a otra cosa. Si tienen una gran experiencia, es más probable que vuelvan y cuenten a sus amigos lo buena que es tu aplicación.
Deliverables: Wireframes, Prototipos, Storyboards, Sitemap, Especificaciones escritas.
Herramientas del oficio: Sketch, Axure, Mockplus, Fireworks, UXPin
Diseño de la interfaz de usuario (User Interface Design)
imagen de: julessdesign
El autor y fundador de Adaptive Path – una consultoría de experiencia de usuario, Jesse James Garrett, define el diseño de la interfaz como todo lo que tiene que ver con la selección de los elementos correctos de la interfaz – como texto, botones, campos de texto, listas codificadas por colores, etc – para la tarea que el usuario está tratando de llevar a cabo y la organización de ellos en la pantalla de una manera que será fácilmente entendido y utilizado. El objetivo es hacer que la interacción del usuario sea lo más eficiente y sencilla posible.
Los elementos de la interfaz incluyen, pero no se limitan a:
Controladores de entrada: botones, campos de texto, casillas de verificación, botones de radio, listas desplegables, cuadros de lista, conmutadores, campo de fecha
Componentes de navegación: breadcrumb, slider, campo de búsqueda, paginación, slider, etiquetas, iconos
Componentes informativos: tooltips, iconos, barra de progreso, notificaciones, cuadros de mensajes, ventanas modales
Contenedores: acordeón
Herramientas del oficio: Photoshop, Sketch, Illustrator, Fireworks, InVision
IA (Arquitectura de la Información)
imgae by: ga-core.s3.amazonaws.com
La arquitectura de la información (AI) implica la forma en que se estructura un sitio web/app y cómo se organiza el contenido. El objetivo es ayudar a los usuarios a encontrar información y completar tareas. «En otras palabras, la arquitectura de la información es la creación de una estructura para un sitio web, una aplicación u otro proyecto, que nos permite entender dónde estamos como usuarios y dónde está la información que queremos en relación con nuestra posición. La arquitectura de la información da lugar a la creación de mapas del sitio, jerarquías, categorizaciones, navegación y metadatos. Cuando un estratega de contenidos comienza a separar los contenidos y a dividirlos en categorías, está practicando la arquitectura de la información. Cuando un diseñador esboza un menú de nivel superior para ayudar a los usuarios a entender dónde se encuentran en un sitio, también está practicando la arquitectura de la información»- de uxbooth.com
Algunas cualificaciones para la AI:
1. Experiencia en la documentación de propiedades digitales complejas (sitios web, aplicaciones móviles, productos y servicios del sistema)
2. Documentación extremadamente detallada, capacidad para encontrar discrepancias, grietas, etc. entre la documentación del sitio complejo
3. Dominio de Axure, OmniGraffle, Keynote, así como Visio y cualquier otro programa directamente relacionado con la AI
4. Analizar la información y los activos disponibles para evaluar el enfoque óptimo de la AI
Fuertes habilidades de comunicación (escritas y verbales), y una capacidad para presentar eficazmente al personal de la agencia y del cliente
5. Debe ser analítico, trabajador, creativo, curioso e interesado en la gente y las ideas
6. Debe ser un emprendedor seguro y motivado
IxD (Diseño de Interacción)
Definición de IxD: «El Diseño de Interacción (IxD) define la estructura y el comportamiento de los sistemas interactivos. Los diseñadores de interacción se esfuerzan por crear relaciones significativas entre las personas y los productos y servicios que utilizan, desde los ordenadores hasta los dispositivos móviles, pasando por los electrodomésticos. Nuestras prácticas evolucionan con el mundo» – de ixda.org
El diseñador de interacción es el encargado de las páginas web/apps que mueven elementos &interactivos. Si has visto una animación genial en un sitio web o una aplicación, que te hizo decir wow o que es realmente genial, eso es lo que hacen los diseñadores de movimiento.
La descripción del trabajo de diseñador IxD en Google:
En un rol de diseñador de interacción, abordarás tareas complejas y las transformarás en diseños intuitivos, accesibles y fáciles de usar para miles de millones de personas en todo el mundo, desde el usuario primerizo hasta el experto sofisticado. Para lograr este objetivo es necesario colaborar con equipos de diseñadores, investigadores, ingenieros y gestores de productos durante todo el proceso de diseño, desde la creación de flujos de usuario y esquemas hasta la creación de maquetas y prototipos de la interfaz de usuario. En cada etapa, anticiparás lo que nuestros usuarios necesitan, abogarás por ellos y te asegurarás de que el producto final los sorprenda y los deleite.
En resumen, el diseño de la experiencia del usuario (UX) es cómo se siente el usuario con las aplicaciones, el diseño de la interfaz de usuario (UI) es qué, dónde y cómo funcionan los elementos en las aplicaciones, la arquitectura de la información es cómo se organiza una aplicación, y el diseño de la interacción es cómo el usuario y la aplicación actúan y reaccionan entre sí.
Por último, pero no menos importante, los límites entre cada uno de estos roles de diseño son muy fluidos. El IxD es bastante similar al diseño UX en su enfoque, ya que es parte del ciclo de diseño UX, por lo que en algunos casos, estos roles pueden tener una gran superposición.