Un gran diseño de sitio web puede significar diferentes cosas para diferentes personas. Un fabricante de automóviles podría querer un sitio web que ponga el producto al frente y al centro. Un fotógrafo, uno que muestra bien las imágenes. Un artista puede mirar un sitio web desde el punto de vista de sus méritos estéticos u originalidad. Mientras que, un comercializador entrante de lo bien que está diseñado para convertir el tráfico en clientes potenciales.
Para nuestros propósitos, un gran sitio web es aquel que es fácil de navegar, se dirige a su público objetivo con contenido relevante y original, es estéticamente agradable y utiliza un patrón de lectura natural (a veces conocido como el patrón F) que garantiza la el contenido se puede entender rápidamente. Además, un gran sitio web a menudo se atreve a ser diferente, mientras se atreve a ser igual. (Es decir, se ajusta a ciertos elementos esperados del diseño de la página y la navegación, pero sin parecerse a los demás).
Lo que sigue, sin ningún orden en particular, es una lista de 12 sitios notablemente buenos. Con un estimado de miles de millones de sitios web para elegir, la lista no es definitiva.
1. Google
El gigante tecnológico cabalga sobre el mundo como un coloso. Incluso es un verbo. Y mientras que otros motores de búsqueda han seguido el camino del dodo, Google va viento en popa.
El principal de sus atributos positivos es que conoce a sus clientes mejor que ellos mismos. Una de sus máximas es: “Enfócate en el usuario y todo lo demás seguirá”. En ninguna parte es esto más evidente que en su página de inicio. Para empezar, es maravillosamente simple: solo el logotipo y un cuadro de búsqueda. De poco serviría hacer más. Miras a través de una ventana, no al cristal, una verdad evidentemente comprendida por los diseñadores de Google.
La guía de estilo interna de Google establece que todos los íconos de productos de Google deben ser simétricos y de frente. La consistencia de la apariencia es una característica común de los grandes sitios web. No es de extrañar que Google siga siendo el motor de búsqueda número uno del mundo.
2. Montaje
Fundada en 1959 por Albert W. Sylvester y Howell A. Bates, Montage es la última palabra en muebles chic. Desde su logotipo sutil san serif con su ‘M’ naranja hasta su fotografía de buen gusto, lo que te sorprende de este sitio es su simplicidad discreta. No hay necesidad de grandilocuencia porque son buenos y lo saben. Cada elemento en el sitio tiene un propósito en mente: hacer que el negocio de apreciar y, en última instancia, comprar sus productos sea lo más simple y directo posible.
El sitio nunca grita, susurra, y lo hace con una atención al detalle que habla de la calidad de la empresa. La navegación es perfecta y la copia es nítida. La página ‘Acerca de’, por ejemplo, hace un trabajo brillante al hacer sonar su propia trompeta sin que parezca que lo hace. No hay prosa púrpura aquí, solo una breve historia de la compañía desde 1959 hasta el presente. Haga clic en ‘grupo de productos’ y verá una cuadrícula de fotos agradables a la vista. Es fácil ver que conocen bien a su audiencia.
3. Alimentar
Esto es para los pioneros como Alimento y todos aquellos que empujan el sobre. Una plataforma de pagos y derechos de propiedad altamente sofisticada, tiene mucho que recomendar en términos visuales, particularmente en su navegación. El contenido no solo se carga tanto horizontal como verticalmente, sino que el desplazamiento animado es casi un ballet en su elegancia. Pero es el contenido del video lo que realmente atrae al usuario. Es hermoso, original y un poco fascinante. Verificar Alimento e inspírate.
4. Suroeste – Campaña Heart of Travel
Southwest Airlines, ¡los saludo! Se inspiró el diseño de su sitio utilizando las formas de las rutas de vuelo de sus clientes. Permitir que sus visitantes hagan arte de un viaje planeado es genial. Este sitio web se creó para un programa de recompensas dirigido a viajeros frecuentes, pero se convirtió en la puerta de entrada de una marca decidida a mostrar originalidad. (Nota: este sitio web puede estar restringido a la ubicación).
5. Bellroy
Las billeteras delgadas son la USP de Bellroy y lo comunican con una habilidad consumada. Particularmente impresionante es la sección interactiva que muestra cómo el producto de Bellroy se compara con sus rivales.
La gente de Bellroy también sabe un par de cosas sobre la ciencia del seguimiento ocular. Los estudios de seguimiento ocular han demostrado que la mayor parte de lo que ven las personas se encuentra en el área superior e izquierda de la pantalla. El patrón en forma de F imita la forma en que la gente lee en Occidente y la jerarquía del sitio de Bellroy está diseñada con esto en mente.
6. Revista tejida
Las imágenes grandes y audaces junto con el desplazamiento inmersivo garantizan que los artículos por los que esta revista se ha hecho famosa ocupen un lugar central. Excelentes fotografías, fondos simples y un diseño simple se combinan para hacer de Woven Magazine un ganador.
7. Otro Pony
La convención es la aliada de los grandes sitios, la enemiga de los malos. Solo tiene una ventana corta para despertar el interés de su audiencia. Por lo tanto, si su objetivo es impresionar y destacar, es posible que deba arriesgarse. Los artistas y diseñadores, especialmente, tienen que estar dispuestos a saltar por ese precipicio para causar sensación. Si bien jugar con las expectativas de los usuarios tiene su lugar, también es de vital importancia adherirse a ciertas convenciones para la página de inicio y la navegación. Otro Pony recorre la línea entre la frialdad estética y la convención con aplomo.
8. Bruegel – ‘Una vez en la vida’
Deje atrás su mundo mundano por un momento y acceda a este sitio de información interactivo para la «exposición única en la vida» sobre Pieter Bruegel el Viejo, iniciada por el Museo de Historia del Arte de Viena.
Qué‘¿Está bien? Tiene una forma única y visualmente atractiva de presentar el contenido que no solo está bien optimizado (no hay solicitudes ridículas para descargar Flash Player aquí), sino que también es interactivo y animado. Esta es una animación apropiada y sutil en su máxima expresión. Es posible que le resulte difícil leer el contenido si no‘No hablo alemán, pero las imágenes dicen mucho por sí mismas. ¿Qué podría ser mejor que un diseño de sitio web tan intuitivo que no‘No necesito hablar el idioma para navegarlo?
9. Doble Doble Bélgica
Con una impresionante combinación de video y color, este sitio web cobra vida en el momento en que llegas a la puerta principal. El estudio de video y animación muestra su trabajo de una manera animada e inventiva. También hace un buen uso del diseño receptivo, si no de la generación de leads o de los métodos de entrada.
10. Tableros potenciados
Este sitio de comercio electrónico incorpora algunos de los estándares más importantes de la actualidad.‘Diseño del sitio web: fotos personalizadas sólidas, video, contenido interactivo, herramientas de generación de prospectos, contenido personalizado, testimonios y un diseño tradicional mejorado visualmente.
El blog de la empresa tiene un fuerte sentido de sí mismo: se conecta con los problemas que más les preocupan a sus clientes sin evitar hablar sobre los problemas que la empresa tiene con los productos. Este nivel de transparencia y atención directa al cliente es refrescante en un sitio web.
11. EasyVista
Este sitio web en cinco idiomas hace un gran uso de la metodología Inbound y los principios de generación de prospectos al tiempo que ofrece un enfoque visualmente atractivo y gráficamente consistente. Presenta una gran cantidad de contenido de una manera que logra no verse abarrotado. El diseño del blog estilo tarjeta es moderno y fácil de navegar, y el uso constante de ilustraciones (en lugar de fotos) ayuda a que se destaque entre la multitud. (También ganó un premio Hubspot Design).
12. Tecán
Reducir las cosas está a la orden del día para Tecan. Las tres áreas comerciales principales del gigante de las ciencias de la vida se presentan claramente en la parte superior de la pantalla y un diseño simple al estilo de una revista hace que la navegación dentro de cada una de esas categorías sea pan comido. Las imágenes poderosas captan la atención de los visitantes y se eligen cuidadosamente para ilustrar el contenido.
¿Qué hemos aprendido?
- Reglas de simplicidad. No intentes meter demasiado.
- La consistencia es el rey. Elige tu estilo y apégate a él.
- Las imágenes pueden marcar la diferencia. Seleccione las fotografías con cuidado y tenga en cuenta cómo se recortarán y cortarán para que quepan en diferentes dispositivos.
- interactividad, con moderación, realmente puede ayudar a la participación de su audiencia.
- La belleza es muy apreciada. El video magnífico y el contenido animado pueden persuadir a las personas a pasar más tiempo en su sitio web, lo que aumenta su clasificación en los motores de búsqueda.
- No seas demasiado guay para la escuela. Comprenda el patrón F (patrón de lectura natural para escanear páginas) y no caiga en la tentación de desviarse demasiado de las convenciones de navegación del sitio web.
¿Qué es el patrón F? Es un patrón típico de comportamiento del lector descubierto en varios estudios de usabilidad. Los investigadores descubrieron que los visitantes del sitio web primero leen en dirección horizontal, generalmente en la parte superior del área de contenido. Luego, los lectores bajan un poco la página y luego vuelven a leer en un movimiento horizontal, pero más brevemente. Finalmente, los lectores escanean el lado izquierdo de la página con un movimiento vertical.
Comprender cómo los problemas de usabilidad, las necesidades de los clientes y los objetivos de marketing, como el SEO, pueden afectar el diseño del sitio web lo ayudará a crear un sitio web altamente efectivo.
¿Tienes problemas con el sitio web?
UP puede arreglar eso. Haga clic en el botón para ponerse en contacto.
Sobre el autor: Alex Beeching es un artista e ilustrador galardonado y miembro de UP There, Everywhere. Esta publicación incluye aportes de Shari Monnes, gerente de marketing entrante de UP, y Mike McDowall, editor de contenido de UP.
