CONSEJOS USABILIDAD WEB
LA “USABILIDAD” BÁSICAMENTE SE REFIERE A
LA FACILIDAD CON LA QUE UN USUARIO MEDIO PUEDE NAVEGAR Y CONSEGUIR LO QUE BUSCA
EN UNA INTERFACE WEB. CUANTOS MENOS PASOS LE REQUIERA Y MENOR SEA EL TIEMPO QUE
LE LLEVE ENCONTRAR LO QUE BUSCA, MEJOR USABILIDAD TENDRÁ. HOY EN DÍA, LA IMPORTANCIA DE LA
USABILIDAD WEB NO SE PUEDE DESCUIDAR, MÁS AÚN CUANDO ESTAMOS EN LA ERA DE LOS
MÓVILES Y EL MUNDO DIGITAL, Y LAS COSTUMBRES DE LOS USUARIOS EVOLUCIONAN.
CUANDO TENEMOS EN MENTE DESARROLLAR CUALQUIER PROYECTO PARA LA “WEB” O
“MOBILE”, DEBEMOS TENER EN CUENTA UNOS IMPORTANTES PUNTOS PARA UNA USABILIDAD
EFICAZ:
UN DISEÑO DE CALIDAD: UN DISEÑO GRÁFICO Y WEB ELEGANTE, LOGOTIPO ATRACTIVO, ESTRUCTURACIÓN DE
CONTENIDOS SENCILLA Y USO DE PALETA DE COLORES COHERENTE, HACE QUE UN DISEÑO SE
VEA AGRADABLE, ADEMÁS DE DAR CONFIANZA A LOS CLIENTES Y VISITANTES DE LA MISMA.
ENTONCES, LO PRIMERO PARA
CREAR UNA INTERFAZ DIGITAL ES DEFINIR UNA LISTA DE CONTENIDO SIGUIENDO ESTOS
PASOS:
1.DEFINE EL OBJETIVO DE LA
PAGINA, ¿VENDER?, ¿INFORMAR?, ¿EXPLICAR UNA MECÁNICA?
2.REVISA A LA COMPETENCIA PARA
ANALIZAR ÚNICAMENTE SU CONTENIDO, ¿QUÉ ESTÁN DICIENDO?, ¿CÓMO LO ESTÁN
HACIENDO?
3.AQUÍ VIENE LA PARTE MÁS
IMPORTANTE, ASUME EL PAPEL DEL TARGET, HAZ UNA LISTA DE TODO EL CONTENIDO QUE
NECESITAS MOSTRARLE AL USUARIO PARA QUE ÉL PUEDA LLEVAR ACABO LA ACCIÓN QUE
DESEAS. NO IMPORTA QUE TAN LARGA SEA LA LISTA, ¡INCLUYE TODO!, YA SEA EN IMÁGENES,
TEXTOS O VIDEOS, TODO LO NECESARIO PARA QUE TÚ ESTÉS ABSOLUTAMENTE SEGURO QUE
EL USUARIO PUEDE EJECUTAR LA ACCIÓN QUE TU QUIERES. SE LO MÁS OBJETIVO POSIBLE
4.REVISA LA LISTA Y DEPURA,
VUELVE A REVISAR UNA VEZ MÁS Y ESCOGE SOLO EL CONTENIDO MÁS RELEVANTE.
ESTÁNDARES DE ACCESIBILIDAD Y
USABILIDAD WEB: ES IMPORTANTE MAQUETAR EL PROYECTO RESPETANDO LOS ESTÁNDARES DE ACCESIBILIDAD Y USABILIDAD WEB ACTUALES. ESTO NO SÓLO
BENEFICIA A NUESTROS VISITANTES QUE SE ENCUENTRAN CON UN SITIO MÁS RÁPIDO Y
LIGERO, SINO QUE NOS OTORGA MUCHOS PUNTOS A LA HORA DE POSICIONARNOS EN LOS
BUSCADORES, ASÍ COMO MAYOR FACILIDAD A LA HORA DE HACER CUALQUIER MODIFICACIÓN
DENTRO DE LAS PÁGINAS.
BOTONES CALL TO ACTION: SE RECOMIENDA UTILIZAR COLORES
CÁLIDOS COMO EL NARANJA, ROJO, ESCARLATA. ESTOS COLORES INCITAN A LA ACCIÓN, Y
HAY ESTUDIOS QUE LOS ASOCIAN A LA COMPRA COMPULSIVA. ADEMÁS DE LOS COLORES, ES
IMPORTANTE CUIDAR QUE EL MENSAJE DE LLAMADA A LA ACCIÓN SEA LO MÁS CLARO Y
SENCILLO POSIBLE.
COLORES ESTÁNDARES PARA LOS
ENLACES: EL COLOR DE LOS ENLACES DE UNA WEB DEBE SER APRECIADO Y DIFERENCIADO
CLARAMENTE DE LOS DEMÁS CONTENIDOS. UTILIZAR EL COLOR AZUL ESTÁNDAR PARA LOS ENLACES ES UNA GRAN IDEA, YA QUE LOS USUARIOS RELACIONAN
CUALQUIER TEXTO PINTADO EN ESTE COLOR CON UN ENLACE. SI POR EJEMPLO, UTILIZAMOS
EL MISMO FORMATO Y COLOR DE LOS ENLACES PARA RESALTAR UNOS TEXTOS SIMPLES,
PODRÍA LLEVAR A LA CONFUSIÓN DE LOS VISITANTES. INTEGRA SÍMBOLOS E ICONOS EN TU
DISEÑO, SON EN GENERAL INTERNACIONALES, FÁCIL DE ENTENDER Y CON UN GRAN
ATRACTIVO VISUAL AL SITIO
ENLACES INTERNOS Y EXTERNOS: UNA WEB DE REFERENCIA DEBE MENCIONAR DENTRO DE SUS CONTENIDOS A SUS
PÁGINAS RELACIONADAS, YA QUE CON ESTO ESTÁ FACILITANDO LA NAVEGACIÓN POR LAS
SECCIONES INTERNAS. ADEMÁS, ES IMPORTANTE MENCIONAR WEBS CON AUTORIDAD QUE
TENGAN RELEVANCIA Y APORTE INFORMACIÓN ÚTIL A NUESTROS USUARIOS. ADEMÁS COLOCA
TODOS LOS DATOS DE CONTACTO EN UNA SECCIÓN, Y NO DISPERSOS POR TODA LA PÁGINA
WEB.
CLICS: ESTO SIGNIFICA NO TENER QUE HACER
MUCHOS CLICS PARA LOGRAR ACCEDER A TODAS LAS SECCIONES DE NUESTRA WEB Y SUS
RESPECTIVOS CONTENIDOS. NORMALMENTE UN USUARIO QUE ENTRE A UNA WEB PARA BUSCAR
INFORMACIÓN Y TENGA QUE HACER MÁS DE 3 O 4 CLICS, PROBABLEMENTE SE CANSE Y SE
VAYA FRUSTRADO. Y NO SOBRECARGAR LOS SITIOS CON DEMASIADA MULTIMEDIA PUES ESTO
LOS HACE MAS LENTOS PARA CARGAR, ES NECESARIO QUE LOS BOTONES DE MENÚ SEAN DE
UN FLUJO FÁCIL DE ACCESO DE UNA PAGINA A OTRA Y QUE LOS USUARIOS IDENTIFIQUEN
CON FACILIDAD LOS SUB-MENÚS.
MENÚ DE NAVEGACIÓN: EN LA MAYORÍA DE LOS CASOS, SE RECOMIENDA PRESENTAR UNA WEB CON UN MENÚ
DE NAVEGACIÓN RAZONABLE, ANTES DE TENER CIENTOS DE MENÚS, SUB-MENÚS Y
SUB-SUB-MENÚS, LOS CUALES NORMALMENTE HACEN QUE NUESTROS VISITANTES SE
DESORIENTEN EN LA NAVEGACIÓN. EN SÍNTESIS, ES MEJOR PRESENTAR UN MENÚ DE
NAVEGACIÓN DE CALIDAD (CON LA INFORMACIÓN MÁS IMPORTANTE Y RELEVANTE), ANTES
QUE UN MENÚ INTERMINABLE. SE TIENE QUE SER CONSISTENTE CON EL PATRÓN DE DISEÑO Y
ALINEACIÓN, NO CAMBIAR LA CUADRICULA EN CADA PAGINA, LA MAYORÍA LOS TEXTOS
LARGOS NO LOS LEE POR COMPLETO, ASÍ QUE SE TIENE QUE ESPECIFICAR LAS IDEAS
CLARAS RESALTADAS O CON ALGÚN COLOR, SE CONGRUENTE CON LA LO EXPRESADO EN TU
ESCRITURA Y SOBRETODO CUIDA PERFECTAMENTE LA ORTOGRAFÍA, ESO DA MUCHO DE QUE
HABLAR DE UNA MANERA POSITIVA DE TU PAGINA.
TIEMPO Y PESO DE CARGA ÓPTIMO: HOY EN DÍA, EL PESO Y EL TIEMPO DE CARGA DE UNA WEB SON EXTREMADAMENTE
IMPORTANTES, TANTO PARA LA EXPERIENCIA DEL USUARIO COMO PARA UN MEJOR
POSICIONAMIENTO EN BUSCADORES. EN UNA WEB CON CIERTA ANTIGÜEDAD, QUE CONTENGA
CIENTOS DE PÁGINAS E IMÁGENES, PUEDE SER COMPLICADO Y MUY COSTOSO DE RESOLVER,
AL TRATARSE EN SU MAYORÍA DE PROBLEMAS TÉCNICOS. POR LO TANTO ES ACONSEJABLE
CUIDAR ESTOS DETALLES AL INICIAR CUALQUIER PROYECTO. SI E TIENE UNA GALERÍA DE
FOTOS, SE DEBE ADECUAR A LA AMPLIACIÓN Y DESPLAZAMIENTO DE LAS MISMAS DE MANERA
AMPLIADA, PARA NO FORZAR AL CIERRE DE UNA PARA VISUALIZAR LA SIGUIENTE,
RECUERDA QUE ENTRE MENOS CLICS, MAS PERMANENCIA EN TU SITIO. Y SI TIENES MÚSICA,
ASEGÚRATE QUE ESTE BIEN VISUALIZADO TU BOTÓN DE ACTIVAR O DESACTIVAR SONIDO,
HAY MOMENTOS, GUSTOS Y CIRCUNSTANCIAS EN LAS CUALES NO TODOS QUIEREN OÍR MÚSICA
EN UN SITIO.
SCROLL: AUNQUE HOY EN DÍA LOS USUARIOS Y LAS TECNOLOGÍAS HAN EVOLUCIONADO EN LA
MANERA DE NAVEGAR, TANTO EN ORDENADORES COMO EN DISPOSITIVOS
MÓVILES, SIGUE SIENDO ÚTIL TENER LA PRESENTACIÓN E INFORMACIÓN MÁS RELEVANTE DE
NUESTRO PROYECTO EN UN PRIMER PANTALLAZO, SIN NECESIDAD DE DESPLAZARNOS HACIA
ABAJO. ES RECOMENDABLE QUE ANTES DE PUBLICAR UN SITIO WEB, SE REALICE UN TEST
DE USABILIDAD, MOSTRANDO TU WEB A TANTAS PERSONAS COMO SEA POSIBLE, ASEGURARSE
DE ESTAR PRESENTE MIENTRAS ENTRAN EN PAGINA OBSERVAR LAS REACCIONES, DUDAS Y
PUNTOS DONDE PUEDAN TENER UN BLOQUEO.
COMPATIBILIDAD CON LOS
DISTINTOS NAVEGADORES Y DISPOSITIVOS: HOY EN DÍA ES IMPRESCINDIBLE
QUE NUESTRO SITIO WEB SEA COMPATIBLE CON LOS DIFERENTES NAVEGADORES Y LAS
DIFERENTES RESOLUCIONES DE PANTALLAS DE LOS ORDENADORES Y DISPOSITIVOS MÓVILES
PARA SU MEJOR USABILIDAD Y ACCESIBILIDAD. CADA VEZ ES MAYOR EL ACCESO DE
USUARIOS A TRAVÉS DE LOS MÓVILES, POR LO QUE EL CÓDIGO HTML5 ES LA MEJOR OPCIÓN PARA HACER
NUESTRO DISEÑO WEB ADAPTABLE O RESPONSIVE WEB DESIGN, SU TÉRMINO EN INGLÉS. UN SITIO WEB DEBE YA
ESTAR OPTIMIZADO PARA VISUALIZARSE EN CUALQUIER DISPOSITIVO, PRINCIPALMENTE EN
LOS MÓVILES, PUESTO QUE LA MAYORÍA DE LA PERSONAS A NIVEL MUNDIAL ES LO QUE MAS
USAN PARA BUSCAR UN SITIO WEB, ASÍ QUE HAY QUE ASEGURARNOS QUE ESTE TENGA LA
MEJOR USABILIDAD TANTO EN APPLE COMO EN ANDROID.
ESTOS SON SOLO ALGUNOS CONSEJOS PRÁCTICOS USABILIDAD WEB, Y ES RECOMENDABLE SEGUIRLOS SI QUEREMOS QUE NUESTRO SITIO WEB SEA CONCURRIDO Y POR CONSECUENCIA LOGRAR LOS OBJETIVOS POR LO CUAL EXISTE Y FUE ESTRUCTURADO, AUN ASÍ ES RECOMENDABLE, REBUSCAR EL TEMA PARA TENER PLENO CONOCIMIENTO PARA CREAR O MEJORAR TU SITIO WEB.
ESTOS SON SOLO ALGUNOS CONSEJOS PRÁCTICOS USABILIDAD WEB, Y ES RECOMENDABLE SEGUIRLOS SI QUEREMOS QUE NUESTRO SITIO WEB SEA CONCURRIDO Y POR CONSECUENCIA LOGRAR LOS OBJETIVOS POR LO CUAL EXISTE Y FUE ESTRUCTURADO, AUN ASÍ ES RECOMENDABLE, REBUSCAR EL TEMA PARA TENER PLENO CONOCIMIENTO PARA CREAR O MEJORAR TU SITIO WEB.