 experiencia de usuario se entiende por experiencia de usuario a lo que siente y experimenta un usuario que ingresa a cada página web si bien no es fácil de medir y adquiere un tono subjetivo al hablar de sensación sí es un elemento que se puede modelar gracias al uso de diferentes elementos que son empleados por el usuario que visita el sitio web además de ser un campo de estudio muy abordado desde diferentes disciplinas el área de experiencia de usuario ha recibido aportes muy notables en el último tiempo gracias a la introducción de tecnologías de seguimiento de las acciones del usuario en un sitio web tales como las de  eyetracking  han permitido entender de manera real y concreta la forma en que los usuarios emplean los espacios digitales en este sentido se ha observado que los usuarios necesitan confirmaciones visuales de las percepciones que tienen de los contenidos que revisan por ejemplo la utilización de un lenguaje claro genera una tasa de respuesta más alta que cuando el lenguaje utiliza palabras que no son tan conocidas para el usuario lo mismo ocurre cuando los elementos interactivos como enlaces botones y zonas de ingreso de información no se diagraman con las formas a las que el usuario está acostumbrado debido a lo anterior a continuación se entregarán recomendaciones acerca de tres elementos que son claves en la experiencia que tiene el usuario y que se utilizan con gran frecuencia nos referimos a los enlaces botones y formularios uso de botones los botones son los elementos que permiten que el usuario realice o confirme acciones solicitadas en las pantallas del sitio web por lo mismo  su forma debe ser estándar  similar en todo el sitio y no ofrecer dudas acerca de su presencia o de la accián a la que invita para ello es necesario que se cuide tanto su aspecto físico como la palabra que contiene ya que ambos permitirán que el usuario entienda sin lugar a dudas qué ocurrirá si lo presiona  d   figura 11 el buscador siempre debe tener una forma estándar para que el usuario sepa claramente cuál es la acción que debe desarrollar en el ejemplo que se muestra en la  figura 11  queda claro que hay un espacio para escribir y luego el botón buscar además se ofrece un breve título explicativo de lo que permite hacer el formulario de esa manera se facilita la comprensión del funcionamiento del mismo y el usuario tiene claro cuál será el efecto de la acción que emprenderá  d   figura 12 en este ejemplo el formulario de búsqueda carece de título explicativo y el botón de búsqueda es poco convencional lo que afecta la comprensión de la acción ofrecida en el ejemplo de la  figura 12  hay dos cambios importantes el formulario no tiene un título que explique para qué es el formulario de manera breve sino que se enfoca a lo que el usuario ya sabe que es que debe ingresar una palabra o frase para buscar además el botón al no decir sólo buscar también genera un problema de comprensión ya que obliga al usuario a pensar si efectivamente eso es un botón o es una etiqueta descriptiva otro elemento importante es la palabra que acompaña al botón esta necesariamente debe estar relacionada con la acción a realizar y dicha acción debe ser coherente con lo que se ofrece en la pantalla en la que se está trabajando además debe ser una sola palabra y corresponder a un verbo que defina adecuadamente la acción ofrecida finalmente el último elemento relevante es que el botón debe cambiar de estado cuando el mouse está sobre él utilizando alguna tecnología que haga evidente su comportamiento como botón activo en conclusión para que un formulario sea efectivo y apoye la experiencia que tendrá el usuario que visite el sitio web los botones deben parecer tales en tamaño forma acción y contenido y deberán estar ubicados de manera que el usuario sepa qué ocurrirá cuando los presione asimismo deben ser parte integrante de formularios que logren indicar en una frase breve y explicativa qué ocurrirá al utilizarlos uso de enlaces los enlaces son una de las características esenciales de los sitios web ya que permiten al usuario visitar otros documentos del mismo o externos sólo haciendo clic sobre una zona demarcada en este sentido si bien el estándar indica que el enlace debe ser subrayado y de color azul los cambios tecnológicos han permitido que haya otras formas de hacerlos evidentes no obstante hay ciertos elementos que siguen siendo esenciales respecto de los enlaces y son los siguientes  deben ser diferentes al texto   los enlaces se deben diferenciar del texto que los rodea para explicar visualmente al usuario que se ofrece una acción a partir de su contenido la forma de diferenciarlo puede variar pero al menos se debe procurar que esté subrayado y de color diferente o bien si no está subrayado sí se debe mostrar en otro color su estado debe ser visual   los enlaces tienen cuatro estados posibles los que deben visualizarse de manera simple y directa enlace sin visitar   es el color que tiene antes de que se le haga clic encima su color debe ser diferente del texto que lo rodea enlace destacado   es el color que puede adoptar cuando se le pasa el mouse sobre el enlace y permite ayudar al usuario a descubrir su existencia enlace activo   es el color que tiene cuando se le da clic encima normalmente es un color fuerte que permite notar que se le ha activado enlace visitado   es el color que tiene el enlace cuando ya ha sido activado y la pgina a la que conduce ya ha sido visitada  d   figura 13 en la imagen se ve la diferencia visual entre los cuatro tipos de enlaces su contenido debe ser explicativo   los enlaces deben contener palabras que expliquen hacia dónde se dirige la acción de tal manera de evitar que lo enlazado sean frases como clic aquí y otras similares adicionalmente y para efectos de aumentar su accesibilidad la sintaxis html de los enlaces debe contener el modificador title de tal manera que se despliegue un recuadro explicativo acerca del efecto que tendrá hacer clic sobre el enlace elegido  d   figura 14 en la imagen se ve cómo el texto explicativo ofrece más información al poner el mouse sobre el enlace uso de elementos especficos los restantes elementos interactivos que requieren ser revisados son los que permiten definir el tipo de interacción que se desea ofrecer a los usuarios del sitio web el primero de ellos es el llamado   text area   que es el que permite que el usuario pueda ingresar información en los formularios respecto de éste se define como buena práctica ofrecer un espacio adecuado para escritura por ejemplo 500 caracteres que equivalen a seis líneas de texto sin embargo una práctica más adecuada consiste en emplear un contador reverso que informe el total de caracteres que se puede escribir y que los vaya restando a medida que el usuario va ingresando la información de esa manera se le ofrece una retroalimentación adecuada el segundo elemento es el   check button   que permite marcar las opciones que sean las más adecuadas para la acción que se está realizando dentro de un formulario hay que tener en cuenta que un campo de este tipo siempre permite la selección múltiple de opciones el tercer elemento es el   radio button   que permite marcar la opción más adecuada para la acción que se está realizando dentro de un formulario normalmente se trata de opciones excluyentes entre ellas  d   figura 15 en la imagen se ve el uso del radio button para marcar el campo sexo para efectos de que el usuario tenga una experiencia adecuada al usar el sitio web es imprescindible que los elementos citados slo se empleen de la forma señalada  areas guía web perfil profesional jefe de proyecto diseñador desarrollador frontend desarrollador backend arquitecto de información gestión de proyecto arquitectura de información usabilidad y diseño accesibilidad ciclos del proyecto nuevo sitio rediseño ux usabilidad enlaces botones formularios interfaz select rating darle 15 darle 25 darle 35 darle 45 darle 55 no votes yet diseño de interfaces e interacción  diseño experiencia del usuario  