42
Usabilidad y web 2.0 1 gema de la fuente - www.latidomedia.com

Usabilidad y web2.0

Embed Size (px)

DESCRIPTION

Tendencias en Internet, web2.0 y su relación con la experiencia de usuario.

Citation preview

Page 1: Usabilidad y web2.0

Usabilidad y web 2.01

gema de la fuente - www.latidomedia.com

Page 2: Usabilidad y web2.0

“ 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

Page 3: Usabilidad y web2.0

gema de la fuente - www.latidomedia.com 3

Page 4: Usabilidad y web2.0

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

Page 5: Usabilidad y web2.0

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

Page 6: Usabilidad y web2.0

Elementos técnicos

gema de la fuente - www.latidomedia.com

6

Estándares

XHTML

XML

SOAP

CSS

AJAX

RSS

JAVASCRIPT

API

Page 7: Usabilidad y web2.0

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

Page 8: Usabilidad y web2.0

Características usuario

gema de la fuente - www.latidomedia.com

8

+ exigente

+ activo

+ escéptico

+ informado

Page 9: Usabilidad y web2.0

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

Page 10: Usabilidad y web2.0

gema de la fuente - www.latidomedia.com 10

Page 11: Usabilidad y web2.0

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

Page 12: Usabilidad y web2.0

barcamp

gema de la fuente - www.latidomedia.com

12

Page 13: Usabilidad y web2.0

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

Page 14: Usabilidad y web2.0

Comunidades

gema de la fuente - www.latidomedia.com

14

Page 15: Usabilidad y web2.0

twitter

gema de la fuente - www.latidomedia.com

15

Page 16: Usabilidad y web2.0

Video: Youtube

gema de la fuente - www.latidomedia.com

16

Page 17: Usabilidad y web2.0

Blogs

gema de la fuente - www.latidomedia.com

17

Page 18: Usabilidad y web2.0

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

Page 19: Usabilidad y web2.0

Gestor finanzas personales + comunidad

gema de la fuente - www.latidomedia.com

19

Page 20: Usabilidad y web2.0

Gestor finanzas personales

gema de la fuente - www.latidomedia.com

20

Page 21: Usabilidad y web2.0

Comparador productos financieros

gema de la fuente - www.latidomedia.com

21

Page 22: Usabilidad y web2.0

Prestamos entre particulares

gema de la fuente - www.latidomedia.com

22

Page 23: Usabilidad y web2.0

Comunidad de inversores

gema de la fuente - www.latidomedia.com

23

Page 24: Usabilidad y web2.0

Prestamos entre particulares

gema de la fuente - www.latidomedia.com

24

Page 25: Usabilidad y web2.0

Gestionar transacciones online

gema de la fuente - www.latidomedia.com

25

Page 26: Usabilidad y web2.0

Gestor finanzas personales + comunidad

gema de la fuente - www.latidomedia.com

26

Page 27: Usabilidad y web2.0

Gestor finanzas personales + comunidad

gema de la fuente - www.latidomedia.com

27

Page 28: Usabilidad y web2.0

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

Page 29: Usabilidad y web2.0

Aplicaciones empresariales

gema de la fuente - www.latidomedia.com

29

Intermediario social

Comunicación corporativa

Comunicación interna

Page 30: Usabilidad y web2.0

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

Page 31: Usabilidad y web2.0

Caminos sociales

gema de la fuente - www.latidomedia.com

31

Page 32: Usabilidad y web2.0

La lista de la compra

gema de la fuente - www.latidomedia.com

32

Page 33: Usabilidad y web2.0

Procesos guiados

gema de la fuente - www.latidomedia.com

33

Page 34: Usabilidad y web2.0

Listados

gema de la fuente - www.latidomedia.com

34

Page 35: Usabilidad y web2.0

Filtrando los listados

gema de la fuente - www.latidomedia.com

35

Page 36: Usabilidad y web2.0

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

Page 37: Usabilidad y web2.0

Un formato de moda

gema de la fuente - www.latidomedia.com

37

Page 38: Usabilidad y web2.0

Tag index

gema de la fuente - www.latidomedia.com

38

Page 39: Usabilidad y web2.0

Font size

gema de la fuente - www.latidomedia.com

39

Page 40: Usabilidad y web2.0

Color

gema de la fuente - www.latidomedia.com

40

Page 41: Usabilidad y web2.0

fondos

gema de la fuente - www.latidomedia.com

41

Page 42: Usabilidad y web2.0

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