Clase 11 – Maze

Maze es una plataforma para poder realizar pruebas no moderadas de usabilidad.En el trabajo final la usamos conectándola con figma, haciendo que reconozca los flujos y crea un prototipo funcional combinado con preguntas parsa realizar una acción o tarea. Como resultados podemos obtener información como los misclicks del usuario, mapas de calor donde tocaron mas … Sigue leyendo Clase 11 – Maze

Clase 10 – Prueba de usabilidad / Lookback

Lookback es una plataforma que permite realizar pruebas moderadas con participantes reales. Funciona enlazando una url y mostrando en tiempo real lo que los participantes estan haciendo. Se indica un escenario para cada tarea y los participantes interactúan con el prototipo. Al ser una prueba moderada permite escuchar al participante mientras interactúa con el prototipo, … Sigue leyendo Clase 10 – Prueba de usabilidad / Lookback

Clase 9 – Pruebas de usabilidad

Estas consisten en prueban de nuestro producto con participantes reales para poder observar su comportamiento y saber a tiempo si les produce frustraciones o alegrías nuestro diseño. ¿Qué se necesita para hacer una prueba de usabilidad? Un prototipo navegable.Una cámara o software de grabación.Incentivos opcionales (Ej. Gift Cards, dinero, etc.)El guion de la prueba.Métricas de … Sigue leyendo Clase 9 – Pruebas de usabilidad

Clase 8 – Optimización de imágenes

Con el objetivo de encontrar un equilibrio entre peso y calidad de las imágenes es que se lleva a cabo el proceso de optimización. La idea es disminuir el peso de éstas, ya que ralentizan la carga del sitio y con ello el riesgo de sufrir una mala experiencia para el usuario. Componentes de la … Sigue leyendo Clase 8 – Optimización de imágenes

Clase 9 – Wireframe

Un wireframe, también conocido como un esquema de página o plano de pantalla, es una guía visual que representa el esqueleto o estructura visual de un sitio web o aplicación.​ El wireframe esquematiza el diseño de página u ordenamiento del contenido, incluyendo elementos de la interfaz y sistemas de navegación, y cómo funcionan en conjunto. Usualmente este esquema carece de estilo tipográfico, color o aplicaciones … Sigue leyendo Clase 9 – Wireframe

Portafolio Módulo 1 – Semana 4

Recopilación de todos los portafolios hasta el día 28 de Abril Primera clase Hoy aprendimos a crear un blog (en el que me encuentro escribiendo esto), la importancia de los principios de Gestalt y su aplicación en el mundo web. Como trabajo en clases tuvimos que analizar sitios web en donde se aplican estos principios … Sigue leyendo Portafolio Módulo 1 – Semana 4

28 de Abril

Creación sitio web: Inclusión de formulario de contacto, creación media query para el diseño responsive y resolución de los últimos problemas https://www.youtube.com/watch?v=fnYHzcWtnc0&ab_channel=CarlosAlfaro ConclusiónFui capaz de resolver problemas de estructura básica de la página web, como el posicionamiento de la barra de navegación en las diferentes medidas del navegador, recurriendo a los media queries. Aparte encontré … Sigue leyendo 28 de Abril

27 de Abril

Avance del sitio web: Creación de la hoja de estilo css. Hoja Css página Octopus ejemplo 1 Hoja css página Octopus ejemplo 2 Hoja Css página Octopus ejemplo 3 https://www.youtube.com/watch?v=OWKXEJN67FE&t=2369s&ab_channel=SoyDalto Videos curso css ConclusiónAl crear la hoja de estilo me van surgiendo problemas relacionados al comportamiento de las cajas, algunas no se mueven donde mi … Sigue leyendo 27 de Abril

26 de Abril

Avance del sitio web: Creación del documento HTML https://www.youtube.com/watch?v=rbuYtrNUxg4&t=1s&ab_channel=Fazt ConclusiónTrabajando en este ejercicio me di cuenta como la mente se amolda para poder pensar en cajas, ya que hay que considerar desde el momento cada <div> que contendrá los elementos y planear como debería ser el estilo en CSS. Enlaces relacionadoshttps://desarrolloweb.com/home/html https://es.wikipedia.org/wiki/HTML https://www.w3schools.com/html/

25 de Abril

Creación maqueta sitio web: Idea para el sitio web https://www.youtube.com/watch?v=pEx1vOV-c-E&ab_channel=DevCode ConclusiónCrear una maqueta es fundamental a la hora de diseñar un sitio web, ya que me ayudará a que el trabajo sea mas fluido al momento de crear el documento html y la hoja de estilos css. Con esta maqueta me permito enfocarme solo en … Sigue leyendo 25 de Abril