Post on 09-Jul-2015
1
2
Diseño y tecnología
Casos
Comunidad y contenido
Web 2.0
3
Diseño y tecnología
4
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
5
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.
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 Web 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
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
21
Preguntas
22
www.agenciablog.net
badd.com.ar
Gracias