SlideShare una empresa de Scribd logo
1 de 12
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

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 MeridaLuis 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-endScada Ucv
 
Diseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaDiseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaPlain Concepts
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis 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ónicoGaby Bolaños Gomez
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitalesrick arias
 
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-51Jose Garcia
 
Metodologia de desarrollo
Metodologia de desarrolloMetodologia de desarrollo
Metodologia de desarrolloDiego
 
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
 
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 usuarioCristianJose15
 
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 usoPercy 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 UsuariosJoaquin Paronzini
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Treze Estudio
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuarioCin Fagundez
 

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
 
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]
 
Fagundez Diseño de interfaces gráficas de usuario
Fagundez   Diseño de interfaces gráficas de usuarioFagundez   Diseño de interfaces gráficas de usuario
Fagundez Diseño de interfaces gráficas de usuario
 

Último

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMcespitiacardales
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 

Último (10)

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COMCOMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
COMOGANARAMIGODPARACRISTOIGLESIAADVENTISTANECOCLI,COM
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 

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