SlideShare una empresa de Scribd logo
1 de 42
Usabilidad y web 2.0
1
gema de la fuente - www.latidomedia.com
“ U N A V E R D A D E R A A P L I C A C I Ó N W E B 2 . 0 E S
A Q U E L L A Q U E M E J O R A M I E N T R A S M Á S
P E R S O N A S L A U S A N ”
T I M O ' R E I L L Y
gema de la fuente - www.latidomedia.com
2
El usuario web 2.0
gema de la fuente - www.latidomedia.com 3
gema de la fuente - www.latidomedia.com 4
Usuario como receptor > usuario como generador
Web como medio de comunicación > web como herramienta
Diseños y contenidos > plataformas y arquitecturas
características
gema de la fuente - www.latidomedia.com
5
 Almacenamiento virtual y ubicuo
 Carácter social, participativo e independiente
Aprobación social , tentación egocéntrica
 Máxima compatibilidad y portabilidad
Elementos técnicos
gema de la fuente - www.latidomedia.com
6
 Estándares
 XHTML
 XML
 SOAP
 CSS
 AJAX
 RSS
 JAVASCRIPT
 API
Elementos estéticos
gema de la fuente - www.latidomedia.com
7
 Interfaz limpias con mucho espacio blanco
 Suaves: Colorista, esquinas redondeadas, degradados...
 Usables: estándares, intuitivas, sencillas
 Contenidos muy segmentados
 Sistemas navegación mas abiertos
Características usuario
gema de la fuente - www.latidomedia.com
8
 + exigente
 + activo
 + escéptico
 + informado
D O N D E E S T A M O S Y H A C I A D O N D E V A M O S
gema de la fuente - www.latidomedia.com
9
Banca y web 2.0
gema de la fuente - www.latidomedia.com 10
El futuro de la banca e internet
gema de la fuente - www.latidomedia.com
11
 Prestamos sociales
 Pago en línea
 Administración finanzas personales
barcamp
gema de la fuente - www.latidomedia.com
12
E J E M P L O S D E W E B S D E B A N C A
A C E R C Á N D O S E A L A W E B 2 . 0
gema de la fuente - www.latidomedia.com
13
Formatos característicos
Comunidades
gema de la fuente - www.latidomedia.com
14
twitter
gema de la fuente - www.latidomedia.com
15
Video: Youtube
gema de la fuente - www.latidomedia.com
16
Blogs
gema de la fuente - www.latidomedia.com
17
E L F O N D O Y N O ( S O L O ) L A F O R M A
D E F I N E N U N A W E B 2 . 0
gema de la fuente - www.latidomedia.com
18
Servicios financieros
Gestor finanzas personales + comunidad
gema de la fuente - www.latidomedia.com
19
Gestor finanzas personales
gema de la fuente - www.latidomedia.com
20
Comparador productos financieros
gema de la fuente - www.latidomedia.com
21
Prestamos entre particulares
gema de la fuente - www.latidomedia.com
22
Comunidad de inversores
gema de la fuente - www.latidomedia.com
23
Prestamos entre particulares
gema de la fuente - www.latidomedia.com
24
Gestionar transacciones online
gema de la fuente - www.latidomedia.com
25
Gestor finanzas personales + comunidad
gema de la fuente - www.latidomedia.com
26
Gestor finanzas personales + comunidad
gema de la fuente - www.latidomedia.com
27
E L U S U A R I O C O M O G E N E R A D O R D E C O N T E N I D O
gema de la fuente - www.latidomedia.com
28
Blogs
Aplicaciones empresariales
gema de la fuente - www.latidomedia.com
29
 Intermediario social
 Comunicación corporativa
 Comunicación interna
D E J A N D O A L U S U A R I O E L E G I R E L C A M I N O
gema de la fuente - www.latidomedia.com
30
Nuevas tendencias navegación
Caminos sociales
gema de la fuente - www.latidomedia.com
31
La lista de la compra
gema de la fuente - www.latidomedia.com
32
Procesos guiados
gema de la fuente - www.latidomedia.com
33
Listados
gema de la fuente - www.latidomedia.com
34
Filtrando los listados
gema de la fuente - www.latidomedia.com
35
U T I L I D A D Y F O R M A S D E P R E S E N T A C I Ó N
gema de la fuente - www.latidomedia.com
36
Nubes de etiquetas
Un formato de moda
gema de la fuente - www.latidomedia.com
37
Tag index
gema de la fuente - www.latidomedia.com
38
Font size
gema de la fuente - www.latidomedia.com
39
Color
gema de la fuente - www.latidomedia.com
40
fondos
gema de la fuente - www.latidomedia.com
41
N U E V O S S I S T E M A S D E I N T E R A C C I Ó N :
U S A B I L I D A D S I N E L A P O Y O D E L A C O N V E N C I O N E S
gema de la fuente - www.latidomedia.com
42
La web como aplicación

Más contenido relacionado

Similar a Usabilidad y web2.0

Presentacion tog Jornada Innovacion
Presentacion tog Jornada InnovacionPresentacion tog Jornada Innovacion
Presentacion tog Jornada InnovacionIBCmass
 
Los nuevos retos: BigData, Internet of Things (IoT) y Deep Web
Los nuevos retos: BigData, Internet of Things (IoT) y Deep WebLos nuevos retos: BigData, Internet of Things (IoT) y Deep Web
Los nuevos retos: BigData, Internet of Things (IoT) y Deep WebEmilio del Prado
 
Retos Web 2.0... y Web 3.0
Retos Web 2.0... y Web 3.0Retos Web 2.0... y Web 3.0
Retos Web 2.0... y Web 3.0Roberto García
 
escuchar en la red | publicidad en tiempos revueltos
escuchar en la red | publicidad en tiempos revueltosescuchar en la red | publicidad en tiempos revueltos
escuchar en la red | publicidad en tiempos revueltosAlberto Ortiz de Zarate
 
Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”
Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”
Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”amdia
 
Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."
Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."
Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."OM Latam
 
Casos De Estudio Redes Sociales Tecnologia
Casos De Estudio Redes Sociales TecnologiaCasos De Estudio Redes Sociales Tecnologia
Casos De Estudio Redes Sociales TecnologiaVizRED
 
CRM + Web 2.0 = CRM 2.0
CRM + Web 2.0 = CRM 2.0CRM + Web 2.0 = CRM 2.0
CRM + Web 2.0 = CRM 2.0Jesus Hoyos
 
Curso Travel 2.0 Enlaces
Curso Travel 2.0 EnlacesCurso Travel 2.0 Enlaces
Curso Travel 2.0 EnlacesJimmy Pons
 
Conferencia para la Asociación Prensa Cántabra (20130427)
Conferencia para la Asociación Prensa Cántabra (20130427)Conferencia para la Asociación Prensa Cántabra (20130427)
Conferencia para la Asociación Prensa Cántabra (20130427)Celestino Güemes Seoane
 
091123 Intro + Habilidades Barcelona
091123 Intro + Habilidades   Barcelona091123 Intro + Habilidades   Barcelona
091123 Intro + Habilidades BarcelonaRoca Salvatella
 

Similar a Usabilidad y web2.0 (20)

Presentacion tog Jornada Innovacion
Presentacion tog Jornada InnovacionPresentacion tog Jornada Innovacion
Presentacion tog Jornada Innovacion
 
Los nuevos retos: BigData, Internet of Things (IoT) y Deep Web
Los nuevos retos: BigData, Internet of Things (IoT) y Deep WebLos nuevos retos: BigData, Internet of Things (IoT) y Deep Web
Los nuevos retos: BigData, Internet of Things (IoT) y Deep Web
 
Retos Web 2.0... y Web 3.0
Retos Web 2.0... y Web 3.0Retos Web 2.0... y Web 3.0
Retos Web 2.0... y Web 3.0
 
Web 2
Web 2Web 2
Web 2
 
escuchar en la red | publicidad en tiempos revueltos
escuchar en la red | publicidad en tiempos revueltosescuchar en la red | publicidad en tiempos revueltos
escuchar en la red | publicidad en tiempos revueltos
 
Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”
Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”
Webinario amdia – OM Latam: “Social Media. Sin audiencia no hay paraíso”
 
Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."
Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."
Webinario AMDIA OM Latam "Social Media: sin audiencia no hay paraíso."
 
Casos De Estudio Redes Sociales Tecnologia
Casos De Estudio Redes Sociales TecnologiaCasos De Estudio Redes Sociales Tecnologia
Casos De Estudio Redes Sociales Tecnologia
 
Latin CACS 2009 224
Latin CACS 2009 224Latin CACS 2009 224
Latin CACS 2009 224
 
CRM + Web 2.0 = CRM 2.0
CRM + Web 2.0 = CRM 2.0CRM + Web 2.0 = CRM 2.0
CRM + Web 2.0 = CRM 2.0
 
Digital marketing smart pymes 2013 u
Digital marketing smart pymes 2013 uDigital marketing smart pymes 2013 u
Digital marketing smart pymes 2013 u
 
RP2.0
RP2.0 RP2.0
RP2.0
 
Web 2.0 y empresa
Web 2.0 y empresaWeb 2.0 y empresa
Web 2.0 y empresa
 
funkziona web!
funkziona web!funkziona web!
funkziona web!
 
Periodismo Seo
Periodismo SeoPeriodismo Seo
Periodismo Seo
 
Curso Travel 2.0 Enlaces
Curso Travel 2.0 EnlacesCurso Travel 2.0 Enlaces
Curso Travel 2.0 Enlaces
 
Conferencia para la Asociación Prensa Cántabra (20130427)
Conferencia para la Asociación Prensa Cántabra (20130427)Conferencia para la Asociación Prensa Cántabra (20130427)
Conferencia para la Asociación Prensa Cántabra (20130427)
 
CRM + WEB 2.0 = CRM 2.0
CRM + WEB 2.0 = CRM 2.0CRM + WEB 2.0 = CRM 2.0
CRM + WEB 2.0 = CRM 2.0
 
Web 2
Web 2Web 2
Web 2
 
091123 Intro + Habilidades Barcelona
091123 Intro + Habilidades   Barcelona091123 Intro + Habilidades   Barcelona
091123 Intro + Habilidades Barcelona
 

Más de Gema de la Fuente

Más de Gema de la Fuente (20)

Tendencias UX 2017
Tendencias UX 2017Tendencias UX 2017
Tendencias UX 2017
 
Rafa
RafaRafa
Rafa
 
Ux moviles
Ux movilesUx moviles
Ux moviles
 
Tendencias UX 2014
Tendencias UX 2014Tendencias UX 2014
Tendencias UX 2014
 
Escribir para internet
Escribir para internetEscribir para internet
Escribir para internet
 
Diseño de servicios
Diseño de serviciosDiseño de servicios
Diseño de servicios
 
Trabajar en UX
Trabajar en UXTrabajar en UX
Trabajar en UX
 
Análisis heurístico
Análisis heurísticoAnálisis heurístico
Análisis heurístico
 
Test usuarios
Test usuariosTest usuarios
Test usuarios
 
Prototipos UX
Prototipos UXPrototipos UX
Prototipos UX
 
Investigación usuarios
Investigación usuariosInvestigación usuarios
Investigación usuarios
 
Flujos de interaccion
Flujos de interaccionFlujos de interaccion
Flujos de interaccion
 
Arquitectura de la informacion
Arquitectura de la informacionArquitectura de la informacion
Arquitectura de la informacion
 
Personas
PersonasPersonas
Personas
 
Análisis heurístico cualitativo - Renfe
Análisis heurístico cualitativo -  RenfeAnálisis heurístico cualitativo -  Renfe
Análisis heurístico cualitativo - Renfe
 
Análisis heurístico cuantitativo - Renfe
Análisis heurístico cuantitativo -  Renfe Análisis heurístico cuantitativo -  Renfe
Análisis heurístico cuantitativo - Renfe
 
La caja de herramientas - Arbol contenidos
La caja de herramientas - Arbol contenidosLa caja de herramientas - Arbol contenidos
La caja de herramientas - Arbol contenidos
 
La caja de herramientas - Informe
La caja de herramientas - InformeLa caja de herramientas - Informe
La caja de herramientas - Informe
 
La caja de herramientas - El diseño de la investigación
La caja de herramientas - El diseño de la investigaciónLa caja de herramientas - El diseño de la investigación
La caja de herramientas - El diseño de la investigación
 
La caja de herramientas - Análisis y presentación de resultados
La caja de herramientas - Análisis y presentación de resultadosLa caja de herramientas - Análisis y presentación de resultados
La caja de herramientas - Análisis y presentación de resultados
 

Último

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMNaza59
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfAdrianaCarolinaMoral2
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHEgonzalezdfidelibus
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfhellotunahaus
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...MayerlyAscanioNavarr
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroJuan Carlos Fonseca Mata
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Modernasofpaolpz
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfslaimenbarakat
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOManuelBustamante49
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfasnsdt
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisbrasilyamile
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasRiegosVeracruz
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoWilsonChambi4
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxbarbaracantuflr
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesespejosflorida
 

Último (20)

Arquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSMArquitectura moderna nazareth bermudez PSM
Arquitectura moderna nazareth bermudez PSM
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdfPresentación Proyecto Vintage Scrapbook Marrón (1).pdf
Presentación Proyecto Vintage Scrapbook Marrón (1).pdf
 
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHEAPORTES Y CARACTERISTICAS DE LAS OBRAS DE  CORBUSIER. MIES VAN DER ROHE
APORTES Y CARACTERISTICAS DE LAS OBRAS DE CORBUSIER. MIES VAN DER ROHE
 
Brochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdfBrochure Tuna Haus _ Hecho para mascotas.pdf
Brochure Tuna Haus _ Hecho para mascotas.pdf
 
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
Guía de actividades y rúbrica de evaluación - Unidad 3 - Escenario 4 - Rol de...
 
Geometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de QuerétaroGeometrías de la imaginación: Diseño e iconografía de Querétaro
Geometrías de la imaginación: Diseño e iconografía de Querétaro
 
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura ModernaLe Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
Le Corbusier y Mies van der Rohe: Aportes a la Arquitectura Moderna
 
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdfSlaimen Barakat - SLIDESHARE TAREA 2.pdf
Slaimen Barakat - SLIDESHARE TAREA 2.pdf
 
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYOPDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
PDU - PLAN DE DESARROLLO URBANO DE LA CIUDAD DE CHICLAYO
 
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdfCERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
CERTIFICACIÓN DE CAPACITACIÓN PARA EL CENSO - tfdxwBRz6f3AP7QU.pdf
 
Normas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratisNormas de convivencia para imprimir gratis
Normas de convivencia para imprimir gratis
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Diseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicasDiseño de sifones y alcantarillas para obras hidraulicas
Diseño de sifones y alcantarillas para obras hidraulicas
 
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánicoTIPOS DE LINEAS utilizados en dibujo técnico mecánico
TIPOS DE LINEAS utilizados en dibujo técnico mecánico
 
Presentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptxPresentacion de 100 psicologos dijeron.pptx
Presentacion de 100 psicologos dijeron.pptx
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 

Usabilidad y web2.0

  • 1. Usabilidad y web 2.0 1 gema de la fuente - www.latidomedia.com
  • 2. “ U N A V E R D A D E R A A P L I C A C I Ó N W E B 2 . 0 E S A Q U E L L A Q U E M E J O R A M I E N T R A S M Á S P E R S O N A S L A U S A N ” T I M O ' R E I L L Y gema de la fuente - www.latidomedia.com 2 El usuario web 2.0
  • 3. gema de la fuente - www.latidomedia.com 3
  • 4. gema de la fuente - www.latidomedia.com 4 Usuario como receptor > usuario como generador Web como medio de comunicación > web como herramienta Diseños y contenidos > plataformas y arquitecturas
  • 5. características gema de la fuente - www.latidomedia.com 5  Almacenamiento virtual y ubicuo  Carácter social, participativo e independiente Aprobación social , tentación egocéntrica  Máxima compatibilidad y portabilidad
  • 6. Elementos técnicos gema de la fuente - www.latidomedia.com 6  Estándares  XHTML  XML  SOAP  CSS  AJAX  RSS  JAVASCRIPT  API
  • 7. Elementos estéticos gema de la fuente - www.latidomedia.com 7  Interfaz limpias con mucho espacio blanco  Suaves: Colorista, esquinas redondeadas, degradados...  Usables: estándares, intuitivas, sencillas  Contenidos muy segmentados  Sistemas navegación mas abiertos
  • 8. Características usuario gema de la fuente - www.latidomedia.com 8  + exigente  + activo  + escéptico  + informado
  • 9. D O N D E E S T A M O S Y H A C I A D O N D E V A M O S gema de la fuente - www.latidomedia.com 9 Banca y web 2.0
  • 10. gema de la fuente - www.latidomedia.com 10
  • 11. El futuro de la banca e internet gema de la fuente - www.latidomedia.com 11  Prestamos sociales  Pago en línea  Administración finanzas personales
  • 12. barcamp gema de la fuente - www.latidomedia.com 12
  • 13. E J E M P L O S D E W E B S D E B A N C A A C E R C Á N D O S E A L A W E B 2 . 0 gema de la fuente - www.latidomedia.com 13 Formatos característicos
  • 14. Comunidades gema de la fuente - www.latidomedia.com 14
  • 15. twitter gema de la fuente - www.latidomedia.com 15
  • 16. Video: Youtube gema de la fuente - www.latidomedia.com 16
  • 17. Blogs gema de la fuente - www.latidomedia.com 17
  • 18. E L F O N D O Y N O ( S O L O ) L A F O R M A D E F I N E N U N A W E B 2 . 0 gema de la fuente - www.latidomedia.com 18 Servicios financieros
  • 19. Gestor finanzas personales + comunidad gema de la fuente - www.latidomedia.com 19
  • 20. Gestor finanzas personales gema de la fuente - www.latidomedia.com 20
  • 21. Comparador productos financieros gema de la fuente - www.latidomedia.com 21
  • 22. Prestamos entre particulares gema de la fuente - www.latidomedia.com 22
  • 23. Comunidad de inversores gema de la fuente - www.latidomedia.com 23
  • 24. Prestamos entre particulares gema de la fuente - www.latidomedia.com 24
  • 25. Gestionar transacciones online gema de la fuente - www.latidomedia.com 25
  • 26. Gestor finanzas personales + comunidad gema de la fuente - www.latidomedia.com 26
  • 27. Gestor finanzas personales + comunidad gema de la fuente - www.latidomedia.com 27
  • 28. E L U S U A R I O C O M O G E N E R A D O R D E C O N T E N I D O gema de la fuente - www.latidomedia.com 28 Blogs
  • 29. Aplicaciones empresariales gema de la fuente - www.latidomedia.com 29  Intermediario social  Comunicación corporativa  Comunicación interna
  • 30. D E J A N D O A L U S U A R I O E L E G I R E L C A M I N O gema de la fuente - www.latidomedia.com 30 Nuevas tendencias navegación
  • 31. Caminos sociales gema de la fuente - www.latidomedia.com 31
  • 32. La lista de la compra gema de la fuente - www.latidomedia.com 32
  • 33. Procesos guiados gema de la fuente - www.latidomedia.com 33
  • 34. Listados gema de la fuente - www.latidomedia.com 34
  • 35. Filtrando los listados gema de la fuente - www.latidomedia.com 35
  • 36. U T I L I D A D Y F O R M A S D E P R E S E N T A C I Ó N gema de la fuente - www.latidomedia.com 36 Nubes de etiquetas
  • 37. Un formato de moda gema de la fuente - www.latidomedia.com 37
  • 38. Tag index gema de la fuente - www.latidomedia.com 38
  • 39. Font size gema de la fuente - www.latidomedia.com 39
  • 40. Color gema de la fuente - www.latidomedia.com 40
  • 41. fondos gema de la fuente - www.latidomedia.com 41
  • 42. N U E V O S S I S T E M A S D E I N T E R A C C I Ó N : U S A B I L I D A D S I N E L A P O Y O D E L A C O N V E N C I O N E S gema de la fuente - www.latidomedia.com 42 La web como aplicación