Al diseñar un sitio web hay algo que el diseñador debe tener en cuenta primordialmente: los niveles de usabilidad. Para esto se necesitan ciertas técnicas, procedimientos y metodologías que ayuden a cumplir este objetivo.
¿Te ha tocado abandonar un sitio web porque tardó mucho tiempo en cargar? ¿Te has salido porque su diseño y estructura eran demasiado confusos y cero intuitivos? Esto es porque el sitio no fue hecho pensando en los usuarios.
La mayor desventaja de tener un sitio así es que debido a la mala experiencia de los usuarios, la tasa de conversiones baja considerablemente. Contrario a un diseño web centrado en el usuario, que prioriza los objetivos, necesidades y características del usuario.
¿Y qué necesito para tener un diseño web así?
Crear un diseño pensado en el usuario es algo básico que aprenderás en cualquier curso de desarrollo web. Pero si acaso se te ha olvidado un poco, a continuación te damos el checklist que debes completar para tener un diseño web centrado en el usuario. ⬇️
Menús
ࡒ Menú fijo
ࡒ Misma apariencia del menú en todas las páginas
ࡒ Destacar página que más interesa
ࡒ Hover llamativo
ࡒ Back to top
Blog y textos
ࡒ Omitir contenidos de poca relevancia en el móvil
ࡒ Textos visuales
ࡒ Tipografías legibles
ࡒ Destacar beneficios no características
Imágenes y videos
ࡒ Sin videos automáticos
ࡒ Fotografías cara al texto
ࡒ Sin parallax en móviles
ࡒ Vigilar la versión móvil
Formularios
ࡒ Reducir los pasos al máximo
ࡒ Opción de recordar datos
ࡒ Cuidar la versión móvil
ࡒ Máximo una confirmación
CTA
ࡒ Visibles y llamativos
ࡒ Frases llamativas
ࡒ Un CTA por pantalla
ࡒ Sin elementos que distraigan alrededor
ࡒ Color en función del target
ࡒ Sin pop-up en móvil
Velocidad de carga
ࡒ Test pingdom
ࡒ Page speed insights
ࡒ GT Metrix
Ecommerce
ࡒ Ofertas visibles y limitadas
ࡒ Fichas de producto optimizadas
ࡒ Filtros en los productos
ࡒ Productos sin stock optimizados
ࡒ Registro optativo
ࡒ Chat en directo
ࡒ Página de gracias optimizada
ࡒ Checkout en 1 paso
Otros elementos
Quizá te pueda interesar: ¿Cuáles son los tipos de lenguaje de programación?
Comentarios
Publicar un comentario