Archive for febrero, 2010

viernes, febrero 19th, 2010
COMPOSICIÓN DE UNA PÁGINA WEB

La Web fue creada alrededor de 1989 por el inglés Tim Berners-Lee y el belga Robert Cailliau en Ginebra, Suiza, y publicado en 1992. Una página Web, también es considerada  como una página de Internet; es un documento cuya información es adaptado para la Web, el cual forma parte de un sitio Web. La World Wide Web traduce Red Global Mundial, es un sistema de documentos (hipertextos) enlazados y accesibles a través de Internet.
A partir de esta definición quiero destacar los diferentes recursos que son necesarios en la elaboración de una página Web, de acuerdo a su composición y teniendo en cuenta el objetivo de su desarrollo. Como referente he tomado la página: WWW.DCSHOECOUSA.COM.  A continuación se encuentra desglosado los diferentes aspectos compositivos a partir de su definición.   
Dentro de su clasificación se encuentran dos tipos: PÁGINA WEB ESTATICA: Una página Web estática es aquella que es básicamente informativa, el visitante y administrador Web no pueden interactuar con la página para modificar su contenido, Y es suficiente utilizar código HTML. PAGINA WEB DINAMICA: Una página Web dinámica es aquella que puede interactuar con el visitante y/o administrador Web, pudiéndose modificar el contenido de la página.
1. WWW.DCSHOECOUSA.COM: Página principal con encabezado en Flash, Catálogo de produc­tos con categorías, subcategorías y artículos, videos, audio, imágenes, Pagina de formas de pago, Giro, depósito o transferencia bancaria.
Informar a sus clientes de sus productos y su perfil de empresa.
Historia: se funda en 1993 en california se dedica a la mano factura de ropa de deportes extremos como el surf, el skate, snowboard entre otros, sus principales productos son el calzado y accesorios.
1. ESTRUCTURA:
1. Ubicaremos en el logotipo de la empresa, slogan de la empresa y si el diseño lo amerita, la imagen de la sección.
2. Le llamamos menú al conjunto de opciones o secciones de nuestro sitio web, algunos prefieren llamar­lo como “links internos”,
Tienen un contenido de alta información generando un desplaza­miento fácil y organizado creado por 4 módulos que sirven para diferenciar cada contenido.
1. Encabezado: Ubicaremos en el logotipo de la empresa, slogan de la empresa y si el diseño lo amerita, la imagen de la sección.
2. Le llamamos menú al conjunto de opciones o secciones de nuestro sitio web, algunos prefieren llamar­lo como “links internos”,  
3. muestra la información de la pa­gina individual, mas importante de una manera clara y especifica.
4. Ancho = 100% del ancho total de la pagina.
Alto = no menos de 50px
2. COMPOSICIÓN
Está compuesta por todos los archivos y documentos fuentes que hagan funcionar una página web, es decir, corresponde al con­junto de las imágenes animaciones, documentos de hipertexto, música, etc. Cuida el estilo durante todas las páginas web, de manera que el resultado quede homogéneo y distribuido en todas sus imágenes y diseños de imágenes que van rotando continuamente.
3. COLOR:
Se obtienen buenos contraste de color en el cuerpo de la pagina para dar mayor legibilidad a la tipografía, el color negro como fondo y el rojo sobresalta la tipografía y el blanco como un tono frío le da equilibrio y jerarquía a la composición .
Maneja el color negro de fondo permitien­do legibilidad a la hora de comunicar sus servicios y Mejorar la interacción entre el usuario y el sitio web, cediendo a que el color rojo de la tipografía tenga mayor impacto visual al informar.
4. TIPOGRAFIA:
Las familias tipográficas disponibles en cada sistema operativo son dife­rentes. Aunque las versiones actuales de Internet Explorer instalan un con­junto de fuentes similar en Windows y Mac.
*Negrita: Letras con trazo grueso
*Cursiva: llamado también Itálica, de ahí su símbolo, inclina el texto a la derecha.
*Subrayado: texto subrayado
*Tachado: El texto aparece con una línea horizontal.
*Superíndice: Posición elevada del texto
5. RECURSOSMULTIMEDIA
Los recursos multimedia que utiliza esta página web son dirigidos a un público joven que le gusten los deportes extremos y que se interesen por la comodidad de su ropa a la hora de hacer cualquier deporte extremo, promocionando los videos de los mejores deportistas. También nos ofrece aplicaciones con las que se puede llegar de un lugar a otro viajando por todo una sala múltiple de imágenes de manera que nos podamos  identificar con lo que estamos buscando.
 
6. RECURSOSINTERACTIVOS
Muestra el contenido de una base de datos, con base en la información que solicita un usuario a través de múltiples enlaces y categorías que conforman cada desplegable del navegador, se encarga de mostrar todo sus contenidos y productos para que el usuario se sienta como si estuviera en un almacén de cadena de este tipo de alta categoría mostrando en 3d y de alta definición el producto en diferentes pocisiones y movimientos.
7. IDENTIDAD
Este logo está entrelasado y compues­to por una D y una C que al compo­nerse se encierran para juntase entres si conformado un positivo y un nega­tivo, Negrita: Letras contrazo grueso.
Historia: se funda en 1993 en California se dedica a la mano factura de ropa de deportes extremos como el surf, el skate, snowboard entre otros, sus principales productos son el calzado y accesorios.
Informar a sus clientes de sus productos y su perfil de empresa para que todos sus contactos estén en contraste comunicación para los nuevos productos que van promocionando cada y entregas a diferentes puntos de países en los cuales se distribuye.­
8. USABILIDAD
Se ha comprobado que un mayor grado de usabilidad de esta página web (y por extensión, en cualquier aplicación) proporciona un incremento en la utilización de la página o aplicación, con los beneficios que esto conlleva a la empresa en el mercado.
En la aplicación están dadas por controles necesarios para moverse a través de las pantallas que van apareciendo durante el uso del programa. Estos controles de nave­gación incluyen, como mínimo, el retorno al menú principal de la aplicación, el re­torno al menú de la sección actual y el retorno a la pantalla previamente visualizada.
9. ENFOQUECOMERCIAL
La planeación estratégica de un sitio web corporativo es una representación pública de la empresa con un objetivo que es mostrar todos sus productos al mercado compitiendo con grandes empresas para hacerse notar a nivel mundial.

Esta empresa ya tiene sitio web, conoce a sus clientes, tiene contenido de calidad, tiene un enfoque comercial de acuerdo con su planeación estratégica va y tiene resultados óptimos.

 El diseño nos permite hacer uso de los recursos y características como medio de apoyo de forma libre, no obstante no se puede dar por entendido que las personas comprenden de la misma manera la información suministrada. Por esta razón, el objetivo es poner en práctica este tipo de datos para que  la información se muestre de  forma clara y congruente respecto al tema propuesto.
Con la demostración de la página que elegí pretendo la verificación y mejor entendimiento del contenido compositivo.

InterfacES…

viernes, febrero 19th, 2010

CamiloColunge//Multimedia

Los conceptos acerca de interfaz pueden llevar a miles de afirmaciones, documentos y autores que proponen alguna nueva teoría o concepto acerca de la misma. Es por esto que puede llegar a ser un tema con un sin número de soluciónes en las cuales siempre da como resultado algún tipo de interactividad ya sea de forma errada o de forma correcta, de tal manera que podamos conseguír un tipo de respuesta a algún tipo de necesidad que se este ideando solucionar.

Las interfaces pueden estar presentes de cualquier manera, mientras se encuentre «estructurada de forma precisa para que el usuario aprenda algo°», ya sea tratando de vender un producto de manera lúdica o interactuando con niños de tal forma de que se aprenda por medio de algunos niveles de juego, hasta llegar a un conocimiento pleno del tema que se esté tratando. En fin pueden surgir muchos ejemplos para saber que la interfaz es parte muy importante en los procesos de interacción, sin dejar a un lado la importancia que tiene la experiencia frente a dichos procesos.

Cuando comenzamos a interactuar por primera vez con el computador siendo pequeños, lo primero que se aprende gracias al conocimiento de otros electrodomésticos es como se prende y se apaga el computador. Luego entramos a un sistema algo complejo de navegar como lo era el MS-D.O.S, en donde la manera de ir a programas y demás documentos, era escribiendo la ubicación exacta del archivo a usar (C:/…/…>), esto en mi caso generó conflictos en los cuales si no sabía el nombre del archivo, sencillamente no podía ingresar.

Más adelante luego de haber evolucionado del Sistema D.O.S (aunque se usa aún), vemos como se busca solucionar la necesidad de mostrar al usuario como ingresar mejor a los programas y archivos, generando un orden de lectura gracias a una estructura de navegación en donde se ve la palabra inicio, luego programas y así sucesivamente hasta llegar a lo que se quiera abrir.

Todo lo anterior muestra como hubo un mejoramiento de la interfaz de pc a usuario, pues cada vez se trata de simplificar más esa interacción, creando nuevos elementos que ayuden a mejorar la interfaz de uso. Ya sea utilizando palabras o colores, lo importante es generar un tipo de lectura en la cual el diseñador es guía, pues es quien debe definir como la persona o usuario va a interactuar con el objeto, programa o lugar.

Las interfaces pueden ser muchas incluso en un mismo elemento, pues una puede llevar a otra, creando así nuevos modelos de uso. Hace poco se mostró el nuevo celular que funcióna con solo mover los ojos (Link.Info). Se podría decir que esta es tal ves la solución a tener que estar usando el celular con la mano para digitar algún número o para darle siguiente mientras oimos música, otro triunfo más tal vez para el modo de interactuar con los celulares en el futuro?, no se sabe aún, pero muestra como lo dije desde el principio, es llegar a conseguir algún tipo de solución a algúna necesidad, tal vez en este caso es no utilizar las manos y parecer locos moviendo los ojos de un lado para el otro, como cuando la gente comenzo a utilizar el manos libres.

En si cada vez surgen nuevos elementos que requieren del manejo de interfaces, ejemplos tan sencillos como los realizados en clase en donde se veía que por solo faltar un elemento podría llevar a un error, es una clara muestra de la importancia de una buena estructura de navegación, home, retorno, ayuda y salir.

°  Gui Bonsiepe. «Design as congitive tool the role of design in the socialisation of knowledge».Pág. 4.

—>Link PDF Libro