Del papel a la pantalla

  • View
    643

  • Download
    5

  • Category

    Design

Preview:

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

Del papel a la pantalla

paulo.saavedra@gmail.comwww.paulosaavedra.cl

Twitter: @paulo_saavedra

Consideraciones para el diseño

en formato Web

Web 2.0

http://www.amazon.com/

La Web 2.0 es actitud,

no una tecnología.

¿RSS?Rich Site Summary

Evolucionar de

aplicaciones estáticas

hacia aplicaciones y servicios

pensados en el usuario

Premisa:

Fomentar colaboración y

ofrecer servicios que

reemplacen operaciones de escritorio

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

El fin de Web estáticas:

actualización constante,

participación y colaboración

actitud

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

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/

diseñoHTML - programación

Metadatos - Semántica

Diseño de Interface

Usabilidad

Accesibilidad

Visualización

Color

Equilibrio

Tamaño

Espacio

Peso

Edición

Referencias…vitales

¿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

http://web.archive.org/

http://www.w3c.org

http://www.feedly.com

http://www.flipboard.com

http://www.guiaweb.cl

http://tienes5segundos.cl

<links

paulo.saavedra@gmail.comwww.paulosaavedra.cl

Twitter: @paulo_saavedra

Recommended