# La econom\u00eda global est\u00e1 creciendo r\u00e1pidamente y los servicios financieros en l\u00ednea contin\u00faan conquistando el mundo. La mayor\u00eda de los usuarios de diferentes partes del mundo hace tiempo que no pueden imaginar su vida y su negocio sin la posibilidad de realizar transferencias de dinero de forma remota, y el efectivo se est\u00e1 convirtiendo gradualmente en parte del pasado. Cada vez m\u00e1s bancos y otras organizaciones financieras est\u00e1n creando aplicaciones m\u00f3viles para mantenerse en contacto con sus clientes, y las nuevas empresas est\u00e1n proponiendo nuevas ideas para implementar servicios financieros seguros, incluso sin representaci\u00f3n f\u00edsica. Todo esto sugiere que los servicios financieros en l\u00ednea est\u00e1n en la ola de desarrollo, pero \u00bfes tan simple como parece? La creaci\u00f3n de una aplicaci\u00f3n financiera requiere grandes inversiones y, en primer lugar, inversi\u00f3n en reputaci\u00f3n, lo que se puede hacer con la ayuda de herramientas de dise\u00f1o, incluidas. En este art\u00edculo hablaremos sobre el dise\u00f1o de soluciones web y m\u00f3viles para la gesti\u00f3n financiera, y prestaremos especial atenci\u00f3n al uso de fuentes para esta tarea. ##### Pensamiento de dise\u00f1o y enfoque m\u00f3vil primero en la industria Fintech Entonces, \u00bfqu\u00e9 vemos en primer lugar cuando abrimos un sitio web o lanzamos una aplicaci\u00f3n de cualquier orientaci\u00f3n? As\u00ed es, principalmente prestamos atenci\u00f3n al dise\u00f1o. En este contexto, el dise\u00f1o act\u00faa como una combinaci\u00f3n de herramientas visuales que inconscientemente afectan a los usuarios y comienzan a convencer (o desalentar en caso de una mala implementaci\u00f3n) del uso posterior de nuestra aplicaci\u00f3n. Cuando una empresa pone el dise\u00f1o de su aplicaci\u00f3n en primer lugar, esto se llama pensamiento de dise\u00f1o. Y este es el enfoque correcto ya que no tendr\u00e1s una segunda oportunidad para causar una primera impresi\u00f3n. Esto es especialmente cierto para la creaci\u00f3n de servicios financieros porque en este caso se debe utilizar todo el conjunto de herramientas de dise\u00f1o para que el usuario reciba un mensaje directo y fuerte de que su dinero estar\u00e1 seguro aqu\u00ed. Y la tipograf\u00eda es uno de los elementos que ayudan a transmitir no solo un mensaje de texto sino tambi\u00e9n uno subliminal. Adem\u00e1s, el enfoque m\u00f3vil primero tambi\u00e9n se utiliza en el proceso moderno de desarrollo de aplicaciones. De acuerdo con este enfoque, primero es necesario pensar en el concepto del dise\u00f1o de la aplicaci\u00f3n para tel\u00e9fonos m\u00f3viles u otras pantallas peque\u00f1as, y solo luego cambiar a la versi\u00f3n de escritorio si es necesario. Concentr\u00e1ndose principalmente en los dispositivos m\u00f3viles, los dise\u00f1adores de servicios financieros tambi\u00e9n deben prestar especial atenci\u00f3n a la fuente y su tama\u00f1o, ya que el espacio para la implementaci\u00f3n ser\u00e1 significativamente limitado. Y aqu\u00ed la fuente comienza a trabajar en fuerte conexi\u00f3n con la interfaz de usuario, que debe crearse de tal manera que el usuario pueda encontrar la informaci\u00f3n necesaria o realizar la acci\u00f3n necesaria en no m\u00e1s de tres clics o toques. ##### Caracter\u00edsticas de la percepci\u00f3n de las fuentes en el dise\u00f1o web La psicolog\u00eda de una fuente determina qu\u00e9 efecto producir\u00e1 una fuente en particular en un usuario. La tipograf\u00eda o las fuentes son un componente muy importante, ignorar lo que conduce a la creaci\u00f3n de un dise\u00f1o web de menor calidad. Muchos dise\u00f1adores se enfocan en la belleza y el atractivo art\u00edstico del proyecto, las combinaciones de colores y el significado pr\u00e1ctico, pero pocos se relacionan con la misma escrupulosidad en las fuentes. Simplemente no entienden que es el componente visual del texto el que env\u00eda el mensaje al usuario. Una fuente es uno de los elementos que debes tomar muy en serio. Las fuentes brindan legibilidad y llevan el punto principal. La psicolog\u00eda de las fuentes juega el papel de la columna vertebral en la efectividad del dise\u00f1o web. Todo dise\u00f1ador sabe que los colores afectan el estado de \u00e1nimo, las emociones y los sentimientos de las personas. Las fuentes en este sentido dan el mismo efecto que los colores. Graf\u00f3logos y desarrolladores est\u00e1n de acuerdo en que la elecci\u00f3n del estilo de fuente va acompa\u00f1ada de la transferencia de un cierto valor propio, independientemente de si el efecto se usa intencionalmente o no. Se cree que el efecto de aplicar una fuente particular en cierto sentido depende del contexto, as\u00ed como de las caracter\u00edsticas de la persona que la percibe. Esta influencia es subconsciente. Lo ideal es que el texto visual y el mensaje en s\u00ed se complementen, de lo contrario, tenemos un desajuste. En la vida real, se trata de situaciones en las que una persona dice una cosa y la expresi\u00f3n de la cara o el tono de su voz revelan lo contrario. Muchas personas usan una fuente en particular porque les gusta, o simplemente porque est\u00e1 instalada en su editor de texto, sin imaginar al destinatario del mensaje, la persona que lee el texto que crearon. Sin embargo, este enfoque ser\u00e1 extremadamente err\u00f3neo para crear aplicaciones financieras. ##### Caracter\u00edsticas de la percepci\u00f3n de las fuentes en el dise\u00f1o de servicios financieros en l\u00ednea Entonces, la percepci\u00f3n visual de sitios y aplicaciones para servicios financieros tiene sus propias caracter\u00edsticas clave. Y parten de los valores que el servicio traduce para atraer y retener a los usuarios. Los principales valores, en este caso, son la seguridad, la fiabilidad, las garant\u00edas y la reputaci\u00f3n ya que estamos hablando de activos valiosos que los usuarios conf\u00edan temporalmente a una determinada empresa. Por tanto, los elementos visuales deben ajustarse y reflejar estos valores, y en ning\u00fan caso contradecirlos. Y la fuente es uno, pero no el \u00fanico elemento que funciona en esta tarea. Para crear una impresi\u00f3n visual y una interfaz de usuario que transmita estos valores, los dise\u00f1adores de servicios financieros tambi\u00e9n deben utilizar correctamente los espacios en blanco o vac\u00edos, as\u00ed como la combinaci\u00f3n correcta de colores desde el punto de vista de la psicolog\u00eda de la percepci\u00f3n. A continuaci\u00f3n, hablaremos sobre qu\u00e9 pares de fuentes y colores son los m\u00e1s adecuados para crear sitios o aplicaciones financieras. ##### Pares de fuentes potencialmente coincidentes Las fuentes con grandes letras redondas \u00abO\u00bb y \u00abcolas de caballo\u00bb se perciben como amigables y \u00abhumanas\u00bb, posiblemente porque su estilo imita la imagen de un rostro humano. Algunos ejemplos son Apple Pay, Google Pay y Square. En este contexto, Square es el indicador m\u00e1s cl\u00e1sico de este ejemplo, mientras que el efecto de humanizaci\u00f3n lo crean Apple y Google mediante el uso de dichos logotipos nativos y familiares frente al nombre del sistema de pago. Las fuentes rectas y angulares se asocian con inflexibilidad, rigidez; se caracterizan por la frialdad, el anonimato y el mecanicismo. En t\u00e9rminos de psicoan\u00e1lisis, se definen con expresiones tales como \u201cemparedado emocionalmente\u00bb o \u201cmente fuerte\u201d. Un ejemplo es Skrill. Las fuentes antiguas (serifs) como Times, Times New Roman y Palatino son un compromiso entre lo antiguo y lo nuevo. Claros y bastante sencillos, tienen una forma y redondez bien definidas, que insin\u00faan la tradici\u00f3n y continuidad neocl\u00e1sica. Provocan un sentimiento de confianza, por lo tanto, son los favoritos entre los representantes respetados de los negocios tradicionales. Algunos ejemplos son Stripe, PayPal y algunos otros bancos de clase mundial. Las fuentes Sans Serif, como Arial, Modern y Univers, tienen una carga emocional baja y est\u00e1n asociadas con la practicidad y la cordura. Llevan un comienzo com\u00fan moderno y son una opci\u00f3n confiable para aquellos que anhelan la armon\u00eda y no est\u00e1n preocupados por la autoexpresi\u00f3n a trav\u00e9s del dise\u00f1o de fuentes. Un ejemplo es Visa. Por lo general, las fuentes Sans Serif modernas hablan de fuerza, confiabilidad y estabilidad (como Montserrat, Futura Medium y Overpass) y las fuentes con una personalidad fuerte (como Arsenal) generalmente se usan en la industria de servicios financieros. Adem\u00e1s, muy a menudo, los dise\u00f1adores tienen que usar dos fuentes para transmitir correctamente el mensaje de marketing necesario y trazar una l\u00ednea entre la clave y la informaci\u00f3n adicional. Para los servicios financieros, los siguientes pares de fuentes ser\u00e1n adecuados, ya que su combinaci\u00f3n mejora la sensaci\u00f3n de confianza y fiabilidad. – [Soleil](https:\/\/typekit.com\/fonts\/soleil) + [Borgia Pro](http:\/\/www.fontsquirrel.com\/fonts\/borgia-pro) . Estas son dos fuentes cl\u00e1sicas que se complementan perfectamente y se perciben bien cuando se combinan. Hablan de la fiabilidad de la informaci\u00f3n y de los datos verificados. – [Texto de Gibson](https:\/\/typekit.com\/fonts\/canada-type-gibson) + [Adriane](https:\/\/typekit.com\/fonts\/adriane-text) . Este par es un poco similar al anterior y generalmente realiza sus tareas bastante bien. – [](http:\/\/canadatype.net\/fonts\/clarendon-text)[Interfaz](https:\/\/typekit.com\/fonts\/interface) de texto + [Clarendon](http:\/\/canadatype.net\/fonts\/clarendon-text) . Estas dos fuentes Serif y Sans Serif tienen letras redondeadas y una excelente legibilidad, y esto, como dijimos anteriormente, es bueno para humanizar su servicio. – [Abril Titulaci\u00f3n](https:\/\/typekit.com\/fonts\/abril-titling) + [Fira Sans](https:\/\/typekit.com\/fonts\/fira-sans) . Usadas juntas, estas dos fuentes tienen un buen efecto en el nivel de confianza y subconscientemente hablan de garant\u00edas: esto es exactamente lo que su aplicaci\u00f3n financiera puede necesitar. – [Fira Sans](https:\/\/typekit.com\/fonts\/fira-sans) + [Freight Text Pro](https:\/\/typekit.com\/fonts\/freight-text-pro) . Esta es la \u00faltima combinaci\u00f3n perfecta que transmite una sensaci\u00f3n de confianza en cada acci\u00f3n realizada. ##### Colores potencialmente coincidentes Sin embargo, no basta con elegir las fuentes adecuadas. Tambi\u00e9n es necesario combinarlos de manera competente con el esquema de color. Estos son los colores m\u00e1s adecuados para los servicios financieros en t\u00e9rminos de psicolog\u00eda. – **Blanco** : Este es el color m\u00e1s popular, y lo ver\u00e1 cuando observe los ejemplos a continuaci\u00f3n. El color blanco transmite paz y armon\u00eda. En el lenguaje de los servicios financieros, el blanco significa la transparencia de todas las acciones y la fluidez de todas las transacciones financieras. – **Azul claro** : El azul claro indica estabilidad y seguridad. Y este es el segundo color m\u00e1s popular que eligen los dise\u00f1adores para sitios y aplicaciones financieras. El azul indica que es un lugar seguro en el que se puede confiar. El an\u00e1logo es el cielo azul, que siempre est\u00e1 sobre nuestras cabezas, independientemente de las circunstancias. – **Gris** : El gris es el color de la profesionalidad y la mente fr\u00eda. Al ser utilizado en el desarrollo de aplicaciones financieras, el color gris indica que todas las operaciones se realizar\u00e1n con una precisi\u00f3n matem\u00e1tica de una millon\u00e9sima. – **Rojo** : El rojo es un color bastante audaz. Sin embargo, MasterCard lo usa maravillosamente en combinaci\u00f3n con el amarillo. En este caso, el color indica liderazgo en la industria y la calidad de los servicios. – **Amarillo** : El amarillo es el color de un est\u00edmulo positivo. Subconscientemente, tambi\u00e9n despierta una sensaci\u00f3n de confianza, seguridad y estabilidad, adem\u00e1s de motivar a la acci\u00f3n. – **Negro** : El negro es el color m\u00e1s riguroso, que vuelve a enfatizar la profesionalidad y las garant\u00edas de hierro. El negro no permite emociones ni errores. Este es el color de la falta de ambig\u00fcedad. Ejemplos pr\u00e1cticos Entonces, veamos c\u00f3mo se pueden implementar en la pr\u00e1ctica las fuentes y los colores que hemos enumerado. ##### Paypal PayPal es un cl\u00e1sico en el dise\u00f1o de servicios financieros. En el sitio se utilizan los dos colores m\u00e1s populares y confiables: blanco y azul. Adem\u00e1s, el blanco tambi\u00e9n se usa para el efecto de espacio vac\u00edo para enfatizar la importancia de la informaci\u00f3n textual.  ##### Raya Stripe contin\u00faa la tendencia cl\u00e1sica establecida originalmente por PayPal.  ##### Skrill Este servicio usa un color inesperado: p\u00farpura, pero tampoco rechaza el azul y el blanco, y se agrega un poco de gris.  ##### Western Union WesternUnion es un jugador fuerte y serio en el mercado financiero. Sus colores son el negro, el amarillo como colores primarios, y tambi\u00e9n el blanco y el azul como opcionales.  ##### En conclusi\u00f3n: recuerde que no todo depende de la elecci\u00f3n de la fuente Quiz\u00e1s su tarea no se resuelva eligiendo una fuente \u00abbonita\u00bb, sino mediante el uso correcto de los conceptos b\u00e1sicos de tipograf\u00eda. En el dise\u00f1o, el resultado final se ve afectado no solo por la fuente seleccionada, sino tambi\u00e9n por su tama\u00f1o, tipo (por ejemplo, negrita o cursiva), la distancia entre l\u00edneas (interlineado), la distancia entre letras (tracking y kerning), sangr\u00edas y m\u00e1rgenes, el uso de caracteres tipogr\u00e1ficos (por ejemplo, guiones largos y comillas), el color, la composici\u00f3n, la jerarqu\u00eda visual, la presencia de otros elementos gr\u00e1ficos, \u00a1y mucho m\u00e1s!<\/p>\n","protected":false},"excerpt":{"rendered":"
La econom\u00eda global est\u00e1 creciendo r\u00e1pidamente y los servicios financieros en l\u00ednea contin\u00faan conquistando el mundo. La mayor\u00eda de los usuarios de diferentes partes del mundo hace tiempo que no pueden imaginar su vida y su negocio sin la posibilidad de realizar transferencias de dinero de forma remota, y el efectivo se est\u00e1 convirtiendo gradualmente en parte del pasado. Cada vez m\u00e1s bancos y otras organizaciones financieras est\u00e1n creando aplicaciones m\u00f3viles para mantenerse en contacto con sus clientes, y las nuevas empresas est\u00e1n proponiendo nuevas ideas para implementar servicios financieros seguros, incluso sin representaci\u00f3n f\u00edsica. Todo esto sugiere que los servicios financieros en l\u00ednea est\u00e1n en la ola de desarrollo, \u2026<\/p>\n","protected":false},"author":1,"featured_media":192175,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[203,255,60],"tags":[],"class_list":["post-263310","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-fuentes","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263310"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263310\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/192175"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}