Introducción en el desarrollo de interfaces (UI) y experiencia (UX) en aplicaciones (móviles). 13 puntos claves para que tanto el desarrollo como la app tenga éxito. Impartido por Martin Redigolo, diseñador y co-fundador de Startup Astronauts* y del boletín semanal de innovación en negocios, diseño y tecnología ▅▅ stuff (youstuff.me)
Un repaso bien completo a todos los pasos del proceso de diseño de una interfaz web o mobile, desde que tenemos una idea hasta que la dejamos lista para programación. Además, incluyo unos claros ejemplos de diseñadores que lo han hecho bien.
Si hay una pregunta que entre la comunidad de diseño se plantea es: y tú ¿con qué programa diseñas las aplicaciones? Repaso por las distintas herramientas de diseño de aplicaciones y análisis de las ventajas e inconvenientes de cada una.
Un repaso bien completo a todos los pasos del proceso de diseño de una interfaz web o mobile, desde que tenemos una idea hasta que la dejamos lista para programación. Además, incluyo unos claros ejemplos de diseñadores que lo han hecho bien.
Si hay una pregunta que entre la comunidad de diseño se plantea es: y tú ¿con qué programa diseñas las aplicaciones? Repaso por las distintas herramientas de diseño de aplicaciones y análisis de las ventajas e inconvenientes de cada una.
Los principales roles y funciones que deben desempeñar los diferentes profesionales de experiencia usuaria en el desarrollo de un proyecto.
En esta presentación podrá encontrar:
- El equipo UX interactúa con otros profesionales de diferentes áreas
- ¿Qué documentos o actividades los relaciona?
Fuente: www.blog.pucp.edu.pe/ux
Verónica Traynor explica qué es User Experience y qué no es, especialmente las diferencias que hay entre UX y UI. User Experience es un norte que nos sirve como referencia para diseñar experiencias positivas y memorables.
En el diseño de aplicaciones móviles es importante tener en cuenta aspectos como el color, el tamaño de los elementos o la cantidad de información que mostramos al usuario de una sola vez. En esta presentación analizo una seri de aplicaciones y doy las claves para pensar las cosas antes de diseñarlas.
Diseño de aplicaciones móviles: creando experienciasIzaskun Saez
El diseño de una aplicación movil implica conocer y saber manejar de forma óptima una serie de conceptos y elementos. En esta presentación que contiene numerosos ejemplos visuales podrás conocer qué cosas tener en cuenta y cómo hacerlo para crear una experiencia inmersiva con tu aplicación.
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
Introducción sobre el tema de UX,las ventajas de como integrar UX dentro de nuestro proceso de trabajo ayuda a mejorar el desarrollo de un producto digital y nuestra manera de pensar.
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesJuan Paulo Madriaza
Presentación introductoria de recomendaciones y buenas prácticas a tener en cuenta en el diseño de aplicaciones móviles. Curso a cargo del profesor Juan Paulo Madriaza - Uniacc - 2011
Patrones de diseño de interacción de interfaces móvilesManel González
Sesión técnica llevada a cabo en nuestra Escuela Universitaria el 17 de diciembre de 2014.
El diseño de interfaces de usuario de dispositivos móviles es todo un reto para los diseñadores de interfaz e interacción. Se deben tener en cuenta ciertas características relacionadas con el tamaño de los dispositivos en sí, con los estilos de interacción propios, y el contexto de uso entre otras. Conocer estas características es imprescindible para que la experiencia del usuario al interactuar con estos dispositivos sea positiva. Armando Fidalgo nos lo explicará en esta conferencia.
Sesión conducida por Armando es diseñador de interacción y experiencia de usuario, y consultor de usabilidad. Su experiencia se remonta al año 2000, y durante 10 años ha sido líder del equipo de diseño de interacción y experiencia de usuario de la reconocida empresa Usolab. Actualmente desempeña su profesión como profesional autónomo en el Reino Unido.
UX: La experiencia de diseñar la experienciaAriel Glaz
Clase teórica sobre Diseño de Experiencia de Usuario, Diseño de Interacción y Diseño de Interfaces.
Diseño Gráfico II - Cátedra Salomone
FADU, Universidad de Buenos Aires
Los principales roles y funciones que deben desempeñar los diferentes profesionales de experiencia usuaria en el desarrollo de un proyecto.
En esta presentación podrá encontrar:
- El equipo UX interactúa con otros profesionales de diferentes áreas
- ¿Qué documentos o actividades los relaciona?
Fuente: www.blog.pucp.edu.pe/ux
Verónica Traynor explica qué es User Experience y qué no es, especialmente las diferencias que hay entre UX y UI. User Experience es un norte que nos sirve como referencia para diseñar experiencias positivas y memorables.
En el diseño de aplicaciones móviles es importante tener en cuenta aspectos como el color, el tamaño de los elementos o la cantidad de información que mostramos al usuario de una sola vez. En esta presentación analizo una seri de aplicaciones y doy las claves para pensar las cosas antes de diseñarlas.
Diseño de aplicaciones móviles: creando experienciasIzaskun Saez
El diseño de una aplicación movil implica conocer y saber manejar de forma óptima una serie de conceptos y elementos. En esta presentación que contiene numerosos ejemplos visuales podrás conocer qué cosas tener en cuenta y cómo hacerlo para crear una experiencia inmersiva con tu aplicación.
Hablemos de UX - José Ma. Medina, UX UI designerJosé Ma. Medina
Introducción sobre el tema de UX,las ventajas de como integrar UX dentro de nuestro proceso de trabajo ayuda a mejorar el desarrollo de un producto digital y nuestra manera de pensar.
Mobile design 02 Recomendaciones para el diseño de aplicaciones móvilesJuan Paulo Madriaza
Presentación introductoria de recomendaciones y buenas prácticas a tener en cuenta en el diseño de aplicaciones móviles. Curso a cargo del profesor Juan Paulo Madriaza - Uniacc - 2011
Patrones de diseño de interacción de interfaces móvilesManel González
Sesión técnica llevada a cabo en nuestra Escuela Universitaria el 17 de diciembre de 2014.
El diseño de interfaces de usuario de dispositivos móviles es todo un reto para los diseñadores de interfaz e interacción. Se deben tener en cuenta ciertas características relacionadas con el tamaño de los dispositivos en sí, con los estilos de interacción propios, y el contexto de uso entre otras. Conocer estas características es imprescindible para que la experiencia del usuario al interactuar con estos dispositivos sea positiva. Armando Fidalgo nos lo explicará en esta conferencia.
Sesión conducida por Armando es diseñador de interacción y experiencia de usuario, y consultor de usabilidad. Su experiencia se remonta al año 2000, y durante 10 años ha sido líder del equipo de diseño de interacción y experiencia de usuario de la reconocida empresa Usolab. Actualmente desempeña su profesión como profesional autónomo en el Reino Unido.
UX: La experiencia de diseñar la experienciaAriel Glaz
Clase teórica sobre Diseño de Experiencia de Usuario, Diseño de Interacción y Diseño de Interfaces.
Diseño Gráfico II - Cátedra Salomone
FADU, Universidad de Buenos Aires
Esta presentación fue dada en el marco de la laBITconf Hackathon. El objetivo de la presentación fue darle a los participantes herramientas y conocimientos básicos de UX para que puedan aplicar durante la hackaton y que les sirva para crear productos más usables, que resultan productos de mayor valor y con más chances de éxito.
UX en proyectos de diseño y desarrollo - Gestión, procesos, roles y prácticasSantiago Bustelo
En los últimos años, la demanda a los equipos de diseño y desarrollo está pasando del cumplimiento de requerimientos del cliente, a la creación de productos que satisfacen las necesidades de los usuarios y objetivos del negocio.
En ese contexto, UX (User Experience) se establece como la visión, gestión y prácticas necesarias para cumplir con este desafío de manera efectiva y recurrente. Esta presentación brinda a los responsables de dirección y ejecución de proyectos de tecnología las distinciones fundamentales para iniciar el camino a su adopción.
Temario:
- Definición de UX y disciplinas.
- Experiencias accidentales vs. experiencias diseñadas.
- La experiencia de usuario como identidad del producto.
- Roles y áreas típicos en proyectos de diseño y desarrollo.
- Impacto de UX en los equipos de diseño y desarrollo, su responsabilidad y relación con clientes y usuarios.
- Principios de gestión de UX. Anatomía de un proyecto. Calidad y cuantificación.
- Prácticas de UX: nuestras herramientas para resolver problemas complejos.
- Roles en un equipo de UX.
- El camino a la adopción de UX: Modelo de madurez Keikendo.
PXTools: Nuevo generador y nuevos controles responsivosGeneXus
Mostraremos las primeras pantallas que resultarán de nuestro nuevo generador responsivo y explicaremos el funcionamiento de los nuevo controles "PXTools Responsive Layout" y "PXTools Smart Menus".
Live Editing es una de las nuevas funcionalidades de Salto, diseñada para maximizar la productividad en el desarrollo de buenas experiencias de usuario.
Live Editing es una de las nuevas funcionalidades de Salto, diseñada para maximizar la productividad en el desarrollo de buenas experiencias de usuario. Reduce drásticamente los ciclos de diseño al integrar plenamente la aplicación que se ejecuta en el dispositivo o navegador al propio IDE. En ésta presentación veremos lo que nos ofrece dicha funcionalidad, y lo que podremos encontrar en la siguiente versión de GeneXus.
Agile UX …O Como integrar UX en equipos ágiles y no morir en el intentoSandra Vilchez
Charla realizada como parte de la cuarta edición del IDF Perú, en las instalaciones de Multiplica Lima y en donde el tema de fondo fueron las metodologías Ágiles y la integración del especialista de UX en equipos Ágiles
Workshop donde se analizan las diferentes alternativas para integrar Realidad Aumentada en iOS con el desarrollo en vivo de una aplicación iOS usando Unity y Vuforia, dos de las herramientas más populares en el ecosistema iOS actual.
Laboratorio: Desarrollo de aplicaciones Web con GeneXus Evolution 3 y Salto (...GeneXus
Desarrollaremos en este “hands on lab” una aplicación Web de ejemplo que muestra algunas de las más importante funcionalidades para esta plataforma incluídas en las versiones Salto y Evolution 3. Está diseñado tanto para quiénes tienen experiencia en el desarrollo de aplicaciones web con GeneXus y desean ver las mejoras que tiene la versión Evolution 3 y Salto, como para quiénes no han desarrollado aplicaciones web con GeneXus.
En esta segunda parte del curso Diseño de apps y webs móviles veremos los pasos desde el prototipo hasta la implementación.
Incluye: 4. Probando diseños para móviles, 5. Tecnologías web móviles, 6. Implementando nuestro diseño de web/app móvil.
Responsive Web Design, ventaja, inconvenientes y recomendacionesXavi Cardet
La evolución del responsive web design. Diferenciación RWD con Web-app y aplicaciones nativas. Consejos para aplicar rwd, teniendo en cuenta el contexto de uso y los contenidos.
En esta presentación se describe el estado del emprendimiento en Colombia y el mundo actualizado a 2017, incluyendo temáticas como: el incremento en el número de usuarios conectados a Internet a nivel mundial, ejemplos de proyectos de emprendimiento exitosos a nivel nacional (Tappsi, DomiciliosBogota, Rappi, Mensajeros Urbanos, Ticketcode) e internacional, metodologías al momento de emprender (Lean Startup, Business Model Generation, Customer Development), estrategias para crear mínimos productos viables (MVPs), la importancia del equipo, las habilidades del equipo, las etapas de una startup, las alternativas de inversión y buenas prácticas que deberían ser tenidas en cuentas por emprendedores.
La presentación está dirigida y fue realizada a estudiantes de pregrado y posgrado en el curso "Las Mil Caras de Internet" en la Universidad de los Andes.
En esta presentación realizada en la Universidad de los Andes, se dan a conocer herramientas, metodologías y buenas prácticas que pueden ser utilizadas por estudiantes y personas que estén interesados en crear o que hagan parte de proyectos de emprendimiento en Internet (Startups). En la presentación se trata principalmente el tema de desarrollo ágil de productos web y móviles, se comparten algunas experiencias al momento de crear empresas en Internet, se dan recomendaciones a tener en cuenta al validar productos con clientes, y se referencian herramientas cloud computing y libros que pueden ser muy útiles para los emprendedores.
Aprende todas las opciones de desarrollo web móvil. Web dedicada a móvil, Responsive Design, Dynamic Serving o el protocolo .mobi.
Aprende:
1- Por qué el desarrollo móvil importa
2- ¿Por dónde empezar?
3- Consideraciones SEO de cada opción
4- ¿Cuándo elegir una u otra? Responsive Design, web dedicada a móvil o Dynamic Serving
5- Recomendaciones
Puedes ver el vídeo que acompañó a esta presentación en http://www.youtube.com/watch?v=-uqfwTfkbZQ&feature=youtu.be
Puedes seguir el blog de referencia en SEO móvil y desarrollo móvil en http://www.eduardocano.es
Cómo prototipar exitosamente tu proyectoIxDA Mendoza
Los prototipos conectan la estructura y arquitectura con la superficie de un sitio web o aplicación móvil. Son representaciones visuales de una interfase que se utilizan para comunicar los detalles y lograr que todos los miembros de un proyecto tengan un entendimiento mutuo en lo que se está trabajando.
Conferencia dictada por Javier Gómez Corio sobre el tema de la movilidad y cómo Joomla! lo ha asumido. Participación de alto interés, para quienes se orientan al mercado de los teléfonos celulares.
Responsive Web Design - Diseño Sensible by @janogarciaJano Garcia
No es una presentación técnica, no habrá ejemplos de código.
El objetivo es discutir qué problema trata de resolver “Responsive Design”, qué principios sigue y qué herramientas ofrece, preguntándonos si éstas se ajustarán a las necesidades de nuestros proyectos.
Marca y consumidor en la era de la convergencia (CAMP Lima 2013)Martin Redigolo
En un mundo en el cual tanto la marca como el consumidor tienen más de 630 puntos de contacto las reglas de comunicación y relación entre ellos han cambiado para siempre. ¿Dónde empieza una conversación? ¿Qué medios son los más aptos para empezarla? ¿Que hace el usuario con 6 tipos de pantallas en su alrededor? Pantallas que se pueden convertir en cualquier momento en un punto de venta durante la "Customer journey" dinámica.
Parece que ya no existen reglas en este nuevo 360 de la comunicación convergente. Las reglas las define cada marca... y cada usuario.
Dicha situación ha forzado un nuevo pensamiento más allá de la comunicación. Los estrategas de producto deben también pensar en el desarrollo de nuevos productos que satisfacen las nuevas necesidades del usuario y la manera como los compran.
Los servicios de valor añadido, productos 100% digitales, personalizables y que se adaptan al 100% a las necesidades del consumidor son un ejemplos que definen este nuevo mercado.
Falta solo el ultimo paso: el pago digital a través de los monederos digitales que a su vez abren un mundo de oportunidades de experiencias con valor añadido para fidelizarle para la siguiente compra.
¿Quieres vivir la convergencia?
Conceptos básicos del diseño digital, visualización de información (infografías dinámicas, "responsive" y creados para medios convergentes, uso de colores, tipografías, ...
Let's Talk - Innovación y Conversaciones ligerasMartin Redigolo
Invited to speak at the 7th edition of "Let's Talk". A conference organized by ANDA and McCANN Chile about Communication & Advertising. Audience: 700 aprox.
PowerPoint has created so much pain in the world of design... this document is aimed to teach anyone the most basic and principal design concepts to make your presentation visually attractive.
Ya estamos en el 2010 - Empresas y las Redes SocialesMartin Redigolo
Una reflexión sobre el status quo de las redes sociales y posibles estrategias para el mantenimiento y la activación de los usuarios.
BE ON MY FRIENDS!
[ON FOR OFFS] Twitter for business // Twitter para empresasMartin Redigolo
Based on the document of twitter*: how can the platform be used for business reasons. We enriched the document with examples and highlighted possibilites.
http://www.onforoffs.com
*business.twitter.com
26. @martinredigolo
6/¿CUÁL ES EL PROCESO DEL PROTOTIPADO Y DESARROLLO?
Project Manager
Coordinación Cliente
Organización Materiales
Diseñador UX
Arquitectura contenidos
Árbol de contenidos
Wireframe
Diseñador UI
Desarrollo elementos
visuales
Programador
Programa la APP en base a
pantallas del Maquetador/
UI y con flujos según UX
Maquetador
Programa pantallas
estáticas en base a UI
28. @martinredigolo
7/WEBAPP VS NATIVE VS HIBRIDA VS RESPONSIVE
Navegar OfflineNO SI
Navegación rápidaNO SI
Tiempo ImplementaciónRÁPIDO LENTO
AprobaciónNO SI
UX GamingBAJA ALTA
Funciones dispositivo
Camera, Sensores, …
NO SI
Costes DesarrolloBAJOS ALTOS
Aprobación VersionesNO SI
WEBAPP NATIVE
29. @martinredigolo
7/WEBAPP VS NATIVE VS HIBRIDA VS RESPONSIVE
VENTAJA
Comparten
contenido
HTML
La APP nativa carga
contenidos HTML
“UIWebView”
30. @martinredigolo
7/WEBAPP VS NATIVE VS HIBRIDA VS RESPONSIVE
El contenido se adapta a
las pantallas utilizando
CSS, JS,…
!
Ventajas
• El mismo contenido
• La misma programación
• UI/UX optimizado
!
Inconvenientes
• Conexión
• Hardware sin aprovechar
!
• Página Web
44. @martinredigolo
9/¿QUÉ QUIERO QUE SE VEA ANTES?
Recomendaciones para el Diseño
• No intentes apiñar todo en la parte
superior. Parte tus contenidos en trozos
digeribles.
• Incluye una descripción clara sobre lo que
vas ofrecer en tu App/site.
• Mantén una navegación lógica y clara.
• Desarrolla un copy/texto interesante.
• No olvides de incluir más contenido “útil”
e interesante por debajo del “Fold”
• Testea tu App/site en diferentes
dispositivos para comprobar el diseño y la
experiencia