fbpx Skip to content

5 principios de cortes√≠a en el dise√Īo web

Vale, ¬Ņc√≥mo diablos haces algo “mono”? Ahora tal vez has crecido en un ambiente en el que entrar en contacto con tus sentimientos era un anatema. Tal vez s√≥lo gravitaste naturalmente hacia Max Steel sobre Hello Kitty. Tal vez nunca has tenido problemas con nada de esto, y libremente haces ruidos agudos cada vez que hay un cachorro a la vista (seg√ļn sea apropiado).

Cualquiera que sea su origen, intentar convertir un dise√Īo web en “algo lindo” requerir√° que usted trate de determinar exactamente qu√© es lo que hace que una cosa sea linda en primer lugar, y ah√≠ es donde se complica. Todo el concepto es naturalmente subjetivo. Es una emoci√≥n vagamente c√°lida y borrosa que parece estar directamente conectada con nuestro impulso de sonre√≠r, pero lo que la provoca puede variar enormemente. Hay gente que llama lindos a los insectos, mientras que yo nunca me he atrevido a estar de acuerdo.

S√≥lo son asquerosos, ¬Ņde acuerdo?

Pero sea lo que sea lo que uses, la monada vende: haz el chiste obligatorio sobre los GIF de los gatos en Internet. En alg√ļn momento de nuestras vidas, seremos llamados a hacer algo lindo, porque eso es lo que el cliente quiere, y empezaremos a preguntarnos ociosamente si eso significa hacer todo rosa.

No hagas eso. Lee esto en su lugar.

1. Im√°genes

Usar im√°genes lindas es casi un enga√Īo. Quiero decir, est√°s tomando algo lindo, poni√©ndolo en tu dise√Īo, y llam√°ndolo un d√≠a. Pero no descarte la idea; ser barato y f√°cil no significa que no sea efectivo. A pesar de algunos cascarrabias, los seres humanos est√°n biol√≥gicamente conectados para ser golpeados en los centros de placer de nuestros cerebros cuando vemos descendientes humanos (particularmente los nuestros), y otras cosas que comparten algunas caracter√≠sticas de beb√© (por ejemplo, cachorros, gatitos, pandas).

La fotografía de archivo puede ser un gran comienzo, pero tenga en cuenta que la ilustración puede ser una gran manera de desencadenar las mismas respuestas que los salvajes hacen que la gente quiera exprimir su sitio web. Si necesita usar imágenes originales, contratar a un ilustrador también es mucho más fácil que hacer que los bebés o los animales se queden quietos.

Ejemplo: Maravillosamente usa tanto fotos como ilustraciones.

2. Colores

Las im√°genes son buenas, pero ¬Ņqu√© pasa si quieres incrustar esa sensaci√≥n c√°lida y difusa en el ADN de tu dise√Īo, y no s√≥lo en el contenido? Aqu√≠ es donde nos volvemos hacia el color. Ahora repite despu√©s de m√≠: El rosa no es el √ļnico color bonito.

De hecho, los colores “bonitos” son un concepto que variar√° seg√ļn las culturas individuales. Por un lado, los beb√©s var√≠an de color. La regla general a seguir, sin embargo, se reduce a tres palabras: primarias y pasteles. Los colores primarios brillantes y sus contrapartes pastel m√°s suaves dominan la “linda est√©tica” en todo el mundo. Si est√°s dise√Īando algo bonito para ni√Īos (muy peque√Īos), usa tonos m√°s atrevidos. Si est√°s dise√Īando algo para adultos, usa los pasteles, que son mucho m√°s f√°ciles para los ojos, y los cerebros cansados.

Ejemplo: Kapu Toys es duro con los colores primarios.

3. Los otros tipos de lindos

Hasta ahora, he hablado de la monada en t√©rminos de descendencia humana y cosas relacionadas. La cosa es que la palabra “linda” ni siquiera se usaba originalmente para los beb√©s, sino para las personas entusiastas y perspicaces. Evolucion√≥ con el tiempo para ser usado por j√≥venes atractivos, y finalmente para beb√©s y otras cosas similares a los beb√©s.

Desde entonces, tambi√©n ha llegado a abarcar cosas que, aunque no est√°n relacionadas con el beb√©, a√ļn producen una sensaci√≥n c√°lida y confusa. Las cosas que producen sentimientos de comodidad, satisfacci√≥n y “hogar” tambi√©n pueden ser representadas por la palabra “lindo”.

Por ejemplo: “¬°Qu√© lindo mantel!” “Esa es una adorable mecedora”. Bonitos arreglos de flores. etc.

Ejemplo: Noritake muestra c√≥mo el concepto de “domestic-cute” ha llegado mucho m√°s all√° de las fronteras occidentales.

Las formas adicionales de belleza van m√°s all√° de lo dom√©stico y tambi√©n al mundo de la moda. Una cierta calidez y satisfacci√≥n se puede encontrar en saber que te ves bien hoy en d√≠a, de ah√≠ el uso de frases como: “¬°Ese es un vestido bonito!”. Este uso de la palabra tambi√©n recuerda su uso para describir a personas generalmente atractivas.

Ejemplo: Bando es un ejemplo perfecto de lo que es la moda.

4. Cortesía en la copia

As√≠ que hemos discutido el uso de lo lindo en las im√°genes, en el color, y la sensaci√≥n general de un dise√Īo. Entonces, ¬Ņc√≥mo escribes cosas lindas en tu sitio web sin, por el amor de Dios, hablar como un beb√©? Bueno, todo se reduce a las emociones que quieres evocar. Bonito es un t√©rmino que cubre muchos temas posibles, pero una emoci√≥n primaria: la calidez.

No quieres escribir la palabra “lindo” una y otra vez en un esfuerzo por convencer a la gente de que vea el tema de tu p√°gina a tu manera. Quieres transmitir la comodidad de un hogar donde te quieren, la profundidad en los ojos redondos y confiados de un cachorro, las payasadas torpes de un gato que ha sido sorprendido por algo, o la pura alegr√≠a de llevar un traje que te hace darte la vieja mirada hacia arriba y hacia abajo en el espejo.

Conceptos como “elegancia” son intr√≠nsecamente visuales, por lo que dise√Īarlas en un sitio web es un ejercicio puramente visual. Conceptos como “lindura” son mucho m√°s emocionales. Aunque puedes afinar las caracter√≠sticas visuales de casi cualquier cosa para hacerla linda, vale la pena recordar que el lado emocional del concepto puede ser bastante complejo, y tu copia deber√≠a reflejar eso.

5. Cortesía en los detalles

Tenga en cuenta que no siempre es necesario saturar su sitio web con vibraciones bonitas. Como muchos padres cuyos hijos aman a los s√ļbditos pueden decirte, demasiada “monada” puede ponerte de los nervios despu√©s de un tiempo. Para la mayor√≠a de los sitios web que no se relacionan estrictamente con los ni√Īos o la decoraci√≥n del hogar, usted querr√° salpicar algo de belleza aqu√≠ y all√°, sin abrumar al usuario.

Uno de mis ejemplos favoritos siempre serán sitios como Zurb. La mayor parte del sitio es bastante corporativo, pero hay un toque de monada allí, con sus vacas escondidas, sus mascotas de proyecto, y entretenidos trozos de microcopia. Es un toque ligero, pero es suficiente para que destaquen.