Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

Download to read offline

ICC 2020: Developing Well-Designed Projects in Ignition

Download to read offline

Learn key user experience/user interface (UX/UI) concepts to improve the interface design of your industrial projects. From the most common design mistakes to avoid, to the newest design methodologies, the team from NV Tecnologías will walk conference-goers through key design principles for HMIs and other interfaces. If you are new to screen design or want a refresher for UX in 2020, this is the perfect session for you.

*In Spanish

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

ICC 2020: Developing Well-Designed Projects in Ignition

  1. 1. Desarrollando proyectos de alto desempeño visual
  2. 2. Omar Segura Desarrollador de Aplicaciones Esteban Núñez Gerente General
  3. 3. • Fundada en 1998 • Conocimientos en control de procesos continuos • Consultoría para el diseño y especificación de sistemas de automatización y SCADA • Distribuidor de Inductive Automation en 2020 Acerca de NV Tec
  4. 4. • Retos en el diseño • Vicios en el diseño de un proyecto • Entender el proceso de diseño • Empatizar • Definir • Idear • Prototipo • Probar • Oportunidades & Conclusiones Agenda
  5. 5. • Elevar la efectividad • Elevar la calidad • Ampliar nuestro proceso de mejora continua en diseño A cuales nos enfrentamos: Retos
  6. 6. • Repeticiones excesivas • Re Trabajos excesivos Tiempo y Calidad Vicios en el diseño de un proyecto
  7. 7. • Determinar uso. • Definir. • Idear. • Evaluar. • Producto final. Basado en Design thinking. Entender el proceso de diseño.
  8. 8. • Problemas: • Comprender correctamente el problema • Limitar o dividir la cantidad Determinar uso. Proceso de diseño.
  9. 9. • Necesidades y deseos • Identificar • Valorar • Priorizar • Descartar Determinar uso. Proceso de diseño.
  10. 10. • Pensar en el futuro Determinar uso. Proceso de diseño.
  11. 11. Secciones de aplicación • Monitoreo • Análisis • Configuraciones • Sistema Definir. Proceso de diseño.
  12. 12. Establecer 4 niveles de navegación. • Nivel 1: Área de proceso de información general. • Nivel 2: Proceso de control de la unidad. • Nivel 3: Proceso de detalle de la unidad. • Nivel 4: Proceso de mantenimiento de la unidad y de diagnóstico. Definir. Proceso de diseño.
  13. 13. Establecer 4 niveles de navegación. • Nivel 1: Área para enfriamiento de agua (Torres de enfriamiento y chillers) • Nivel 2: Sistema de enfriadores (chillers) • Nivel 3: Enfriador 01 (chiller) • Nivel 4: Sensor de temperatura (Ventana emergente o acoplada) Definir. Proceso de diseño.
  14. 14. • Presentar el proceso como un diagrama de flujo, debe ser idealmente la mejor representación del proceso, sin llegar a ser algo complicado (puede ser un plano) Definir Proceso de diseño.
  15. 15. Definir Proceso de diseño.
  16. 16. Definir Proceso de diseño.
  17. 17. • Wireframing. Idear. Proceso de diseño.
  18. 18. • No usar 3D • No animaciones Idear. Proceso de diseño.
  19. 19. Proceso de diseño. Idear.
  20. 20. • Mostrar información y no datos Proceso de diseño.
  21. 21. Proceso de diseño.
  22. 22. Proceso de diseño.
  23. 23. Proceso de diseño. ¿Cuánto tiempo tardarías por definir qué velocidad exacta llevan cada automóvil?
  24. 24. • Mostrar información y no solo datos Proceso de diseño.
  25. 25. Proceso de diseño. • Aprovechar el espacio
  26. 26. • Colocar alarmas Proceso de diseño.
  27. 27. No saturar la pantalla con colores y elementos. Proceso de diseño.
  28. 28. Proceso de diseño.
  29. 29. Proceso de diseño. Construir.
  30. 30. • Herramientas. • Temas y Estilos. • Vistas embebidas. • Repetidor. Prototipo. Proceso de diseño.
  31. 31. Proceso de diseño.
  32. 32. Proceso de diseño.
  33. 33. • Solicitar la participación del operador. Evaluar. Proceso de diseño.
  34. 34. • ¿Se muestra toda la información que usted necesita en condiciones estables y necesarias para hacer su trabajo? . Evaluar. Proceso de diseño.
  35. 35. • ¿Se muestra toda la información que usted necesita durante una situación anormal?. ¿Que pantallas utiliza de manera activa diariamente? Evaluar. Proceso de diseño.
  36. 36. • Un diseño SCADA con gráficos de alto rendimiento, que cumple con las necesidades del cliente • Un proceso de diseño corto y eficiente. Resultado Proceso de diseño.
  37. 37. • Empezar por la empatía para llegar a la recopilación de necesidades adecuada • Planificar para el futuro • Basarse en estándares (ISA-101) • The High Performance HMI Handbook • Aprovechar las herramientas disponibles y novedosas Oportunidades & Conclusiones
  38. 38. osegura@nvtecnologias.com enunez@nvtecnologias.com Chat Discord ICC +506 8996 4400 ventas@nvtecnologias.com accountservices@inductiveautomation.com ¿Preguntas?

Learn key user experience/user interface (UX/UI) concepts to improve the interface design of your industrial projects. From the most common design mistakes to avoid, to the newest design methodologies, the team from NV Tecnologías will walk conference-goers through key design principles for HMIs and other interfaces. If you are new to screen design or want a refresher for UX in 2020, this is the perfect session for you. *In Spanish

Views

Total views

144

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

20

Shares

0

Comments

0

Likes

0

×