Tips para Diseño Web: Qué Hacer y Qué No Hacer a la Hora de Diseñar o Programar una Página

Tips para Diseño Web: Qué Hacer y Qué No Hacer a la Hora de Diseñar o Programar una Página


A todo diseñador web le pasa. Hay que ponerse a desarrollar o revisar una página y las cosas para tener en cuenta no son pocas. Que la usabilidad, que el SEO, que el código, que los colores… En fin, la lista es la larga y la vida es corta. Por eso decidimos compilar esta serie de cuarenta tips, que son los más votados por los lectores de webdosanddonts.com. Los dividimos en las veinte cosas que HAY, y las veinte que NO HAY que hacer, a la hora de diseñar o mantener una página web.

LO QUE 

1. Chequear bien los textos y códigos antes de publicar.

2. Usar el DOCTYPE correcto.

3. Mantener el contenido organizado según un orden lógico en el código fuente. Que el código sea claro.

4. Usar el ¨CSS cascade¨ para no complicar inútilmente el código.

5. Tené siempre en cuenta cómo funciona el modelo de cajas de CSS.

6. No descuides la tipografía de tu sitio (tamaño, ritmo, escala, etc). Siempre que puedas, mejorala.

7. Optimizá los ¨title tags¨ de cada página. Que no haya dos iguales y expresen el contenido claramente.

8. Escribí buenos nombres para cada ID y cada ¨clase¨.

9. Hacé que los links se diferencien del texto común de manera clara.

10. Familiarizate con las secuencias de escape de CSS (CSS escape sequences).

11. Armá una buena página de Contacto.

12. Siempre usá utf-8 enconding.

13. Usá ¨Favicons¨, íconos de ¨favorito¨.

14. Optimizá las imágenes para web.

15. Prestale atención al contraste tipográfico para dirigir al usuario a las secciones importantes.

16. Usa ¨labels¨ o etiquetas para hacer que los formularios sean accesibles.

17. Utilizá Headings para hacer que tu sitia sea más accesible.

18. Asegurate de que tu página funcione con y sin el prefijo www.

19. Usá CSS Sprites.

20. Mantené al usuario actualizado mientras se cargan los elementos.

 

LO QUE NO

1. No uses recursos basados en HTTP en una página HTTPS.

2. No redimensiones  la ventana del navegador.

3. No le pidas al navegador que adivine el ¨encoding¨ que usa tu página.

4.  No utilices tablas inaccesibles.

5. No subrayes textos que no son enlaces.

6. Revisá que tus Alt Texts estén bien escritos.

7. No uses frames.

8. No uses enlaces con ¨hacé click acá¨, porque dependen mucho del contexto y del dispositivo en que se esté viendo.

9. No uses Splash Pages, que retardan el acceso del usuario a tu página.

10. No dejes video o audio en autoplay. Dejá que el usuario lo elija, si lo quiere.

11. No uses sólo color para transmitir información.

12. No creas que valid HTML es buen HTML.

13. Si diseñás para imprimir, recordá que no todos tienen una impresora a color, y que los colores e imágenes de fondo no imprimen por default.

14.  No dejes links vacíos.

15. NO ESCRIBAS TODO EN MAYÚSCULA.

16. No uses sólo texto en Bold en tu contenido.

17. No escribas títulos que no describan el contenido de tu página.

18. No abuses del uso de Flash.

19. No pongas block elements dentro de inline elements.

20. Nunca uses tablas de HTML para el layout.


Conocé Escuela Da Vinci . Cursos y Carreras de Diseño Web, Diseño Gráfico, Animación y Arte Digital

Buenos Aires, Argentina

1 comment

Add yours
  1. 1
    Manuel

    Muy buen aporte. Saber crear páginas web puede ser una poderosa herramienta para conseguir trabajo teniendo en cuenta la gran disponibilidad con la que cuentan los especialistas en esta área hoy en día.

Los comentarios están cerrados.