Diseño y tecnología Casos Comunidad y contenido Web 2.0

Diseño y tecnología

Web 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

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

Web 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.

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.

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

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

Diseño y código Web 1.0 Estático Tablas, frames < p >< font size=&quot;7&quot; face=&quot;Georgia, Arial&quot; color=&quot;maroon&quot;>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

Web 1.0

Estático

Tablas, frames

< p >< font size=&quot;7&quot; face=&quot;Georgia, Arial&quot; color=&quot;maroon&quot;>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

Comunidad y contenido

Contenido remezclado Sindicación: XML, RSS

Sindicación: XML, RSS

Contenido remezclado Sindicación: XML, RSS

Sindicación: XML, RSS

Contenido remezclado Sindicación: XML, RSS

Sindicación: XML, RSS

Contenido clasificado y valorado folcksonomías (= taxonomía) categorización colaborativa por medio de etiquetas, t agging, tag cloud

folcksonomías (= taxonomía)

categorización colaborativa por medio de etiquetas, t agging, tag cloud

Contenido clasificado y valorado folcksonomías (= taxonomía) categorización colaborativa por medio de etiquetas, t agging, tag cloud

folcksonomías (= taxonomía)

categorización colaborativa por medio de etiquetas, t agging, tag cloud

valores Compartir Potenciar Trabajo colaborativo Copyleft Gratuidad Valores de Web 2.0 Comentarios y participación Referencias (pingbacks y trackbacks) Recursos (audios, videos, mapas) Links (blogroll y citas) Web 2.0

Casos

Separación de diseño/contenido www.csszengarden.com

www.csszengarden.com

Compartir enlaces + tagging Del.icio.us + www.6pli.com

Del.icio.us +

www.6pli.com

Mapas Google maps + VeoGeo Videos sincronizados con información geográfica

Google maps + VeoGeo

Videos sincronizados con información geográfica

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

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

Canal: videos propios de YouTube Espacios de introducción libre de texto, imágenes, etc. Barras laterales widgetizadas Post e información complementaria Diputada Diana Maffía Clasificación de los autores Agenda de eventos propia Clasificación del editor

Preguntas

www.agenciablog.net badd.com.ar Gracias