Cómo crear un sitio web funcional | Entrevista con un diseñador

Julia Alexeenko
Jan 03, 2019

Oval (1)Valentin Sauts diseña interfaces de usuario desde hace más de 12 años. Es un experimentado director de arte y un gurú del diseño, Onde está extremadamente feliz de tenerlo en casa. Sin embargo, muchos años de experiencia no le han endurecido el corazón, y todavía está ansioso por compartir algunas ideas sobre cómo diseñar un buen sitio web. Aprende y disfruta.

Tip 1. Hay demasiada información. Destácate

Para empezar, hay demasiado de todo en la actualidad. Publicaciones en redes sociales, noticias, noticias falsas, fotos, videos, productos, pensamientos… Podemos conseguir lo que queramos. Nada se mantiene, nada dura, nadie parece recordar lo que era tendencia hace un año. El resultado es simple: para ser memorable, tienes que llamar la atención.

Debido a esta necesidad de ser llamativos, el diseño contemporáneo suele ser agresivo, audaz y salvaje. El propósito principal de ser audaz es ser diferente, captar la atención. Porque, bueno, si tu audiencia no puede distinguir la diferencia entre tu compañía y todas las demás compañías, tu negocio está prácticamente muerto.

En la Universidad de Stanford, recientemente descubrieron que aproximadamente el 50% de las personas forman su opinión acerca de los servicios según la apariencia del sitio web. Cuando a los usuarios no les gusta el diseño, están más inclinados a percibir que toda la información no es confiable.

Es por esto que la investigación exhaustiva del cliente es crucial para diseñar un buen sitio web. Para saber qué tipo de diseño debes crear, necesitas saber qué es lo que más le atrae a tu público objetivo. Un ejemplo simple: si te diriges a los jóvenes, no dudes en salpicar generosamente colores brillantes en todo el sitio web. Incluso sin gustarles particularmente la realización, las personas recuerdan las cosas brillantes de todas formas.

Tip 2. Un logo genial es media batalla ganada.

En términos de diseño, el logotipo de la empresa es lo más importante. El logotipo es algo que se usa repetidamente en el sitio web, y muchos propietarios de aplicaciones inicialmente crean un logotipo con sus ojos fijos en este objetivo. De alguna manera, no pueden prever que el logotipo de la marca se usa en todo tipo de cosas: vehículos, folletos, camisetas… Es por eso que hay tantos logotipos ilegibles y confusos.

El hecho es que un logotipo es algo por lo que la gente debería reconocerte. La mayoría de los humanos tienen mala vista y muy poca atención para percibir todos los grandes detalles que pones en tu logotipo. Lo que es peor, las personas no pueden recordar algo que no reconocieron.
¿Conclusión? Diseña un logotipo para tu empresa (y tu sitio web, respectivamente) que sea lo más simple posible. Elimina todas las tonterías del escudo de armas, ni siquiera empieces a jugar con la idea de darle algún significado adicional u oculto.

Aquí hay algunas recomendaciones generales para hacer un logotipo bien perceptible.

Here are some general recommendations to make a well-perceptible logo.

  • No utilices fuentes delgadas. Simplemente no son legibles a la distancia.
  • Trata de no usar letras mayúsculas. En caso de que sea inevitable, asegúrate de aumentar el espacio entre las letras para que no se peguen demasiado.
  • Intenta hacer un logo monocromático. Cuanto menor sea el número de colores que se utilizan en el logotipo, más se recordará.
  • No agregues ningún detalle pequeño en el logotipo. Debido a que no lo utilizarás solamente en el sitio web, los pequeños detalles realmente pueden ser un dolor de cabeza.
  • Evita utilizar iconos en el logo. El propio icono distrae a una persona de percibir el nombre de la empresa. De acuerdo, si tu empresa es Apple o Jaguar, siempre hay espacio para el icono. Pero si eres un nuevo negocio, ni lo intentes. Hay tantos iconos en la Tierra que la posibilidad de que te recuerden por el icono es cero, mientras que el nombre de la compañía es bastante más fácil de memorizar.

Tip 3. El diseño correcto del sitio web es el rey. En serio

WebsiteDesign_Cover

El diseño es básicamente la forma en que se ve tu página web, la forma en que colocas la información en él, cómo se organizan las cosas. Existen varias reglas para crear un diseño perfecto para el sitio web de tu aplicación.

En primer lugar, nunca tengas miedo de ser audaz y visible. De hecho, es mejor establecer una tendencia que seguir una. Experimenta con tu diseño, lucha por la atención y ganarás.
Otra regla es entender por qué las personas realmente visitan el sitio web. Después de que hayas ganado la atención del usuario, debes retenerla. La única manera de mantener a los usuarios comprometidos es darles exactamente la información que están buscando. ¿Están buscando un enlace para descargar la aplicación? ¡Ponlo en un lugar prominente!

El siguiente punto es que todo debería ser lo más fácil posible. A la gente no le gusta pasar el tiempo leyendo grandes textos promocionales y viendo anuncios largos. Se directo y ve al punto. Haz el diseño del sitio web y la navegación claros. ¿Es necesario decir que la información debe estar estructurada? Simplemente no hables de todo al mismo tiempo. En un mundo inundado de información, la gente te agradecerá por eso.

“Menos es más” es en realidad la mejor regla para crear un buen diseño de sitios web. Las prioridades deben ser menos texto, menos páginas, menor longitud de las páginas.
Probablemente el último consejo, ¡y el más importante al mismo tiempo! – es que el diseño del sitio web móvil debe ir primero cuando se planea un diseño. Este enfoque se llama “móvil primero”. Si comienzas con una versión de escritorio, tendrás la sensación de que hay espacio para guardar toda la información. En el móvil, no tienes este espacio. Por lo tanto, escalar de móvil a computadora de escritorio es fácil e indoloro, mientras que trabajar de la otra manera requiere mucho trabajo y, a menudo, es más costoso. Entonces, ¿por qué invertir más si puedes invertir menos?

Tip 4. Las buenas fuentes son esenciales para un buen diseño del sitio web

El drama de mi vida como diseñador es que las personas no se dan cuenta de lo importantes que son las fuentes. Cómo una fuente puede influir en nuestra percepción. Cada fuente tiene su propio temperamento, y necesitas una que coincida con la apariencia de tu marca. ¿Conoces “Harry Potter”? Una buena fuente es como una varita mágica: te elige y te hace más fuerte.

Así que elige una buena fuente. La fuente correcta es, literalmente, la mitad del trabajo que se necesita hacer para obtener un buen sitio web para una aplicación móvil. Se trata simplemente de crear una experiencia alegre para las personas que leen tus textos.

No utilices más de dos fuentes en el sitio web. Idealmente, quédate solo con uno. Selecciona dos o tres estilos de texto para los encabezados, uno para los botones, uno para el texto básico; esto es lo correcto para que la página web se vea bien. ¿Quieres destacar algo? Ten cuidado: no resaltes demasiadas cosas a la vez. Déjale al texto un poco de espacio para respirar.

Cualquiera que sea la fuente que uses, evita las líneas largas. La longitud óptima es entre 5 y 7 palabras, como en periódicos y revistas. El tamaño de fuente óptimo es 16 pt.

Tip 5. Asegúrate de que el contenido del sitio web habla por tu empresa. ¡En voz alta!

WebsiteDesign_Pic1

La prioridad principal de hacer un sitio web para una aplicación es monetizar la aplicación, ¿verdad? Obtener más descargas, atraer nuevos clientes, volver a involucrar a la base de clientes existente. En otras palabras, el diseño debe trabajar duro para tu negocio.

Esta es la razón por la cual elegir el contenido correcto es esencial para un buen diseño. En primer lugar, descubre qué tipo de imágenes pueden mostrar el espíritu de tu producto, fotos o ilustraciones. Si vas a tomar fotos, omite las imágenes de stock, incluso si las “imágenes reales” tienen una calidad inferior. Las tomas reales siempre son más atractivas para las personas, porque a los humanos básicamente les encanta ver a otros humanos.

Los botones de llamada a la acción son un elemento vital del diseño de sitios web. Deben colocarse en la página principal, en el centro del sitio, al final. Sin embargo, ten cuidado de no exagerar. Funciona de la misma manera que en la vida real: mientras estás haciendo networking, le dices a la gente lo genial que eres y luego les das la posibilidad de contactarte, pero no los obligas a anotar tu número de celular, ¿no?

¿Quieres saber una regla universal sobre cómo elegir un buen contenido de un sitio web? En caso de que dudes si es interesante, no lo compartas. Funciona perfectamente para cada elemento.

¡Buena suerte con ser el más brillante allá afuera!

Try for Free