1) Usabilidad
En este punto tan esencial para el uso de estructuras web nos hemos basado en las heurísticas de usabilidad creadas porpara valorar el diseño de la interfaz de usuario. Gracias 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 top2) Apartado 1. Visibilidad del estado del sistema
Objetivo:Que el usuario pueda ser siendo consciente del estado en que se encuentran las acciones realizadas en ese momento sobre la página web.
Ejemplos:
- Mensaje de confirmación al enviar un formulario de contacto.
- Mensaje de “Compra realizada” al terminar el carrito 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.
3) Apartado 2. Emplear el lenguaje de usuarios
La web debe estar escrita en un lenguaje común fácilmente inteligible por la mayoría de los usuarios. No se deben usar términos informáticos orientados al sistema o bien desarrolladores. Todas las palabras y frases deben ser de ámbito coloquial 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 por su parte 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 todo género de usuarios.
- Una web con el logo en la parte superior con un menú cercano a él. En el cuerpo de la página web el contenido y debajo el pie de página.
- Los botones/enlaces deben expresar meridianamente lo que van a hacer, por ejemplo si un botón va a añadir un articulo a la cesta al pinchar sobre él, que afirme “Añadir a la cesta”
4) Apartado 3. 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 encargado de la web. Si el usuario comete un error, la página web debe facilitarle la forma de solucionarlo por sí mismo.
Objetivo:Que el usuario dependa de sí mismo y no se requiera de acciones por la 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 quiere mudar su datos personales registrados en la web. Tendrá una opción de alterar donde podrá hacerlo.
5) Apartado cuatro. Consistencia y estándares
La web debe ser sólida y seguir un estándar en todos sus apartados. El sitio ha de ser fiel a una estructura e imagen definidas desde el principio. Todos los elementos que componen las distintas páginas deben mostrarse en el mismo orden y aspecto en sus situaciones dentro del lugar. No tienen que diferenciarse los elementos que se emplean para efectuar una misma acción.
Objetivo:El usuario recordará por sí mismo donde están ubicados los elementos ya utilizados anteriormente y se familiarizará con el sitio.
- Los botones de la página web como el de “Siguiente” o “Enviar” han de ser siempre del mismo color y tamaño. Y estar ubicados en la misma posición.
- El menú de la web no puede mudar de lugar según donde estés navegando. Siempre y en toda circunstancia debe situarse en la misma posición.
6) Apartado cinco. Prevención de errores
El usuario no debe memorizar sus acciones en el sitio web. Se debe facilitar al usuario el recuerdo de lo que ha ido haciendo a su paso por ella, mostrando en todo instante las acciones o bien pasos realizados por él. Debemos eludir en lo posible que el usuario deba 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 efectuado anteriormente.
- Si un usuario se ha logueado debemos mostrarle en todo instante una parte de la página web donde indique que está logueado, con su alias o algún dato significativo para él.
- En caso de efectuar una compra y añadir artículos a la cesta debemos hacer visible 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».
7) Apartado seis. Minimizar la carga de memoria del usuario
Objetivo:Que el usuario pueda ser consciente del estado en que se hallan las acciones realizadas en ese instante sobre la página web.
Ejemplos:
- Mensaje de confirmación al enviar un formulario de contacto.
- Mensaje de “Compra realizada” al acabar 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 archivo a la web.
8) Apartado siete. Flexibilidad y eficacia de uso
Es aconsejable acrecentar la eficiencia en el uso de los elementos que componen el lugar. En el caso de tratarse de usuarios asiduos a nuestra web es buena idea el uso de atajos y elementos que memoricen las acciones más usadas por el usuario concreto.
Objetivo:Hacer más eficaz el contenido perceptible de la web para que el usuario tenga más facilidad en el momento de efectuar las acciones que habitúa a hacer.
Ejemplos:
- Si un usuario suele buscar artículos de bebé en una tienda online 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 web un artículo específico y este ahora ha bajado de costo, le podemos enseñar el artículo con el nuevo costo.
9) Apartado ocho. Diálogos estéticos y diseño minimalista
No emplear contenido que sea irrelevante o que no tenga utilidad para el usuario. La web debe mostrar 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 sentido dentro de ese apartado.
Objetivo:Evitar el empleo de contenido irrelevante que reduce la visibilidad del contenido que estimamos de importancia.
Ejemplos:
- Debe evitarse el empleo de banners de gran tamaño que puedan estar sobrepuestos a información esencial de la página.
10) Apartado nueve. Ayudar a reconocer, diagnosticar y recobrarse de los errores
Los mensajes de la página web que vayan a enseñar un error producido por el usuario deben utilizar un lenguaje claro e inteligible. Cualquier usuario he de 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 fallo pueda modificar sus acciones para solventarlo y seguir con su navegación por el sistema.
Ejemplos:
- Si un usuario quiere mandar un fichero a través de la página web y su formato no es compatible se debería mostrar un aviso señalando el motivo del error de una forma que sea fácil de entender Ej. «No está tolerado subir archivos con extensión .exe a la web»
11) Apartado diez. Ayuda y documentación
En caso de tratarse de una web que contenga un sistema o 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 clase de duda relacionada con el sistema. A su vez, sería una buena opción incorporar un sistema de contacto a través de formulario o un chat en tiempo real para asistir al usuario en todo instante.
Objetivo:Facilitar la comprensión y manejo del sitio para eludir incidencias y ahorrar tiempo tanto para el usuario como para el encargado de la página web.
Ejemplos:
- En una web que contenga una pluralidad de promociones o bien paquetes de productos seria aconsejable una sección de ayuda con la descripción de este contenido detallando las características primordiales de cada uno de ellos.
12) Fiabilidad
Toda web que se muestre en la red de redes debe 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 top13) Apartado 11. Transparencia
El sitio 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 compañía, 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 página 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. Resaltable es también el apartado Servicios, para dar a conocer qué ofrece la empresa a sus clientes del servicio.
Objetivo:Conseguir mayor confianza por la parte del usuario y así incrementar la reputación de la empresa.
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 probar que es un negocio real.
14) Apartado 12. Certificado SSL (Secure Socket Layer)
Una de las mejores vías para asegurar la seguridad de una web con respecto a la información que maneja es el empleo de un certificado SSL (Secure Socket Layer). Mediante este certificado nuestros datos se transfieren con total seguridad siendo encriptados desde el usuario hasta el servidor. Algunos certificados SSL aun nos ofrecen la ocasión de contrastar la identidad de la empresa evitando de esta manera los fraudes de suplantación de identidad.
Actualmente la mayoría de navegadores identifican como no seguros los sitios que carecen de SSL, incluso pueden llegar bloquearlos. Además de ser identificados como sitios seguros los principales buscadores 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 top15) Apartado 13. Antigüedad y legitimidad
Cuanto más tiempo lleve una web en la red de redes mayor será la confianza que generará al usuario y más fácil será probar su legitimidad. Por esta razón es muy importante revisar la antigüedad del sitio y verificar que la web es quién afirma ser.
Objetivo:Incrementar la credibilidad del sitio y evitar las webs temporales de suplantación de indentidad ()
Ejemplos:
- Una página con más de 3 años de antigüedad que se haya tenido múltiples actualizaciones será mejor vista tanto por el usuario como por los buscadores web.
16) Apartado 14. Comercio responsable
Para el caso de las tiendas en línea tenemos que tener en consideración lo siguiente:
1. Costos y descuentos claros:Los costos de los artículos deben mostrarse de forma clara y destacada. En el caso de existir algún descuento u oferta el precio final debe ser acorde con lo que se ha publicado.
2. Envío y devoluciones del pedido:Tiene que ser visible y fácil de encontrar la forma en la que se marcha a mandar la compra al cliente. El tiempo de envío debe aparecer claramente antes de efectuar la adquisición, preferiblemente 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 va a efectuar.
3. Información del artículo:Los artículos que se venden en la página web deben tener un criterio de información acorde con la realidad. Dicha información ha de ser claramente 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 recomendable el empleo de montajes que puedan cambiar el color o 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 bien eliminar 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 ha de ser claro y detallado. En caso de existir múltiples formas debe ofrecerse la opción de elegir.
5.3. Datos personales:Formulario de inserción de los datos del comprador. Debe solicitar al menos los próximos datos del comprador: Nombre, Dirección de envío, Mail y Contraseña.
5.4. Formas de pago:Las formas de pago han de ser clarísimas. En caso de cobrar un plus por una forma de pago determinada debe aparecer claramente junto a ella. Si permite el pago por tarjeta debe enseñar qué géneros de tarjeta admite.
Back to top17) Adaptabilidad
Los dispositivos electrónicos lugar desde el que accedemos a internet cambian prácticamente a diario. Si una compañía desea llegar a todos los usuarios a través de su página web debe adaptarse a estos cambios.
Back to top18) Apartado 15. Diseño amoldable (Adaptable design)
Debido a la enorme pluralidad de dispositivos actuales capaces de conectarse a internet es imprescindible que los sitios web sean flexibles y dejen 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 web debe ser capaz de adaptarse automáticamente a los 3 dispositivos principales: Ordenadores de sobremesa / portátiles, smartphones y tablets. El usuario debe experimentar una sensación similar en el momento de navegar por la página web en los 3 dispositivos. El lugar debe sostener un diseño acorde en sus múltiples adaptaciones. Para ello deberá tener una resolución que permita una adecuada legibilidad de los textos, unas imágenes con un tamaño adaptado a la resolución de la pantalla y un menú con perfección legible y navegable.
Objetivo:Conseguir que el usuario sea capaz de realizar sus acciones independientemente del dispositivo que esté usando.
Ejemplos:
-
Un cliente del servicio que ha efectuado una compra desde su computador de sobremesa y al salir de casa quiere modificar su pedido, debería poder efectuar dicha modificación desde su móvil con sencillez.
Un cliente del servicio 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 móvil inteligente con sencillez.
Back to top19) Apartado dieciseis. 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 web como Google valoran mucho la velocidad de carga de los sitios. Cuanto menor sea el tiempo que tarde una web en mostrarse al usuario mayor será su valoración por la 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