Del papel a la pantalla
  Consideraciones para el diseño
        en formato Web




      paulo.saavedra@gmail.com
       ...
Web 2.0
http://www.amazon.com/
La Web 2.0 es actitud,
 no una tecnología.
¿RSS?
Rich Site Summary
http://www.feedly.com/
Evolucionar de
aplicaciones estáticas
hacia aplicaciones y servicios
pensados en el   usuario
Premisa:
Fomentar colaboración y
     servicios que
ofrecer

reemplacen operaciones
de escritorio
Principios 2.0
 La Web es la plataforma
 La información como procesador
 La participación mueve las redes
 La innovaci...
El fin de Web estáticas:
  actualización constante,
participación y colaboración
actitud
1.0 2.0
 Banners            > Google AdSense (Publicidad)
 Ofoto              > Flickr (Comunidades fotográficas)
 Mail...
Diseñar para la web
no es lo mismo que
diseñar para papel

   Paulo Saavedra V. / paulo.saavedra@gmail.com
estándares
http://www.w3.org/standards/webdesign/
Color
Equilibrio
Tamaño
Espacio
Peso
Edición
…




diseño
       HTML - programación
      Metadatos - Semántica
         ...
Referencias…vitales
¿Qué hacer para diseñar web?
 Pensar en plataformas y formatos múltiples
 Usar y entender las métricas
 Respetar estánd...
<links
 http://web.archive.org/
 http://www.w3c.org
 http://www.feedly.com
 http://www.flipboard.com
 http://www.guia...
paulo.saavedra@gmail.com
   www.paulosaavedra.cl

 Twitter: @paulo_saavedra
Del papel a la pantalla
Del papel a la pantalla
Del papel a la pantalla
Del papel a la pantalla
Upcoming SlideShare
Loading in …5
×

Del papel a la pantalla

833 views
773 views

Published on

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)

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
833
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Del papel a la pantalla

  1. 1. Del papel a la pantalla Consideraciones para el diseño en formato Web paulo.saavedra@gmail.com www.paulosaavedra.cl Twitter: @paulo_saavedra
  2. 2. Web 2.0
  3. 3. http://www.amazon.com/
  4. 4. La Web 2.0 es actitud, no una tecnología.
  5. 5. ¿RSS? Rich Site Summary
  6. 6. http://www.feedly.com/
  7. 7. Evolucionar de aplicaciones estáticas hacia aplicaciones y servicios pensados en el usuario
  8. 8. Premisa: Fomentar colaboración y servicios que ofrecer reemplacen operaciones de escritorio
  9. 9. 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
  10. 10. El fin de Web estáticas: actualización constante, participación y colaboración
  11. 11. actitud
  12. 12. 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
  13. 13. Diseñar para la web no es lo mismo que diseñar para papel Paulo Saavedra V. / paulo.saavedra@gmail.com
  14. 14. estándares
  15. 15. http://www.w3.org/standards/webdesign/
  16. 16. Color Equilibrio Tamaño Espacio Peso Edición … diseño HTML - programación Metadatos - Semántica Diseño de Interface Usabilidad Accesibilidad Visualización …
  17. 17. Referencias…vitales
  18. 18. ¿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
  19. 19. <links  http://web.archive.org/  http://www.w3c.org  http://www.feedly.com  http://www.flipboard.com  http://www.guiaweb.cl  http://tienes5segundos.cl
  20. 20. paulo.saavedra@gmail.com www.paulosaavedra.cl Twitter: @paulo_saavedra

×