4.16 de 5
4.16
116 valoraciones en Udemy

Diseño UX + HTML5 y CSS3

El curso que combina Diseño UX con HTML+CSS de una forma única ¡Aprende de la mano de expertos!
Profesor:
DCV. Gladys Lorena Ayala
1.365 Estudiantes apuntados
Spanish [Auto-generated]
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!

En el curso aprenderás de la mano de una experta en diseño los 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.

Introducción a la Experiencia de Usuario

1
Únete gratis al equipo de Slack UX Héroes
2
¿Qué es el diseño de experiencia de usuario?
3
¿Qué no es UX?
4
¿Qué es UI?
5
¿A qué llamamos usabilidad?
6
Diferencias entre Sketch, Wireframe, Mockup y Prototipo
7
¿Porque deberíamos preocuparnos por el diseño?

Conociendo las Técnicas de Análisis

1
Técnicas de Análisis - Focus Group
2
Técnicas de Análisis - Test de Usuario
3
Técnicas de Análisis - Eye Tracking
4
Técnicas de Análisis - Card sorting
5
Técnicas de Análisis - Encuestas
6
Técnicas de Análisis - Evaluación Heurística
7
Técnica de Análisis - Pasos Evaluación Heurística
8
Técnica de Análisis - Test Heurístico
9
Técnicas de Análisis - Estudio de Campo
10
Técnicas de Análisis - Test A/B
11
Técnicas de Análisis - Personas
12
Técnicas de Análisis - Benchmarking

Introducción al proceso de diseño

1
Storytelling
2
Usuarios
3
¿Qué es Iterar?
4
Gráfico de Garret

Entrevista con el PM de un equipo de Sistemas

1
Introducción ¿Cómo generalmente se conforma el equipo de sistemas?
2
¿Cuál es el rol del PM?
3
¿Cuáles serían las tareas del analista funcional?
4
Rol del analista funcional
5
¿Hay empresas donde no exista el rol de analista funcional?
6
¿Como trabaja en conjunto el Diseñador UX y el resto del equipo?
7
¿Cual seria el rol del arquitecto de software?
8
Requerimientos no funcionales y la estructura del software
9
Arquitecto de información y Arquitecto de software
10
Equipo de QC
11
Pruebas del equipo de QC
12
Programadores
13
Tecnologías o lenguajes de programación más utilizados
14
Conclusión

Conociendo HTML, CSS y Herramientas

1
Introducción
2
¿Qué es cada cosa?
3
HTML Básico
4
Utilización de consola desarrollador Chrome
5
Utilización de documentación
6
Instalación de VSCode
7
Span
8
Estructura HTML
9
Utilización de estilos
10
Modificacion de propiedades
11
Div
12
Identificadores
13
Hoja de estilo en cascada
14
Clases CSS

Maquetado HTML y CSS3

1
Presentación sección
2
¿Qué vamos a hacer?
3
Estructura de HTML, metas y link
4
Creación de main y footer
5
Utilización de la función "calc"
6
Tamaños máximos y mínimos
7
Texto pie de página
8
Centrado vertical de texto
9
Agregamos la imagen del logo
10
Utilización de padding y box-sizing
11
Precaución para imágenes que no cargan
12
Métodos de posicionamiento, relativo vs absoluto (10)
13
Texto de información
14
Utilización de rgba y opacity
15
Utilizamos border-radius para el info-cont
16
Utilización de gradientes
17
Utilización de margin (variantes)
18
Utilizando atajos de emmet
19
Posicionamos con display inline-block. Truco de font-size
20
Agregamos las estrellas
21
Ordenamos y ajustamos la sección de calificación
22
Agregamos cuadro de mensaje
23
Efecto Hover
24
Efecto cambio de color de estrella al pasar el mouse
25
Agregamos cursor "pointer"
26
Efecto transición
27
Efecto de "presión" sobre acciones
28
Cambio de color en acciones
29
Selectores Child
30
Tipos de selectores
31
Selector de hermanos generales
32
Tags semánticos HTML5

Conceptos y extras

1
Tags HTML5
2
Flexbox
3
Bootstrap
4
Compatibilidad Cross Browser
5
Tags HTML5 Audio y Video
6
HTML5 Canvas y WebGL
7
Javascript
8
JQuery
9
Angular, React y Vue

Introducción a WordPress

You can view and review the lecture materials indefinitely, like an on-demand channel.
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!
4.2
4.2 de 5
Calificaciones 116

Calificación Detallada

5 estrellas
35
4 estrellas
50
3 estrellas
25
2 estrellas
5
1 estrellas
1
Diseño web
DEBES ESTAR REGISTRADO PARA ACCEDER AL CURSO

Contenido

8 horas de video online
1 Articulo
Acceso sin limites
Acceso desde Móvil y Smart TV
Certificado de finalización

Newsletter