Consideraciones para el diseño en formato Web. Presentacion realizada el 11/08/2010 en Santiago, para alumnos del Diplomado de Diseño Editorial de la Universidad del Desarrollo (UDD)

1. Del papel a la pantalla
Consideraciones para el diseño
en formato Web
paulo.saavedra@gmail.com
www.paulosaavedra.cl
Twitter: @paulo_saavedra

3. Web 2.0

4. http://www.amazon.com/

5. La Web 2.0 es actitud,
no una tecnología.

7. ¿RSS?
Rich Site Summary

8. http://www.feedly.com/

9. Evolucionar de
aplicaciones estáticas
hacia aplicaciones y servicios
pensados en el usuario

10. Premisa:
Fomentar colaboración y
servicios que
ofrecer
reemplacen operaciones
de escritorio

11. Principios 2.0
La Web es la plataforma
La información como procesador
La participación mueve las redes
La innovación surge sola
Beta permanente

12. El fin de Web estáticas:
actualización constante,
participación y colaboración

13. actitud

14. 1.0 2.0
 Banners > Google AdSense (Publicidad)
 Ofoto > Flickr (Comunidades fotográficas)
 Mail > RSS, Redes sociales (Distribución)
 mp3.com/Napster > Itunes (Descargas de música)
 Britannica Online > Wikipedia (Enciclopedias)
 Sitios personales > Blogs (Páginas personales)
 Especular dominios > Buscadores (SEO)
 Page views > Costo por click / Perfiles
 Sitios Estáticos > CMS (Manejo de contenidos)
 Categorías > Tag / Semántica

16. Diseñar para la web
no es lo mismo que
diseñar para papel
Paulo Saavedra V. / paulo.saavedra@gmail.com

18. estándares

19. http://www.w3.org/standards/webdesign/

20. Color
Equilibrio
Tamaño
Espacio
Peso
Edición
…
diseño
HTML - programación
Metadatos - Semántica
Diseño de Interface
Usabilidad
Accesibilidad
Visualización
…

21. Referencias…vitales

22. ¿Qué hacer para diseñar web?
 Pensar en plataformas y formatos múltiples
 Usar y entender las métricas
 Respetar estándares Web (W3C)
 Pensar en el usuario
 Diseñar experiencias
 Diseñar la información
 Separar contenido de presentación
 Usar de hojas de estilo

23. <links
 http://web.archive.org/
 http://www.w3c.org
 http://www.feedly.com
 http://www.flipboard.com
 http://www.guiaweb.cl
 http://tienes5segundos.cl

24. paulo.saavedra@gmail.com
www.paulosaavedra.cl
Twitter: @paulo_saavedra