Del papel a la pantalla
-
Upload
paulo-saavedra -
Category
Design
-
view
643 -
download
5
description
Transcript of Del papel a la pantalla
![Page 1: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/1.jpg)
Del papel a la pantalla
Twitter: @paulo_saavedra
Consideraciones para el diseño
en formato Web
![Page 3: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/3.jpg)
Web 2.0
![Page 5: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/5.jpg)
La Web 2.0 es actitud,
no una tecnología.
![Page 6: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/6.jpg)
![Page 9: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/9.jpg)
Evolucionar de
aplicaciones estáticas
hacia aplicaciones y servicios
pensados en el usuario
![Page 10: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/10.jpg)
Premisa:
Fomentar colaboración y
ofrecer servicios que
reemplacen operaciones de escritorio
![Page 11: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/11.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/12.jpg)
El fin de Web estáticas:
actualización constante,
participación y colaboración
![Page 13: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/13.jpg)
actitud
![Page 14: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/14.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/15.jpg)
![Page 18: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/18.jpg)
estándares
![Page 20: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/20.jpg)
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](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/21.jpg)
Referencias…vitales
![Page 22: Del papel a la pantalla](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/22.jpg)
¿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](https://reader033.fdocuments.mx/reader033/viewer/2022042614/55953bf81a28abe2268b45b4/html5/thumbnails/23.jpg)
http://web.archive.org/
http://www.w3c.org
http://www.feedly.com
http://www.flipboard.com
http://www.guiaweb.cl
http://tienes5segundos.cl
<links