Orlando

hola

hola como estan

Evolución de la interacción en las paginas Web

-    Web 1.0 – Personas conectándose a la Web

-    Web 2.0 – Personas conectándose a personas – redes sociales, wikis, colaboración,   posibilidad de compartir.

-    Web 3.0 - Aplicaciones Web conectándose a aplicaciones Web.

¿Qué es la Web 2.0? ¿Qué es la Web 3.0?

Es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones Web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología.

Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.

La principal característica de las Web 2.0 es la interactividad generada entre usuarios, a diferencia de las Web 1.0, en las que el usuario era tan solo un observador pasivo de la página. Las Webs 2.0 están diseñadas por y para el usuario, para que éste vaya dando uso a la página Web de diferentes maneras, como incorporando contenidos, información, etcétera, a través de diferentes aplicaciones Web.

Para un mapa general de la idea que representa una Web 2.0 acceda al siguiente link:

 mapa general 

Tecnologías que dan vida a la Web 2.0

El Web 2.0 no significa precisamente que existe una receta para que todas nuestras aplicaciones Web entren en este esquema. Sin embargo, existen varias tecnologías que están utilizándose actualmente y que deberíamos de examinar con más cuidado en busca de seguir evolucionando junto al Web.

Tecnologías que dan vida a un proyecto Web 2.0:

• Transformar software de escritorio hacia la plataforma del Web.
• Respeto a los estándares como el XHTML.
• Separación de contenido del diseño con uso de hojas de estilo.
• Sindicación de contenidos.
• Ajax (javascript ascincrónico y xml).
• Uso de Flash, Flex o Lazlo.
• Uso de Ruby on Rails para programar páginas dinámicas.
• Utilización de redes sociales al manejar usuarios y comunidades.
• Dar control total a los usuarios en el manejo de su información.
• Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
• Facilitar el posicionamiento con URL sencillos.

Avances con respecto a la Web 1.0

 

Diseño de la Web 2.0

A continuación detallamos algunos de los conceptos a tener en cuenta si nos disponemos a diseñar una pagina Web bajo la tendencia de la Web 2.0:

• Simplicidad
• Principios de Diseño
• Menos columnas
• Sección Top separada
• Separación clara de las zonas de la página
• Navegación sencilla y clara
• Logotipos
• Aumentar el tamaño del texto
• Textos introductivos gruesos
• Colores fuertes
• Texturas, superficies y efectos
• Degradados
• Reflejos
• Iconos
• Destellos

Simplicidad

El diseño Web es más sencillo que nunca, y eso es una buena cosa. El diseño 2.0 es diseño focalizado, limpio y simple.

Hay aspectos importantes para lograr el éxito con sencillez:

•        Eliminar componentes innecesarios, sin sacrificar la eficacia.

•        Probar las soluciones alternativas que permitan alcanzar el mismo resultado con más sencillez.

•        Se deben utilizar detalles visuales en líneas, palabras, formas, colores para comunicar la información pertinente, no sólo para decorar.

Principios de Diseño

En la actualidad, la práctica totalidad de sitios web se realizan utilizando zonas centradas en la pantalla del navegador. Relativamente pocos diseño se desarrollan a pantalla completa (líquido) o alineado a la izquierda / de tamaño fijo, en comparación con hace unos años. Un diseño centrado puede percibirse más simple, audaz y honesto. Con esta perspectiva, estaremos usando menos para decir más.

Menos columnas

Años atrás, los sitios con 3 columnas eran los más habituales, y las página a 4 columnas no eran infrecuentes. En la actualidad, lo más común es utilizar diseños a 2 columnas y, como máximo, a 3. Menos es más. Utilizando menos columnas se da una imagen de mayor sencillez, audacia y honestidad. Nos estamos comunicando con menos información y de una forma más clara.

Ejemplo diseño de dos columnas: 

Sección top diferenciada

Esto significa hacer que la parte superior de la pantalla (la marca principal y zona de navegación) sea diferente del resto (el contenido principal).

Por supuesto, no hay nada nuevo acerca de este enfoque. Es una buena idea, y ha sido utilizado para siempre. Sin embargo, está siendo usado ahora más que nunca, y la distinción es a menudo más fuerte.

Ejemplo:

Separación clara de las zonas de la página

Estas zonas incluyen:

•        Navegación

•        Fondos y canvas

•        El área de contenido principal

•        Otras zonas

•        Llamadas y enlaces cruzados

La manera más segura de hacer esta diferenciación es mediante el uso del color, pero el espacio en blanco puede ser también eficaz. El riesgo con un color fuerte es que llama la atención, por lo que puede desviar la atención de otros elementos de la pantalla correspondiente. Utilizando contenido simplificado en espacios blancos, se consigue una lectura más sencilla, relajada y sencilla de visualizar.

Ejemplo: 

 Navegación sencilla y clara

La zona de navegación global del sitio Web, debe aparece en cada página como parte de la plantilla y debe ser claramente identificable como el bloque dedicado a navegación. Debe ser fácil de interpretar y de seleccionar.

•        En diseño web 2.0 se suele hacer un bloque de navegación de gran tamaño, con letras en negrita, limpio y claro.

•        Los enlaces dentro del texto se suelen diferenciar claramente del texto

Ejemplo:

 Logotipos

Los logotipos en negrita aportan una imagen de marca clara y audaz. Según los principios generales del diseño estilo Web 2.0, los logotipos deben ser bastante grandes.

¿Cómo deben ser los logotipos?

Su logotipo debe:

•        Trabajar visualmente en su contexto principal, y cualquier otro uso en el que puede ser usado (como folletos o camisetas?)

•        Ser reconocible y distintivo

•        Representar la personalidad de su marca y sus cualidades en el primer visionado

Ejemplo: 

Aumentar el tamaño del texto

El estilo de diseño web 2.0 suele utilizar un texto de mayor tamaño comparado con los antiguos estilos de diseño web. Con esto se persigue, por una parte, dar notoriedad a los elementos de mayor importancia en la página y, por otra, hacer los contenidos más accesibles para los usuarios.

Ejemplo: 

Colores fuertes

El brillo y los colores fuertes atraen la atención. Deberían ser utilizados para dividir la página en secciones claras, y para destacar los elementos importantes. Cuando se tiene una página Web sencilla y con poca carga de elementos de diseño, se usar un poco de color intenso para ayudar a diferenciar las áreas de interés y llamar la atención sobre los elementos que desea que el visitante vea desde el instante.

Ejemplo: 

Texturas, superficies y efectos

La mayoría de los sitios de estilo web 2.0 hacen un sutil uso de efectos 3D para aumentar la sensación de calidad del diseño.

Los efectos de superficie realistas (como el uso de las sombras, los degradados y reflejos) ayudar a hacer una interfaz visual que se perciba más real, sólida y trabajada.

También nos recuerda ciertas cualidades de objetos del mundo real, tales como gotas de agua, botones de plástico brillante, y pisos de mármol. Hacer que los objetos se vean sólidos y reales puede hacer que el mensaje que pretendemos transmitir con la página se vea “tangible”.

Ejemplo: 

Degradados

El diseño Web 2.0 hace un uso intensivo de los degradados.

¿Por qué son tan útiles los degradados?

Los degradados nos permiten suavizar zonas que de otra manera darían un aspecto plano en cuanto al color y los tonos. Los degradados pueden ser utilizados para hacer transiciones de un color a un tono más claro o más oscuro.

Tenga en cuenta que los gradientes suelen funcionar mejor cuando se yuxtaponen con áreas de color plano o de tono.

Ejemplo: 

Reflejos

La ilusión óptica de los reflejos es una de las aplicaciones más comunes en los degradados.

Estos generalmente se utilizan de dos formas:

• Principales causado por la luz que refleja en superficies brillantes

Permiten destacar el uso de las opciones de la barra de navegación mediante el efecto de una fuente de luz por encima de las pestañas, junto con un brillo interior, difuso que crea el efecto de plástico.

·         Este efecto “tabla brillante”

Este es un efecto realmente bonito, que es tan frecuente hasta ahora, está en peligro de ser utilizado abusivamente, por lo que está cayendo en desgracia para los diseñadores.

Ejemplo: 

Iconos

Los iconos desempeñan un papel primordial en el diseño Web 2.0. En la actualidad se utilizan menos iconos, pero los que incluimos en los diseños web tienen más significado.

Los iconos pueden ser útiles cuando son fácilmente reconocibles y tienen un significado claro. En muchos otros casos, una simple palabra es más efectiva.

Ejemplo: 

Destellos

Se trata de las etiquetas en forma de estrella con las que los diseñadores web intentan hacer notar al visitante de algo importante contenido en las páginas web. Se fundamentan en las etiquetas con las que los comercios hacen notar a sus clientes los artículos de bajo coste.

Su utilización puede ser interesante en un diseño web, siempre que se utilice para llamar la atención sobre algo verdaderamente importante. No se debería utilizar más de una de estas etiquetas por página.

Ejemplo: 

La Web 3.0

Web 3.0

"Mucho más sencillo de entender"

 

Web 3.0 es un neologismo que se utiliza para describir la evolución del uso y la interacción en la red a través de diferentes caminos. Ello incluye, la transformación de la red en una base de datos, un movimiento hacia hacer los contenidos accesibles por múltiples aplicaciones non-browser, el empuje de las tecnologías de inteligencia artificial, la Web semántica, o la Web 3D. Frecuentemente es utilizado por el mercado para promocionar las mejoras respecto de la Web 2.0. Actualmente existe un debate considerable en torno a lo que significa Web 3.0, y cuál sea la definición más adecuada.

El resumen de todo esto es que la Web 3.0 es una nueva manera de hacer las Web actuales mucho más accesibles para los buscadores para lograr búsquedas más exactas haciendo uso de información adicional con un formato estándar para todos. Mucho más sencillo de entender.

Esquema de funcionamiento de la web 3.0

La Web 3.0 son aplicaciones web conectándose entre sí, a fin de enriquecer la experiencia de las personas, haciendo uso de formatos especializados que amplían la información y sugiere otra, esto proporciona autonomía respecto del navegador y construcción de la Web Semántica. Web 3.0, también ha sido utilizada para describir el camino evolutivo de la red que conduce a la inteligencia artificial. Compañías como IBM y Google están implementando nuevas tecnologías que cosechan información sorprendente, como el hecho de hacer predicciones de canciones que serán un éxito, tomando como base información de las Web de música. Existe también un debate sobre si la fuerza conductora tras Web 3.0 serán los sistemas inteligentes, o si la inteligencia vendrá de una forma más orgánica, es decir, de sistemas de inteligencia humana, a través de servicios colaborativos.

¿Que es a Web Semántica?

El concepto de Web semántica se trata de poder enriquecer la comunicación mediante metadatos semánticos que aportan un valor añadido a la información, la diferencian y la hacen más inteligente.

Ejemplo: