24
Del papel a la pantalla [email protected] www.paulosaavedra.cl Twitter: @paulo_saavedra Consideraciones para el diseño en formato Web

Del papel a la pantalla

Embed Size (px)

DESCRIPTION

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)

Citation preview

Page 1: Del papel a la pantalla

Del papel a la pantalla

[email protected]

Twitter: @paulo_saavedra

Consideraciones para el diseño

en formato Web

Page 3: Del papel a la pantalla

Web 2.0

Page 4: Del papel a la pantalla

http://www.amazon.com/

Page 5: Del papel a la pantalla

La Web 2.0 es actitud,

no una tecnología.

Page 6: Del papel a la pantalla
Page 7: Del papel a la pantalla

¿RSS?Rich Site Summary

Page 9: Del papel a la pantalla

Evolucionar de

aplicaciones estáticas

hacia aplicaciones y servicios

pensados en el usuario

Page 10: Del papel a la pantalla

Premisa:

Fomentar colaboración y

ofrecer servicios que

reemplacen operaciones de escritorio

Page 11: Del papel a la pantalla

La Web es la plataforma

La información como procesador

La participación mueve las redes

La innovación surge sola

Beta permanente

Principios 2.0

Page 12: Del papel a la pantalla

El fin de Web estáticas:

actualización constante,

participación y colaboración

Page 13: Del papel a la pantalla

actitud

Page 14: Del papel a la pantalla

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

1.0 2.0

Page 15: Del papel a la pantalla
Page 16: Del papel a la pantalla

Diseñar para la web

no es lo mismo que

diseñar para papel

Paulo Saavedra V. / [email protected]

Page 18: Del papel a la pantalla

estándares

Page 19: Del papel a la pantalla

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

Page 20: Del papel a la pantalla

diseñoHTML - programación

Metadatos - Semántica

Diseño de Interface

Usabilidad

Accesibilidad

Visualización

Color

Equilibrio

Tamaño

Espacio

Peso

Edición

Page 21: Del papel a la pantalla

Referencias…vitales

Page 22: Del papel a la pantalla

¿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

Page 23: Del papel a la pantalla

http://web.archive.org/

http://www.w3c.org

http://www.feedly.com

http://www.flipboard.com

http://www.guiaweb.cl

http://tienes5segundos.cl

<links

Page 24: Del papel a la pantalla

[email protected]

Twitter: @paulo_saavedra