INTRODUCCIÓN AL DISEÑO WEB Y CREACIÓN DE BANNERS

SITIOS WEB CON DIFERENTES FINALIDADES.

Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de internet o subdominio en la WWW dentro de Internet. 

Todos los sitios web accesibles forman una gigante Worl Wide Web (www) de información.

Aquí dejo unos ejemplos de sitios web, según su finalidad...

Corporativo:                                                                                              Comercial:

Educativo:                                                                                                Personal:

Comercio electrónico:                                                                             Informativo:

Wikis:                                                                                                       Foros:

                                                                      Redes sociales:                                                                   

Criterios de usabilidad.

La usabilidad es la medida de la calidad de experiencia que tiene un usuario cuando interactúa con un producto o sistema. Se mide a través del estudio de la relación que se produce entre las herramientas y quienes las utilizan.
Ahora analizaré los criterios de usabilidad de tres de los anteriores sitios web...

Comercio electrónico (ebay):

Jerarquía visual.- En ebay ponen bastante grandes el apartado de las rebajas, o descuentos por ejemplo, y se diferencia bien lo que es importante de lo que no.

Control del usuario.- A mí, siendo usuario de Ebay, no me parece una página por la que sea fácil de navegar, porque tiene muchos enlaces e imágenes.
Simplificación de contenidos.- Dentro de esta página web, parece que no hay contenido que sobre, todo es "importante".
Facilidad de interacción.- El usuario puede interactuar mucho con esta página, porque hay muchos enlaces e imágenes.

Informativo (Antena 3):

Jerarquía visual.- La jerarquía visual está bien, se ve que está bien ordenada la página web, y muy bien distribuida la información e imágenes.
Control del usuario.- Se hace fácil navegar por este sitio web, pero al igual que Ebay, tiene muchos enlaces y vídeos.

Simplificación de contenidos.- Los contenidos están correctos, no hay información de relleno, todo lo que hay es útil e importante.

Facilidad de interacción.- Igual que en el anterior ejemplo, el usuario puede interactuar mucho desde este sitio web.

Foros (forocoches):

Jerarquía visual.- No me parece buena, quizás hay muchos enlaces juntos, y encima son color rojo, hace daño a la vista.

Control del usuario.- No es una página por la que se haga difícil el hecho de navegar, es sencilla.

Simplificación de contenidos.- Hay muchos anuncios, pero por lo demás bien.

Facilidad de interacción.- Hay muchísimos enlaces con los que el usuario puede interactuar, y meterse en muchas páginas más.

REALIDAD AUMENTADA

La realidad aumentada es una tecnología que complementa el mundo real con el mundo virtual.
Nos permite añadir capas de información visual sobre el mundo real que nos rodea, utilizando la tecnología, como pueden ser nuestros propios teléfonos móviles.
La realidad aumentada tiene como objetivo, comprender mejor todo lo que nos rodea.

Características y funcionamiento de la realidad aumentada:

La característica principal de la realidad aumentada, es la capacidad de integrar información dentro de una escena real, de un modo realista en tiempo real.
A parte de esta característica, tiene algunas más, pero son un poco secundarias, por ejemplo:
- Es interactiva en tiempo real.
- Está registrada en 3D.
- Combina elementos reales, con elementos virtuales.

Diferencia entre la realidad aumentada y la realidad virtual:

Al hablar de realidad aumentada, lo que se intenta es perfeccionar la realidad, agregando cosas a través de nuestros sentidos. Superponer realidades artificiales que se combinen con la realidad, para ofrecer un mejor trato con la misma.
Sin embargo, cuando hablamos de realidad virtual, estamos hablando de que intenta sustituir la realidad a través de dispositivos que nos permitan sentir que nos encontramos en otro lugar, es decir, sumergirnos en una realidad que no existe.
Ambas tecnologías son muy parecidas, pero comparten objetivos muy diferentes.

Realidad aumentada:                          Realidad virtual:






Algunas de las aplicaciones de realidad aumentada son las siguientes:
-Star Walk 2.- Es una aplicación que trata sobre la guía astronómica interactiva, es decir, para explorar estrellas, planetas, etc...

-Wikitude.- Es un buscador capaz de localizar puntos de intereés en el mapa utilizando la realidad aumentada. Permite buscar restaurantes cercanos, o por ejemplo, sitios recomendados por usuarios de TripAdvisor.

Vídeo sobre la realidad aumentada:

PRODUCTOS INTERACTIVOS (BOTONES)

Hemos estado trabajando en Indesign, sobre los productos interactivos (código QR, imagen 180º, imagen interactiva, y la imagen 360º). El trabajo consiste en una portada con una imagen de cada producto interactivo, y luego una página para cada producto. Al trabajar en Indesign, hemos colocado botones a cada imagen de la portada, para que nos llevase a su respectiva página, la cual tiene un hipervínculo en el título, porque sino no funcionaría.
Después de todo esto, el trabajo se exporta a un PDF interactivo para ver el resultado final.

Portada:

Código QR:                                                                Imagen interactiva:

Imagen 180º:

Imagen 360º:

RICOH Y ROLAND

Ricoh es una compañía japonesa creada en 1936 con el nombre de Riken Kankoshi. Su central se encuentra en Tokio.
Ricoh fabrica productos electrónicos, al principio cámaras fotográficas y luego empezó a fabricar máquinas como por ejemplo fotocopiadoras, impresoras, faxes, o incluso escáneres.
En los años 80, Ricoh fue la primera empresa en introducir aparatos digitales multifunción en el mercado, que combinaban funciones de fotocopiado y fax, o funciones de escaneado e impresión, para reducir la necesidad de disponer de varios aparatos en una sola función. De esta forma, se consigue una disminución de costes y del consumo de energía.



A partir de los años 90, Ricoh creció tanto, que es actualmente el mayor fabricante de fotocopiadoras del mundo.
Productos comercializados al público de la marca Ricoh:
- Cámaras digitales.
-GPS + cameras (All-in-one).
-Cámaras de cine.
-Soluciones de software.
-Proyectores.
-Tableros interactivos.

Roland es un fabricante de sistemas de impresión para el offset rotativo de periódicos, el offset rotativo comercial y offset de pliego para la impresión de periódicos, publicitaria, editorial, y la impresión de embalajes. Las sedes de producción están situadas en Augsburgo, Offenbach del Meno y Plauen. 

FLIP PAGE

Hemos creado un flip page, desde la aplicación "flipsnack" y "flippingbook", subiendo nuestro trabajo de productos interactivos creado en word, y pasado a pdf.
El efecto flip page es un efecto que permite simular en un documento digital, el cambio de una página a otra correlativa, como si se ojease una revista o un libro físico, en el navegador, sin necesidad de instalar ninguna apliación en el dispositivo de visualización.
El material es visto a través de un navegador web y está hecho para parecerse lo más posible a una publicación impresa, con un formato que permite la visualización de dos páginas a la ves, y una vuelta a la página animada.

Flip page