SlideShare uma empresa Scribd logo
1 de 28
TWITTER

Idioma: Inglés
Tipo:    General
Facilidad de uso:            Sencillo
URL:     http://twitter.com/
Descripción:        Aplicación de red social y microblogging que permite al
usuario escribir mensajes de hasta 140 caracteres que se publican en una
página web personal “Twitter” y que otros usuarios pueden seguir a través
de un link o una suscripción.
EJEMPLOS DEL USO DE TWITTER
NECESIDADES DE NEGOCIO DE LA EMPRESA QUE PUEDE CUBRIR:



Comunicación interna
 Especialmente los empleados que viajan a menudo, pueden “twittear”
desde cualquier lugar a su página personal.

Comunicación externa
 La empresa puede recibir en tiempo real lo que los usuarios piensan
de sus productos y servicios. La empresa puede seguir los
comentarios que los usuarios a los que están siguiendo o comentan
sobre sus productos y servicios.
COMUNICACIÓN INTERNA Y EXTERNA
WEB 2.0 Y EL DISEÑO WEB

 La llegada de la Web 2.0 ha supuesto una
revolución en el diseño, tanto en lo que se refiere a
la concepción artística como en las interfaces. El
usuario adquiere un nuevo papel dentro del
soporte, ya que deja de ser un “escaneador” de
contenidos para ser el que elige, el que participa e
incluso el que crea esos contenidos.
Un navegador es un programa que se
utiliza para acceder a la web. Desde
el primer explorador, llamado NCSA
Mosaic de principio de los noventa
hasta hoy, la evolución ha sido
espectacular.
FLASH
Los archivos elaborados con el
programa de animación 2D por
excelencia en el campo web, Flash,
han pasado de ser la solución
definitiva cuando deseamos hacer
una web visualmente atractiva, a una
posición mucho más discreta.
AJAX
El término AJAX (Asynchronous JavaScript
And XML), al igual que el de Web 2.0, no es
ningún invento, ni un gran avance tecnológico,
es el nombre que se le puso a una serie de
técnicas y combinación de tecnologías ya
existentes. Poco a poco se ha convertido en
una palabra de moda, que popularizó Jesse
James Garrett en su artículo “Ajax: A New
Approach to Web Applications”.
EL INTERNAUTA 2.0

¿Qué evolucionó antes? ¿El internauta o la web?
Como en el famoso caso del huevo y la gallina, no
está claro quién nació antes, pero parece evidente
que con el surgimiento de las aplicaciones 2.0 los
usuarios comenzaron a exigirlas. Entre una web
donde ver vídeos y otra donde además de ver
vídeos puedo comentarlo, compartirlo y subir los
míos propios, el usuario elegirá siempre la segunda
opción.
INTERFACES PARA UN INTERNAUTA 2.0

     USABILIDAD

El considerado gran gurú de la Usabilidad, Jacob Nielsen, la
definió así en el año
2003: “El atributo de calidad que mide lo fáciles que son de usar
las interfaces Web”11.
Se trata en una disciplina cuyo objetivo es facilitar la interacción
del usuario y, por esta razón, es lógico que naciera o, más bien,
cobrara fuerza, con la llegada de la Web 2.0. Si el mundo web se
sustenta en que los internautas participen, es necesario estudiar
qué es lo que los estimula.
USABILIDAD FRENTE AL DISEÑO
La Usabilidad se desarrolla con la parte izquierda del cerebro y
representa la razón y la acción lógica; por lo tanto se corresponde con
Marte. Por su parte, el Diseño reside en la parte derecha del cerebro y se
identifica con lo emocional y la acción intuitiva, así que se corresponde
con Venus. Esta teoría, desarrollada por Curt Cloninger en su artículo
“Usability experts are from Mars, graphic designers are from Venus”, es
una muestra de la lucha aparentemente existente entre diseño y
Usabilidad.
Decimos aparentemente porque el paso del tiempo ha demostrado que
ninguna web puede prescindir de la Usabilidad, porque el usuario se
frustra y se va si no sabe manejar la interface y, al mismo tiempo, si algo
no es atractivo visualmente para el internauta es difícil que se desarrolle
como producto: no se diferenciaría de los demás, parecería anticuado,
nadie recordaría la web, etc.
ARQUITECTURA DE LA INFORMACIÓN

“El arte y la ciencia de estructurar y clasificar sitios
web e intranets con el fin de ayudar a los usuarios a
encontrar y manejar la información”. Así definieron
Louis Rosenfield y Peter Morville esta disciplina en su
libro “Information Architecture for the World Wide Web:
Designing Large-Scale Web Sites”.
Tomando como punto de partida el artículo de Iain
Barker titulado “What is information architecture?”15,
podemos definir los siguientes como los pasos
necesarios para una arquitectura de la información
acertada.
ESTÁNDARES
El verdadero triunfo de la Web 2.0 ha sido el triunfo de los
estándares web, un término a veces poco conocido entre los
internautas pero con una importancia vital para el desarrollo web.
Se define como el “conjunto de recomendaciones dadas por el
World Wide Web Consortium (W3C) y otras organizaciones
internacionales acerca de cómo crear e interpretar documentos
basados en el Web” (Alexis Bellido)16.
Es decir, son las normas que permiten que las webs se puedan
visionar no sólo en Internet Explorer o Mozilla Firefox, sino
también en los navegadores para personas ciegas o dispositivos
móviles como PDA o teléfonos móviles, así como para los
internautas que utilizan velocidades de transferencia baja.
CCS
Las hojas de estilo en cascada (Cascading
Style Sheets, CSS) son un lenguaje usado
para definir la presentación de un documento
estructurado escrito en HTML o XML. Consiste
en uno o varios documentos en los que se
escriben las características que va a tener
cada uno de los elementos de la página:
titulares, párrafos, columnas, enlaces, etc., de
modo que afectan o pueden afectar al conjunto
del site.
XHTML
El XHTML (Lenguaje de Marcado de Hipertexto Extensible) es el
lenguaje de marcado pensado para sustituir al HTML, pero aún le
queda camino por recorrer. Cuando se daba por muerto el HTML 4.0
surge una nueva revisión del W3C el HTML 5.0 lo que hace que
seguramente convivan durante un largo periodo de tiempo ambos.
El XHTML es una versión más estricta del código HTML para
conseguir reducir las posibilidades de su uso y que la interpretación
por los distintos dispositivos sea más simple, y que pequeños
dispositivos, con menor capacidad que los ordenadores de mesa
tradicionales puedan soportar, como los móviles.
CONCLUSIONES
Como conclusión, podemos resumir todo lo
expuesto hasta ahora en que el diseño Web 2.0
pronto estará pasado de moda. Cuando las normas
de un estilo están tan claras, es porque el siguiente
paso será su redefinición. El diseño supone en gran
medida romper los cánones, así que debemos estar
preparados para la llegada de la próxima tendencia.
Un nuevo modo de hacer webs, donde se imponga
unos nuevos hábitos de navegación por parte de los
usuarios y que nos obligue a redefinir la usabilidad,
el aspecto visual y, en conjunto, la interacción.
Design web2.0 hersic

Mais conteúdo relacionado

Mais procurados (16)

La web claudia verjel 10 g
La web  claudia verjel 10 gLa web  claudia verjel 10 g
La web claudia verjel 10 g
 
la web 2.0
la web 2.0 la web 2.0
la web 2.0
 
Cuadro comparativo de los tipos de web
Cuadro comparativo de los tipos de webCuadro comparativo de los tipos de web
Cuadro comparativo de los tipos de web
 
Tabla web 2.0
Tabla web 2.0Tabla web 2.0
Tabla web 2.0
 
Herramientas web 2.0 Youtube,
Herramientas web 2.0 Youtube, Herramientas web 2.0 Youtube,
Herramientas web 2.0 Youtube,
 
D:\Jhoselin
D:\JhoselinD:\Jhoselin
D:\Jhoselin
 
Web 2
Web 2Web 2
Web 2
 
¿QUE ES LA WEB 2.0?
¿QUE ES LA WEB 2.0?¿QUE ES LA WEB 2.0?
¿QUE ES LA WEB 2.0?
 
La web 2.0 y 3.0
La web 2.0 y 3.0La web 2.0 y 3.0
La web 2.0 y 3.0
 
La Web 2.0
La Web 2.0La Web 2.0
La Web 2.0
 
Diferencias Web 1.0 y 2.0
Diferencias Web 1.0 y 2.0Diferencias Web 1.0 y 2.0
Diferencias Web 1.0 y 2.0
 
Taller De Webs
Taller De Webs Taller De Webs
Taller De Webs
 
Historia de la web vi cp evolucion (WEB 1.0, 2.0, 3.0)
Historia de la web vi cp evolucion (WEB 1.0, 2.0, 3.0)Historia de la web vi cp evolucion (WEB 1.0, 2.0, 3.0)
Historia de la web vi cp evolucion (WEB 1.0, 2.0, 3.0)
 
C:\Fakepath\Slideshare
C:\Fakepath\SlideshareC:\Fakepath\Slideshare
C:\Fakepath\Slideshare
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
web 2.0
web 2.0web 2.0
web 2.0
 

Semelhante a Design web2.0 hersic

Semelhante a Design web2.0 hersic (20)

Lidia
LidiaLidia
Lidia
 
Lidia
LidiaLidia
Lidia
 
Presentacion de la web
Presentacion de la webPresentacion de la web
Presentacion de la web
 
Tipos de web
Tipos de webTipos de web
Tipos de web
 
La web su evolucion y sus caracteristicas
La web su evolucion y sus caracteristicasLa web su evolucion y sus caracteristicas
La web su evolucion y sus caracteristicas
 
Web 1.0- 2.0- 3.0
Web  1.0- 2.0- 3.0Web  1.0- 2.0- 3.0
Web 1.0- 2.0- 3.0
 
Tecnologia web 1.0 2.0 3.0
Tecnologia web 1.0 2.0 3.0Tecnologia web 1.0 2.0 3.0
Tecnologia web 1.0 2.0 3.0
 
Todas las Webs.pptx
Todas las Webs.pptxTodas las Webs.pptx
Todas las Webs.pptx
 
Web 1.0 , 2.0 , 3.0
Web 1.0 , 2.0 , 3.0Web 1.0 , 2.0 , 3.0
Web 1.0 , 2.0 , 3.0
 
Web 1 , 2 , 3.0
Web 1 , 2 , 3.0Web 1 , 2 , 3.0
Web 1 , 2 , 3.0
 
Web 1.0 , 2.0 , 3.0
Web 1.0 , 2.0 , 3.0Web 1.0 , 2.0 , 3.0
Web 1.0 , 2.0 , 3.0
 
LA WED
LA WEDLA WED
LA WED
 
Trabajos de las web
Trabajos de las webTrabajos de las web
Trabajos de las web
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
PresentacióN1
PresentacióN1PresentacióN1
PresentacióN1
 
Julian andres rios moreno 4 11 1
Julian andres rios moreno 4 11 1Julian andres rios moreno 4 11 1
Julian andres rios moreno 4 11 1
 
Julian andres rios moreno 4 11 1
Julian andres rios moreno 4 11 1Julian andres rios moreno 4 11 1
Julian andres rios moreno 4 11 1
 
Julian andres rios moreno 4 11 1
Julian andres rios moreno 4 11 1Julian andres rios moreno 4 11 1
Julian andres rios moreno 4 11 1
 
Web de diseño
Web de diseñoWeb de diseño
Web de diseño
 
Web2.0 3.0
Web2.0 3.0Web2.0 3.0
Web2.0 3.0
 

Último

2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptxRicardo113759
 
DIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptx
DIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptxDIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptx
DIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptx7500222160
 
Manual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformesManual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformesElizabeth152261
 
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxsenati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxnathalypaolaacostasu
 
Catalogo de tazas para la tienda nube de dostorosmg
Catalogo de tazas para la tienda nube de dostorosmgCatalogo de tazas para la tienda nube de dostorosmg
Catalogo de tazas para la tienda nube de dostorosmgdostorosmg
 
liderazgo guia.pdf.............................
liderazgo guia.pdf.............................liderazgo guia.pdf.............................
liderazgo guia.pdf.............................MIGUELANGELLEGUIAGUZ
 
CRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docx
CRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docxCRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docx
CRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docxgeuster2
 
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdfComparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdfAJYSCORP
 
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptxHIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptxTecvalSAS2
 
Empresa Sazonadores Lopesa estudio de mercado
Empresa Sazonadores Lopesa estudio de mercadoEmpresa Sazonadores Lopesa estudio de mercado
Empresa Sazonadores Lopesa estudio de mercadoPsicoterapia Holística
 
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(HelenDanielaGuaruaBo
 
Correcion del libro al medio hay sitio.pptx
Correcion del libro al medio hay sitio.pptxCorrecion del libro al medio hay sitio.pptx
Correcion del libro al medio hay sitio.pptxHARLYJHANSELCHAVEZVE
 
EL REFERENDO para una exposición de sociales
EL REFERENDO para una exposición de socialesEL REFERENDO para una exposición de sociales
EL REFERENDO para una exposición de socialeszaidylisbethnarvaezm
 
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...TaniaCruzInga
 
CORRIENTES DEL PENSAMIENTO ECONÓMICO.pptx
CORRIENTES DEL PENSAMIENTO ECONÓMICO.pptxCORRIENTES DEL PENSAMIENTO ECONÓMICO.pptx
CORRIENTES DEL PENSAMIENTO ECONÓMICO.pptxJOHUANYQUISPESAEZ
 
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...BaleriaMaldonado1
 
Maria_diaz.pptx mapa conceptual gerencia industral
Maria_diaz.pptx mapa conceptual   gerencia industralMaria_diaz.pptx mapa conceptual   gerencia industral
Maria_diaz.pptx mapa conceptual gerencia industralmaria diaz
 
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdfCONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdfTeresa Rc
 
mapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdfmapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdfAndresSebastianTamay
 
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdfSENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdfJaredQuezada3
 

Último (20)

2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx2 Tipo Sociedad comandita por acciones.pptx
2 Tipo Sociedad comandita por acciones.pptx
 
DIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptx
DIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptxDIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptx
DIAPOSITIVAS LIDERAZGO Y GESTION INTERGENERACION (3).pptx
 
Manual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformesManual de Imagen Personal y uso de uniformes
Manual de Imagen Personal y uso de uniformes
 
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptxsenati-powerpoint_5TOS-_ALUMNOS (1).pptx
senati-powerpoint_5TOS-_ALUMNOS (1).pptx
 
Catalogo de tazas para la tienda nube de dostorosmg
Catalogo de tazas para la tienda nube de dostorosmgCatalogo de tazas para la tienda nube de dostorosmg
Catalogo de tazas para la tienda nube de dostorosmg
 
liderazgo guia.pdf.............................
liderazgo guia.pdf.............................liderazgo guia.pdf.............................
liderazgo guia.pdf.............................
 
CRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docx
CRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docxCRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docx
CRITERIOS DE EVALUACIÓN - NIVEL INICIAL.docx
 
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdfComparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
Comparativo DS 024-2016-EM vs DS 023-2017-EM - 21.08.17 (1).pdf
 
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptxHIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
HIGIENE_POSTURAL-_MANEJO_DE_CARGA1compr.pptx
 
Empresa Sazonadores Lopesa estudio de mercado
Empresa Sazonadores Lopesa estudio de mercadoEmpresa Sazonadores Lopesa estudio de mercado
Empresa Sazonadores Lopesa estudio de mercado
 
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
Caja nacional de salud 0&!(&:(_5+:;?)8-!!(
 
Correcion del libro al medio hay sitio.pptx
Correcion del libro al medio hay sitio.pptxCorrecion del libro al medio hay sitio.pptx
Correcion del libro al medio hay sitio.pptx
 
EL REFERENDO para una exposición de sociales
EL REFERENDO para una exposición de socialesEL REFERENDO para una exposición de sociales
EL REFERENDO para una exposición de sociales
 
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
2024 - 04 PPT Directiva para la formalizacion, sustento y registro del gasto ...
 
CORRIENTES DEL PENSAMIENTO ECONÓMICO.pptx
CORRIENTES DEL PENSAMIENTO ECONÓMICO.pptxCORRIENTES DEL PENSAMIENTO ECONÓMICO.pptx
CORRIENTES DEL PENSAMIENTO ECONÓMICO.pptx
 
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
____ABC de las constelaciones con enfoque centrado en soluciones - Gabriel de...
 
Maria_diaz.pptx mapa conceptual gerencia industral
Maria_diaz.pptx mapa conceptual   gerencia industralMaria_diaz.pptx mapa conceptual   gerencia industral
Maria_diaz.pptx mapa conceptual gerencia industral
 
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdfCONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
CONSTITUCIÓN POLÍTICA DEL PERÚ al 25082023.pdf
 
mapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdfmapa-conceptual-evidencias-de-auditoria_compress.pdf
mapa-conceptual-evidencias-de-auditoria_compress.pdf
 
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdfSENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
SENTENCIA COLOMBIA DISCRIMINACION SELECCION PERSONAL.pdf
 

Design web2.0 hersic

  • 1. TWITTER Idioma: Inglés Tipo: General Facilidad de uso: Sencillo URL: http://twitter.com/ Descripción: Aplicación de red social y microblogging que permite al usuario escribir mensajes de hasta 140 caracteres que se publican en una página web personal “Twitter” y que otros usuarios pueden seguir a través de un link o una suscripción.
  • 2. EJEMPLOS DEL USO DE TWITTER
  • 3. NECESIDADES DE NEGOCIO DE LA EMPRESA QUE PUEDE CUBRIR: Comunicación interna Especialmente los empleados que viajan a menudo, pueden “twittear” desde cualquier lugar a su página personal. Comunicación externa La empresa puede recibir en tiempo real lo que los usuarios piensan de sus productos y servicios. La empresa puede seguir los comentarios que los usuarios a los que están siguiendo o comentan sobre sus productos y servicios.
  • 5. WEB 2.0 Y EL DISEÑO WEB La llegada de la Web 2.0 ha supuesto una revolución en el diseño, tanto en lo que se refiere a la concepción artística como en las interfaces. El usuario adquiere un nuevo papel dentro del soporte, ya que deja de ser un “escaneador” de contenidos para ser el que elige, el que participa e incluso el que crea esos contenidos.
  • 6.
  • 7. Un navegador es un programa que se utiliza para acceder a la web. Desde el primer explorador, llamado NCSA Mosaic de principio de los noventa hasta hoy, la evolución ha sido espectacular.
  • 8.
  • 9. FLASH Los archivos elaborados con el programa de animación 2D por excelencia en el campo web, Flash, han pasado de ser la solución definitiva cuando deseamos hacer una web visualmente atractiva, a una posición mucho más discreta.
  • 10.
  • 11. AJAX El término AJAX (Asynchronous JavaScript And XML), al igual que el de Web 2.0, no es ningún invento, ni un gran avance tecnológico, es el nombre que se le puso a una serie de técnicas y combinación de tecnologías ya existentes. Poco a poco se ha convertido en una palabra de moda, que popularizó Jesse James Garrett en su artículo “Ajax: A New Approach to Web Applications”.
  • 12.
  • 13. EL INTERNAUTA 2.0 ¿Qué evolucionó antes? ¿El internauta o la web? Como en el famoso caso del huevo y la gallina, no está claro quién nació antes, pero parece evidente que con el surgimiento de las aplicaciones 2.0 los usuarios comenzaron a exigirlas. Entre una web donde ver vídeos y otra donde además de ver vídeos puedo comentarlo, compartirlo y subir los míos propios, el usuario elegirá siempre la segunda opción.
  • 14.
  • 15. INTERFACES PARA UN INTERNAUTA 2.0  USABILIDAD El considerado gran gurú de la Usabilidad, Jacob Nielsen, la definió así en el año 2003: “El atributo de calidad que mide lo fáciles que son de usar las interfaces Web”11. Se trata en una disciplina cuyo objetivo es facilitar la interacción del usuario y, por esta razón, es lógico que naciera o, más bien, cobrara fuerza, con la llegada de la Web 2.0. Si el mundo web se sustenta en que los internautas participen, es necesario estudiar qué es lo que los estimula.
  • 16.
  • 17. USABILIDAD FRENTE AL DISEÑO La Usabilidad se desarrolla con la parte izquierda del cerebro y representa la razón y la acción lógica; por lo tanto se corresponde con Marte. Por su parte, el Diseño reside en la parte derecha del cerebro y se identifica con lo emocional y la acción intuitiva, así que se corresponde con Venus. Esta teoría, desarrollada por Curt Cloninger en su artículo “Usability experts are from Mars, graphic designers are from Venus”, es una muestra de la lucha aparentemente existente entre diseño y Usabilidad. Decimos aparentemente porque el paso del tiempo ha demostrado que ninguna web puede prescindir de la Usabilidad, porque el usuario se frustra y se va si no sabe manejar la interface y, al mismo tiempo, si algo no es atractivo visualmente para el internauta es difícil que se desarrolle como producto: no se diferenciaría de los demás, parecería anticuado, nadie recordaría la web, etc.
  • 18.
  • 19. ARQUITECTURA DE LA INFORMACIÓN “El arte y la ciencia de estructurar y clasificar sitios web e intranets con el fin de ayudar a los usuarios a encontrar y manejar la información”. Así definieron Louis Rosenfield y Peter Morville esta disciplina en su libro “Information Architecture for the World Wide Web: Designing Large-Scale Web Sites”. Tomando como punto de partida el artículo de Iain Barker titulado “What is information architecture?”15, podemos definir los siguientes como los pasos necesarios para una arquitectura de la información acertada.
  • 20.
  • 21. ESTÁNDARES El verdadero triunfo de la Web 2.0 ha sido el triunfo de los estándares web, un término a veces poco conocido entre los internautas pero con una importancia vital para el desarrollo web. Se define como el “conjunto de recomendaciones dadas por el World Wide Web Consortium (W3C) y otras organizaciones internacionales acerca de cómo crear e interpretar documentos basados en el Web” (Alexis Bellido)16. Es decir, son las normas que permiten que las webs se puedan visionar no sólo en Internet Explorer o Mozilla Firefox, sino también en los navegadores para personas ciegas o dispositivos móviles como PDA o teléfonos móviles, así como para los internautas que utilizan velocidades de transferencia baja.
  • 22.
  • 23. CCS Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML. Consiste en uno o varios documentos en los que se escriben las características que va a tener cada uno de los elementos de la página: titulares, párrafos, columnas, enlaces, etc., de modo que afectan o pueden afectar al conjunto del site.
  • 24.
  • 25. XHTML El XHTML (Lenguaje de Marcado de Hipertexto Extensible) es el lenguaje de marcado pensado para sustituir al HTML, pero aún le queda camino por recorrer. Cuando se daba por muerto el HTML 4.0 surge una nueva revisión del W3C el HTML 5.0 lo que hace que seguramente convivan durante un largo periodo de tiempo ambos. El XHTML es una versión más estricta del código HTML para conseguir reducir las posibilidades de su uso y que la interpretación por los distintos dispositivos sea más simple, y que pequeños dispositivos, con menor capacidad que los ordenadores de mesa tradicionales puedan soportar, como los móviles.
  • 26.
  • 27. CONCLUSIONES Como conclusión, podemos resumir todo lo expuesto hasta ahora en que el diseño Web 2.0 pronto estará pasado de moda. Cuando las normas de un estilo están tan claras, es porque el siguiente paso será su redefinición. El diseño supone en gran medida romper los cánones, así que debemos estar preparados para la llegada de la próxima tendencia. Un nuevo modo de hacer webs, donde se imponga unos nuevos hábitos de navegación por parte de los usuarios y que nos obligue a redefinir la usabilidad, el aspecto visual y, en conjunto, la interacción.