SlideShare una empresa de Scribd logo
QUÉ ES UX/UI, FRONT-END y BACK-END ?
Empecemos con que todas estas especialidades son súper importantes y se
complementan. Sirven para crear páginas o aplicaciones web desde 0.
Piensen que hay dos áreas: Diseño (UX/UI) y Desarrollo (Front-End, Back-End)
Diseño (UX/UI): ¿es lo mismo UX que UI?
Naturalmente no.
Diseño UX: como lo dice su nombre es el diseño de la experiencia del usuario, y
el
Diseño UI: es el diseño de la interfaz del usuario.
Un UXER está enfocado en la parte más humana/social del proceso. Lo vamos a
encontrar (o deberíamos) siempre desde el principio del proyecto.
Se encarga de la investigación cuantitativa y cualitativa referida al potencial (o
actual) usuario de esta app. Además realiza tests del prototipo (boceto o sketch
del producto: página web) con usuarios reales para llegar a resultados óptimos.
Dado que se encarga de diseñar para otras personas, es importante que tenga
conocimientos de usabilidad, métodos de investigación, análisis de información,
comunicación, psicología, entre otras. También es importante que tenga
habilidades que permitan traducir esas necesidades del usuario común al ámbito
de la industria de productos o servicios a la que uno vaya a diseñar (en este caso,
informática).
Entonces, es importante que tenga conocimientos en: administración de
proyectos, diseño de procesos, arquitectura de información, taxonomías, diseño
de interacción, métodos de evaluación, design thinking, etc.
¿Qué hace un diseñador UI?
(En la práctica, es muy común que la misma persona sea Diseñador UX y UI). El
Diseñador de Interfaz del Usuario lleva a cabo una tarea más técnica, se trata del
diseño puramente visual e interactivo de esta aplicación web. Obvio que al venir
de la mano del Diseño UX, el Diseño UI te permite guiar a los usuarios por la
navegación con el objetivo de llevarlos a tomar dichas acciones de manera natural
(intuitiva).
¿Qué hace entonces un Diseñador UI?
Diseña los prototipos de esta página web, en baja fidelidad (un boceto en papel),
en media fidelidad (un wireframe y un prototipo funcional en alta fidelidad en
alguna herramienta como Adobe XD, Figma, Sketch (entre otras, estas son las
que se usan normalmente)
A medida que el Diseñador UX va testeando esta app con usuarios con el fin de
agregar mejoras al prototipo. Ahora lo importante:
¿DÓNDE ESTUDIARLO ONLINE?
tienen plataformas de cursos online como Platzi o Udemy que están bastante
buenos y accesibles. Lamentablemente no hay un curso que incluya todo lo que
necesita saber un Diseñador UX/UI, lo importante es capacitarse constantemente.
Se Recomienda mucho leer blogs como Medium, https://uxdesign.cc y ver cuáles
son las tendencias en plataformas como Behance o Dribbble.
Con lo anteriormente explicado….ya tenemos el diseño del prototipo con el que
podemos jugar e interactuar de forma limitada, ahora necesitamos ponerlo online.
Acá entra el área de Desarrollo, empezando con el Front-End
y la gran duda: el front-end diseña la interfaz del usuario? NO.
El Front-End DESARROLLA la interfaz del usuario, implementa lo que el
Diseñador UI crea, por medio de lenguajes de marcado, maquetación y
programación.
Desarrolla todo lo que el usuario ve. La parte frontal de la página web. Algunos
lenguajes fundamentales son: HTML (marcado), CSS (maquetación) lo que da
estilos a tu página web y JavaScript (programación) lo que le da la lógica para
funcionar.
luego aprenden a usar librerías como React o Angular (librerías de JavaScript para
crear interfaces de usuario) Hay mucho soporte y una gran cantidad de
herramientas y librerías que lo complementan.
Y en definitiva, en el mundo laboral, es lo que usan las empresas para desarrollar
sus páginas web de forma más eficiente. ¿Dónde estudiarlo? Acámica o Digital
House
Pero naturalmente, son especialidades que pueden aprenderse tranquilamente en
la hermosa Universidad de Youtube o en la cantidad inmensa de cursos gratuitos
que hay por internet, todo depende de la persona y su interés.
Vamos con Back-End!:
Tradicionalmente el back es la parte del sistema que se ejecuta del lado del
servidor.
El front se ejecuta en el dispositivo del cliente (tu compu, tel, etc) :)
El back-end es la parte que va detrás de lo que el usuario ve a simple vista
Es el panel de control que suelen tener las páginas para gestionarlo todo y su
conexión con la base de datos.
Los lenguajes mas conocidos son PHP, Java o .Net.
¿Qué es Full-Stack?
Es el desarrollo web Front-End + Back-End. En teoría un full stack sabe programar
tanto con lenguajes de maquetado como de programación. Lo que se recomienda
es especializarse en un área.

Más contenido relacionado

La actualidad más candente

Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
Adriana Tienda
 
Usabilidad express
Usabilidad expressUsabilidad express
Usabilidad express
UX Nights
 
Bryvalen
BryvalenBryvalen
Bryvalen
Bryanandrey
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?
IxDA Mendoza
 
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Martin Redigolo
 
Corel paintshop presentación
Corel paintshop   presentaciónCorel paintshop   presentación
Corel paintshop presentación
Mary Sanchez
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
Izaskun Saez
 
Diseño de interfaces Fundamentos de UI y UX
Diseño de interfaces    Fundamentos de UI y UXDiseño de interfaces    Fundamentos de UI y UX
Diseño de interfaces Fundamentos de UI y UX
Richard Eliseo Mendoza Gafaro
 
Tecnología e informática
Tecnología e informáticaTecnología e informática
Tecnología e informática
David Ortega Silva
 
UX & UI Eficiente en Mobile Apps
UX & UI Eficiente en Mobile AppsUX & UI Eficiente en Mobile Apps
UX & UI Eficiente en Mobile Apps
Norberto Hernández
 
Tecnología e informática
Tecnología e informáticaTecnología e informática
Tecnología e informática
David Ortega Silva
 
Herramientas de diseño UI
Herramientas de diseño UIHerramientas de diseño UI
Herramientas de diseño UI
SlashMobility.com
 
El equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareasEl equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareas
Percy Negrete
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
José Ma. Medina
 
Actividad explorar herramientas
Actividad explorar herramientasActividad explorar herramientas
Actividad explorar herramientas
isabelgrupoavi
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ Highlights
Sonia Villanueva
 
Diseño basado en patrones
Diseño basado en patronesDiseño basado en patrones
Diseño basado en patrones
Ramiro Estigarribia Canese
 
Que es prezzi
Que es prezziQue es prezzi
Que es prezzi
israelperezz
 
Creadores de paginas web
Creadores de paginas webCreadores de paginas web
Creadores de paginas webAdriana Cepeda
 

La actualidad más candente (20)

Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 
Usabilidad express
Usabilidad expressUsabilidad express
Usabilidad express
 
Bryvalen
BryvalenBryvalen
Bryvalen
 
¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?¿Diseñar para los usuarios o diseñar con los usuarios?
¿Diseñar para los usuarios o diseñar con los usuarios?
 
Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.Master class: Mobile UI/UX. Como diseñar una App exitosa.
Master class: Mobile UI/UX. Como diseñar una App exitosa.
 
Corel paintshop presentación
Corel paintshop   presentaciónCorel paintshop   presentación
Corel paintshop presentación
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
 
¿Por qué UX?
¿Por qué UX?¿Por qué UX?
¿Por qué UX?
 
Diseño de interfaces Fundamentos de UI y UX
Diseño de interfaces    Fundamentos de UI y UXDiseño de interfaces    Fundamentos de UI y UX
Diseño de interfaces Fundamentos de UI y UX
 
Tecnología e informática
Tecnología e informáticaTecnología e informática
Tecnología e informática
 
UX & UI Eficiente en Mobile Apps
UX & UI Eficiente en Mobile AppsUX & UI Eficiente en Mobile Apps
UX & UI Eficiente en Mobile Apps
 
Tecnología e informática
Tecnología e informáticaTecnología e informática
Tecnología e informática
 
Herramientas de diseño UI
Herramientas de diseño UIHerramientas de diseño UI
Herramientas de diseño UI
 
El equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareasEl equipo ideal UX, roles y tareas
El equipo ideal UX, roles y tareas
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
Actividad explorar herramientas
Actividad explorar herramientasActividad explorar herramientas
Actividad explorar herramientas
 
UX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ HighlightsUX Industry Survey Spain 2016 _ Highlights
UX Industry Survey Spain 2016 _ Highlights
 
Diseño basado en patrones
Diseño basado en patronesDiseño basado en patrones
Diseño basado en patrones
 
Que es prezzi
Que es prezziQue es prezzi
Que es prezzi
 
Creadores de paginas web
Creadores de paginas webCreadores de paginas web
Creadores de paginas web
 

Similar a 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
Plain Concepts
 
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 final
Presentacion finalPresentacion final
Presentacion final
Emmanuel Telles
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
Emmanuel Telles
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz webAlexis Morillo
 
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
 
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
 
Qué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mxQué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mxdaniela03carol
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
sara delgado
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
rick arias
 
Terminologis
TerminologisTerminologis
Terminologis
carmenmc2017
 
Ensayo
EnsayoEnsayo
Ensayo
EnsayoEnsayo
Usabilidad y diseño
Usabilidad y diseñoUsabilidad y diseño
Usabilidad y diseño
Román Tienda Martinez
 
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
 
Aplicaciones ofimaticas
Aplicaciones ofimaticasAplicaciones ofimaticas
Aplicaciones ofimaticas
Angel Samaniego
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Herlency Muñoz García
 
Diseno web
Diseno webDiseno web
Diseno web
ifajardouniandesr
 
Usabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - PamplonaUsabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - PamplonaSusana Heredia
 
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
 

Similar a Ux ui, front-end y back-end (20)

Diseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataformaDiseña tus aplicaciones multiplataforma
Diseña tus aplicaciones multiplataforma
 
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 final
Presentacion finalPresentacion final
Presentacion final
 
Presentacion final
Presentacion finalPresentacion final
Presentacion final
 
Diseño de Interfaz web
Diseño de Interfaz webDiseño de Interfaz web
Diseño de Interfaz web
 
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
 
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
 
Qué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mxQué es diseño gráfico y flash mx
Qué es diseño gráfico y flash mx
 
WEB 2.0
WEB 2.0WEB 2.0
WEB 2.0
 
Interfaces digitales
Interfaces digitalesInterfaces digitales
Interfaces digitales
 
Terminologis
TerminologisTerminologis
Terminologis
 
Ensayo
EnsayoEnsayo
Ensayo
 
Ensayo
EnsayoEnsayo
Ensayo
 
Usabilidad y diseño
Usabilidad y diseñoUsabilidad y diseño
Usabilidad y diseño
 
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
 
Aplicaciones ofimaticas
Aplicaciones ofimaticasAplicaciones ofimaticas
Aplicaciones ofimaticas
 
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
Experiencia de Usuario en un contexto de desarrollo de software, lecciones ap...
 
Diseno web
Diseno webDiseno web
Diseno web
 
Usabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - PamplonaUsabilidad - Cadius en el Día de la Usabilidad - Pamplona
Usabilidad - Cadius en el Día de la Usabilidad - Pamplona
 
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
 

Último

Clasificacion geomecanica de Q de Barton
Clasificacion geomecanica de Q de BartonClasificacion geomecanica de Q de Barton
Clasificacion geomecanica de Q de Barton
edujunes132
 
Infografia de operaciones basicas de la construccion.pdf
Infografia de operaciones basicas de la construccion.pdfInfografia de operaciones basicas de la construccion.pdf
Infografia de operaciones basicas de la construccion.pdf
DanielMelndez19
 
Plan de Desarrollo Urbano de la Municipalidad Provincial de Ilo
Plan de Desarrollo Urbano de la Municipalidad Provincial de IloPlan de Desarrollo Urbano de la Municipalidad Provincial de Ilo
Plan de Desarrollo Urbano de la Municipalidad Provincial de Ilo
AlbertoRiveraPrado
 
Bash Script Programacion en la consola.pptx
Bash Script Programacion en la consola.pptxBash Script Programacion en la consola.pptx
Bash Script Programacion en la consola.pptx
SantosCatalinoOrozco
 
ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........
ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........
ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........
IVANBRIANCHOQUEHUANC
 
1º Caso Practico Lubricacion Rodamiento Motor 10CV
1º Caso Practico Lubricacion Rodamiento Motor 10CV1º Caso Practico Lubricacion Rodamiento Motor 10CV
1º Caso Practico Lubricacion Rodamiento Motor 10CV
CarlosAroeira1
 
Diagrama de flujo "Resolución de problemas".pdf
Diagrama de flujo "Resolución de problemas".pdfDiagrama de flujo "Resolución de problemas".pdf
Diagrama de flujo "Resolución de problemas".pdf
joseabachesoto
 
Las Fuentes de Alimentacion Conmutadas (Switching).pdf
Las Fuentes de Alimentacion Conmutadas (Switching).pdfLas Fuentes de Alimentacion Conmutadas (Switching).pdf
Las Fuentes de Alimentacion Conmutadas (Switching).pdf
NicolasGramajo1
 
FISICA_Hidrostatica_uyhHidrodinamica.pdf
FISICA_Hidrostatica_uyhHidrodinamica.pdfFISICA_Hidrostatica_uyhHidrodinamica.pdf
FISICA_Hidrostatica_uyhHidrodinamica.pdf
JavierAlejosM
 
PLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdf
PLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdfPLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdf
PLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdf
MariaCortezRuiz
 
PLAN DE EMERGENCIAS Y EVACUACION 2024.pdf
PLAN DE EMERGENCIAS Y EVACUACION 2024.pdfPLAN DE EMERGENCIAS Y EVACUACION 2024.pdf
PLAN DE EMERGENCIAS Y EVACUACION 2024.pdf
Daniel Jose Sierra Garcia
 
Material magnetismo.pdf material del electromagnetismo con fórmulas
Material magnetismo.pdf material del electromagnetismo con fórmulasMaterial magnetismo.pdf material del electromagnetismo con fórmulas
Material magnetismo.pdf material del electromagnetismo con fórmulas
michiotes33
 
Dialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdf
Dialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdfDialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdf
Dialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdf
fernanroq11702
 
Análisis de Sensibilidad clases de investigacion de operaciones
Análisis de Sensibilidad clases de investigacion de operacionesAnálisis de Sensibilidad clases de investigacion de operaciones
Análisis de Sensibilidad clases de investigacion de operaciones
SamuelHuapalla
 
Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...
Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...
Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...
LUISDAMIANSAMARRONCA
 
PLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docx
PLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docxPLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docx
PLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docx
Victor Manuel Rivera Guevara
 
BOTAnica mesias orland role.pptx1 ciclo agropecuaria
BOTAnica mesias orland role.pptx1 ciclo agropecuariaBOTAnica mesias orland role.pptx1 ciclo agropecuaria
BOTAnica mesias orland role.pptx1 ciclo agropecuaria
mesiassalazarpresent
 
A3QUIROZ,MANUEL- Operaciones Basicas- Construccion
A3QUIROZ,MANUEL- Operaciones Basicas- ConstruccionA3QUIROZ,MANUEL- Operaciones Basicas- Construccion
A3QUIROZ,MANUEL- Operaciones Basicas- Construccion
manuelalejandro238
 
choro ciclo de vida anatomía y fisiología
choro ciclo de vida anatomía y fisiologíachoro ciclo de vida anatomía y fisiología
choro ciclo de vida anatomía y fisiología
elvis2000x
 
Ejercicios-de-Divisibilidad-para-Primero-de-Primaria (3).doc
Ejercicios-de-Divisibilidad-para-Primero-de-Primaria (3).docEjercicios-de-Divisibilidad-para-Primero-de-Primaria (3).doc
Ejercicios-de-Divisibilidad-para-Primero-de-Primaria (3).doc
LuisEnriqueCarboneDe
 

Último (20)

Clasificacion geomecanica de Q de Barton
Clasificacion geomecanica de Q de BartonClasificacion geomecanica de Q de Barton
Clasificacion geomecanica de Q de Barton
 
Infografia de operaciones basicas de la construccion.pdf
Infografia de operaciones basicas de la construccion.pdfInfografia de operaciones basicas de la construccion.pdf
Infografia de operaciones basicas de la construccion.pdf
 
Plan de Desarrollo Urbano de la Municipalidad Provincial de Ilo
Plan de Desarrollo Urbano de la Municipalidad Provincial de IloPlan de Desarrollo Urbano de la Municipalidad Provincial de Ilo
Plan de Desarrollo Urbano de la Municipalidad Provincial de Ilo
 
Bash Script Programacion en la consola.pptx
Bash Script Programacion en la consola.pptxBash Script Programacion en la consola.pptx
Bash Script Programacion en la consola.pptx
 
ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........
ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........
ABR-FUNDAMENTOS DEL CALCULO uc 2024 ........
 
1º Caso Practico Lubricacion Rodamiento Motor 10CV
1º Caso Practico Lubricacion Rodamiento Motor 10CV1º Caso Practico Lubricacion Rodamiento Motor 10CV
1º Caso Practico Lubricacion Rodamiento Motor 10CV
 
Diagrama de flujo "Resolución de problemas".pdf
Diagrama de flujo "Resolución de problemas".pdfDiagrama de flujo "Resolución de problemas".pdf
Diagrama de flujo "Resolución de problemas".pdf
 
Las Fuentes de Alimentacion Conmutadas (Switching).pdf
Las Fuentes de Alimentacion Conmutadas (Switching).pdfLas Fuentes de Alimentacion Conmutadas (Switching).pdf
Las Fuentes de Alimentacion Conmutadas (Switching).pdf
 
FISICA_Hidrostatica_uyhHidrodinamica.pdf
FISICA_Hidrostatica_uyhHidrodinamica.pdfFISICA_Hidrostatica_uyhHidrodinamica.pdf
FISICA_Hidrostatica_uyhHidrodinamica.pdf
 
PLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdf
PLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdfPLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdf
PLAN DE TRABAJO DE REFUERZO ESCOLAR 2024.pdf
 
PLAN DE EMERGENCIAS Y EVACUACION 2024.pdf
PLAN DE EMERGENCIAS Y EVACUACION 2024.pdfPLAN DE EMERGENCIAS Y EVACUACION 2024.pdf
PLAN DE EMERGENCIAS Y EVACUACION 2024.pdf
 
Material magnetismo.pdf material del electromagnetismo con fórmulas
Material magnetismo.pdf material del electromagnetismo con fórmulasMaterial magnetismo.pdf material del electromagnetismo con fórmulas
Material magnetismo.pdf material del electromagnetismo con fórmulas
 
Dialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdf
Dialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdfDialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdf
Dialnet-EnsenanzaDeLaModelacionMedianteEcuacionesDiferenci-9304821.pdf
 
Análisis de Sensibilidad clases de investigacion de operaciones
Análisis de Sensibilidad clases de investigacion de operacionesAnálisis de Sensibilidad clases de investigacion de operaciones
Análisis de Sensibilidad clases de investigacion de operaciones
 
Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...
Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...
Expo sobre los tipos de transistores, su polaridad, y sus respectivas configu...
 
PLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docx
PLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docxPLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docx
PLANIFICACION INDUSTRIAL ( Gantt-Pert-CPM ).docx
 
BOTAnica mesias orland role.pptx1 ciclo agropecuaria
BOTAnica mesias orland role.pptx1 ciclo agropecuariaBOTAnica mesias orland role.pptx1 ciclo agropecuaria
BOTAnica mesias orland role.pptx1 ciclo agropecuaria
 
A3QUIROZ,MANUEL- Operaciones Basicas- Construccion
A3QUIROZ,MANUEL- Operaciones Basicas- ConstruccionA3QUIROZ,MANUEL- Operaciones Basicas- Construccion
A3QUIROZ,MANUEL- Operaciones Basicas- Construccion
 
choro ciclo de vida anatomía y fisiología
choro ciclo de vida anatomía y fisiologíachoro ciclo de vida anatomía y fisiología
choro ciclo de vida anatomía y fisiología
 
Ejercicios-de-Divisibilidad-para-Primero-de-Primaria (3).doc
Ejercicios-de-Divisibilidad-para-Primero-de-Primaria (3).docEjercicios-de-Divisibilidad-para-Primero-de-Primaria (3).doc
Ejercicios-de-Divisibilidad-para-Primero-de-Primaria (3).doc
 

Ux ui, front-end y back-end

  • 1. QUÉ ES UX/UI, FRONT-END y BACK-END ? Empecemos con que todas estas especialidades son súper importantes y se complementan. Sirven para crear páginas o aplicaciones web desde 0. Piensen que hay dos áreas: Diseño (UX/UI) y Desarrollo (Front-End, Back-End) Diseño (UX/UI): ¿es lo mismo UX que UI? Naturalmente no. Diseño UX: como lo dice su nombre es el diseño de la experiencia del usuario, y el Diseño UI: es el diseño de la interfaz del usuario. Un UXER está enfocado en la parte más humana/social del proceso. Lo vamos a encontrar (o deberíamos) siempre desde el principio del proyecto. Se encarga de la investigación cuantitativa y cualitativa referida al potencial (o actual) usuario de esta app. Además realiza tests del prototipo (boceto o sketch del producto: página web) con usuarios reales para llegar a resultados óptimos. Dado que se encarga de diseñar para otras personas, es importante que tenga conocimientos de usabilidad, métodos de investigación, análisis de información, comunicación, psicología, entre otras. También es importante que tenga habilidades que permitan traducir esas necesidades del usuario común al ámbito de la industria de productos o servicios a la que uno vaya a diseñar (en este caso, informática). Entonces, es importante que tenga conocimientos en: administración de proyectos, diseño de procesos, arquitectura de información, taxonomías, diseño de interacción, métodos de evaluación, design thinking, etc. ¿Qué hace un diseñador UI? (En la práctica, es muy común que la misma persona sea Diseñador UX y UI). El Diseñador de Interfaz del Usuario lleva a cabo una tarea más técnica, se trata del diseño puramente visual e interactivo de esta aplicación web. Obvio que al venir de la mano del Diseño UX, el Diseño UI te permite guiar a los usuarios por la navegación con el objetivo de llevarlos a tomar dichas acciones de manera natural (intuitiva). ¿Qué hace entonces un Diseñador UI? Diseña los prototipos de esta página web, en baja fidelidad (un boceto en papel), en media fidelidad (un wireframe y un prototipo funcional en alta fidelidad en
  • 2. alguna herramienta como Adobe XD, Figma, Sketch (entre otras, estas son las que se usan normalmente) A medida que el Diseñador UX va testeando esta app con usuarios con el fin de agregar mejoras al prototipo. Ahora lo importante: ¿DÓNDE ESTUDIARLO ONLINE? tienen plataformas de cursos online como Platzi o Udemy que están bastante buenos y accesibles. Lamentablemente no hay un curso que incluya todo lo que necesita saber un Diseñador UX/UI, lo importante es capacitarse constantemente. Se Recomienda mucho leer blogs como Medium, https://uxdesign.cc y ver cuáles son las tendencias en plataformas como Behance o Dribbble. Con lo anteriormente explicado….ya tenemos el diseño del prototipo con el que podemos jugar e interactuar de forma limitada, ahora necesitamos ponerlo online. Acá entra el área de Desarrollo, empezando con el Front-End y la gran duda: el front-end diseña la interfaz del usuario? NO. El Front-End DESARROLLA la interfaz del usuario, implementa lo que el Diseñador UI crea, por medio de lenguajes de marcado, maquetación y programación. Desarrolla todo lo que el usuario ve. La parte frontal de la página web. Algunos lenguajes fundamentales son: HTML (marcado), CSS (maquetación) lo que da estilos a tu página web y JavaScript (programación) lo que le da la lógica para funcionar. luego aprenden a usar librerías como React o Angular (librerías de JavaScript para crear interfaces de usuario) Hay mucho soporte y una gran cantidad de herramientas y librerías que lo complementan. Y en definitiva, en el mundo laboral, es lo que usan las empresas para desarrollar sus páginas web de forma más eficiente. ¿Dónde estudiarlo? Acámica o Digital House Pero naturalmente, son especialidades que pueden aprenderse tranquilamente en la hermosa Universidad de Youtube o en la cantidad inmensa de cursos gratuitos que hay por internet, todo depende de la persona y su interés. Vamos con Back-End!: Tradicionalmente el back es la parte del sistema que se ejecuta del lado del servidor.
  • 3. El front se ejecuta en el dispositivo del cliente (tu compu, tel, etc) :) El back-end es la parte que va detrás de lo que el usuario ve a simple vista Es el panel de control que suelen tener las páginas para gestionarlo todo y su conexión con la base de datos. Los lenguajes mas conocidos son PHP, Java o .Net. ¿Qué es Full-Stack? Es el desarrollo web Front-End + Back-End. En teoría un full stack sabe programar tanto con lenguajes de maquetado como de programación. Lo que se recomienda es especializarse en un área.