gymbanker52

Usabilidad

En este punto tan esencial para el empleo 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 mejorar la experiencia del usuario haciendo más fácil y fluida la navegación.

Apartado 1. Visibilidad del estado del sistema

Objetivo:Que el usuario pueda ser 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 concluir 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.

Apartado dos. Usar el lenguaje de usuarios

La web ha de 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 oraciones deben ser de ámbito informal y familiar al usuario que la está visualizando. La forma en la que se plasma el contenido en la web debe 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 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 claramente 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 diga “Añadir a la cesta”

Apartado 3. Control y libertad para el usuario

El usuario debe disponer del control de la navegación y libertad de empleo sobre la web. En todo instante debe tener la opción de deshacer y rehacer cualquier acción sin precisar 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 la parte del personal de administración de la página web.

• Un usuario desea suprimir artículos de su cesta, debe tener un botón para ello.
• El usuario quiere mudar su datos personales registrados en la página web. Tendrá una opción de alterar donde podrá hacerlo.

Apartado 4. Consistencia y estándares

La web he de ser sólida y proseguir un estándar en sus apartados. El lugar debe ser leal a una estructura y también imagen definidas desde el comienzo. Todos y cada uno de los elementos que componen las diferentes páginas deben mostrarse en exactamente el mismo orden y aspecto en todas sus situaciones en el sitio. No han de diferenciarse los elementos que se usan para realizar una misma acción.

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

• Los botones de la página web como el de “Siguiente” o “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 página web no puede cambiar de lugar según donde estés navegando. Siempre y en toda circunstancia tiene que situarse en la misma posición.

Apartado 5. 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 momento las acciones o bien pasos efectuados por él. Debemos evitar dentro de lo posible que el usuario deba echar mano a su memoria para saber qué acciones ha efectuado.

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

• Si un usuario se ha logueado debemos mostrarle en todo momento parte de la página web donde indique que ya 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 perceptible un cuadro pequeño donde aparezca su cesta. Y con un botón de “ir a la cesta” o “tramitar pedido”.
• Otro claro ejemplo son las llamadas «Migas de pan».

Apartado 6. Disminuir al mínimo la carga de memoria del usuario

Objetivo:Que el usuario pueda ser siendo consciente del estado en que se hallan 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 acabar 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.

Apartado siete. Flexibilidad y eficacia de uso

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

Objetivo:Hacer más eficiente el contenido perceptible de la página web a fin de que el usuario tenga más sencillez en el momento de realizar las acciones que acostumbra a hacer.

Ejemplos:

• Si un usuario acostumbra a buscar artículos de bebé en una tienda virtual 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 específico y este ahora ha bajado de costo, le podemos enseñar el artículo con el nuevo precio.

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

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

Objetivo:Evitar el empleo de contenido irrelevante que reduce 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 importante de la página.

Apartado 9. Ayudar a reconocer, diagnosticar y recuperarse de los errores

Los mensajes de la página web que vayan a enseñar un fallo producido por el usuario deben emplear un lenguaje claro y también inteligible. Cualquier usuario he de ser capaz de entender en todo momento el fallo que puede haber producido una acción suya.

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

Ejemplos:

• Si un usuario desea enviar un archivo 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 fallo de una manera que sea fácil de comprender Ej. «No está tolerado subir archivos con extensión .exe a la web»

Apartado diez. 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 consultar cualquier clase de duda relacionada con el sistema. Por su parte, sería una buena opción agregar un sistema de contacto mediante formulario o un chat en tiempo real para ayudar al usuario en todo instante.

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

Ejemplos:

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

Fiabilidad

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

Apartado 11. Transparencia

El lugar he de ser transparente y por ello debe reflejar a quién está visitando el usuario y qué nos está ofertando. La web debe contar con de un apartado que hable de la empresa, comúnmente llamada Empresa, Quiénes Somos o 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. Resaltable es también el apartado Servicios, para dar a conocer qué ofrece la compañía a sus clientes.

Objetivo:</ <a href="https://citiface.com/es/link-building-google">empresa diseño web asturias por parte del usuario y así incrementar la reputación de la compañía.

Ejemplos:

• Un sitio web con secciones que contengan fotografías de la compañía y su equipo humano, sus datos de contacto, etc. generará mayor confianza al cliente del servicio al probar que es un negocio real.

Apartado doce. Certificado SSL (Secure Socket Layer)

Una de las mejores vías para garantizar la seguridad de una web con respecto a la información que maneja es el uso de un certificado SSL (Secure Socket Layer). Mediante este certificado nuestros datos se transfieren con completa seguridad siendo encriptados desde el usuario hasta el servidor. Ciertos certificados SSL incluso nos brindan la ocasión de contrastar la identidad de la empresa eludiendo de esta forma los fraudes de suplantación de identidad.

Actualmente la mayoría de navegadores identifican como no seguros los sitios web que carecen de SSL, incluso pueden llegar bloquearlos. Además de ser identificados como sitios seguros los principales 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 eludir penalizaciones por parte de los navegadores/buscadores.

Apartado trece. Antigüedad y legitimidad

Cuanto más tiempo lleve una web en internet mayor será la confianza que generará al usuario y más fácil será demostrar su legitimidad. Por esta razón es fundamental comprobar la antigüedad del lugar y verificar que la web es quién afirma ser.

Objetivo:Incrementar la credibilidad del sitio y eludir 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 varias actualizaciones será mejor vista tanto por el usuario como por los motores de búsqueda.

Apartado catorce. Comercio responsable

Para el caso de las tiendas virtuales tenemos que tener en consideración lo siguiente:

1. Costos y descuentos claros:Los precios de los artículos deben mostrarse de forma clara y destacada. En 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 hallar la forma en la que se marcha a mandar la adquisición al usuario. El tiempo de envío debe aparecer claramente antes de efectuar la compra, preferentemente en 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 ha de ser claramente descriptiva. Con el nombre del artículo, descripción y posibles características auxiliares como peso, color, medidas, etc.

4. Fotografías del artículo:Las imágenes reflejadas en la web referente a los artículos en venta deben corresponder fielmente con el producto ofrecido. No es recomendable el uso de montajes que puedan variar el color o bien dimensiones del producto. Es aconsejable el uso de fondos planos a la hora de enseñar 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 suprimir los artículos añadidos a la cesta. Pinchando sobre ellos podrá visualizar adecuadamente 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 el caso de existir múltiples formas debe ofrecerse la opción de escoger.

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

5.4. Formas de pago:Las formas de pago deben ser clarísimas. posicionamiento seo en cantabria plus por una forma de pago determinada debe aparecer meridianamente junto a ella. Si permite el pago por tarjeta debe mostrar qué tipos de tarjeta acepta.

Adaptabilidad

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

Apartado quince. Diseño amoldable (Responsive design)

Debido a la gran variedad de dispositivos actuales capaces de conectarse a internet es imprescindible que los sitios 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 ha de ser capaz de amoldarse automáticamente a los 3 dispositivos principales: Ordenadores de sobremesa / portátiles, móviles inteligentes y tablets. El usuario debe probar una sensación similar en el momento de navegar por la página web en los tres 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ú de manera perfecta 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 adquiere desde su ordenador de sobremesa y al salir de casa desea alterar su pedido, debería poder realizar dicha modificación desde su móvil inteligente con sencillez.

  
  

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

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 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 parte de Google. Podemos afirmar que es uno de los factores más relevantes en el momento de posicionar una página web.

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