Conoce los 25 errores t铆picos en desarrollos Web, desde problemas en el entendimiento de lo que es el HTML hasta t铆picos errores de arquitectura, pensamiento de sistemas.
- Error 1: Peso en la p谩gina.
El peso ideal tiene que rondar los 50 KB a 80 KB como mucho, aunque mucha gente posee ADSL, mucha gente tambi茅n est谩 bajando archivos, escuchando m煤sica en radios online, y la cuota de velocidad de descarga empieza a descender.
- Error 2: T铆tulos de p谩gina molestos y enigm谩ticos
Muchos ejemplos de los que he revisado tienen t铆tulos de p谩ginas totalmente molestos y no muy explicativos.
- Error 3: Sin im谩genes navegar una p谩gina es imposible
- Error 4: URL matem谩ticas, casi imposibles de entender y recordar
Si, matem谩ticas, algunas URLs son tan complejas de entender que si no disponemos de una ayuda visual, solemos tener problemas para navegar
- Error 5: C贸digo prehist贸rico reemplazable con CSS
- Error 6: Olvidarse de la sem谩ntica, los documentos son una pila de informaci贸n sin clasificar鈥
Con esta simple regla de CSS y un c贸digo de HTML coherente, no deber茅 escribir m谩s c贸digo de m谩s en el HTML, ni clases, ni usar im谩genes para hacer l铆neas o 鈥渟ubrayados鈥 en los t铆tulos, tampoco usar谩n im谩genes transparentes para 鈥渁comodar鈥 elementos (uno entre otro o para separarlos), por que con el uso debido de CSS se puede controlar el posicionamiento de cada elemento que se encuentre en el documento.
Error 7: Sin estilos la p谩gina no se entiende, ni tiene significado鈥
- Error 8: Ventanas emergentes, in煤tiles, sin sentido y no muy accesibles.
Es preferible abrir una ventana de un navegador (que posee todos los controles) a abrir una ventana emergente 鈥減opup鈥 de 350 p铆xeles de ancho por 400 p铆xeles de alto
- Error 9: Instale Flash, o de lo contrario no podr谩 navegar el sitio Web
Si utilizan Flash, hay que pensar por la gente que no lo tiene instalado, puede que esa misma gente incluso no tenga javascript o no tenga la versi贸n correcta del plug-in de Flash, suele ocurrir que todo funciona mal o no se esperan los resultados, los plugins de detecci贸n no averiguan a la perfecci贸n que tipo de plugin versi贸n 00000000.000000222 ten铆as instalada鈥
- Error 10: Javascript supera todas las tecnolog铆as de lenguajes, HTML, CSS, PHP.
Javascript no es un lenguaje perfecto para ser el esqueleto de un website, ni mucho menos para controlar la interacci贸n entre documentos. Si desactivamos Javascript en mi navegador el sitio de Correos de Espa帽a se navegable en un 20%, no llego siquiera a enviar una postal desde la p谩gina de 鈥淓nv铆e una postal por Internet”.
- Error 11: HTML no es un lenguaje de modelaje de p谩ginas.
HTML no es un lenguaje de moldeo de p谩ginas, de hecho el HTML no tiene est茅tica alguna, solo significado, es un lenguaje para clasificar contenidos, que luego con otra tecnolog铆a se editar谩n los factores visuales, para esas cosas se ha creado CSS.
- Error 12: Utilizar hojas de estilo en l铆nea o embebidas en los documentos
Un factor importante en los documentos Web debe ser la separaci贸n del contenido de la presentaci贸n, de modo que el HTML sea para contener y el CSS para presentar, por eso, utilizar hojas de estilos embebidas en el mismo documento no es sano.
- Error 13: Javascript no modularizado.
Otro grave error parecido, al caso de las hojas de estilo es que no se modular铆za el c贸digo Javascript, de ninguna forma, ni usando un lenguaje de scripting siquiera. Si modularizas c贸digo de Javascript, 茅ste se descargar谩 una vez y ser谩 cacheado por el cliente y re-utilizado cada vez que se necesite.
- Error 14: Mapa Web del sitio.
驴Para qu茅 hace falta una p谩gina con un millar de enlaces? 驴El usuario no puede encontrar lo que busca? Entonces eso sucede por 2 factores:
- P谩gina mal organizada
- Posee un buscador que no hace nada 煤til.
Nada mejor que un buen buscador y una buena arquitectura de la informaci贸n.
- Error 15: Buscador ciego鈥 buscador in煤til
No existe nada m谩s in煤til que un buscador que 隆no puede buscar!
- Error 16: La Web no es la televisi贸n
Responsables de un sitio Web, Internet no es una televisi贸n, es por eso, que entrar a un sitio es como el diario El Pais es para ver los titulares, no para encontrarse una pantalla negra, con una publicidad de Wanadoo ADSL de 700 p铆xeles por 700 p铆xeles, como si fuera un anuncio publicitario de televisi贸n.
Si lo que desean es ahorrarse la carga de un documento, utilizad includes de alg煤n lenguaje de scripting como lo es PHP, ASP, JSP, o Python, da igual que lenguaje, pero es mejor que utilizar un Frame que trae cientos de problemas a tus clientes, para imprimir son un parto, para desarrollar tambi茅n, que si tengo que controlar lo que pasa en un lugar, y en otro frame, que si utilizo Javascript para colorear algo, no basta de frames, son una p茅rdida de dinero terrible.
- Error 18: Formularios inaccesibles.
En muchos sitios se hacen formularios inaccesibles, de tal forma y color que se tornan inservibles, hace falta un rat贸n e Internet Explorer 6 para que funcionen.
Adem谩s algo muy com煤n es ver cosas como que un bot贸n no es un bot贸n de formulario, sino una imagen o una tabla de HTML que tiene celdas que a su vez contienen im谩genes y un peque帽o c贸digo Javascript que env铆a los datos de ese formulario.
- Error 19: Tipograf铆as mal aplicadas.
Una de las cosas que podemos notar es que, la gran mayoria de los desarrolladores no sabe como aplicar las tipograf铆as en la Web. El primer problema es encontrarse ejemplos como Administraci贸n.es, que utiliza tipograf铆as demasiado peque帽as para un portal donde el espectro de gente debe ser m谩s amplio, recuerda que en este tipo de sitios, el 99% de la gente no ser谩 de 20 a帽os con una salud espl茅ndida.
El segundo problema es mala utilizaci贸n de medidas, por ejemplo podemos notar que en muchos casos, utilizan medidas en puntos (pt) para tipograf铆as que se visualizan en pantallas, cuando los (pt) son ideales para sistemas de impresi贸n.
- Error 20: Archivos multimedia, PDF, etc.
Antes de presentar un PDF, asegurarse de que ese documento est谩 hecho en HTML, si no tiene nada que ver con la informaci贸n avisarle al usuario que se le va a servir un archivo PDF, utilizad 铆conos y enlaces de texto, y proporcionarle al usuario un medio para llegar a la instalaci贸n del Adobe Acrobat en caso de que el no posea el plug-in.
Fuente del Art铆culo: www.webtaller.com – Leer noticia completa
El Programa NEW forma parte del Plan Avanza y est谩 dirigido a todas las empresas con menos de 250 empleados as铆 como a todos los empresarios aut贸nomos. Con la intenci贸n de llegar al mayor n煤mero de empresarios posible, se han puesto en marcha unos talleres de iniciaci贸n a la web empresarial, de acceso libre y gratuito, que recorren, desde el pasado 11 de septiembre, las distintas comunidades aut贸nomas. En Arag贸n, los talleres NEW tendr谩n lugar los pr贸ximos d铆as 17 de diciembre en Huesca, el 18 en Zaragoza y el 19 en Teruel.
