Proyecto web - Pablo Galo Tutor

Proyecto prototipado web

Elementos interactivos,accesibilidad y usabilidad. PABLO GALO TUTOR

Empezar

ÍNDICE

Elementos interactivos

accesibilidad

usabilidad

Elementos Interactivos 1

Pestañas

Elementos Interactivos 2

Acordeon

Elementos Interactivos 3

Carrusel

Elementos Interactivos 4

Lightbox

Accesibilidad 1

Color y Contraste

Accesibilidad 2

Modificaciones Formulario

Etiquetas aria

Place-Holder

Se han marcado los campos obligatorios

Se ha aumentado la separacion entre campos

Accesibilidad 3

Cambios en el contenido Multimedia

Efecto Caja Registradora Procedencia Pixabay Efecto sin copyright

Musica De fondo en el home Procedencia youtube

Accesibilidad 4

Cambios Estructurales

-Se ha sustituido el tamaño de las letras px por rem/em

-Se han sustituido etiquetas div por etiquetas mas sintacticas como article, section ...

-Se ha establecido el tamaño minimo de las letras en 16px

-Se permite zoom x200 en el sitio web

-Se incluye un máximo de 75 ch por parrafo

Usabilidad

Ley de miller

Esta ley de la simplicidad se encuentra reflejada en diferentes apartados de la web ya podría ser por ejemplo en el índice donde se muestran diferentes productos separados por apartados como top ofertas o top portatiles

También se han realizado cambios en el header para que se adapte a esta ley y se ha eliminado la entrada componentes para adaptarlo a un máximo de 7 elementos , y al ser algo que realmente pertenece a otra categoría padre no pierde la estructura de la web

Usabilidad

Ley de Fitts

En nuestra página web para adaptar esta ley al diseño he optado por colocar botones grandes , a los que es difícil fallar y ubicarlos de manera concreta (accesible) para hacer la experiencia de usuario más amena

Esta ley se encuentra en multitud de sitios en la página, por ejemplo también se podría considerar los botones de enviar en el formulario al cual se le ha dado un mayor tamaño , o los botones para visualizar los productos.

Usabilidad

Ley de proximidad

Esto prácticamente se cumple en toda la web, desde los productos separados en diferentes categorías , como los filtros y ofertas.

Esto ayuda a mantener la organización del sitio web y a la vez hacerlo intuitivo para la navegación del usuario.

Usabilidad

Ley de Prägnanz

Esta ley en la que se tiende a la simplicidad para evitar el desgaste mental de los usuarios se da en toda la web , ya que está diseñada desde la simplicidad y eficiencia.