1

2

Diseño y tecnología

Casos

Comunidad y contenido

Web 2.0

3

Diseño y tecnología

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

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.

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

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

8

Comunidad y contenido

9

Contenido remezclado

• Sindicación: XML, RSS

10

Contenido remezclado

• Sindicación: XML, RSS

11

Contenido remezclado

• Sindicación: XML, RSS

12

Contenido clasificado y valorado

• folcksonomías (= taxonomía)categorización colaborativa por medio de etiquetas,

tagging, tag cloud

13

Contenido clasificado y valorado

• folcksonomías (= taxonomía)categorización colaborativa por medio de etiquetas,

tagging, tag cloud

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

15

Casos

16

Separación de diseño/contenido

• www.csszengarden.com

17

Compartir enlaces + tagging

• Del.icio.us +• www.6pli.com

18

Mapas

• Google maps + VeoGeoVideos sincronizados con información geográfica

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

20

Preguntas

21

www.agenciablog.net

badd.com.ar

Gracias