Diseño UX + HTML5 y CSS3 ¡Fácil y práctico!

Diseño UX + HTML5 y CSS3 ¡Fácil y práctico!, available at $19.99, has an average rating of 3.85, with 102 lectures, based on 266 reviews, and has 1869 subscribers.

You will learn about Diseñar mejores experiencias de usuario (UX) y aplicar los conceptos fundamentales Codificar el diseño mediante HTML5 y CSS3 Trabajar dentro de un equipo de desarrollo y conocer sus dinámicas Comprender las distintas fases de un proyecto UX Comprender las técnicas de UX más importantes y novedosas ¡Y mucha más información, claves y tips del Diseño UX y Diseño Web! This course is ideal for individuals who are Principiantes que quieren aprender UX, diseño web y desarrollo. or Principiantes que quieren dar sus primeros pasos en desarrollo web or Los diseñadores de impresión que desean pasar al diseño ux. or Diseñadores web que desean mejorar sus habilidades. or Responsables de Márketing. It is particularly useful for Principiantes que quieren aprender UX, diseño web y desarrollo. or Principiantes que quieren dar sus primeros pasos en desarrollo web or Los diseñadores de impresión que desean pasar al diseño ux. or Diseñadores web que desean mejorar sus habilidades. or Responsables de Márketing.

Enroll now: Diseño UX + HTML5 y CSS3 ¡Fácil y práctico!

Summary

Title: Diseño UX + HTML5 y CSS3 ¡Fácil y práctico!

Price: $19.99

Average Rating: 3.85

Number of Lectures: 102

Number of Published Lectures: 100

Number of Curriculum Items: 102

Number of Published Curriculum Objects: 100

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Diseñar mejores experiencias de usuario (UX) y aplicar los conceptos fundamentales
Codificar el diseño mediante HTML5 y CSS3
Trabajar dentro de un equipo de desarrollo y conocer sus dinámicas
Comprender las distintas fases de un proyecto UX
Comprender las técnicas de UX más importantes y novedosas
¡Y mucha más información, claves y tips del Diseño UX y Diseño Web!

Who Should Attend

Principiantes que quieren aprender UX, diseño web y desarrollo.
Principiantes que quieren dar sus primeros pasos en desarrollo web
Los diseñadores de impresión que desean pasar al diseño ux.
Diseñadores web que desean mejorar sus habilidades.
Responsables de Márketing.

Target Audiences

Principiantes que quieren aprender UX, diseño web y desarrollo.
Principiantes que quieren dar sus primeros pasos en desarrollo web
Los diseñadores de impresión que desean pasar al diseño ux.
Diseñadores web que desean mejorar sus habilidades.
Responsables de Márketing.

En el curso aprenderás de la mano de una experta en diseñolos conceptos clave de Diseño de Experiencia de Usuario (UX):

Técnicas de análisis del usuario final
- Focus group,
- Eye tracking,
- Evaluación heurística
- Test A/B
- Card Sorting
- y mucho más!
Generación de estrategias efectivas: gráfico de Garret, Sketch, Wireframe y Mockup
Definición de estrategia, alcance y estructura de una solución: Storytelling, Iterar, prototipado, Benchmarking
Diseñar tecnología que genere alegría y engagement en el usuario, aumentando la adopción y generando mayores ingresos.

Además, como Diseño UX / UI es uno de los perfiles laborales con mayor crecimiento* te adentraremos en los detalles del trabajo en equipo de una empresa de desarrollo de software, identificando cada uno de los perfiles que podemos encontrar y cuál es su función, de manera que puedas insertarte rápidamente en la mecánica de trabajo. (* según informe CNNMoney)

Por último, ¡aprenderás HTML5 y CSS3 de forma práctica para que puedas realizar la maquetación de tus prototipos!. Con la explicación de un experto en desarrollo, podrás llevar a la acción a tus diseños, con una guía práctica y paso a paso, ideal para principiantes y sin necesidad de ningún conocimiento previo en web.

¿Qué es HTML y CSS?
Editor de desarrollo
Manejo de fondos, colores, gradientes y tipografías.
Utilización de imágenes y efectos de transición.
Diferentes selectores CSS
HTML5
Y además: nociones de Flexbox, Bootstrap, compatibilidad cross browser, JQuery, React y mucho más!

¿POR QUÉ TENGO QUE ELEGIR ESTE CURSO?

Porque es un curso que combina de forma única los conceptos más importantes del diseño UX a la vez que te da las herramientas de HTML/CSS, más tips de trabajo en equipo, para que puedas aplicarlo.
Porque fue elaborado por expertos, profesionales universitarios y con años de experiencia práctica en sus respectivos campos de acción, con más de 6000 estudiantes inscriptos en Udemy.
Porque Diseño UX / UX Design es una de las profesiones con mayor crecimiento y demanda en las empresas.
Porque si tuvieras dudas durante el curso, con gusto te responderemos, logrando la mejor experiencia de aprendizaje. A tu ritmo, con tus tiempos, pero con el apoyo necesario.

Revisa nuestro video de presentación, los videos con previsualización y si quieres haznos consultas.

¡Inscríbete! ¡No dejes pasar la oportunidad!

– CON GARANTÍA DE REEMBOLSO, SI EL CURSO NO CUMPLE TUS EXPECTATIVAS, SE TE DEVUELVE EL DINERO.

– CON RECURSOS DESCARGABLES Y CERTIFICADO DE FINALIZACIÓN.

Course Curriculum

Chapter 1: Introducción a la Experiencia de Usuario

Lecture 1: Únete gratis al equipo de Slack UX Héroes

Lecture 2: ¿Qué es el diseño de experiencia de usuario?

Lecture 3: ¿Qué no es UX?

Lecture 4: ¿Qué es UI?

Lecture 5: ¿A qué llamamos usabilidad?

Lecture 6: Diferencias entre Sketch, Wireframe, Mockup y Prototipo

Lecture 7: ¿Porque deberíamos preocuparnos por el diseño?

Chapter 2: Conociendo las Técnicas de Análisis

Lecture 1: Técnicas de Análisis – Focus Group

Lecture 2: Técnicas de Análisis – Test de Usuario

Lecture 3: Técnicas de Análisis – Eye Tracking

Lecture 4: Técnicas de Análisis – Card sorting

Lecture 5: Técnicas de Análisis – Encuestas

Lecture 6: Técnicas de Análisis – Evaluación Heurística

Lecture 7: Técnica de Análisis – Pasos Evaluación Heurística

Lecture 8: Técnica de Análisis – Test Heurístico

Lecture 9: Técnicas de Análisis – Estudio de Campo

Lecture 10: Técnicas de Análisis – Test A/B

Lecture 11: Técnicas de Análisis – Personas

Lecture 12: Técnicas de Análisis – Benchmarking

Chapter 3: Introducción al proceso de diseño

Lecture 1: Storytelling

Lecture 2: Usuarios

Lecture 3: ¿Qué es Iterar?

Lecture 4: Gráfico de Garret

Chapter 4: Entrevista con el PM de un equipo de Sistemas

Lecture 1: Introducción ¿Cómo generalmente se conforma el equipo de sistemas?

Lecture 2: ¿Cuál es el rol del PM?

Lecture 3: ¿Cuáles serían las tareas del analista funcional?

Lecture 4: Rol del analista funcional

Lecture 5: ¿Hay empresas donde no exista el rol de analista funcional?

Lecture 6: ¿Como trabaja en conjunto el Diseñador UX y el resto del equipo?

Lecture 7: ¿Cual seria el rol del arquitecto de software?

Lecture 8: Requerimientos no funcionales y la estructura del software

Lecture 9: Arquitecto de información y Arquitecto de software

Lecture 10: Equipo de QC

Lecture 11: Pruebas del equipo de QC

Lecture 12: Programadores

Lecture 13: Tecnologías o lenguajes de programación más utilizados

Lecture 14: Conclusión

Chapter 5: Conociendo HTML, CSS y Herramientas

Lecture 1: Introducción

Lecture 2: ¿Qué es cada cosa?

Lecture 3: HTML Básico

Lecture 4: Utilización de consola desarrollador Chrome

Lecture 5: Utilización de documentación

Lecture 6: Instalación de VSCode

Lecture 7: Span

Lecture 8: Estructura HTML

Lecture 9: Utilización de estilos

Lecture 10: Modificacion de propiedades

Lecture 11: Div

Lecture 12: Identificadores

Lecture 13: Hoja de estilo en cascada

Lecture 14: Clases CSS

Chapter 6: Maquetado HTML y CSS3

Lecture 1: Presentación sección

Lecture 2: ¿Qué vamos a hacer?

Lecture 3: Estructura de HTML, metas y link

Lecture 4: Creación de main y footer

Lecture 5: Utilización de la función "calc"

Lecture 6: Tamaños máximos y mínimos

Lecture 7: Texto pie de página

Lecture 8: Centrado vertical de texto

Lecture 9: Agregamos la imagen del logo

Lecture 10: Utilización de padding y box-sizing

Lecture 11: Precaución para imágenes que no cargan

Lecture 12: Métodos de posicionamiento, relativo vs absoluto (10)

Lecture 13: Texto de información

Lecture 14: Utilización de rgba y opacity

Lecture 15: Utilizamos border-radius para el info-cont

Lecture 16: Utilización de gradientes

Lecture 17: Utilización de margin (variantes)

Lecture 18: Utilizando atajos de emmet

Lecture 19: Posicionamos con display inline-block. Truco de font-size

Lecture 20: Agregamos las estrellas

Lecture 21: Ordenamos y ajustamos la sección de calificación

Lecture 22: Agregamos cuadro de mensaje

Lecture 23: Efecto Hover

Lecture 24: Efecto cambio de color de estrella al pasar el mouse

Lecture 25: Agregamos cursor "pointer"

Lecture 26: Efecto transición

Lecture 27: Efecto de "presión" sobre acciones

Lecture 28: Cambio de color en acciones

Lecture 29: Selectores Child

Lecture 30: Tipos de selectores

Lecture 31: Selector de hermanos generales

Lecture 32: Tags semánticos HTML5

Chapter 7: Conceptos y extras

Lecture 1: Tags HTML5

Lecture 2: Flexbox

Lecture 3: Bootstrap

Lecture 4: Compatibilidad Cross Browser

Lecture 5: Tags HTML5 Audio y Video

Lecture 6: HTML5 Canvas y WebGL

Lecture 7: Javascript

Lecture 8: JQuery

Lecture 9: Angular, React y Vue

Chapter 8: Introducción a WordPress

Instructors

DCV. Gladys Lorena Ayala
Diseñadora en Comunicación Visual
Ing. Emiliano Ocariz
Software Architect

Rating Distribution

1 stars: 2 votes
2 stars: 11 votes
3 stars: 42 votes
4 stars: 113 votes
5 stars: 98 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu