SlideShare una empresa de 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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (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
 

Similar 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

TEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptx
TEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptxTEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptx
TEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptxFrancoSGonzales
 
Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosFundación YOD YOD
 
TEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODA
TEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODATEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODA
TEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODACarmeloPrez1
 
Modelo de convenio de pago con morosos del condominio (GENÉRICO).docx
Modelo de convenio de pago con morosos del condominio (GENÉRICO).docxModelo de convenio de pago con morosos del condominio (GENÉRICO).docx
Modelo de convenio de pago con morosos del condominio (GENÉRICO).docxedwinrojas836235
 
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-ComunicacionesIMSA
 
diseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptxdiseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptxjuanleivagdf
 
Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..JoseRamirez247144
 
DELITOS CONTRA LA GESTION PUBLICA PPT.pdf
DELITOS CONTRA LA GESTION PUBLICA PPT.pdfDELITOS CONTRA LA GESTION PUBLICA PPT.pdf
DELITOS CONTRA LA GESTION PUBLICA PPT.pdfJaquelinRamos6
 
AUDITORIAS en enfermeria hospitalaria .pptx
AUDITORIAS en enfermeria hospitalaria .pptxAUDITORIAS en enfermeria hospitalaria .pptx
AUDITORIAS en enfermeria hospitalaria .pptxMatiasGodoy33
 
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAOANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAOCarlosAlbertoVillafu3
 
PLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docx
PLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docxPLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docx
PLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docxwilliamzaveltab
 
Presentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxPresentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxDanielFerreiraDuran1
 
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptxTIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptxKevinHeredia14
 
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAYPPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAYCarlosAlbertoVillafu3
 
ISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónjesuscub33
 
gua de docente para el curso de finanzas
gua de docente para el curso de finanzasgua de docente para el curso de finanzas
gua de docente para el curso de finanzassuperamigo2014
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfConstructiva
 
Contabilidad universitaria Septima edición de MCGrawsHill
Contabilidad universitaria Septima edición de MCGrawsHillContabilidad universitaria Septima edición de MCGrawsHill
Contabilidad universitaria Septima edición de MCGrawsHilldanilojaviersantiago
 
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosmodelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosk7v476sp7t
 

Último (20)

TEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptx
TEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptxTEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptx
TEMA 6.- MAXIMIZACION DE LA CONDUCTA DEL PRODUCTOR.pptx
 
Continex para educación, Portafolio de servicios
Continex para educación, Portafolio de serviciosContinex para educación, Portafolio de servicios
Continex para educación, Portafolio de servicios
 
TEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODA
TEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODATEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODA
TEMA N° 3.2 DISENO DE ESTRATEGIA y ANALISIS FODA
 
Modelo de convenio de pago con morosos del condominio (GENÉRICO).docx
Modelo de convenio de pago con morosos del condominio (GENÉRICO).docxModelo de convenio de pago con morosos del condominio (GENÉRICO).docx
Modelo de convenio de pago con morosos del condominio (GENÉRICO).docx
 
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
Teleconferencia Accionistas Q1 2024 . Primer Trimestre-
 
diseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptxdiseño de redes en la cadena de suministro.pptx
diseño de redes en la cadena de suministro.pptx
 
Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..Trabajo de Sifilisn…………………………………………………..
Trabajo de Sifilisn…………………………………………………..
 
DELITOS CONTRA LA GESTION PUBLICA PPT.pdf
DELITOS CONTRA LA GESTION PUBLICA PPT.pdfDELITOS CONTRA LA GESTION PUBLICA PPT.pdf
DELITOS CONTRA LA GESTION PUBLICA PPT.pdf
 
AUDITORIAS en enfermeria hospitalaria .pptx
AUDITORIAS en enfermeria hospitalaria .pptxAUDITORIAS en enfermeria hospitalaria .pptx
AUDITORIAS en enfermeria hospitalaria .pptx
 
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAOANÁLISIS CAME, DIAGNOSTICO  PUERTO DEL CALLAO
ANÁLISIS CAME, DIAGNOSTICO PUERTO DEL CALLAO
 
PLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docx
PLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docxPLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docx
PLAN LECTOR JOSÉ MARÍA ARGUEDAS (1).docx
 
Presentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptxPresentación La mujer en la Esperanza AC.pptx
Presentación La mujer en la Esperanza AC.pptx
 
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptxTIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
TIPOS DE PLANES administracion una perspectiva global - KOONTZ.pptx
 
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAYPPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
PPT DIAGNOSTICO DAFO Y CAME MEGAPUERTO CHANCAY
 
ISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarizaciónISO 45001-2018.pdf norma internacional para la estandarización
ISO 45001-2018.pdf norma internacional para la estandarización
 
gua de docente para el curso de finanzas
gua de docente para el curso de finanzasgua de docente para el curso de finanzas
gua de docente para el curso de finanzas
 
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdfClima-laboral-estrategias-de-medicion-e-book-1.pdf
Clima-laboral-estrategias-de-medicion-e-book-1.pdf
 
Walmectratoresagricolas Trator NH TM7040.pdf
Walmectratoresagricolas Trator NH TM7040.pdfWalmectratoresagricolas Trator NH TM7040.pdf
Walmectratoresagricolas Trator NH TM7040.pdf
 
Contabilidad universitaria Septima edición de MCGrawsHill
Contabilidad universitaria Septima edición de MCGrawsHillContabilidad universitaria Septima edición de MCGrawsHill
Contabilidad universitaria Septima edición de MCGrawsHill
 
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursosmodelo de flujo maximo unidad 4 en modelos de optimización de recursos
modelo de flujo maximo unidad 4 en modelos de optimización de recursos
 

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.