Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages
Filter by Categories
Analítica Web
Blogging
Comunicación
Diseño
Email Marketing
Entrevistas
Growth Hacking
Guest Post
Inbound Marketing
Infografía
Marketing Online
Miscellaneous
Oink my God
Recursos
SEM
SEO
Social Media
Top Oink Ad
Uncategorized
Top
errores al diseñar una página web

Esta es la web más fea del mundo y la que tiene más errores de diseño web

Comparte!

¿Te imaginas la web más fea del mundo?

 

¿La web que más errores tiene y que la hace hasta difícil de mirar?

 

No imagines más, que esta web existe.

 

Se trata de The World’s worst website ever. Una joya…

 

¿Y por qué hablamos de la web más fea del mundo hoy? Para explicarte los errores más comunes que se cometen al diseñar una página web. Con ejemplos de The World’s worst website ever.

 

Hoy te dejamos con una lista con 39 errores que NO puedes cometer cuando diseñes una web. NO PUEDES. Y punto.

 

errores al diseñar una página web

La foto del / la creativo/a preparando la estructura de una página web está hecha por Chaosamran Studio para Shutterstock

 

 

Los 39 errores al diseñar una página web que no debes cometer

 

Te recomiendo que, mientras lees la siguiente lista, tengas en otra pestaña la web de la que hablamos. The World’s worst website ever. Venga, ábrela.

 

¿Ya?

 

Genial. Empecemos, pues, con los errores de diseño web que hacen sangrar los ojos.

 

la peor pagina web del mundo

 

1. El (feo no horrible) gráfico del header está pixelado.

 

2. La transparencia en el gráfico del encabezado es exagerada.

 

3. Los colores de la palabra “ever” (en el recuadro amarillo)… ¿por qué un color para cada letra? ¿Por qué?

 

4. La página está llena de gifs animados. Bad idea, my friend.

 

5. (casi) nunca se debería poner el “under construction” en una web… Y menos en la home.

 

6. ¿Qué quiere decir <–? ¿No podrías haber puesto una FLECHITA COMO DIOS MANDA?

 

7. El recuadro de “Main Menu” no debería existir. Si alguien no sabe lo que es un menú web, no debería estar navegando por Internet. He dicho.

 

8. El menú debería aparecer arriba del todo, o en la parte izquierda de la web (aunque no soy nada partidaria de los menús laterales), no en medio de la web.

 

9. ¿Ves la palabra “kewl”? ¿Sabes qué significa? Cool. Significa cool. Pero te aseguro que los que dicen kewl no son para nada cool. O sea que no escribas palabras como “dabuti”, porque tu página web no parecerá profesional.

 

10. ¿Y qué me dices de lo de repetir el fondo con la misma imagen una y otra vez?

 

11. Tampoco pongas fondos de color. Casi nunca funcionan.

 

12. En el recuadro amarillo de arriba, el ancho de celda es diferente del ancho de la tabla, lo que hace que se cree espacio en blanco en la parte derecha del recuadro.

 

13. Los bordes de las tablas pueden funcionar, cuando lo diseñas bien. En esta web no hay ningún ejemplo en los que funcionen. ¿O encuentras alguno que sí?

 

14. Los cursores Javascript deberían estar prohibidos.

 

15. ¿Qué quiere decir que algunos ítems del menú tengan iconos y otros no? Consistencia, por favor.

 

16. ¿Y qué quiere decir que los iconos tengan un borde tan grueso?

 

17. Ojo con los hiperlinks. Que a “Google Maps” le falta la G para enlazar.

 

18. Y ojito con los links que no funcionan o están rotos, como el de “Weather”. O los que deberían aparecer y no aparecen, como el de “About TWWWE”.

 

19. No me hagas hablar de los iconos “new”.

 

20. En esta web aparecen demasiadas tipografías, muchas de ellas no son “web-safe fonts” (fuentes seguras). Por favor, escoge un máximo de 3 (y ya me parecen demasiadas) para colocar en tu web.

 

21. Vuelvo a decirlo: escribe bien. Sin faltas.

 

22. ¿Te acuerdas del Microsoft Word Art? Lo reconozco, molaba a saco hacer los títulos de los trabajos del cole con esto. Pero se acabó. Pasó el hype. No es necesario seguir usándolo.

 

23. Azul sobre rojo es una mala idea.

 

24. Rojo sobre azul es una mala idea.

 

25. Azul o rojo sobre azul es una mala idea.

 

26. Verde sobre azul claro es una mala malísima idea. ¿Puedes leer algo?

 

27. Los contadores de visitas pasaron de moda en los 90. AVOID THEM.

 

28. ¿No te pone muy nervios@ que los anchos de tabla sean diferentes en cada una de ellas?

 

29. En la web hay una tabla que es demasiado ancha, lo que hace que aparezca una scrollbar horizontal.

 

30. La primera foto de la izquierda está mal formateada. Es una foto grande que ha sido redimensionada usando HTML. Esto está muy mal hecho, porque la calidad de la foto se pierde, pero el tamaño del archivo sigue siendo enorme, lo que hace que tarde mucho en descargarse.

 

31. La tercera foto ha sido guardada en .gif en lugar de .jpg, lo que hace que los colores del atardecer se vean granulados. Cuando trabajes con imágenes con colores brillantes, guárdalas como JPG, ya que el formato GIF está limitado a 256 colores y los JPG NO.

 

32. La cuarta foto ha sido ampliada, consiguiendo que esté totalmente pixelada.

 

35. Las cuatro imágenes no tienen el mismo tamaño. Malo malo.

 

34. ¿Qué te parecen los “I’m fast”, “I’m faster”, “I’m fastest” y “I’m fastestest”?

 

35. Esta web está llena de imágenes rotas. Ojito con ellas.

 

36. Olvídate de poner imágenes cuando lo que tendría que ser es texto plano HTML (lo digo por el «Could we possibly do any more, said the cat»).

 

37. ¿No odias las webs con música de fondo, que no sabes ni dónde pausarla? Nunca, NUNCA, pongas música que se active directamente cuando alguien entre en la web. NUNCA. Y si lo haces (no lo hagas), que se vea claramente dónde poder pausarla. Please.

 

38. ¿Sabes qué queda bien en un periódico pero NO en una web? El texto justificado. Olvídate de él.

 

39. Dependiendo del objetivo de tu web, eso de tener banners de publicidad de otras empresas es algo que yo NO PONDRÍA, la verdad. ¿Ganarás unos eurillos al final de mes con Adsense? Sí, ok. ¿Pero cuánta gente perderás por tener publicidad molesta en tu web? Haz cálculos, babe.

 


 

Como ves, esta web es un DESASTRE CON PATAS.

 

Así que, si no quieres que tu web sea la nueva Peor Web del Mundo Mundial, no cometas estos fallos, please.

 

¿Qué otros errores de diseño / programación / UX ves en esta web? Déjame un comentario así ampliamos la recopilación (porque haberlos haylos!!).

Comparte!

irene@oinkmygod.com

Irene es una loca de los animales. Y no solo de los cerditos: de todos los animales del mundo. Tiene tantas ganas de salvarlos, como ganas tiene de salvar a todas las empresas perdidas y medio ahogadas en el océano digital.

18 Comments
  • AvatarAvatarAvatar
    David Flores
    enero 16, 2019 at 10:00 am

    Fantástico artículo como siempre, Irene. Con muchas detalles para apuntar (y evitar).

    ¡Menudo horror de página! Daña a la vista. Eso sí, sirve para levantar el ánimo y decir: -Pues viendo ésta, la mía no está tan mal…

    Por cierto, ¡ése banner! Cuentan que el pequeño Timmy dió click al banner por error cuando intentaba cerrarlo. No ha vuelto a ser el mismo.

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 16, 2019 at 10:05 am

      Ahahahahaha pobre Timmy…

  • AvatarAvatarAvatar
    gastre
    enero 16, 2019 at 10:15 am

    Pues a mi esta web me ha encantado, de hecho la encuentro entrañable y muy de la vieja usanza, es como desempolvar mi viejo Atari.
    Y que decir que cualquier web de hacienda es más fea que esa xd

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 16, 2019 at 10:31 am

      Es que eres un romántico

  • AvatarAvatarAvatar
    César
    enero 17, 2019 at 10:43 am

    Pues quedan unas cuantas de esas operativas,si si vas a l web de el figón de Arévalo puedes ver un buen ejemplo de «feismos»
    http://elfigondearevalo.com

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 18, 2019 at 8:12 am

      OMG OMG OMG! Brutal la web!

  • AvatarAvatarAvatar
    Carlos
    enero 18, 2019 at 12:58 pm

    Vaya forma de querer vender, es evidente que webs como esas ya no se diseñan, en la actualidad sería impensable algo así, porque hay miles de plantillas que pueden hacer una web decente en poco tiempo, esto sería aplicable hace unos 5 años, pero en la actualidad, no lo creo.

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 18, 2019 at 2:27 pm

      ¡Hola Carlos! Pues te sorprenderías de la cantidad de webs que todavía existen y que cometen muchos de estos errores (lamentablemente). ¿A qué te refieres con «vaya forma de querer vender»? ¿La web? ¿Nosotros?

      Un saludo

  • AvatarAvatarAvatar
    Carmen
    enero 18, 2019 at 1:52 pm

    Después de que mis ojos dejaron de arder puedo escribir que en este link están todos los errores de diseño de esa humilde y vistosa página: https://www.theworldsworstwebsiteever.com/new_page_1.htm

    ¡Excelente artículo! hay muchos puntos a tomar en cuenta para mi website

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 18, 2019 at 2:26 pm

      Hahahahah espero que tus ojos se recuperen 😉

  • AvatarAvatarAvatar
    Regina
    enero 18, 2019 at 11:05 pm

    Me ha recordado que no tengo justificar los textos en la web, pero tengo un trauma de hace años. Me tengo que calmar en ese tema.

    Otra cosa que no se ha incluido igual porque no habían pocas cosas que comentar, el tema de hacer responsive la web.

    Y lo que más me molesta, aparte de los coloraines, es el corte de imágenes a full.

    El tema de la música no lo he escuchado, igual lo han quitado.

    Un saludo.

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 21, 2019 at 8:24 am

      ¡Sí! Lo de no ser responsive es un fallo enorme!

  • AvatarAvatarAvatar
    Jony
    enero 21, 2019 at 10:09 pm

    jaajaja ¿en serio que todavía existen webs así? Esta es la web más cavernícola que he visto en mucho tiempo.
    Yo realmente no sé qué intenciones tienen con esta página, pero muy lejos no llegarán eso está claro.

    Un saludo chicas

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 22, 2019 at 8:21 am

      Sí… existen!!!

  • AvatarAvatarAvatar
    Johanna
    enero 22, 2019 at 9:10 pm

    Jajaja vaya que has capturado nuestra atención, y pensar que antes y existían muchas webs de este tipo, causa hasta mareo mirarla. Pero las recomendaciones son para tenerlas en cuenta en especial algunas que aun se siguen pasando por alto.

    Un saludo!

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 23, 2019 at 8:19 am

      Jejejejeje

  • AvatarAvatarAvatar
    Gènesis Guicoy
    enero 23, 2019 at 12:24 pm

    Deverad que este sitio web està muy mal maquetado tambièn. Se nota que no hicieron la arquitectura de la informaciòn. Y los colores son otro rollo .
    Muchas Gracias Irene

    • OinkMyGodOinkMyGod
      OinkMyGod
      enero 24, 2019 at 8:25 am

      😛

Post a Comment