Few don’ts of web page designing (updated) Pocos de no hacer el diseño de página web (actualizado)
Often browsing the web I come across pages which makes me exclaim in horror. A menudo, navegar por la web he encontrado páginas que me hace exclamar en horror. I thought I would share them with you… Yo pensé que compartir con usted…
Things to avoid in web pages (in no particular order): Cosas a evitar en páginas web (en ningún orden particular):
Icon only menu (with no other help) Icono de menú sólo (sin otro tipo de ayuda)
It may appear obvious to the creators of the web-page the meaning of the images in the menu. Puede parecer obvio para los creadores de la página web el sentido de las imágenes en el menú. However to others its just bunch of icons which can mean a lot of things, more so when non-standard icons are used. Sin embargo, para otros su justa montón de iconos que puede significar muchas cosas, más aún cuando no estándar se utilizan iconos. Pictures do speak a thousand words but that doesn’t apply to icons! Fotos hacer uso de la palabra más que mil palabras, pero que no se aplica a los iconos!
It is clearly a bad design to have icon-only navigation without any other help, even baloon help is better than nothing. Claramente se trata de un mal diseño para tener iconos de navegación sólo sin ninguna otra ayuda, incluso baloon ayudar es mejor que nada. Case in point: http://www.alt.lu/WellCAD/WellCAD.htm Caso en punto: http://www.alt.lu/WellCAD/WellCAD.htm
Flash only entry page & Flash only navigation Flash sólo a la entrada y la página sólo navegación Flash
I can see why certain sites would like to have Flash introduction on their entry page, however personally I would never do it because I think it distracts from the main content. Puedo ver por qué algunos sitios gustaría tener Flash introducción en su página de entrada, sin embargo personalmente yo nunca haría, porque creo que distrae del contenido principal.
What is however inaapropriate to force the users to get the Flash plugin to view the page by providing no other entry-point to the contents. ¿Qué es, sin embargo, inaapropriate a la fuerza a los usuarios a obtener el plugin de Flash para ver la página mediante el suministro de ningún otro punto de entrada a los contenidos. Doing so is a sure way to turn off a significant percentage of your potential customers. Si lo hace, es una forma segura de apagar un porcentaje significativo de sus clientes potenciales. Consider the fact that browsers like Firefox (which has recently become very popular as a result of non-ending stream of critical IE defects and government advisory against using IE) do not come with Flash plugin installed. Considere el hecho de que los navegadores, como Firefox (que recientemente ha llegado a ser muy popular como consecuencia de no poner fin a arroyo crítica de los defectos de IE y de asesoramiento del gobierno contra el uso de IE) no vienen con el plugin de Flash instalado.
There should always be a alternative non-Flash page, more so for the entry page. No debería ser siempre una alternativa no-flash página, más para la página de inicio.
See: http://corporate.ddsl.net/ or http://www.ddsl.net/ for examples of Flash only entry page. Véase: http://corporate.ddsl.net/ o http://www.ddsl.net/ ejemplos de Flash sólo a la entrada.
The same is applicable for Flash only navigation page. Lo mismo es aplicable sólo para Flash página de navegación. Yes they look cool, however by sparing yourself the extra effort to provide a HTML alternative you are liable to lose many valuable customers. Sí se ven cool, sin embargo por el mismo escatima esfuerzo extra para proporcionar una alternativa HTML corre el riesgo de perder muchos clientes valiosos.
The same advice goes for any plugin technology based entry page. El mismo consejo va para ningún plugin de entrada basados en la tecnología. However as it stands Flash developers appears to be the primary offenders Sin embargo, tal como está desarrolladores de Flash parece ser la principal delincuentes ![]()
Identical Titles across website Idénticas de los títulos a través de página web
I have seen many professionally designed site have identical titles across pages (obviously templatized). He visto a muchos profesionalmente diseñado sitio tienen los mismos títulos a través de las páginas (obviamente templatized). This is a big mistake. Este es un gran error. Firstly titles are very much valued by google for getting keywords with higher weights. En primer lugar los títulos son muy valorados por google para obtener las palabras clave con mayor peso. Also many users want to save webpages for later viewing. También muchos usuarios desean guardar páginas web para verlo más adelante. Having an effective title allows them to easily find out the pages later. Tener un título eficaz que les permite encontrar fácilmente las páginas más tarde. On the other hand identical title causes more pain in saving as they are forced to manually type in a title for the page. Por otra parte idéntico título causa más dolor en el ahorro, ya que se ven obligados a escribir manualmente un título para la página.
Avoid Fancy Content Producers Evite los productores de contenidos de fantasía
You have all seen sites where moving your mouse over a link displays relevant content about the mouse location. Todos ustedes han visto los sitios donde pasar el puntero del ratón sobre un enlace muestra el contenido relevante sobre la ubicación del ratón. An extreme which I observed today was data for the page was being displayed only when the mouse was moved to relevant sub-sections of the page. Un extremo que fue observado hoy los datos de la página se visualiza sólo cuando el ratón se trasladó a las sub-secciones de la página. And the data was fetched from the server everytime. Y los datos se han obtenido desde el servidor cada vez.
This will definitely hinder any ability to save the page and view later. Esto definitivamente obstaculizar cualquier posibilidad de guardar la página y ver más tarde. Unless that is what you are looking for my suggestion would be to use such eye-candies in addition to normal content and not as a replacement. A menos eso es lo que busca mi sugerencia sería utilizar esos ojos dulces, además de contenidos normales y no como un reemplazo.
IE only pages Es decir, sólo las páginas
It seems that some developers forget to test their site on any non-IE browsers. Parece que algunos desarrolladores se olvide de poner a prueba su sitio en todos los casos de incumplimiento navegadores-IE. That definitely makes a bad impression when viewed with non-IE browsers. Que definitivamente hace una mala impresión al no considerarse con los navegadores-IE. This is specially true for products and service description pages where you are trying to impress your potential customers. Esto es especialmente cierto en el caso de los productos y servicios de páginas de descripción cuando usted está tratando de impresionar a sus clientes potenciales.
And remember many CXO’s love to work on their Mac laptops! Y recuerde muchos CXO del amor a trabajar en sus computadoras portátiles de Mac!
Nowadays the minimal list should at least be: Hoy en día la lista mínima debe ser por lo menos:
1. IE 6.x on Windows NT 4 , 2000 & XP & Mac OS X IE 6.x en Windows NT 4, 2000 y XP y Mac OS X
2. FireFox on Windows NT 4 , 2000 & XP & Linux* Firefox en Windows NT 4, 2000 y XP y Linux *
3. Mozilla on Windows NT 4 , 2000 & XP Mozilla en Windows NT 4, 2000 y XP
4. Safari on OS X Safari en OS X
5. Konqueror on Linux Konqueror en Linux
6. Opera 7.x on Windows NT 4 , 2000 & XP & Linux* Opera 7.x en Windows NT 4, 2000 y XP y Linux *
*In Linux the key OS distribution is RedHat. * En el Linux OS clave es la distribución RedHat.
And above all list the browsers your product have been tested with. Y, sobre todo la lista de los navegadores de su producto han sido probadas.
Thanks for the suggestions. Gracias por las sugerencias. Keep it coming. Manténgalo en un lugar próximo. In fact I want to know how I can shorten the list. De hecho, quiero saber cómo puedo acortar la lista.
Notes on changes as a result of suggestions: Notas sobre los cambios como resultado de sugerencias:
1. Added Opera for Linux & Windows Platform as pointed by pkmk & Lars G. Svensson. Añadido Opera para Linux y Windows como señaló la Plataforma de pkmk & Lars G. Svensson.
2. Removed KDE which was a mistake as pointed out by Adam Kruszewski . Eliminado KDE que fue un error como lo señaló Adam Kruszewski.
3. Didn’t add Lynx or Link (as suggested by John D. Mitchell) because from all published browser usage trends they comprise a very small percentage of users on the web (in the range of 0.1 to o.o1 %). No añadir Lynx o Link (como se sugiere por D. John Mitchell), ya que de todos los publicados navegador tendencias de uso, están compuestos por un porcentaje muy pequeño de usuarios en la web (en el rango de 0,1 a o.o1%). So the cost-benefit ratio may not be acceptable. Por lo tanto, la relación costo-beneficio puede no ser aceptable.
4. As you can see this is not a all encompassing list. Como puedes ver, esta no es una lista que abarque todos. The purpose is to address over 90-95% of the web users(not 60% as with only IE). El objetivo es hacer frente a más de 90-95% de los usuarios de la web (no 60% como sólo con IE). In fact I am looking at how to shorten the list. De hecho Estoy buscando la forma de acortar la lista.
Content-less wonders Content-menos maravillas
I was reading about BPM (Business Process Management) developments. He leído acerca de BPM (Business Process Management) la evolución. It is amazing to see so many articles and analysis without absolutely any content. Es sorprendente ver a tantos artículos y análisis absolutamente sin ningún contenido. It feels like even sentences were copied & pasted from other sources. Se siente como incluso las sentencias han sido copiados y pegados de otras fuentes. And then I couldn’t even take back one line of summarized knowledge from them! Y luego he podido ni siquiera recuperar una línea de resumir el conocimiento de ellos! It is easy to speak in general terms, which can be used for almost any context, without knowing anything about a subject. Es fácil hablar en términos generales, que pueden utilizarse para casi cualquier contexto, sin saber nada sobre un tema. In reality they mean nothing. En realidad no significan nada. Chances are people will avoid a site forever after seeing a couple of such pages. Es probable que la gente va a evitar un sitio para siempre después de ver un par de esas páginas.
Similarly avoid over-hyped content. Del mismo modo evitar saturado contenido. Text like “amazing”, “awesome”, “will blow your mind off” (and other such Amway-speak) is a sure-fire way of getting rid of visitors to your site. Texto como "increíble", "impresionante", "volar fuera de tu mente" (y otros tales Amway de hablar) es un seguro de incendio manera de deshacerse de los visitantes a su sitio.
Looking forward for your additions/alterations to this list… De cara al futuro para sus adiciones o modificaciones a esta lista…
Filed under Filed under Firefox , Internet Explorer Internet Explorer , Technology Tecnología , Web | |
| |
RSS 2.0 RSS 2,0 | |
Email this Article Enviar artículo
You may also like to read También puede leer |





September 9th, 2004 at 2:16 am Septiembre 9, 2004 a las 2:16 am
you missed opera que no ha visto la ópera
September 9th, 2004 at 2:39 am Septiembre 9, 2004 a las 2:39 am
Opera on Windows and Linux (and maybe on MacOS) Opera en Windows y Linux (y quizás en MacOS)
September 9th, 2004 at 6:33 am Septiembre 9, 2004 a las 6:33 am
You forgot text-only browsers such as Lynx and Links. ¿Ha perdido sólo texto navegadores como Lynx y Links.
September 9th, 2004 at 7:49 am Septiembre 9, 2004 a las 7:49 am
KDE is not a web browser KDE no es un navegador web

Apart that I couldn’t agree more with you Aparte que yo no podría estar más de acuerdo con usted
September 12th, 2004 at 8:01 pm Septiembre 12, 2004 a las 8:01 pm
There’s no IE 6.x available for the Mac. No hay IE 6.x disponible para Mac. It still v5. Todavía V5.
(Mac OS X is v5.2.3 and OS 9 is 5.1.7) (Mac OS X es v5.2.3 y OS 9 es 5.1.7)
Sorry, I guess that just made the list longer. Lo siento, creo que acaba de hacer la lista más larga.
December 28th, 2006 at 8:25 am 28 de diciembre de 2006, a las 8:25 am
Opera and Firefox should also be tested in Mac OS X. Opera y Firefox también debe ser probado en Mac OS X.
July 16th, 2007 at 3:22 am 16 de julio de 2007, a las 3:22 am
I have visited your site 411-times He visitado su sitio 411-veces