Usted está aquí:Inicio/MG Developers/Blog/UX, Parte 3: Recomendaciones para mejorar la experiencia de usuario

Publicaciones recientes

Por Qué Elegirnos

  • Más de 400 proyectos puestos en producción durante los últimos 15 años demuestran el compromiso con nuestros clientes, certifican nuestra metodología y reflejan la capacidad de nuestro equipo de profesionales.

  • En MicroGestion existe un compromiso genuino con la calidad, la formación continua de nuestros profesionales y la mejora continua de nuestros procesos son la evidencia de dicho compromiso.

  • Creemos que los siguientes rasgos son esenciales para el ejercicio de nuestra actividad:

    » Entusiasmo, como requisito para llevar a cabo un proceso creativo.
    » Proactividad, como engranaje de la dinámica de grupos.
    » Responsabilidad, como condición fundamental para asumir compromisos en cada nivel de la empresa.
    » Trabajo en grupo, como mecánica de trabajo elegida para lograr sinergia.

    Asimismo nuestra capacidad de ejecución se fundamenta en el respeto de los siguiente valores:

    » Flexibilidad, necesaria para buscar el mejor camino en cada proyecto.
    » Compromiso, para formar equipos con conocimiento de dominio y orientación al logro.
    » Solvencia, que nos permite diseñar la mejora alternativa tecnológicas para cada solución.

  • En MicroGestion las personas son el factor más importante para el éxito de los proyectos; la conformación y gestión del capital humano se lleva a cabo teniendo en cuenta los siguientes lineamientos:

    » Determinando el conjunto correcto de personas para cada proyecto.
    » Desarrollando un ambiente donde existan oportunidades de aprendizaje.
    » Propiciando la confianza y el respeto dentro del equipo.
    » Permitiendo el desacuerdo y previendo una manera de resolverlo.
    » Preguntando, no inquiriendo.
    » Reconociendo los logros.

03 Abr

UX, Parte 3: Recomendaciones para mejorar la experiencia de usuario

En esta serie de publicaciones, veremos diferentes tips para mejorar la experiencia del usuario al utilizar una aplicación web: Comunicación análoga, AJAX, Navegación de la aplicación, Facilidades de uso, Tipos y tamaños de letras y Diseño de formularios.

mgd ux t shortEn esta tercera entrega estaremos viendo diferentes recomendaciones sobre que tipo y tamaño de fuentes utilizar, y algunas recomendaciones a tener en cuenta al momento de diseñar un formulario.

Tipo y tamaños de letra

Los tipos de letras que más cómodamente se leen en pantalla son los tipos Sans-Serif, Arial y Verdana.

Estos tipos de letras se visualizan de una manera más nítida en comparación con las fuentes Serif que son más recomendables para documentos impresos. Los pequeños remates en los extremos de las letras (tal y como se puede observar en la siguiente imagen) facilitan su lectura al conseguir que las letras sean más fácilmente reconocibles sobre el papel, un soporte en el que se consigue una definición tres veces superior al de una pantalla de ordenador.

03 tf1

Otro punto a tener en cuenta es el tamaño del texto, que debe estar entre 10 y 12 puntos, pero en ningún caso menor a 10 ya que se podría dificultar la lectura del usuario.

El mecanismo de la lectura consiste en el reconocimiento de la forma general de las palabras mediante las letras que la forman, no se reconoce cada letra para luego unirlas sino que el ojo escanea la forma global de cada palabra, con lo que las palabras escritas en mayúsculas tienen menor legibilidad.

Este problema también ocurre con las palabras en cursiva, que son menos legibles y por lo tanto menos recomendables. 

Diseño de formularios

Al momento de diseñar un nuevo formulario, se deben tener las siguientes consideraciones.

  • Dar un título al formulario que exprese claramente su función.
  • En caso de tener alguna descripción o instrucciones, han de ser breves y comprensibles.
  • Hacer grupos lógicos de campos y separarlos con blancos. Por ejemplo: nombre, primer apellido y segundo apellido es un grupo lógico.
  • Aspecto ordenado, alineando los campos y las etiquetas.
  • Las etiquetas de los campos deben usar terminología familiar.
  • Ser consistente en el uso de los términos, es decir, usar siempre las mismas palabras para los mismos conceptos.El tamaño visible del campo debe corresponderse con la longitud del contenido que ha de introducir el usuario.
  • Permitir el movimiento del cursor por medio del teclado y no solo con el mouse.
  • Permitir que el usuario pueda corregir con libertad los caracteres que ha introducido en los campos.
  • En donde sea posible, impedir que el usuario introduzca valores incorrectos. Por ejemplo, impedir que introduzca caracteres alfabéticos en campos que solo admiten valores numéricos.
  • Si introduce valores incorrectos, indicar en un mensaje cuales son los correctos.
  • Marcar claramente los campos obligatorios.
  • Dejar clara la acción que debe hacer el usuario al terminar de rellenar el formulario.

Ejemplo de formulario:

03 df1

En la imagen de arriba, vemos algunos de los puntos mencionados anteriormente:

  1. Título del formulario.
  2. Sección para mostrar datos del cliente.
  3. Sección de carga de datos del formulario, las etiquetas y campos se encuentran alineados y organizados, campos obligatorios marcados con un asterisco (*).
  4. Barra de acciones claras que puede realizar el usuario.
  5. Para las acciones mas complejas, Merge y Reassign, una breve descripción explicando la funcionalidad.

Enlaces a las publicaciones de la serie

UX, Parte 1: Recomendaciones Para Mejorar La Experiencia De Usuario

UX, Parte 2: Recomendaciones Para Mejorar La Experiencia De Usuario

Modificado por última vez en Jueves, 24 Abril 2014 12:19
Valora este artículo
(1 Voto)
Fabián M. Rivarola

Fabián cuenta con mas de 6 años de experiencia en la diseño y construcción de aplicaciones Web bajo plataformas Java EE  e IBM Domino, actualmente es Líder de Proyecto en el área de operaciones de MicroGestion Software.

Sitio Web: www.microgestion.com/index.php/mg-developers/blog/author/986-fabianmrivarola
Deja un comentario

Asegúrate de llenar la información requerida marcada con (*). No está permitido el Código HTML. Tu dirección de correo NO será publicada.

Comuníquese con nosotros telefónicamente +54 011 4382-0878 o vía correo electrónico Esta dirección de correo electrónico está protegida contra spambots. Usted necesita tener Javascript activado para poder verla.