gymbanker52

Usabilidad

En este punto tan esencial para el empleo 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.

Apartado 1. Visibilidad del estado del sistema

Objetivo:Que el usuario pueda ser siendo consciente del estado en que se encuentran 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” diseño pagina web barcelona 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.

Apartado dos. Emplear el lenguaje de usuarios

La web debe estar escrita en un lenguaje común fácilmente comprensible por la mayoría de los usuarios. No se deben utilizar términos informáticos orientados al sistema o desarrolladores. Todas y cada una de las palabras y frases han de ser de ámbito informal y familiar al usuario que la está visualizando. La forma en la que se plasma el contenido en la web he de ser a su vez intuitivo y seguir 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 web el contenido y debajo el pie de página.
• Los botones/enlaces deben expresar meridianamente lo que harán, 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”

Apartado tres. Control y libertad para el usuario

El usuario debe contar con del control de la navegación y libertad de uso sobre la página 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 error, la web debe facilitarle la manera de solucionarlo 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 página web.

• Un usuario quiere quitar artículos de su cesta, debe tener un botón para esto.
• El usuario desea 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 debe ser sólida y seguir un estándar en sus apartados. El sitio ha de ser leal a una estructura y también imagen definidas desde el principio. Todos los elementos que componen las distintas páginas deben mostrarse en exactamente el mismo orden y aspecto en todas sus situaciones en el lugar. No tienen que distinguirse los elementos que se emplean para efectuar una misma acción.

Objetivo:El usuario recordará por sí mismo donde están situados los elementos ya empleados 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 situados en la misma posición.
• El menú de la web no puede mudar de lugar según donde estés navegando. Siempre debe situarse en exactamente la misma posición.

Apartado 5. Prevención de errores

El usuario no debe memorizar sus acciones dentro del 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 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 previamente.

• Si un usuario se ha logueado debemos mostrarle en todo instante parte de la web donde indique que está logueado, con su alias o algún dato significativo para él.
• En caso de efectuar una adquiere 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».

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 instante sobre la pá servicios de seo .

Ejemplos:

• Mensaje de confirmación al mandar 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 siete. Flexibilidad y eficiencia de uso

Es aconsejable acrecentar la eficacia en el empleo de los elementos que componen el lugar. En caso de tratarse de usuarios habituales a nuestra página 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 eficaz el contenido visible de la web a fin de que el usuario tenga más facilidad 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 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 mostrar el artículo con el nuevo coste.

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

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

Objetivo:Evitar el empleo de contenido irrelevante que reduce la visibilidad del contenido que consideramos de relevancia.

Ejemplos:

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

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

Los mensajes de la página web que vayan a mostrar un fallo producido por el usuario deben emplear un lenguaje claro y también comprensible. Cualquier usuario he de ser capaz de comprender en todo momento 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 proseguir con su navegación por el sistema.

Ejemplos:

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

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

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

Ejemplos:

• En una web que contenga una variedad 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 de ellos.

Fiabilidad

Toda web que se muestre en internet debe ser fiel reflejo de la empresa que hay detrás de ella. Los sitios web no deben 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.

Apartado once. Transparencia

El sitio he de ser transparente y por este motivo debe reflejar a quién está visitando el usuario y qué nos está ofreciendo. La página web debe contar con 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 empresa estamos visitando cuando entramos en la web. Otro apartado importante es el de Localización o 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.

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

Ejemplos:

• Un sitio 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 respecto a la información que maneja es el uso de un certificado SSL (Secure Socket Layer). A través de este certificado nuestros datos se trasfieren con toda seguridad siendo cifrados desde el usuario hasta el servidor. Ciertos certificados SSL aun nos ofrecen la oportunidad de verificar la identidad de la compañía eludiendo 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, 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 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 este motivo es fundamental revisar la antigüedad del sitio y contrastar 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 tres años de antigüedad que se haya tenido varias actualizaciones será mejor vista tanto por el usuario como por los buscadores.

Apartado 14. Comercio responsable

Para el caso de las tiendas virtuales debemos tomar 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 o bien 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 forma en la que se marcha a mandar la adquisición al usuario. El tiempo de envío debe aparecer meridianamente antes de efectuar la adquisición, preferiblemente en la misma ficha del artículo. También se debe informar del costo de devolución y la forma en la que se va a realizar.

3. seo y posicionamiento web en buscadores ó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 auxiliares como peso, color, medidas, etc.

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

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

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

5.2. diseño web tienda virtual 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 múltiples formas debe ofrecerse la opción de elegir.

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

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

Adaptabilidad

Los dispositivos electrónicos desde donde accedemos a internet cambian casi 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.

Apartado quince. Diseño adaptable (Adaptable design)

Debido a la enorme variedad de dispositivos actuales capaces de conectarse a internet es indispensable que los sitios web 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 web ha de ser capaz de amoldarse automáticamente a los tres dispositivos principales: Ordenadores de sobremesa / portátiles, móviles y tablets. El usuario debe probar una sensación similar en el momento de navegar por la 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ú a la perfección inteligible y navegable.

Objetivo:Conseguir que el usuario sea capaz de efectuar sus acciones independientemente del dispositivo que esté utilizando.

Ejemplos:

• 
  

  Un cliente que ha realizado una compra desde su PC de sobremesa y al salir de casa desea alterar su pedido, debería poder realizar dicha modificación desde su smartphone con sencillez.

  
  

Un cliente del servicio que ha efectuado una adquiere desde su ordenador 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 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 web. 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.