Krypton Solid

Cómo perfeccionar la experiencia de usuario con prestaciones de diseño

Cómo perfeccionar la experiencia de usuario con prestaciones de diseño

Las prestaciones en el diseño son importantes para la usabilidad y la función. Son uno de los componentes del diseño que deben unirse para brindar una experiencia de usuario impecable. Para entender exactamente qué los hace tan importantes, tenemos que definirlos.

En el mundo del diseño web, las prestaciones son elementos que los usuarios encuentran al interactuar con el diseño de un sitio. Ellos pueden ser:

  • botones de llamada a la acción;
  • iconos;
  • campos de formulario web;
  • Enlaces;
  • imágenes.

Los grandes diseñadores web realmente deberían tomarse el tiempo para comprender el concepto detrás de estas posibilidades. Se asegurará de que creen sitios web estelares para sus clientes que se ocupen del primer trabajo: la experiencia del usuario. La gran regla de diseño es siempre diseñar para la experiencia del usuario ante todo; todo lo demás sigue a eso.

No hay mejor manera de comprender este principio que familiarizarse íntimamente con las posibilidades y cómo incorporarlas con éxito en su diseño.

Capacidad física

La capacidad física se basa en la apariencia física de un objeto. Visualmente, este tipo de prestaciones deja en claro instantáneamente al usuario qué acción se espera de él en la interfaz de un diseño. Estas son las posibilidades más sencillas y es probable que las haya encontrado muchas veces sin siquiera saber cómo se llaman.

El punto con las prestaciones físicas es que cualquiera debería poder adivinar qué acción puede realizar con solo mirar las posibilidades, especialmente aquellas personas que no tienen mucha experiencia en la navegación de sitios web. Es por eso que las posibilidades físicas tienen que ser bastante evidentes.

Peapod, el servicio de entrega de comestibles a domicilio, utiliza prestaciones físicas en su página de inicio. Dos enormes botones de llamada a la acción tienen esquinas redondeadas y un ligero sombreado para que parezca que se puede hacer clic.

Prestación de idiomas

Una oferta de idioma es otro tipo de oferta muy sencilla. Esencialmente, le comunica directamente al usuario que un botón o un campo ofrece un tipo específico de acción. Esto no deja absolutamente ningún espacio a la imaginación en cuanto a cuál es la acción prevista, lo que también hace que esta oferta sea perfecta para personas con muy poca, o incluso ninguna, experiencia de navegación en el sitio.

La capacidad lingüística es ideal en el diseño de interfaces cuando la mera comunicación visual es insuficiente para simbolizar eficazmente qué acción se debe realizar. Por ejemplo, las personas que no han visto muchos sitios web probablemente no estén familiarizadas con el símbolo de la lupa que indica «búsqueda» al final de un campo de búsqueda.

Los diseñadores inteligentes entenderán esto y, por lo tanto, proporcionarán un lenguaje explícito para no dejar dudas sobre cuál debería ser la acción.

nanamee

Nanamee.com utiliza la capacidad de idioma en el campo de búsqueda porque hay una «Imágenes de búsqueda» que es difícil de perder. Esta capacidad deja explícitamente claro cómo interactuar con esta función, y es mucho más claro que simplemente «Buscar» o incluso simplemente un icono.

Prestación de patrones

La posibilidad de patrones es quizás más común en el diseño web que incluso las posibilidades explícitas antes mencionadas. Eso es porque, como su nombre lo indica, los diseñadores de todo tipo utilizan estas posibilidades en sus diseños sin pensarlo dos veces. Los usuarios pueden reconocer y comprender este tipo de prestaciones debido a que son comunes. A continuación, se muestran algunos ejemplos de prestaciones de patrones ampliamente utilizadas:

  • menú o barra de navegación;
  • icono de lupa;
  • Enlaces;
  • flecha hacia abajo junto a la palabra o frase.

La oferta de patrones se puede ver en la mayoría de los sitios web, como el de América del mercado, empresa de corretaje de productos y marketing en Internet. De buenas a primeras, vemos exactamente dónde están en efecto estas prestaciones de patrones.

mercadotecnia

Market America cuenta con una barra de navegación muy notable en la parte superior de la página de inicio. El ícono de la lupa se encuentra al final de la barra de búsqueda, que también presenta el idioma «Search Market America». Luego, está la flecha hacia abajo junto a la bandera estadounidense, que ofrece a los usuarios la oportunidad de elegir un idioma de sitio diferente.

Prestación simbólica o icónica

La capacidad de una interfaz se puede comunicar simplemente a través de un símbolo o icono. A veces llamadas prestaciones metafóricas, estas posibilidades se basan en objetos físicos de la vida real como iconos para indicar rápidamente a los usuarios qué acción se espera de ellos. Funcionan bien en muchos casos diferentes, algunos de los cuales indudablemente ya conoce:

  • un sobre para poder enviar un correo electrónico;
  • una casa para poder volver a la página de inicio de un sitio;
  • un botón de redes sociales para llevarlo a una transmisión o canal de redes sociales.

Lo mejor de las posibilidades simbólicas o icónicas es que también pueden basarse en el contexto. Por ejemplo, una lupa en un programa de visualización de documentos probablemente indica que puede acercar o alejar el documento. Por supuesto, si la lupa está al lado de una barra de búsqueda, entonces claramente se permitirá buscar una palabra o término específico.

Eso es lo que hace que el uso de la asequibilidad simbólica o icónica sea tan conveniente. Puede decir mucho, y mucho más rápido, como diseñador que si tuviera que usar texto.

pajarera

Una aplicación que podría necesitar algo de trabajo en sus posibilidades es Editor de fotos por Aviary. A menos que esté muy familiarizado con esta aplicación o con los editores de fotos en general, no entenderá cómo retocar las imperfecciones cuando solo puede elegir entre tres círculos de diferentes tamaños.

Las asequibles son la clave para una gran experiencia de usuario

Comprender qué es una oferta, así como la singularidad específica entre un tipo y otro, realmente puede distinguirlo de otros diseñadores web. Piense en las prestaciones como la puerta de entrada a la comunicación para sus usuarios.

Sin ellos, incluso el diseño más bonito sería totalmente inútil porque los usuarios no podrían entenderlo ni un poco. Dado que la experiencia del usuario es la máxima prioridad para los diseñadores, es esencial asegurarse de tener un conocimiento sólido de las posibilidades.

Cuando su diseño esté terminado, deben ser prestaciones que permitan a los usuarios de manera fácil y eficaz utilizar su diseño con la menor fricción posible.

Deja un comentario