En este 2014 podemos estar hablando de una evolución del diseño de página. Y ya hemos señalado algunas tendencias consolidadas para este año como por ejemplo el diseño adaptativo, el formato SVG, etc. Es por eso que queremos proporcionarte este checklist para que lo utilices cada vez que encuentres un nuevo sitio web o quieras enfrentarte a un nuevo diseño. 

 Puedes llevártelo en tu smartphone y utilizarlo para planificar el diseño de tu próxima página web.

Experiencia de usuario

Usar un botón de «Prueba gratis» en lugar de «Regístrese». El primero indica un beneficio claro y el segundo no.

Los precios se muestran con claridad sin comisiones escondidas ni condiciones sorpresas.

Contenido de muestra. Una imagen del boletín al lado del registro del boletín. Una imagen real del boletín.

Credibilidad. Mostrar las credenciales, referencias, testimonios con imágenes de personas reales, información de ubicación y teléfonos en el sitio web.

Diseño

Sitio web responsivo y adaptable a todo tipo de resolución.

Información relacionada agrupada claramente

Cantidad mínima de Pop Up

La página web debe ser consistente en todo su diseño.

Suficientes espacios en blanco para facilitar la navegación.

Procesos

Realiza un seguimiento de incidencias respecto a la usabilidad y demás funcionamiento de la página.

Los cambios en la web son realizados en función de su importancia.

Analizar el impacto de algún cambio ejecutado en la página.

Formularios

Evitar largos menús desplegables

Los Envíos de formulario se confirman

Los errores se notifican en el lado del campo observado no solo en la parte superior.

Contenido

Utiliza contraste entre el fondo y el texto.

Hay párrafos breves descriptivos.

Equilibrio entre el texto y las imágenes.

Contenido escrito en lenguaje común, coloquial y simple

El contenido es útil y actualizado

Si hay imágenes importantes se pueden ampliar con un click.

Página de Inicio

Las llamadas a la acción deben estar claras de manera que los usuarios saben qué hacer y por qué los beneficia. Se entiende la propuesta de valor y el propósito de la página.

La página conecta con el usuario a través de su nombre «Hola Carlos».

Si hay cambios importantes en la página se anuncian en el Home, por ejemplo algún cambio en las condiciones de uso o términos y condiciones. Políticas de uso o envío etc.

La ubicación de la empresa es de fácil acceso.

Redirecciones y optimización canónica.

Política de privacidad de datos de fácil acceso.

Accesabilidad.

El contenido del sitio web puede ser leído sin hoja de estilos. Para probar que tu sitio web responde a esta condición utiliza la herramienta ideal la accesibilidad de contenido.

Los atributos ALT están presente en todo el contenido no textual como por ejemplo las imágenes.

Navegación en sitio

Los enlaces importantes no se colocan en plataformas en movimiento de tipo carrusel, acordeones, etc.

Clasificación por grupos descriptivos relacionados en lugar de clasificación A-Z

Enlaces descriptivos dejando del lado los «haga click aquí«.

La url es de fácil recordación.

Búsqueda

En el caso de un sitio web amplio hay un buscador no solo en la página principal sino en todas las páginas.

El cuadro de búsqueda debe ser lo suficientemente amplio para que los usuarios vean lo que están escribiendo allí.

Enlaces

Los botones importantes como «Comprar»; «Pagar»; «Mi Carrito de compras«, etc se muestran en botones y no en enlaces.

Los enlaces visitados son de diferente color que los enlaces no visitados.

No hay enlaces rotos.

Enlaces fácilmente reconocibles.

____

Esperamos que este checklist te sirva para revisar si todo proyecto de diseño de página web que empieces tenga estas cuestiones básicas.

Revisando tu sitio ¿Cuánto de esta lista le has hecho check?