SlideShare una empresa de Scribd logo
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."OM Latam
 
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
 
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 Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaArquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaLeonardoDantasRivas
 
Teoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintoresTeoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintoresEduardoGM8
 
Presentacion credito hipotecario y libre inversion.pdf
Presentacion credito hipotecario y libre inversion.pdfPresentacion credito hipotecario y libre inversion.pdf
Presentacion credito hipotecario y libre inversion.pdfsebaspenaf6
 
ARQ BIZANTINA Y PALEOCRISTIANA .pptx
ARQ BIZANTINA Y PALEOCRISTIANA      .pptxARQ BIZANTINA Y PALEOCRISTIANA      .pptx
ARQ BIZANTINA Y PALEOCRISTIANA .pptxdnmxd1213
 
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...GersonManuelRodrigue1
 
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...GersonManuelRodrigue1
 
Planos y modelado con piezas en 3D con CAD
Planos y modelado con piezas en 3D con CADPlanos y modelado con piezas en 3D con CAD
Planos y modelado con piezas en 3D con CADAUTOCAD LIBRO
 
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdfEstilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdfJosueJuanez1
 
juansolaruniversidaduptccreadrionegro.pptx
juansolaruniversidaduptccreadrionegro.pptxjuansolaruniversidaduptccreadrionegro.pptx
juansolaruniversidaduptccreadrionegro.pptxjuansanchez5210
 
Calculo-de-calibres-de-conductores electricos.pptx
Calculo-de-calibres-de-conductores electricos.pptxCalculo-de-calibres-de-conductores electricos.pptx
Calculo-de-calibres-de-conductores electricos.pptxDavidGuevaraYanqui
 
Sesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdf
Sesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdfSesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdf
Sesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdfchumpitazzchristian
 
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...GersonManuelRodrigue1
 
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdfCUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdfPaola575380
 
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdfARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdfAdriannDiaz
 
Patrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en CancunPatrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en CancunDianaArtemizaCP
 
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseñoPropuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseñoMariano Salgado
 
La Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por KarinaLa Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por KarinaKarinaRodriguezG2
 
Trabajo slides , mapa trabajo de sistema político
Trabajo slides , mapa trabajo de sistema políticoTrabajo slides , mapa trabajo de sistema político
Trabajo slides , mapa trabajo de sistema políticodkzrbgsm5t
 
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdfInfografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdfsalazar1611ale
 
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdfEclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdfJennifer436518
 

Último (20)

Arquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaArquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en Latinoamérica
 
Teoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintoresTeoría del Color para diseñadores y pintores
Teoría del Color para diseñadores y pintores
 
Presentacion credito hipotecario y libre inversion.pdf
Presentacion credito hipotecario y libre inversion.pdfPresentacion credito hipotecario y libre inversion.pdf
Presentacion credito hipotecario y libre inversion.pdf
 
ARQ BIZANTINA Y PALEOCRISTIANA .pptx
ARQ BIZANTINA Y PALEOCRISTIANA      .pptxARQ BIZANTINA Y PALEOCRISTIANA      .pptx
ARQ BIZANTINA Y PALEOCRISTIANA .pptx
 
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
 
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y AME...
 
Planos y modelado con piezas en 3D con CAD
Planos y modelado con piezas en 3D con CADPlanos y modelado con piezas en 3D con CAD
Planos y modelado con piezas en 3D con CAD
 
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdfEstilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
Estilos de cajas Flexibles CSS-Flexbox-y-Grid.pdf
 
juansolaruniversidaduptccreadrionegro.pptx
juansolaruniversidaduptccreadrionegro.pptxjuansolaruniversidaduptccreadrionegro.pptx
juansolaruniversidaduptccreadrionegro.pptx
 
Calculo-de-calibres-de-conductores electricos.pptx
Calculo-de-calibres-de-conductores electricos.pptxCalculo-de-calibres-de-conductores electricos.pptx
Calculo-de-calibres-de-conductores electricos.pptx
 
Sesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdf
Sesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdfSesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdf
Sesión 02- Elaboramos sesiones de aprendizaje con CHATGPT - EL TECNOLÓGICO.pdf
 
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA EUROPEA Y LATINOAM...
 
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdfCUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
 
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdfARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
 
Patrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en CancunPatrimundi Recuperadora Bancaria en Cancun
Patrimundi Recuperadora Bancaria en Cancun
 
Propuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseñoPropuesta de diseño de marca para Fred, muebles de diseño
Propuesta de diseño de marca para Fred, muebles de diseño
 
La Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por KarinaLa Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por Karina
 
Trabajo slides , mapa trabajo de sistema político
Trabajo slides , mapa trabajo de sistema políticoTrabajo slides , mapa trabajo de sistema político
Trabajo slides , mapa trabajo de sistema político
 
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdfInfografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
 
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdfEclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
 

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