web 2.0: diseño y tecnología en una nueva cultura online
TRANSCRIPT
![Page 1: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/1.jpg)
1
![Page 2: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/2.jpg)
2
Diseño y tecnología
Casos
Comunidad y contenido
Web 2.0
![Page 3: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/3.jpg)
3
Diseño y tecnología
![Page 4: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/4.jpg)
4
Internet 1.0
Autopista de la información• Obtenemos cantidades abrumadoras de
información sin límites geográficos ni físicos.
• El email vincula a las personas desafiando lo temporal con la inmediatez.
• Velocidad, inmediatez, sin límites
![Page 5: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/5.jpg)
5
Internet 2.0
• Nuevas herramientas permiten publicar (videos, blog, podcast) sin tener conocimientos tecnológicos (código HTML).
• El vínculo deja de ser vertical y se crean nuevos espacios que la gente hace suyos (ej: wikipedia, redes sociales, marcadores sociales). La creación de conocimiento tiende a ser comunitaria.
• Poder y control al lector (sindicación, folcsonomías).• La información es enriquecida por que se la remezcla y
resignifica según uso y contexto.
![Page 6: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/6.jpg)
6
Cambio de paradigma
Web 1.0• Expositiva, Emisión• Conocimiento vertical
• Información estática
• Poder del emisor• Imitando a los medios
tradicionales
Web 2.0• Participativa, Diálogo• Se valora lo comunitario.
Modelo de negocio Long tail
• Información enriquecida (links y referencias), con nuevos medios (fotos, videos, mapas...) y remezclada
• Poder al usuario• Aprovecha todas sus
capacidades
![Page 7: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/7.jpg)
7
Diseño y códigoWeb 1.0
• Estático• Tablas, frames
<p><font size="7" face="Georgia, Arial" color="maroon">Texto</font></p>
• “Se ve mejor con Explorer…”
• Meta tags
Web 2.0
• Dinámico y flexible• Separación del
contenido de la capa de presentación: CSS, Cascade Style Sheet
• Accesibilidad, Estándares W3C
• SEO, Search Engine Optimization
![Page 8: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/8.jpg)
8
Comunidad y contenido
![Page 9: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/9.jpg)
9
Contenido remezclado
• Sindicación: XML, RSS
![Page 10: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/10.jpg)
10
Contenido remezclado
• Sindicación: XML, RSS
![Page 11: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/11.jpg)
11
Contenido remezclado
• Sindicación: XML, RSS
![Page 12: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/12.jpg)
12
Contenido clasificado y valorado
• folcksonomías (= taxonomía)categorización colaborativa por medio de etiquetas,
tagging, tag cloud
![Page 13: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/13.jpg)
13
Contenido clasificado y valorado
• folcksonomías (= taxonomía)categorización colaborativa por medio de etiquetas,
tagging, tag cloud
![Page 14: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/14.jpg)
14
valores
Compartir
Potenciar
Trabajo colaborativo
Copyleft
Gratuidad
Valores de Internet 2.0
Comentariosy participación
Referencias(pingbacks ytrackbacks)
Recursos(audios, videos,
mapas)
Links(blogroll y
citas)
Web 2.0
![Page 15: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/15.jpg)
15
Casos
![Page 16: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/16.jpg)
16
Separación de diseño/contenido
• www.csszengarden.com
![Page 17: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/17.jpg)
17
Compartir enlaces + tagging
• Del.icio.us +• www.6pli.com
![Page 18: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/18.jpg)
18
Mapas
• Google maps + VeoGeoVideos sincronizados con información geográfica
![Page 19: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/19.jpg)
19
Blog• Complementa el sitio web y
refleja un aspecto más dinámico de la identidad
• Consola que cambia todo el tiempo para mostrar la actividad de la institución/empresa
• Diseñador debe facilitar la publicación de todo tipo de contenidos (links, img, video, mapas, etc)
• Organizar los distintos tipos de lectura (Navegación transversal: archivos, categorías, tagging, canal de videos)
• Fidelizar lectores. Creación y fortalecimiento de redes de contactos y comunidades
![Page 20: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/20.jpg)
20
Preguntas
![Page 21: Web 2.0: diseño y tecnología en una nueva cultura online](https://reader034.vdocuments.co/reader034/viewer/2022052400/559685841a28ab067a8b45d2/html5/thumbnails/21.jpg)
21
www.agenciablog.net
badd.com.ar
Gracias