Requisitos para obtener el sello WEB de CALIDAD

Back to top

1) Usabilidad

En este punto tan importante para el uso de estructuras web nos hemos basado en las heurísticas de usabilidad creadas porpara evaluar el diseño de la interfaz de usuario. Merced al estudio de la usabilidad vamos a poder prosperar la experiencia del usuario haciendo más fácil y fluida la navegación.

Back to top

2) Apartado 1. Visibilidad del estado del sistema

Objetivo:Que el usuario pueda ser consciente del estado en que se hallan las acciones efectuadas en ese instante sobre la página web.

Ejemplos:

• Mensaje de confirmación al enviar un formulario de contacto.
• Mensaje de “Compra realizada” al finalizar el carro de la compra.
• Mensaje de “Campo requerido” al procurar enviar un formulario con un campo requerido vacío.
• Barra de porcentaje de proceso de subida al subir un fichero a la página web.

Back to top

3) Apartado dos. Emplear el lenguaje de usuarios

La web ha de estar escrita en un lenguaje común fácilmente comprensible por la mayoría de los usuarios. No se deben usar términos informáticos orientados al sistema o bien desarrolladores. Todas y cada una de las palabras y oraciones han de ser de ámbito informal y familiar al usuario que la está visualizando. La manera en la que se plasma el contenido en la página web he de ser a su vez intuitivo y proseguir un orden formalizado por la mayoría de webs existentes.

Objetivo:Facilitar la comprensión de la página web y crear un sistema de fácil navegación para toda clase de usuarios.

• Una web con el logotipo en la parte superior con un menú próximo a él. En el cuerpo de la página web el contenido y debajo el pie de página.
• Los botones/enlaces deben expresar claramente lo que harán, por servirnos de un ejemplo si un botón va a añadir un articulo a la cesta al pinchar sobre él, que diga “Añadir a la cesta”

Back to top

4) Apartado tres. Control y libertad para el usuario

El usuario debe contar con del control de la navegación y libertad de empleo sobre la web. En todo momento debe tener la opción de deshacer y rehacer cualquier acción sin necesidad de contactar con el responsable de la web. Si el usuario comete un fallo, la página web debe facilitarle la manera de solventarlo por sí mismo.

Objetivo:Que el usuario dependa de sí mismo y no se requiera de acciones por parte del personal de administración de la web.

• Un usuario desea suprimir artículos de su cesta, debe tener un botón para esto.
• El usuario desea cambiar su datos personales registrados en la web. Tendrá una opción de modificar donde podrá hacerlo.

Back to top

5) Apartado cuatro. Consistencia y estándares

La web debe ser sólida y proseguir un estándar en todos sus apartados. El sitio debe ser leal a una estructura e imagen definidas desde el principio. Todos y cada uno de los elementos que componen las diferentes páginas deben mostrarse en el mismo orden y aspecto en todas sus situaciones dentro del lugar. No tienen que distinguirse los elementos que se utilizan para efectuar una misma acción.

Objetivo:El usuario recordará por sí mismo donde están situados los elementos ya usados anteriormente y se familiarizará con el sitio web.

• Los botones de la web como el de “Siguiente” o bien “Enviar” deben ser siempre y en toda circunstancia del mismo color y tamaño. Y estar ubicados en la misma posición.
• El menú de la web no puede cambiar de lugar según donde estés navegando. Siempre y en toda circunstancia ha de situarse en exactamente la misma posición.

Back to top

6) Apartado 5. Prevención de errores

El usuario no debe memorizar sus acciones en el sitio. Se debe facilitar al usuario el recuerdo de lo que ha ido haciendo a su paso por ella, mostrando en todo momento las acciones o bien pasos realizados por él. Debemos evitar en la medida de lo posible que el usuario tenga que echar mano a su memoria para saber qué acciones ha realizado.

Objetivo:Que el usuario se centre en los pasos que va a efectuar en la página web y no en lo que haya realizado anteriormente.

• Si un usuario se ha logueado debemos mostrarle en todo momento parte de la web donde indique que ya está logueado, con su alias o algún dato significativo para él.
• En caso de realizar una compra y añadir artículos a la cesta debemos hacer perceptible un cuadro pequeño donde aparezca su cesta. Y con un botón de “ir a la cesta” o bien “tramitar pedido”.
• Otro claro ejemplo son las llamadas «Migas de pan».

Back to top

7) Apartado seis. Disminuir al mínimo la carga de memoria del usuario

Objetivo:Que el usuario pueda ser consciente del estado en que se encuentran las acciones efectuadas en ese momento sobre la página web.

Ejemplos:

• Mensaje de confirmación al enviar un formulario de contacto.
• Mensaje de “Compra realizada” al concluir el carro de la compra.
• Mensaje de “Campo requerido” al intentar enviar un formulario con un campo requerido vacío.
• Barra de porcentaje de proceso de subida al subir un fichero a la web.

Back to top

8) Apartado 7. Flexibilidad y eficacia de uso

Es aconsejable incrementar la eficacia en el empleo de los elementos que componen el sitio. En el caso de tratarse de usuarios habituales a nuestra web es buena idea el uso de atajos y elementos que memoricen las acciones más utilizadas por el usuario específico.

Objetivo:Hacer más eficaz el contenido visible de la web a fin de que el usuario tenga más facilidad en el momento de efectuar las acciones que habitúa a hacer.

Ejemplos:

• Si un usuario acostumbra a buscar artículos de bebé en una tienda on-line es buena opción mostrarle cuando vuelva a entrar un recuadro con artículos de bebé señalados.
• Si el usuario buscó la última vez que visitó la página web un artículo concreto y este ahora ha bajado de coste, le podemos enseñar el artículo con el nuevo costo.

Back to top

9) Apartado 8. Diálogos estéticos y diseño minimalista

No usar contenido que sea intrascendente o que no tenga utilidad para el usuario. La web debe enseñar un contenido útil y que informe de la página donde se halla el usuario. No hay que mostrar elementos que puedan entorpecer el manejo de la web por parte del usuario y que carezcan útil o bien sentido en ese apartado.

Objetivo:Evitar el empleo de contenido intrascendente que disminuye la visibilidad del contenido que consideramos de importancia.

Ejemplos:

• Debe evitarse el empleo de banners de gran tamaño que puedan estar superpuestos a información esencial de la página.

Back to top

10) Apartado nueve. Asistir a reconocer, diagnosticar y recobrarse de los errores

Los mensajes de la página web que vayan a mostrar un error producido por el usuario deben utilizar un lenguaje claro y también comprensible. Cualquier usuario debe ser capaz de entender en todo instante el fallo que puede haber producido una acción suya.

Objetivo:Que el usuario una vez haya comprendido el mensaje de error pueda modificar sus acciones para solventarlo y continuar con su navegación por el sistema.

Ejemplos:

• Si un usuario desea enviar un fichero a través de la página web y su formato no es compatible se debería enseñar un aviso señalando el motivo del fallo de una manera que sea fácil de entender Ej. «No está permitido subir archivos con extensión .exe a la web»

Back to top

11) Apartado 10. Ayuda y documentación

En caso de tratarse de una web que contenga un sistema o bien aplicación que requiera de conocimientos particulares para su utilización, debería contener un apartado de ayuda o documentación donde el usuario tenga la posibilidad de preguntar cualquier género de duda relacionada con el sistema. Por su parte, sería una buena opción añadir un sistema de contacto mediante formulario o bien un chat en tiempo real para asistir al usuario en todo momento.

Objetivo:Facilitar la comprensión y manejo del sitio para evitar incidencias y ahorrar tiempo tanto para el usuario para el responsable de la web.

Ejemplos:

• En una web que contenga una pluralidad de promociones o paquetes de productos seria recomendable una sección de ayuda con la descripción de este contenido detallando las características principales de cada uno.

Back to top

12) Fiabilidad

Toda web que se muestre en la red de redes he de ser fiel reflejo de la empresa que hay detrás de ella. Los sitios web no han de ser considerados como simples herramientas que absolutamente nadie controla y donde no existen sanciones ante posibles fallos. Hay que tomarse muy de verdad la creación de una web y crear un sistema fiable y de confianza.

Back to top

13) Apartado once. Transparencia

El lugar debe ser transparente y por esta razón debe reflejar a quién está visitando el usuario y qué nos está ofreciendo. La web debe disponer de un apartado que hable de la empresa, comúnmente llamada Empresa, Quiénes Somos o bien Sobre nosotros. Esta sección debe plasmar en pantalla a qué persona o bien empresa estamos visitando cuando entramos en la web. Otro apartado importante es el de Localización o bien Dónde estamos, donde se muestra al usuario la dirección física del negocio. Destacable es también el apartado Servicios, para dar a conocer qué ofrece la compañía a sus clientes.

Objetivo:Conseguir mayor confianza por parte del usuario y así acrecentar la reputación de la compañía.

Ejemplos:

• Un sitio con secciones que contengan fotografías de la empresa y su equipo humano, sus datos de contacto, etc. generará mayor confianza al usuario al demostrar que es un negocio real.

Back to top

14) Apartado doce. Certificado SSL (Secure Socket Layer)

Una de las mejores vías para asegurar la seguridad de una web respecto a la información que maneja es el empleo de un certificado SSL (Secure Socket Layer). A través de este certificado nuestros datos se transfieren con toda seguridad siendo encriptados desde el usuario hasta el servidor. Algunos certificados SSL aun nos ofrecen la oportunidad de verificar la identidad de la empresa evitando de este modo los fraudes de suplantación de identidad.

Actualmente la mayoría de navegadores identifican como no seguros los sitios web que carecen de SSL, aun pueden llegar bloquearlos. Además de ser identificados como sitios seguros los primordiales buscadores web verán con buenos ojos la implantación de este certificado mejorando nuestra reputación y posicionamiento.

Objetivo:Garantizar la seguridad de la información enviada por el usuario y evitar penalizaciones por la parte de los navegadores/buscadores.

Back to top

15) Apartado 13. Antigüedad y legitimidad

Cuanto más tiempo lleve una web en la red mayor será la confianza que generará al usuario y más fácil será demostrar su legitimidad. Por ello es fundamental revisar la antigüedad del sitio y verificar que la web es quién dice ser.

Objetivo:Incrementar la verosimilitud del sitio y evitar las webs temporales de suplantación de indentidad ()

Ejemplos:

• Una página con más de tres años de antigüedad que se haya tenido varias actualizaciones será mejor vista tanto por el usuario como por los motores de búsqueda.

Back to top

16) Apartado 14. Comercio responsable

Para el caso de las tiendas on-line debemos tomar en consideración lo siguiente:

1. Precios y descuentos claros:Los costos de los artículos deben mostrarse de forma clara y señalada. En el caso de existir algún descuento u oferta el costo final debe ser acorde con lo que se ha publicado.

2. Envío y devoluciones del pedido:Tiene que ser perceptible y fácil de localizar la manera en la que se va a mandar la compra al cliente del servicio. El tiempo de envío debe aparecer claramente antes de realizar la adquisición, preferentemente en exactamente la misma ficha del artículo. También se debe informar del coste de devolución y la forma en la que se marcha a realizar.

3. Información del artículo:Los artículos que se venden en la web deben tener un criterio de información acorde con la realidad. Dicha información debe ser meridianamente descriptiva. Con el nombre del artículo, descripción y posibles características adicionales como peso, color, medidas, etc.

4. Fotografías del artículo:Las imágenes reflejadas en la página web referente a los artículos en venta deben corresponder fielmente con el producto ofrecido. No es aconsejable el uso de montajes que puedan variar el color o bien dimensiones del producto. Es recomendable el empleo de fondos planos en el momento de mostrar sus fotografías.

5. Cesta de la compra.Debe estar compuesta por las siguientes partes:

5.1. Productos:Aquí elusuario tendrá la posibilidad de modificar o quitar los artículos añadidos a la cesta. Pinchando sobre ellos podrá visualizar correctamente su ficha.

5.2. Formas de Envío:Como mínimo debe haber 1 forma de envío del pedido. El tiempo debe ser claro y detallado. En caso de existir varias formas debe ofrecerse la opción de elegir.

5.3. Datos personales:Formulario de inserción de los datos del comprador. Debe pedir al menos los siguientes datos del comprador: Nombre, Dirección de envío, E-mail y Contraseña.

5.4. Formas de pago:Las formas de pago han de ser muy claras. En el caso de cobrar un plus por una forma de pago determinada debe aparecer meridianamente junto a ella. Si permite el pago por tarjeta debe mostrar qué géneros de tarjeta admite.

Back to top

17) Adaptabilidad

Los dispositivos electrónicos lugar desde donde accedemos a internet cambian prácticamente a diario. Si una empresa desea llegar a todos y cada uno de los usuarios a través de su página web debe adaptarse a estos cambios.

Back to top

18) Apartado 15. Diseño amoldable (Responsive design)

Debido a la enorme variedad de dispositivos actuales capaces de conectarse a internet es indispensable que los sitios sean flexibles y permitan la navegación por ellos. Debe tenerse en cuenta las capacidades de cada uno de ellos, como la potencia, resolución de pantalla, sistema operativo y memoria.

Por ello, la página web ha de ser capaz de adaptarse automáticamente a los 3 dispositivos principales: Ordenadores de sobremesa / portátiles, móviles y tablets. El usuario debe experimentar una sensación afín a la hora de navegar por la página web en los 3 dispositivos. El sitio debe sostener un diseño acorde en sus múltiples adaptaciones. Para esto deberá tener una resolución que deje una adecuada legibilidad de los textos, unas imágenes con un tamaño adaptado a la resolución de la pantalla y un menú perfectamente inteligible y navegable.

Objetivo:Conseguir que el usuario sea capaz de efectuar sus acciones con independencia del dispositivo que esté usando.

Ejemplos:

• Un usuario que ha realizado una compra desde su computador de sobremesa y al salir de casa quiere modificar su pedido, debería poder realizar dicha modificación desde su móvil con facilidad.

Un cliente que ha efectuado una adquiere desde su ordenador de sobremesa y al salir de casa quiere alterar su pedido, debería poder efectuar dicha modificación desde su smartphone con sencillez.

Back to top

19) Apartado 16. Velocidad de carga

En la actualidad disponemos de una velocidad de descarga de datos muy elevada tanto en redes Wi-fi como en Redes móviles. Pese a ello los buscadores como Google valoran mucho la velocidad de carga de los sitios web. Cuanto menor sea el tiempo que tarde una web en mostrarse al usuario mayor será su valoración por parte de Google. Podemos aseverar que es uno de los factores más relevantes a la hora de posicionar una página web.

Objetivo:Conseguir una navegación fluida con tiempos de carga lo más rápido posibles.

Back to top