frogstore18

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 podremos progresar 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 hallan las acciones realizadas en ese instante sobre la página web.

Ejemplos:

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

Apartado dos. Usar 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 emplear términos informáticos orientados al sistema o desarrolladores. Todas y cada una de 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 página web debe 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 tipo de usuarios.

• Una web con el logotipo en la parte superior con un menú próximo a él. En el cuerpo de la web el contenido y debajo el pie de página.
• Los botones/enlaces deben expresar claramente lo que van a hacer, por poner 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”

Apartado tres. Control y libertad para el usuario

El usuario debe disponer del control de la navegación y libertad de uso sobre la página web. En todo instante 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 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 quiere suprimir artículos de su cesta, debe tener un botón para ello.
• El usuario desea mudar su datos personales registrados en la web. Tendrá una opción de alterar donde podrá hacerlo.

Apartado cuatro. Consistencia y estándares

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

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

• Los botones de la página web como el de “Siguiente” o “Enviar” han de ser siempre y en todo momento del mismo color y tamaño. Y estar situados en exactamente la misma posición.
• El menú de la web no puede cambiar de sitio según donde estés navegando. Siempre y en toda circunstancia tiene que situarse en exactamente la misma posición.

Apartado 5. Prevención de errores

El usuario no debe memorizar sus acciones dentro del 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 pasos realizados por él. Debemos eludir en 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 efectuado previamente.

• 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 adquiere 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 “tramitar pedido”.
• Otro claro ejemplo son las llamadas «Migas de pan».

Apartado 6. Minimizar la carga de memoria del usuario

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

Ejemplos:

• Mensaje de confirmación al mandar un formulario de contacto.
• Mensaje de “Compra realizada” al concluir 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 archivo a la web.

Apartado siete. Flexibilidad y eficiencia de uso

Es recomendable acrecentar la eficiencia en el uso de los elementos que componen el lugar. 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 web a fin de que el usuario tenga más facilidad en el momento de efectuar las acciones que acostumbra a hacer.

Ejemplos:

• Si un usuario suele 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 costo.

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

No emplear contenido que sea intrascendente o bien 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 enseñar elementos que puedan entorpecer el manejo de la web por la parte del usuario y que carezcan útil o sentido en ese apartado.

Objetivo:Evitar el empleo de contenido irrelevante que disminuye la visibilidad del contenido que estimamos 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 recobrarse de los errores

Los mensajes de la web que vayan a enseñar un error producido por el usuario deben emplear un lenguaje claro e comprensible. 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 ponerle remedio y seguir con su navegación por el sistema.

Ejemplos:

• Si un usuario quiere 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 entender Ej. «No está permitido 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 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. 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 web para evitar 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 bultos de productos seria recomendable una sección de ayuda con la descripción de este contenido detallando las características primordiales de cada uno.

Fiabilidad

Toda web que se muestre en la red debe ser leal 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 esta razón debe reflejar a quién está visitando el usuario y qué nos está ofertando. La web debe disponer de un apartado que hable de la compañía, 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. empresa de marketing digital valencia el de Localización o 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 empresa a sus clientes del servicio.

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

Ejemplos:

• Un sitio web 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.

Apartado doce. 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 uso de un certificado SSL (Secure Socket Layer). A través de este certificado nuestros datos se transfieren con toda seguridad siendo cifrados desde el usuario hasta el servidor. Ciertos certificados SSL aun nos brindan la oportunidad de contrastar la identidad de la compañía evitando de esta manera 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 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 mandada por el usuario y evitar penalizaciones por la parte de los navegadores/buscadores.

Apartado trece. 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. modernizacion de webs madrid es muy importante comprobar la antigüedad del sitio y verificar que la página web es quién dice ser.

Objetivo:Incrementar la verosimilitud 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 buscadores web.

Apartado catorce. Comercio responsable

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

1. Costes 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 coste final ha de ser acorde con lo que se ha publicado.

2. Envío y devoluciones del pedido:Tiene que ser perceptible y fácil de encontrar la manera en la que se va a enviar la compra al cliente del servicio. 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 costo de devolución y la manera 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 meridianamente gráfica. 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 aconsejable el uso de montajes que puedan variar el color o dimensiones del producto. Es aconsejable el empleo de fondos planos a la hora de enseñar 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 bien quitar 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 caso de existir múltiples formas debe ofrecerse la opción de seleccionar.

5.3. programador prestashop madrid :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, Email y Contraseña.

5.4. Formas de pago:Las formas de pago deben ser clarísimas. 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é géneros de tarjeta acepta.

Adaptabilidad

Los dispositivos electrónicos lugar desde donde accedemos a internet cambian casi a diario. Si una empresa quiere llegar a todos y cada uno de los usuarios a través de su web debe amoldarse a estos cambios.

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, 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 y tablets. El usuario debe probar una sensación afín a la hora de navegar por la web en los 3 dispositivos. El sitio 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 amoldado a la resolución de la pantalla y un menú de manera perfecta inteligible y navegable.

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

Ejemplos:

• 
  

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

  
  

Un cliente que ha realizado una adquiere desde su computador de sobremesa y al salir de casa desea alterar su pedido, debería poder efectuar dicha modificación desde su móvil inteligente con sencillez.

Apartado dieciseis. Velocidad de carga

En la actualidad disponemos de una velocidad de descarga de datos muy elevada tanto en redes Wifi como en Redes móviles. Pese a ello los motores de búsqueda 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 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.