Herramientas para diseño de prototipos

Herramientas para prototipos de diseño.

Aquí dejo algunas referencias sobre programas y recursos para hacer prototipos de diseño:
(en construcción)

Origami Studio
Origami Studio

ORIGAMI STUDIO
Una nueva herramienta para diseñar interfaces modernas, construida y utilizada por diseñadores en Facebook.
Crea prototipos con capas de Sketch y juega con máscaras, sistemas de partículas y cámaras en vivo.
Se puede copiar cualquier cosa de Sketch y pegar las capas nativas en Origami Studio.

Sketch, kit de herramientas de diseño digital.
Sketch, kit de herramientas de diseño digital.

SKETCH
Sketch es un conjunto de herramientas de diseño digital para transformas sus diseños en prototipos interactivos. Mediante símbolos de trabajo, podemos actualizar fácilmente los elementos de diseño diseño repetidos, desde iconos hasta avatares.
Para Mac, desde $99.

Balsamiq, wireframes con calidad de boceto.
Balsamiq, wireframes con calidad de boceto.

BALSAMIQ
Wireframes y prototipado rápido de la estructura de una web o aplicación (‘mockups’). Reproduce la experiencia de dibujar en una pizarra, pero usando una computadora.
Aplicación con versiones para trabajar en la web, en el escritorio o en Google Drive.

UXPin, plataforma de diseño UX.
UXPin, plataforma de diseño UX.

UXPin
Herramientas de diseño web y móvil, prototipos y colaboración en la nube para equipos de trabajo.
Aplicación online de pago desde 9 dólares al mes. A partir de ahí, la suscripción va subiendo según funcionalidades contratadas: Exportar PDF, HTML, PNG, mockups, integración con Sketch y Photoshop, integración con Google Fonts, acceso a la librería de diseño y a la documentación…

INVISION, plataforma de diseño colaborativo.
INVISION, plataforma de diseño colaborativo.

inVISION
Invision Studio: Herramienta en la nube para diseñar pantallas para web y móviles. Plantillas de diseño, prototipos, animaciones, comentarios instantáneos sobre los diseños de trabajo en progreso.
Aplicación con versiones para trabajar en la web, en el escritorio o en Google Drive.

InVision DSM (Design System Manager): Componentes de UX y librerías.
Integración con otras herramientas colaborativas como DropBox, Jira, Slack, Confluence, Teamwork, Trello, Basecamp, Microsoft Teams.

Subscripciones desde coste cero (1 prototipo) hasta 99 euros al mes (equipos de trabajo, sin límite).

Manual de vinilos exteriores, Señalética para centros de Quirón Salud

Iconografía Quirón Salud 2018

Señalización de exteriores
Iconografía y vinilos translúcidos, Clínicas Quirón Salud
2018
Prodigioso Volcán
Vinilos ácidos instalados sobre cristaleras.

Motivos conceptuales para representar disciplinas médicas.
Motivos conceptuales para representar disciplinas médicas.
Manual de señalización exterior, iconografía
Manual de señalización exterior, iconografía
Extracto del manual de señalización exterior, Quirón Salud
Extracto del manual de señalización exterior, Quirón Salud
Recreación del entorno de una fachada con los motivos instalados en las cristaleras.
Recreación del entorno de una fachada con los motivos instalados en las cristaleras.
Descripción de los paneles exteriores.
Descripción de los paneles exteriores.
Guía ilustrada de la composición de los paneles en cada cristalera.
Guía ilustrada de la composición de los paneles en cada cristalera.
Guía de producción de vinilos ácidos.
Guía de producción de vinilos ácidos.
Detalle de instalación real en un centro de Madrid.
Detalle de instalación real en el centro de Juan Hurtado de Mendoza, Madrid.
Vinilos al ácido, instalación en Juan Hurtado de Mendoza, Madrid, Clínicas Quirón Salud.
Vinilos al ácido, instalación en Juan Hurtado de Mendoza, Madrid, Clínicas Quirón Salud.
Vinilos en una cristalera
Vinilos en una cristalera
Fachada interior.
Fachada interior.

Sesión Bajo el Volcán: Vida audiovisual de los gráficos

Sesión en Prodigioso Volcán sobre el resurgir de los gráficos en el medio audiovisual. Mario Tascón, Rafa Höhr, Juantxo Cruz

Sesión Bajo el Volcán
Viernes 23 de febrero de 2018
Usos más innovadores de gráficos en el audiovisual y reflexionaremos sobre cómo las marcas pueden aprovechar estos recursos en sus estrategias de comunicación y marketing.

La nueva vida audiovisual de los gráficos
La nueva vida audiovisual de los gráficos

Rodrigo Fuentes diseñó el cartel; el éxito de la convocatoria para la sesión Bajo el Volcán fue rotundo. En tan sólo dos días se completó el aforo.

Error en un gráfico de tarta que apoya el mensaje de Obama.
Error en un gráfico de tarta que apoya el mensaje de Obama.

Los gráficos de noticias evolucionan de manera imparable. Cada día podemos ver trabajos más y más espectaculares, tanto impresos como digitales. Sin embargo, la innovación en este tipo de recursos informativos está sucediendo en otro lugar: las pantallas de televisión. Gracias a la realidad aumentada, experiencias inmersivas, pantallas interactivas o escenarios virtuales, la visualización de datos está adquiriendo un papel fundamental (por no decir el protagonista) a la hora de contar una noticia.

Lo primero es saber que estás intentando decir. Con la gran cantidad de datos que podemos obtener hoy en día es fácil perderse y al final no contar nada. Debes ser selectivo con los datos para encontrar la mejor forma de comunicar tu idea.
Lo primero es saber que estás intentando decir. Con la gran cantidad de datos que podemos obtener hoy en día es fácil perderse y al final no contar nada. Debes ser selectivo con los datos para encontrar la mejor forma de comunicar tu idea.

La cita fue en el local de la Calle Escorial 17 de Madrid y duró en torno a una hora. Comida oriental y baos de de Toy Panda.
La sesión arrancó con una presentación de los formatos más novedosos desde el punto de vista de la manera en la que el conductor, presentador o periodista interactúa con la información. A continuación, se analizó de forma práctica cuáles son las diez experiencias necesarias para construir un gran gráfico.

Sesión Bajo el Volcán: gráficos y televisión
Sesión Bajo el Volcán: gráficos y televisión

Rafa Höhr ha sido director de Infografía de The Sunday Times, del grupo Joly; y responsable de infografía digital de El País. Ha obtenido a lo largo de su carrera los más prestigiosos galardones en infografía multimedia periodística, como el Peter Sullivan, equivalente al Pulitzer en esa disciplina.

Juantxo Cruz ha sido responsable del departamento de infografía de El Mundo durante más de diez años. Cuenta con una larga experiencia en gráficos y visualización de información y en la actualidad desarrolla proyectos de Big Data e información visual.

JasperReports: Documentos y visualizaciones flexibles

Río Arga, Pamplona.

JasperReports (actualmente TIBCO Jaspersoft Studio, Palo Alto, California) es una aplicación de software libre (versión Community) escrita en Java (Eclipse) para crear informes con contenido dinámico.

iReport es el front-end gráfico de código abierto para la edición de informes —una herramienta para diseñar las páginas flexibles del documento desarrollada desde 2001—. Actualmente cuenta con más de 50 tipos de gráficos distintos, tablas, imágenes y mapas.

 

Formatos de exportación de Jaspersoft Studio.
Formatos de exportación de Jaspersoft Studio.

 

Tipos de gráficos en Jaspereports en la versión 4, 2010
Tipos de gráficos en JasperReports en la versión 4, 2010

 

Tipos de gráficos HTML5, versión 6, 2016
Tipos de gráficos HTML5, versión 6, 2016

 

 

Los gráficos HTML5 (en la versión profesional) se pueden personalizar utilizando  propiedades para el control del nivel de píxel sobre cada visualización.

Jaspersoft Studio utiliza el lenguaje de consulta de sus fuentes de datos, por ejemplo SQL o MongoDB, para crear el primer pase de proyección de datos. Una vez que los datos ingresan a la herramienta, se pueden transformar aún más usando variables y grupos, y cada campo puede usar lógica personalizada para crear la transformación o proyección de datos deseada.

 

Descargas: Community Edition

TIBCO Visual Analytics

Ilustraciones para PowerPoint de estudio estadístico

Ilustración sobre algoritmos y bases de datos

Diseño de presentaciones de PowerPoint que incluyen gráficos, creación / importación de gráficos y creación de plantillas para casos de clientes y proyectos no relacionados con el cliente.

Ilustraciones y diseño de presentación PowerPoint para nuevos productos.

Algoritmos y bases de datos.

Conento y Abacus Consulting Technologies

Enero de 2018

 

Portada PowerPoint, bases de datos y algoritmos

Portada del documento PowerPoint, bases de datos y algoritmos

 

Indice interior, bases de datos y algoritmos
Indice interior, bases de datos y algoritmos
Página interior
Página interior

 

 

Cómo visualizar los grupos de interés que están influyendo en tu proyecto

Mapas de los círculos de interés (gestión estratégica de los

Cuando hablamos de los grupos de interés, realmente ¿de qué estamos tratando? ¿Es posible establecer u diálogo con ellos o gestionarlos de alguna manear? Una parte importante en la gestión estratégica de los activos intangibles de una empresa es el conocimiento de las partes interesadas en el diseño de un servicio.

Estas partes interesadas son individuos o grupos de personas que pueden impactar o ser afectados por el diseño y la prestación de un servicio existente o futuro. A la hora de gestionar la reputación corporativa es imprescindible conocer a los potenciales clientes y a las partes interesadas, a quiénes quizás nunca se les prestó atención.

Primer paso:  Identificar a los agentes implicados

Todo producto debe adaptarse a su público objetivo, por ello, tenemos que determinar el público al que deseamos llegar por medio de análisis cualitativos proporcionados por encuestas temáticas, tormentas de ideas y la observación para recopilar datos. ¿Quién es el público de nuestro producto? ¿Está preparada la audiencia para recibir la información que se le proporciona? ¿Qué necesitan aprender para usar la información de manera efectiva? ¿Que es lo que ya entienden? Adicionalmente se pueden dar un enfoque cuantitativo para confirmar los primeros análisis y realizar árboles, diagramas de Venn, matrices y mapas de la compañía y las empresas asociadas.

Se trataría de poner nombres y caras sobre los miembros de la sociedad que son de interés para los negocios y así reforzar la credibilidad de la información que se les presenta.

Las partes interesadas clave: Aquellas personas o grupos que tienen una influencia significativa en el diseño del servicio o que se ven afectados significativamente por el mismo y cuyos intereses e influencia deben ser reconocidos para asegurar su éxito. Un grupo o individuo clave podría poner fin a un determinado proyecto (alta dirección).

El entorno interno: Son personas o grupos de personas que son parte de la organización (accionistas, empleados, directivos, personas que integran la organización).

El entorno externo: Son personas o grupos de personas con ‘intereses creados’ en la organización (activistas, inversores, proveedores, consumidores, clientes, autoridades reguladoras, ONGs, gobiernos y Administraciones Públicas, competidores, entorno social, entorno ambiental).

Conocer los cuatro modelos de mapeo

Un mapa de grupos de interés es una herramienta que ayuda a identificar y clasificar de manera visual a las distintas partes interesadas en función de diferentes parámetros y atributos: interés, influencia, legitimidad, participación, poder o creatividad.

Modelo de Gardner (1986): Matriz de poder y dinamismo

El modelo de mapa de grupos más común es la matriz de poder de James R. Gardner que clasifica a los individuos y grupos de acuerdo al poder que poseen en las estrategias de la empresa y su capacidad para tomar decisiones (dinamismo) sobre una matriz.  Señala la dirección en la que se debe canalizar el esfuerzo “político” o de gestión antes de tomar algunas medidas o acciones.

 

Matriz genérica de poder e interés (Gardner, Mendelow)
Matriz genérica de poder e interés (Gardner, Mendelow)

 

Modelo de Mendelow (1991):  Matriz de poder e interés

El modelo de Aubrey L. Mendelow (Kent State University, Ohio) presenta, como Gardner, una matriz  para identificar a los grupos que influyen en la organización. Posee dos ejes críticos: el potencial de estos actores para influir en  la organización y el potencial de estos grupos de interés de cooperar con la organización.

Diagrama de Venn en el cual se relacionan las variables poder, legitimidad y urgencia (Modelo de Mitchell, Agle y Wood)
Diagrama de Venn en el cual se relacionan las variables poder, legitimidad y
urgencia (Modelo de Mitchell, Agle y Wood)

Modelo de Mitchell, Agle y Wood (1997): Diagrama de Venn

El modelo clasifica a los ‘stakeholders’ en siete tipos según tres variables, poder, legitimidad y urgencia que se resume en un diagrama de Venn.

La variable ‘poder’ significa la capacidad del ‘stakeholder’ de influenciar en la organización. La variable ‘legitimidad’ se refiere a la relación y a las acciones del grupo de poder con la organización en términos de participación, propiedad o conveniencia. La ‘urgencia’ alude a los requisitos que los grupos o individuos plantean a la organización en términos de urgencia y oportunidad.

Así, la combinación de estos tres atributos  lleva a siete tipos de ‘stakeholders’: latentes, discrecionales, reclamantes, dominantes, peligrosos, dependientes y definitivos (jugadores clave).

Modelo de Bourne & Walker (2005):  El círculo de poder

El diagrama del círculo de partes interesadas sirve para identificar y visualizar la influencia relativa de cada uno de los principales interesados ​​y planificar formas de interactuar y gestionar sus expectativas o contribuciones.

 

El diagrama del círculo de partes interesadas: proximidad, influencia y poder.
El diagrama del círculo de partes interesadas: proximidad, influencia y poder.

 

Para desarrollar el “círculo”, las partes interesadas se ponderan según tres características:

Eje del círculo de poder:  Algunas partes interesadas pueden ‘matar’ el proyecto usando su propio poder; en cambio, otras partes interesadas tienen el poder de cambiar o dañar el proyecto, pero no pueden por sí mismas cancelarlo o ‘matarlo’.

Eje de proximidad: Este eje considera cuál es la asociación de una parte interesada con el día a día del proyecto. El pequeño círculo en el centro del diagrama representa el proyecto. El espacio entre los dos círculos representa la esfera de influencia del proyecto en toda su comunidad de actores. La proximidad de una parte interesada al proyecto está representada por la proximidad de su segmento al proyecto en el centro.

Eje de urgencia o importancia: La anchura del arco representa la cantidad de urgencia o importancia atribuida a una parte interesada desde la perspectiva de los equipos (es decir, la probabilidad de que el ‘stakeholder’ use su poder), cuanto más amplio sea el segmento, mayor será la urgencia.

 

 

 

Referencias

James R. Gardner, Rober Rachlin, H. W. Allen Sweeney: Handbook of Strategic Planning (1986)

ehow.com: What Is a Stakeholder Map?

CSR Europe: The Sustainable Development Goals (SDGs): The value for Europe.

ORSE: Observatoire de la responsabilité sociétale des entreprises.

Imperial College London: Project Stakeholder Analysis (doc template)

Blackwell Publishing: Construction Stakeholder Management (pdf).

Project Management Institute: Visualizing stakeholder influence (article, 2006)