SlideShare una empresa de Scribd logo
Habilidades que debe de adquirir un desarrollador de software para
ser desarrollador de interfaces de usuario
INTRODUCCIÓN
“La producción de sistemas web o internet ha visto también una evolución. No más de 5
años atrás el desarrollo de sitios web estaba ligado íntimamente a las computadoras de
escritorio y sus características funcionales: navegadores, resolución de pantalla, modos
de navegación (mediante teclado y mouse), entre otros. ctualmente, la diversificación
de los dispositivos portátiles y sus distintas formas de interacción han provocado la
generación de una nueva filosofía de diseño de los sistemas web.”
Revista Tecnológica ESPOL – RTE, Vol. 28, N. 1, 102-109, (Agosto 2015). Recuperado
en: http://www.rte.espol.edu.ec/index.php/tecnologica/article/view/369/231
Habilidades que debe de adquirir un desarrollador de
software para ser desarrollador de interfaces de
usuario (UI)
Objetivo
Conocer las habilidades y conocimientos que se
debe adquirir un desarrollador de Software que
quiera dedicarse exclusivamente al desarrollo de
interfaces de usuario.
Objetivos específicos:
• Aprender los lenguajes de programación mas
comunes para el desarrollo de interfaces de
usuario.
• Conocer los fundamentos de como funciona la
interacción.
• Conocer las habilidades gráficas mínimas
requeridas
TEMA Y OBJETIVOS
Para la metodología se hizo una investigación en libros, ligas de internet, diario de
campo, encuestas y una entrevistas. Este fue el plan de trabajo que se uso en la
investigación:
METODOLOGÍA
¿Que es UI?
UI (por sus siglas en inglés User Interface) o en español Interfaz del Usuario, es la
vista que permite a un usuario interactuar de manera efectiva con un sistema. Es la
suma de una arquitectura de información + elementos visuales + patrones de
interacción.
Un desarrollador de interfaces de usuario se encarga de crear visualmente la interfaz
del producto para que vaya acorde a la experiencia del usuario. Crea elementos
interactivos, se preocupa de que se vean bien en todas las plataformas (móvil,
tableta, web). Un UI trabaja muy de la mano con el equipo de diseño que le
proporcionan los lineamientos gráficos que va necesitar. Como guía de colores, tipo
de tipografía para usar en encabezados, cuerpo, etc, interactividad del sitio.
RESULTADOS
Habilidades técnicas que requiere un UI
• Html
• CSS
• Javascript
• Programación orientada a objetos
RESULTADOS
Proceso para elaborar UI
• Levantamiento de requerimientos;
• Análisis de los requerimientos;
• Diseño del UX / UI de la App
• Desarrollo de la aplicación;
• Pruebas de funcionalidad;
• Visto bueno de la aplicación;
• Producción del producto;
• Corrección de errores de la aplicación o
mejoras basados en el uso de la app de parte
del usuario;
RESULTADOS
RESULTADOS
RESULTADOS
RESULTADOS
Ya con los datos de investigación y analizando las encuestas podemos concluir lo
siguiente:
Lo mas importante habilidad que se debe tener es la capacidad de análisis, para analizar
los requerimientos exigidos por el cliente y darle la mejor solución posible. No se puede
empezar a desarrollar una interfaz no mas por que si, tenemos que saber porque cada
botón que se muestra en el sistema, app o sitio. Saber que el color elegido cumple un
propósito, que si tiene interactividad tiene una función y si la navegabilidad es de un
modo es porque es la mejor solución para el cliente.
CONCLUSIONES
En segundo viene desarrollar una habilidad de diseño, si aunque normalmente no se
trabaja solo si no se tiene a alguien a lado que haga esta parte. Es necesaria para poder
hablar el mismo idioma con el diseñador para proponer o incluso mejorar la propuesta.
Tercera la que consideraba la mas importante es desarrollar habilidades técnicas, mas
que nada saber buena programación y dominarla. Ya con eso podemos ir aprendiendo
cada vez mas es mas importante esto que saber los lenguajes. Pero si hablamos de
lenguajes los fundamentales para resolver problemas son el HTML, CSS, Javascript y
programación orientada a objetos. Como me han comentado algunos amigos.
Estas son las habilidades que un desarrollador de Software tiene que adquirir para ser
desarrollador de interfaces de usuario.
CONCLUSIONES

Más contenido relacionado

La actualidad más candente

Cómo crear una app para móvil
Cómo crear una app para móvilCómo crear una app para móvil
Cómo crear una app para móvil
ruestru
 
Aplicaciones
AplicacionesAplicaciones
Usabilidad y diseño en Android
Usabilidad y diseño en AndroidUsabilidad y diseño en Android
Usabilidad y diseño en Android
condesa89
 
Interfaces UI
Interfaces UIInterfaces UI
Gestión de proyectos y contenidos digitales
Gestión de proyectos y contenidos digitalesGestión de proyectos y contenidos digitales
Gestión de proyectos y contenidos digitales
Profe Goyes
 
Patrones de diseño en Android
Patrones de diseño   en AndroidPatrones de diseño   en Android
Patrones de diseño en Android
Alex Naupay
 
Diseño de interfaces centradas en el usuario
Diseño de interfaces centradas en el usuarioDiseño de interfaces centradas en el usuario
Diseño de interfaces centradas en el usuario
Elizabeth Regina Palacios Penna
 
UX Design
UX DesignUX Design
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
Wincler Percy Diaz Vilchez
 
Ingeniería de software II. Usabilidad y Diseño Web
Ingeniería de software II. Usabilidad y Diseño WebIngeniería de software II. Usabilidad y Diseño Web
Ingeniería de software II. Usabilidad y Diseño Web
Juan Manuel Agüera Castro
 
Ux
Ux Ux
Características de las Apps
Características de las AppsCaracterísticas de las Apps
Características de las Apps
Katherine Haro
 
BlueBox for BlackBerry PlayBook on AppCircus 2011
BlueBox for BlackBerry PlayBook on AppCircus 2011BlueBox for BlackBerry PlayBook on AppCircus 2011
BlueBox for BlackBerry PlayBook on AppCircus 2011
Mariano Carrizo
 
Lluvia de ideas (2)
Lluvia de ideas (2)Lluvia de ideas (2)
Lluvia de ideas (2)
yokicarlos
 
Diferencias y similitudes entre hibridas y nativas (1)
Diferencias y similitudes entre hibridas y nativas (1)Diferencias y similitudes entre hibridas y nativas (1)
Diferencias y similitudes entre hibridas y nativas (1)
MIGUEL ABAD ESPINOZA
 
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móvilesDesarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
Facundo Rodríguez Arceri
 
Aplicaciones Web móviles
Aplicaciones Web móvilesAplicaciones Web móviles
Aplicaciones Web móviles
Alberto Pobla
 
Software de programación
Software de programaciónSoftware de programación
Software de programación
kidwolf
 
INFORMATICA APLICADA
INFORMATICA APLICADAINFORMATICA APLICADA
INFORMATICA APLICADA
VERONICA ALVAREZ
 

La actualidad más candente (19)

Cómo crear una app para móvil
Cómo crear una app para móvilCómo crear una app para móvil
Cómo crear una app para móvil
 
Aplicaciones
AplicacionesAplicaciones
Aplicaciones
 
Usabilidad y diseño en Android
Usabilidad y diseño en AndroidUsabilidad y diseño en Android
Usabilidad y diseño en Android
 
Interfaces UI
Interfaces UIInterfaces UI
Interfaces UI
 
Gestión de proyectos y contenidos digitales
Gestión de proyectos y contenidos digitalesGestión de proyectos y contenidos digitales
Gestión de proyectos y contenidos digitales
 
Patrones de diseño en Android
Patrones de diseño   en AndroidPatrones de diseño   en Android
Patrones de diseño en Android
 
Diseño de interfaces centradas en el usuario
Diseño de interfaces centradas en el usuarioDiseño de interfaces centradas en el usuario
Diseño de interfaces centradas en el usuario
 
UX Design
UX DesignUX Design
UX Design
 
Aplicaciones moviles
Aplicaciones movilesAplicaciones moviles
Aplicaciones moviles
 
Ingeniería de software II. Usabilidad y Diseño Web
Ingeniería de software II. Usabilidad y Diseño WebIngeniería de software II. Usabilidad y Diseño Web
Ingeniería de software II. Usabilidad y Diseño Web
 
Ux
Ux Ux
Ux
 
Características de las Apps
Características de las AppsCaracterísticas de las Apps
Características de las Apps
 
BlueBox for BlackBerry PlayBook on AppCircus 2011
BlueBox for BlackBerry PlayBook on AppCircus 2011BlueBox for BlackBerry PlayBook on AppCircus 2011
BlueBox for BlackBerry PlayBook on AppCircus 2011
 
Lluvia de ideas (2)
Lluvia de ideas (2)Lluvia de ideas (2)
Lluvia de ideas (2)
 
Diferencias y similitudes entre hibridas y nativas (1)
Diferencias y similitudes entre hibridas y nativas (1)Diferencias y similitudes entre hibridas y nativas (1)
Diferencias y similitudes entre hibridas y nativas (1)
 
Desarrollo de aplicaciones móviles
Desarrollo de aplicaciones móvilesDesarrollo de aplicaciones móviles
Desarrollo de aplicaciones móviles
 
Aplicaciones Web móviles
Aplicaciones Web móvilesAplicaciones Web móviles
Aplicaciones Web móviles
 
Software de programación
Software de programaciónSoftware de programación
Software de programación
 
INFORMATICA APLICADA
INFORMATICA APLICADAINFORMATICA APLICADA
INFORMATICA APLICADA
 

Similar a Presentacion final

Front End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaFront End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest Merida
Luis Felipe Perez
 
Ux ui, front-end y back-end
Ux ui, front-end y back-endUx ui, front-end y back-end
Ux ui, front-end y back-end
Scada Ucv
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
AderMogollonLuna
 
Diseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaDiseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataforma
Plain Concepts
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
Alexis Morillo
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
Gaby Bolaños Gomez
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
rick arias
 
Tipos de apps
Tipos de appsTipos de apps
Tipos de apps
Diego Becerra
 
Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Jose Garcia
 
Diseño de Interfaces.pdf
Diseño de Interfaces.pdfDiseño de Interfaces.pdf
Diseño de Interfaces.pdf
MaraEsthelaLpezPlant
 
Gui
GuiGui
Taller n°3 patricio vimos
Taller n°3 patricio vimosTaller n°3 patricio vimos
Taller n°3 patricio vimos
Patricio Vimos Mora
 
Metodologia de desarrollo
Metodologia de desarrolloMetodologia de desarrollo
Metodologia de desarrollo
Diego
 
El gran diseño web (ensayo)
El gran diseño web (ensayo)El gran diseño web (ensayo)
El gran diseño web (ensayo)
snax12
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
Ernesto Olmedo Pereira
 
Terminologis
TerminologisTerminologis
Terminologis
carmenmc2017
 
El computador desde el punto de vista del usuario
El computador desde el punto de vista del usuarioEl computador desde el punto de vista del usuario
El computador desde el punto de vista del usuario
CristianJose15
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
Percy Negrete
 
Diseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosDiseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de Usuarios
Joaquin Paronzini
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
Treze Estudio
 

Similar a Presentacion final (20)

Front End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest MeridaFront End & Responsive Web Design | DevFest Merida
Front End & Responsive Web Design | DevFest Merida
 
Ux ui, front-end y back-end
Ux ui, front-end y back-endUx ui, front-end y back-end
Ux ui, front-end y back-end
 
Taller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uMLTaller construcción de Prototipos Uno uML
Taller construcción de Prototipos Uno uML
 
Diseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaDiseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataforma
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
Diseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónicoDiseño de la interfaz del sitio de comercio electrónico
Diseño de la interfaz del sitio de comercio electrónico
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
 
Tipos de apps
Tipos de appsTipos de apps
Tipos de apps
 
Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51Sanchez garcia juan_jose_ensayo_unidad1_sis-51
Sanchez garcia juan_jose_ensayo_unidad1_sis-51
 
Diseño de Interfaces.pdf
Diseño de Interfaces.pdfDiseño de Interfaces.pdf
Diseño de Interfaces.pdf
 
Gui
GuiGui
Gui
 
Taller n°3 patricio vimos
Taller n°3 patricio vimosTaller n°3 patricio vimos
Taller n°3 patricio vimos
 
Metodologia de desarrollo
Metodologia de desarrolloMetodologia de desarrollo
Metodologia de desarrollo
 
El gran diseño web (ensayo)
El gran diseño web (ensayo)El gran diseño web (ensayo)
El gran diseño web (ensayo)
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
 
Terminologis
TerminologisTerminologis
Terminologis
 
El computador desde el punto de vista del usuario
El computador desde el punto de vista del usuarioEl computador desde el punto de vista del usuario
El computador desde el punto de vista del usuario
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
 
Diseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de UsuariosDiseño de Interfaces Graficas de Usuarios
Diseño de Interfaces Graficas de Usuarios
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
 

Último

LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdfLA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
YulianaCori
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
jorgejhonatanaltamir1
 
Análisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de ArtesAnálisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de Artes
al050121024
 
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdfDocumento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
sthefannydelgado765
 
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdfextraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
JENNYMARITZAHUILLCAR
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
cpadua713
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
Jean Apellidos
 
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdfPPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
josenestorlopezquisp1
 
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdfTRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
anacruztone06
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
EmilyEsmeraldaQuispe
 
Sesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artificalSesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artifical
Angeles del Rosario Escobar Mendoza
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
darilpisco021
 
Herramientas de la web 2.0.pptx
Herramientas    de     la    web    2.0.pptxHerramientas    de     la    web    2.0.pptx
Herramientas de la web 2.0.pptx
anittaeunice
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
LuisAlbertoCordovaBa
 
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNETCOMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
Kevin Aguilar Garcia
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
ruthechepurizaca
 
Oruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico magoOruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico mago
ChichipeSevillaJhost
 

Último (17)

LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdfLA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
LA NUBE YULIANA GABRIELA CORI NINARAQUE.pdf
 
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidadESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
ESTUDIANTES BENEFICIARIOS que se suman a los beneficios de la universidad
 
Análisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de ArtesAnálisis de Crowdfunding con el maestro Tapia de Artes
Análisis de Crowdfunding con el maestro Tapia de Artes
 
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdfDocumento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
Documento A4 formas curvas Hoja de papel multicolor_20240615_213856_0000.pdf
 
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdfextraccion-de-alcaloides-de-la-planta-de-coca.pdf
extraccion-de-alcaloides-de-la-planta-de-coca.pdf
 
APLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptxAPLICACIONES DE INTERNET-INFORMATICA.pptx
APLICACIONES DE INTERNET-INFORMATICA.pptx
 
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docxCOMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
COMO EVOLUCIONO LAS WEB EN PLENO 2024.docx
 
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdfPPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales  (2).pdf
PPT_QUÍMICA GENERAL_TEO_SEM-09_SESIÓN-17_2024_Gases ideales (2).pdf
 
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdfTRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
TRABAJO APLICACIONES EN INTERNET - Ana cruz tone.pdf
 
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docxFICHA DE EDUCACIÓN RELIGIOSA  17 DE CTUBRE LA  oracion.docx
FICHA DE EDUCACIÓN RELIGIOSA 17 DE CTUBRE LA oracion.docx
 
Sesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artificalSesión N°10 / Monografía sobre la inteligencia artifical
Sesión N°10 / Monografía sobre la inteligencia artifical
 
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdfMONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
MONOGRAFRIA GOOGLE (grupo 1ro de google).pdf
 
Herramientas de la web 2.0.pptx
Herramientas    de     la    web    2.0.pptxHerramientas    de     la    web    2.0.pptx
Herramientas de la web 2.0.pptx
 
Oración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docxOración a Pomba Gira María Padilha .docx
Oración a Pomba Gira María Padilha .docx
 
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNETCOMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
COMUNIDADES DE APRENDIZAJE EN EL CURSO DE APLICACIONES PARA INTERNET
 
SLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajasSLIDESHARE, qué es, ventajas y desventajas
SLIDESHARE, qué es, ventajas y desventajas
 
Oruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico magoOruam, el pequeño y el gran carismatico mago
Oruam, el pequeño y el gran carismatico mago
 

Presentacion final

  • 1. Habilidades que debe de adquirir un desarrollador de software para ser desarrollador de interfaces de usuario
  • 2. INTRODUCCIÓN “La producción de sistemas web o internet ha visto también una evolución. No más de 5 años atrás el desarrollo de sitios web estaba ligado íntimamente a las computadoras de escritorio y sus características funcionales: navegadores, resolución de pantalla, modos de navegación (mediante teclado y mouse), entre otros. ctualmente, la diversificación de los dispositivos portátiles y sus distintas formas de interacción han provocado la generación de una nueva filosofía de diseño de los sistemas web.” Revista Tecnológica ESPOL – RTE, Vol. 28, N. 1, 102-109, (Agosto 2015). Recuperado en: http://www.rte.espol.edu.ec/index.php/tecnologica/article/view/369/231
  • 3. Habilidades que debe de adquirir un desarrollador de software para ser desarrollador de interfaces de usuario (UI) Objetivo Conocer las habilidades y conocimientos que se debe adquirir un desarrollador de Software que quiera dedicarse exclusivamente al desarrollo de interfaces de usuario. Objetivos específicos: • Aprender los lenguajes de programación mas comunes para el desarrollo de interfaces de usuario. • Conocer los fundamentos de como funciona la interacción. • Conocer las habilidades gráficas mínimas requeridas TEMA Y OBJETIVOS
  • 4. Para la metodología se hizo una investigación en libros, ligas de internet, diario de campo, encuestas y una entrevistas. Este fue el plan de trabajo que se uso en la investigación: METODOLOGÍA
  • 5. ¿Que es UI? UI (por sus siglas en inglés User Interface) o en español Interfaz del Usuario, es la vista que permite a un usuario interactuar de manera efectiva con un sistema. Es la suma de una arquitectura de información + elementos visuales + patrones de interacción. Un desarrollador de interfaces de usuario se encarga de crear visualmente la interfaz del producto para que vaya acorde a la experiencia del usuario. Crea elementos interactivos, se preocupa de que se vean bien en todas las plataformas (móvil, tableta, web). Un UI trabaja muy de la mano con el equipo de diseño que le proporcionan los lineamientos gráficos que va necesitar. Como guía de colores, tipo de tipografía para usar en encabezados, cuerpo, etc, interactividad del sitio. RESULTADOS
  • 6. Habilidades técnicas que requiere un UI • Html • CSS • Javascript • Programación orientada a objetos RESULTADOS
  • 7. Proceso para elaborar UI • Levantamiento de requerimientos; • Análisis de los requerimientos; • Diseño del UX / UI de la App • Desarrollo de la aplicación; • Pruebas de funcionalidad; • Visto bueno de la aplicación; • Producción del producto; • Corrección de errores de la aplicación o mejoras basados en el uso de la app de parte del usuario; RESULTADOS
  • 11. Ya con los datos de investigación y analizando las encuestas podemos concluir lo siguiente: Lo mas importante habilidad que se debe tener es la capacidad de análisis, para analizar los requerimientos exigidos por el cliente y darle la mejor solución posible. No se puede empezar a desarrollar una interfaz no mas por que si, tenemos que saber porque cada botón que se muestra en el sistema, app o sitio. Saber que el color elegido cumple un propósito, que si tiene interactividad tiene una función y si la navegabilidad es de un modo es porque es la mejor solución para el cliente. CONCLUSIONES
  • 12. En segundo viene desarrollar una habilidad de diseño, si aunque normalmente no se trabaja solo si no se tiene a alguien a lado que haga esta parte. Es necesaria para poder hablar el mismo idioma con el diseñador para proponer o incluso mejorar la propuesta. Tercera la que consideraba la mas importante es desarrollar habilidades técnicas, mas que nada saber buena programación y dominarla. Ya con eso podemos ir aprendiendo cada vez mas es mas importante esto que saber los lenguajes. Pero si hablamos de lenguajes los fundamentales para resolver problemas son el HTML, CSS, Javascript y programación orientada a objetos. Como me han comentado algunos amigos. Estas son las habilidades que un desarrollador de Software tiene que adquirir para ser desarrollador de interfaces de usuario. CONCLUSIONES