diferentes diseñadores tienen diferentes puntos de vista sobre lo que hace que un gran sitio web. Pero, una cosa en la que todos podemos estar de acuerdo es que la popularidad nunca hace que el diseño de un sitio web sea genial. Tenemos pruebas.
hoy echamos un vistazo a algunos sitios web populares propiedad de empresas y marcas conocidas. Estos sitios web reciben millones de visitantes cada mes. Y son bien conocidos en todo el mundo. Todos estos sitios web tienen una cosa en común: todos ellos podrían usar un poco de visual actualización!,
a pesar de que el diseño web ha llegado tan lejos como una industria y ha evolucionado con nuevas tecnologías increíbles, hay empresas que todavía utilizan diseños de sitios web obsoletos.
no estamos seguros de si estas marcas tienen miedo al cambio o si simplemente no priorizan el diseño. De cualquier manera, creemos que estos sitios web deben ser renovados para mejor de sus usuarios. Sigue leyendo para averiguar por qué.
El kit de herramientas de diseño definitivo: más de 2 millones de activos
Envato Elements te da acceso ilimitado a más de 2 millones de recursos de diseño profesional, temas, plantillas, fotos, gráficos y más., Todo lo que necesitará en su kit de herramientas de recursos de diseño.
Ver más
Craigslist
Craigslist es uno de los sitios web de anuncios clasificados más populares en Internet. Craig Newmark comenzó Craigslist como una simple lista de correo electrónico en 1995 y la convirtió en un sitio web en 1996. Por el aspecto de las cosas, es seguro asumir que el sitio web podría estar utilizando el mismo diseño que usaron en 1996.
según SimilarWeb, Craigslist recibe más de 360 millones de visitantes cada mes., Sin embargo, tiene uno de los peores diseños de sitios web que jamás verás. El diseño del sitio web de Craigslist consiste en todos los errores que desea evitar al diseñar un sitio web.
¿por qué este sitio web se ve mal?
para empezar, Craigslist tiene un diseño muy desordenado sin señales visuales ni sentido de dirección. El sitio web consiste en nada más que texto. Sin embargo, la fuente es demasiado pequeña y hace que sea difícil de leer. El color azul brillante de la fuente ciertamente no ayuda a mejorar la legibilidad tampoco.
Por encima de todo, el diseño del sitio web no es responsive., Se ve terrible cuando se ve en pantallas con diferentes resoluciones. Todo el proceso de navegar por los listados de anuncios, los diseños de formularios para publicar anuncios y casi todos los demás aspectos del sitio web necesitan ser mejorados desesperadamente.
¿cómo se puede mejorar?
incluso cambiar la fuente y el color de la fuente puede considerarse una mejora para Craigslist en esta etapa. Sin embargo, una mejor manera de encontrar inspiración es echar un vistazo a la página web de Gumtree.
Gumtree es el sitio web de anuncios clasificados más grande del Reino Unido., Y su moderno diseño web tiene todo lo que nos encantaría ver en un sitio web de clasificados. Tiene un diseño fácil de usar con una mejor función de búsqueda, filtros para estrechar la búsqueda, mejores vistas previas y descripciones para escanear anuncios, y más.
AOL
AOL solía ser la plataforma más grande en Internet y una empresa que poseía la mayoría de las herramientas que todos usaban en su día. Tenía el potencial de ser algo increíble., Pero, con el ascenso de sus competidores, AOL perdió la noción del tiempo y no pudo evolucionar con las necesidades actuales de los usuarios.
hoy en día, la gente apenas sabe lo que es AOL. Incluso nos sorprendió ver el sitio todavía en funcionamiento. Según SimilarWeb, AOL todavía recibe más de 200 millones de visitantes cada mes. A primera vista, el sitio web se ve muy bien. Entonces, ¿por qué creemos que esto necesita ser rediseñado?
¿por qué este sitio web se ve mal?
como siempre, AOL todavía parece estar jugando a ponerse al día con el diseño de la interfaz de usuario moderna, pero la compañía todavía está unos años atrás., Todavía tiene un diseño desordenado lleno de tantas cosas, desde noticias hasta entretenimiento meteorológico y más. Cualquier persona que visite el sitio inmediatamente se confundirá acerca de dónde ir y qué hacer.
cuando visitamos el sitio web nos bombardearon con un video de reproducción automática con sonidos automáticos. No cometas el error de usar AOL para buscar algo mientras estás en el trabajo.
no hace falta decir que te distraerás fácilmente cuando visites AOL.
¿cómo se puede mejorar?
el sitio web de AOL puede recordarle a otro motor de búsqueda popular. Yahoo! se utiliza para presentar un diseño muy similar., Pero ya no. Incluso Yahoo! sabía cuándo evolucionar.
si hay una cosa que AOL puede aprender de sus competidores como Google, Bing y DuckDuckGo es que la gente prefiere los motores de búsqueda con diseños mínimos sin distracciones. Es por eso que Yahoo! también cambió a un diseño de sitio web minimalista.
Hacker News
Hacker News es como Reddit para startups, programadores y emprendedores. Una sola publicación en Hacker News podría significar la diferencia entre financiar tu idea de Inicio o destruirla por completo.,
el sitio es uno de los sitios web agregadores de noticias más grandes disponibles en la actualidad con más de 12 millones de personas que lo visitan cada mes. Sin embargo, todavía cuenta con el mismo diseño que utilizó en 2007.
¿por qué este sitio web se ve mal?
Hacker News está cometiendo los mismos errores cometidos por Craigslist. La única buena característica que podemos pensar en comparación es que este sitio utiliza una fuente sans-serif con un color que es fácil para los ojos.
sin embargo, el sitio todavía cuenta con un diseño hostil que necesita ser renovado., El mayor error cometido por el sitio es que los hilos que se muestran en la página de inicio se vinculan directamente a la página de origen. No puede abrir el hilo de noticias Hacker haciendo clic en el título.
Además, nos encantaría verlo con un enfoque más visual. Al mismo tiempo que optimiza el diseño para dispositivos móviles.
¿cómo se puede mejorar?
¿Recuerdas cuando Reddit solía parecerse a Hacker News? Afortunadamente, Reddit recientemente renovó su diseño de sitio web y ahora se ve mucho mejor de lo que nunca fue.
Hacker News también puede adoptar un diseño similar a Reddit., No tiene que ser tan visual, pero el sitio definitivamente se verá mejor cuando los hilos se resaltan y se separan unos de otros. Y permitiendo a los usuarios abrir los hilos de discusión haciendo clic en el título.
Berkshire Hathaway
¿puedes creer que este es el sitio web oficial de una corporación multinacional que posee más de assets 700 mil millones en activos y gana un ingreso neto de más de 4 4 mil millones?
Berkshire Hathaway es una empresa propiedad de Warren Buffet, una de las personas más ricas del mundo., Sin embargo, es difícil creer que no pudiera permitirse unos pocos cientos de dólares para rediseñar el sitio web.
¿por qué este sitio web se ve mal?
¿por dónde empezamos? Hay tantas cosas mal con este sitio web. En primer lugar, no te dice de qué se trata el sitio web o la empresa. Porque no tiene una página «acerca de».
el sitio actúa como una lista de enlaces que redirige a los usuarios a otros sitios web para conocer el estado actual de la empresa. La mayoría de los cuales podrían haber sido fácilmente incluidos en la página de inicio y ahorrarle a los usuarios la molestia de cargar otros sitios web.,
Lo peor de todo, el sitio también está promoviendo otro sitio web de seguros de automóviles en la página de inicio.
¿cómo se puede mejorar?
en este punto, agregar incluso una pequeña descripción de la empresa debería ser suficiente para mejorar este sitio web. Pero, podría tomar alguna inspiración de otra corporación multinacional como Shell Global.
Berkshire Hathaway también podría utilizar un diseño similar y más visual para evitar dar a la gente la impresión equivocada de la empresa., Y con suerte, convertir el sitio web en un centro de información para sus inversores y el público en general.
Alphabet
Alphabet es la empresa matriz de Google y tiene muchas otras marcas y empresas bajo su nombre. Sin embargo, su sitio web es un misterio en sí mismo.
¿por qué este sitio web se ve mal?
tuvimos algunas preguntas cuando visitamos el Sitio Web de Alphabet. Si» G » significa Google, ¿qué otras empresas posee? ¿Quién es el CEO de la compañía?, En lugar de aprender sobre sus inversores, ¿dónde podemos aprender más sobre la corporación y lo que representa?
tantas preguntas quedaron sin respuesta debido al diseño ultra-minimalista de la página web. Podemos entender que los fundadores de la empresa hacen las cosas de manera diferente. Pero un sitio web de la empresa debe ser capaz de proporcionar información sobre el negocio.
¿cómo se puede mejorar?
aunque IBM no es un competidor directo de Alphabet y ni siquiera tiene un sitio web muy moderno, creemos que Alphabet puede aprender mucho del diseño de su sitio web.,
IBM utiliza un sistema de navegación simple para que los usuarios conozcan sus productos y servicios. Más importante aún, tiene una página» Acerca de » que detalla de qué se trata la compañía. Alphabet podría usar algunas de esas características en su sitio web.
Amazon
Amazon ha recorrido un largo camino desde su lanzamiento para convertirse en el sitio web minorista más grande del mundo en Internet. El diseño del sitio web también se mantuvo igual durante muchos años. Hasta hace poco, donde consiguió un diseño de Página de inicio renovado.,
sin embargo, las páginas de productos del sitio web aún podrían usar algunas mejoras.
¿por qué este sitio web se ve mal?
las páginas de productos de Amazon tienen el diseño más frustrante que podría confundirte si eres nuevo en el sitio. Al ver un producto, El diseño de la página a pantalla completa hace que sea más difícil de explorar.
Las descripciones de los productos son demasiado largas y no se han formateado bien para facilitar la lectura., Cuando te desplazas hacia abajo para obtener más información sobre un producto, primero te bombardean con tantas ventas adicionales y recomendaciones de productos similares que te hacen preguntarte si estás en la página de producto correcta.
el proceso de pago del sitio web también podría utilizar un rediseño masivo.
¿cómo se puede mejorar?
rediseñar cientos de miles de páginas de productos no es una tarea fácil. Probablemente es por eso que Amazon no ha considerado un nuevo diseño para sus páginas de productos. Sin embargo, creemos que pueden aprender mucho de sus competidores como Best Buy, que utiliza un diseño más fácil de usar.,
en lugar de un diseño de pantalla completa, Best Buy utiliza un diseño en caja para las páginas de productos. Diferentes variaciones del producto también se muestran cuidadosamente en el lateral. Y las descripciones de los productos están formateadas en diferentes secciones para facilitar el escaneo. Así es como diseñas una página de producto adecuada.
IMDb
IMDb, o Internet Movie Database es una plataforma para aprender todo acerca de las películas y programas de TELEVISIÓN. El sitio web recibe más de 500 millones de visitantes cada mes.,
cuando visitas la página principal de IMDb, se ve increíble. Cuenta con un diseño de pantalla completa con un tema de color oscuro. Y grandes vistas previas de películas y programas de televisión para explorar fácilmente su contenido.
pero, espere hasta que abra una página de producto. La diferencia entre la página de inicio de IMDb y una página de producto es como la noche y el día.
¿por qué este sitio web se ve mal?
a pesar de que la página de inicio del Sitio Web de IMDb fue renovada recientemente, sus diseños de Página de productos para películas y programas de televisión se han mantenido iguales. Este diseño utiliza un diseño en caja muy estrecho., Esto hace que las páginas se vean desordenadas y más difícil navegar por la página y encontrar más información. La terrible elección de la fuente hace que sea más difícil leer su contenido también.
¿cómo se puede mejorar?
IMDb ciertamente puede aprender algunas lecciones del diseño de la página de Metacritic.
Metacritic utiliza un diseño de página limpio y a pantalla completa. Los detalles y descripciones son más fáciles de leer. Y ofrece una navegación clara con elementos visuales. Este mismo enfoque de diseño también encajaría bien con IMDb.,
Wikipedia
con más de 1,3 mil millones de visitantes cada mes, Wikipedia es uno de los principales sitios web en Internet que todos han visitado al menos una vez en su vida.
el sitio web, sin embargo, todavía necesita una renovación importante para hacerlo más relevante hoy en día y atractivo para el público actual.
¿por qué este sitio web se ve mal?
dado que Wikipedia es un sitio web sin fines de lucro que se mantiene con la ayuda de donaciones, no podemos ser demasiado duros en su diseño. Después de todo, es proporcionar un servicio público.,
sin embargo, creemos que un mejor diseño para sus páginas de artículos podría demostrarlo mucho más útil y fácil de usar. Especialmente para atraer a audiencias más jóvenes.
el formato de contenido de los artículos necesita mucho trabajo. Los artículos de Wikipedia utilizan un diseño de pantalla completa y, como resultado, los párrafos de texto se estiran demasiado. Y hace que sea difícil de leer.
Por encima de todo, el sitio necesita un sistema de navegación adecuado.
¿cómo se puede mejorar?
aunque los días de Britannica han terminado, Wikipedia todavía puede aprender algunos trucos del diseño de su sitio web.,
por ejemplo, los diseños de Página de Britannica cuentan con un panel de navegación pegajoso donde los usuarios pueden saltar a diferentes secciones del artículo. También tiene un diseño de Página mucho mejor con mejor formato que mejora la legibilidad.
si Wikipedia tuviera un diseño como este, pasaríamos más tiempo en el sitio leyendo su contenido.,
Universidad de tecnología avanzada
nos sorprendió bastante encontrar un sitio web que se parecía a esto perteneciente a una universidad que se especializa en «tecnologías avanzadas». De alguna manera, la Universidad parece haber perdido muchos años de avances en las tecnologías de diseño web.
¿por qué este sitio web se ve mal?
para empezar, el menú de navegación giratorio Animado es lo que más nos frustra. Si pierdes la oportunidad de hacer clic en un elemento, tienes que esperar a que haga un círculo completo de vuelta a ti., Podría decirse que es el diseño de navegación más frustrante que hemos visto.
¿cómo se puede mejorar?
la razón principal por la que alguien visita un sitio web de la universidad es para aprender sobre la universidad en sí, sus programas y cursos. Esto incluye mostrar un recorrido por la Universidad. Incluye navegación por categorías para encontrar fácilmente cursos. Y páginas sobre los profesores y la reputación de la Universidad. Todo lo cual este sitio web no ha logrado.
El Sitio Web de la Universidad de Stanford es un buen ejemplo de cómo hacer ese trabajo.,
W3Schools
W3Schools es un recurso en línea popular para aprender a codificar. Es un sitio bien conocido por muchos diseñadores web y programadores, tanto principiantes como expertos. Según SimilarWeb, el sitio bastante popular. Recibe más de 50 millones de visitantes cada mes.
cuenta con una gran colección de cursos informativos, pero los diseños de las páginas del curso podrían mejorar un poco.
¿por qué este sitio web se ve mal?
los cursos de W3Schools ofrecen lecciones cortas pero con un enfoque práctico directo., Esto implica practicar lo que aprendes en cada curso usando un editor de código.
sin embargo, el editor de código debe cargarse por separado para funcionar. Esto significa que necesita tener dos pestañas abiertas en su navegador para aprender una lección.
¿cómo se puede mejorar?
una mejor manera de abordar el diseño de la plataforma de aprendizaje en línea, especialmente para los cursos de codificación, es proporcionar una caja de arena con vistas previas en vivo para que los estudiantes jueguen. Esto es exactamente lo que hace CodeAcademy.,
cada lección en los cursos de CodeAcademy cuenta con tres paneles donde se detalla la lección junto con un editor de código y una vista previa en vivo. Esto proporciona una manera mucho más fácil para que los estudiantes aprendan con un enfoque más práctico. Es exactamente lo que w3schools necesita.
En conclusión
si hay una cosa que podemos aprender de todos estos sitios web es que preocuparse por su marca y la presencia en línea de la empresa es más importante hoy que nunca. Como puedes ver arriba, un mal diseño de sitio web es todo lo que se necesita para que alguien tenga la impresión equivocada de una marca., Esperemos que estas empresas finalmente entren en razón y renueven sus sitios web, al menos dentro de esta década.
