QUE ES LA INTERACION WEB?
Es un proceso de administración, diseño, creación y usabilidad de la arquitectura de información y sitios web.
El diseño de interacción es un campo dentro del diseño de experiencia de usuario que se abarca a la relación entre el usuario y el producto.
El diseño de interacción puede tomar decisiones sobre:
El diseño sitios web está pensado en función del consumidor al que se espera llegar desde las estrategias de Marketing Online y teniendo en cuenta los objetivos de la empresa en cuanto a su producto o servicio.
El destinatario entonces, está implícito desde el momento de la planificación: a qué perfil responde, cuáles son sus principales búsquedas y gustos, en qué momento accede a la Red.
Cómo debería deslizarse un menú.
Qué efectos de transición utilizar.
Cómo debería transformarse un botón.
Qué cambios deberían producirse cuando el usuario se desplaza vertical u horizontalmente por la página.
Cómo indicar que los datos ingresados en un formulario son correctos o incorrectos.
Cómo administrar de forma correcta mi sitio web.
Un buen sitio es Little Big Details (Pequeños Grandes Detalles) que recopilan numerosos ejemplos que pueden servirte de ejemplo de las mejores compañías y sitios web.
Características principales del diseño de interacción:
En este artículo te explicaremos que significa el diseño de interacción y te mencionaremos algunas de sus características, de modo que puedes poner este enfoque en práctica la próxima vez que desarrolles alguna aplicación.
Los dispositivos móviles en particular se han hecho bastante populares debido a su gran funcionalidad y tamaño.
El diseño de interacción hace referencia al diseño de productos, entornos, sistemas y servicios interactivos.
El diseño de interacción se centra en el usuario. Por esta razón, es esencial realizar una investigación sobre los usuarios y entender sus necesidades.
¿Qué es el diseño de interacción?
El diseño de interacción hace referencia al diseño de productos, entornos, sistemas y servicios interactivos.
A pesar de que este tipo de diseño se enfoca en el usuario se debe encontrar un balance entre las expectativas del usuario y los objetivos, así como los avances tecnológicos.
Uno de los mayores principios del diseño de interacción es que debe tener un objetivo.
Estos objetivos se relacionan con las necesidades del usuario, es por ello los diseñadores deben tener una idea clara sobre las características, hábitos y preferencias de los usuarios
QUE ES DREAMWEAVERS
Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares.
Es un editor de páginas Web, que nos permite diseñar páginas de un modo muy sencillo sin saber programar directamente en los distintos códigos que utiliza.
Además facilita el manejo general del programa para maquetar páginas Web, aumentando la productividad de forma notable.
Una de las características más destacable es la visualización de la composición del documento, a través de un entorno visual, donde podremos encontrar las funciones que nos permitirán añadir diseño y funcionalidad rápidamente de manera interactiva a nuestras creaciones.
Dreamweaver, no es sólo un editor de páginas Web; es un completo gestor de sitios que ofrece una amplia gama de posibilidades incluyendo, como no, las mayores facilidades a la hora de publicar nuestro sitio. Por tanto, podemos decir que Dreamweaver es, a grandes rasgos, una de las más potentes y versátiles herramientas de creación, edición y publicación de sitios Web.
Las características que definen a Dreamweaver son:
Versatilidad: permite realizar muchas más operaciones que otros editores existentes en el mercado.
Potencia: permite integrar elementos realizados con otras herramientas, tales como imágenes procedentes de Adobe Photoshop, secuencias animadas procedentes de Adobe Flash, bases de datos, hojas de cálculo, etc.
Facilidad de uso: una vez haya conocido su funcionamiento es muy sencillo de usar, de manera que podrá explotar los recursos que ofrece. Además de contar con una buena herramienta de ayuda y distintas opciones que facilitan aún más su uso.
Ventajas
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento).
ORIGENES
La historia de Dreamweaver comienza, en realidad, con la empresa desarrolladora de software Macromedia, que nacio en 1992 tras la fusión de Authorware Inc. (creadora del Authorware) y Nacro-Mind Paracomp (creadora de Directo).
La primera gran participación en el mercado de esta nueva compañía fue Shockwave, un plugin para los navegadores que permitía visualizar animaciones hechas en Directo.
La firma decidió expandirse mas en el sector Web y multimedia, nichos que recién comenzaban a surgir como una interesante propuesta de negocios.
Esta expansión como objetivo primario, en 1996 Macromedia realizo dos grandes adquisiciones: la primera fue FutureWave Software, creadora de FutureSplash Animator, al que Macromedia rebautizo como Flash; la segunda fue iBand Software, desarrolladora de Backstage, programa de edición de HTML al que Macromedia nombro, con algunos cambios de código, como Dreamweaver , y cuya primera versión lanzo en 1997.
La competencia principal de esta herramienta era FrontPage, de Microsoft, que si bien no era tan avanzado, venia junto con el paquete Office y ofrecía un conjunto de utilidades mas sencillas.
Dreamweaver se convirtió en el editor de HTML preferido por diseñadores y programadores, en tanto que FrontPage quedo relegado a estudiantes y novatos del área.
A partir de 1998, Macromedia comenzó a desarrollar una versión del programa por año, aproximadamente. En cada una de ellas fue agregando componentes clave para un mejor desarrollo de archivos HTML y de otras extensiones (ASP, PHP, JPS, etc.). Hoy en día, Dreamweaver es el preferido por empresas y particulares para diseñar y programar sitio Web.
ENFOQUE
Enfoque en CSS estándar y bien hecho. Dreamweaver aun permite crear CSS sin necesidad de escribir código, por medio del inspector de propiedades. Pero ahora es capaz de dividirlo en varias hojas, entender la estructura HTML, los IDs y organizarlo de la mejor y más semántica manera.
Es un proceso de administración, diseño, creación y usabilidad de la arquitectura de información y sitios web.
El diseño de interacción es un campo dentro del diseño de experiencia de usuario que se abarca a la relación entre el usuario y el producto.
El diseño de interacción puede tomar decisiones sobre:
El diseño sitios web está pensado en función del consumidor al que se espera llegar desde las estrategias de Marketing Online y teniendo en cuenta los objetivos de la empresa en cuanto a su producto o servicio.
El destinatario entonces, está implícito desde el momento de la planificación: a qué perfil responde, cuáles son sus principales búsquedas y gustos, en qué momento accede a la Red.
Cómo debería deslizarse un menú.
Qué efectos de transición utilizar.
Cómo debería transformarse un botón.
Qué cambios deberían producirse cuando el usuario se desplaza vertical u horizontalmente por la página.
Cómo indicar que los datos ingresados en un formulario son correctos o incorrectos.
Cómo administrar de forma correcta mi sitio web.
Un buen sitio es Little Big Details (Pequeños Grandes Detalles) que recopilan numerosos ejemplos que pueden servirte de ejemplo de las mejores compañías y sitios web.
Características principales del diseño de interacción:
En este artículo te explicaremos que significa el diseño de interacción y te mencionaremos algunas de sus características, de modo que puedes poner este enfoque en práctica la próxima vez que desarrolles alguna aplicación.
Los dispositivos móviles en particular se han hecho bastante populares debido a su gran funcionalidad y tamaño.
El diseño de interacción hace referencia al diseño de productos, entornos, sistemas y servicios interactivos.
El diseño de interacción se centra en el usuario. Por esta razón, es esencial realizar una investigación sobre los usuarios y entender sus necesidades.
¿Qué es el diseño de interacción?
El diseño de interacción hace referencia al diseño de productos, entornos, sistemas y servicios interactivos.
A pesar de que este tipo de diseño se enfoca en el usuario se debe encontrar un balance entre las expectativas del usuario y los objetivos, así como los avances tecnológicos.
Uno de los mayores principios del diseño de interacción es que debe tener un objetivo.
Estos objetivos se relacionan con las necesidades del usuario, es por ello los diseñadores deben tener una idea clara sobre las características, hábitos y preferencias de los usuarios
QUE ES DREAMWEAVERS
Dreamweaver es una aplicación en programa de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, vídeos y aplicaciones Web basados en estándares.
Es un editor de páginas Web, que nos permite diseñar páginas de un modo muy sencillo sin saber programar directamente en los distintos códigos que utiliza.
Además facilita el manejo general del programa para maquetar páginas Web, aumentando la productividad de forma notable.
Una de las características más destacable es la visualización de la composición del documento, a través de un entorno visual, donde podremos encontrar las funciones que nos permitirán añadir diseño y funcionalidad rápidamente de manera interactiva a nuestras creaciones.
Dreamweaver, no es sólo un editor de páginas Web; es un completo gestor de sitios que ofrece una amplia gama de posibilidades incluyendo, como no, las mayores facilidades a la hora de publicar nuestro sitio. Por tanto, podemos decir que Dreamweaver es, a grandes rasgos, una de las más potentes y versátiles herramientas de creación, edición y publicación de sitios Web.
Las características que definen a Dreamweaver son:
Versatilidad: permite realizar muchas más operaciones que otros editores existentes en el mercado.
Potencia: permite integrar elementos realizados con otras herramientas, tales como imágenes procedentes de Adobe Photoshop, secuencias animadas procedentes de Adobe Flash, bases de datos, hojas de cálculo, etc.
Facilidad de uso: una vez haya conocido su funcionamiento es muy sencillo de usar, de manera que podrá explotar los recursos que ofrece. Además de contar con una buena herramienta de ayuda y distintas opciones que facilitan aún más su uso.
Ventajas
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento).
ORIGENES
La historia de Dreamweaver comienza, en realidad, con la empresa desarrolladora de software Macromedia, que nacio en 1992 tras la fusión de Authorware Inc. (creadora del Authorware) y Nacro-Mind Paracomp (creadora de Directo).
La primera gran participación en el mercado de esta nueva compañía fue Shockwave, un plugin para los navegadores que permitía visualizar animaciones hechas en Directo.
La firma decidió expandirse mas en el sector Web y multimedia, nichos que recién comenzaban a surgir como una interesante propuesta de negocios.
Esta expansión como objetivo primario, en 1996 Macromedia realizo dos grandes adquisiciones: la primera fue FutureWave Software, creadora de FutureSplash Animator, al que Macromedia rebautizo como Flash; la segunda fue iBand Software, desarrolladora de Backstage, programa de edición de HTML al que Macromedia nombro, con algunos cambios de código, como Dreamweaver , y cuya primera versión lanzo en 1997.
La competencia principal de esta herramienta era FrontPage, de Microsoft, que si bien no era tan avanzado, venia junto con el paquete Office y ofrecía un conjunto de utilidades mas sencillas.
Dreamweaver se convirtió en el editor de HTML preferido por diseñadores y programadores, en tanto que FrontPage quedo relegado a estudiantes y novatos del área.
A partir de 1998, Macromedia comenzó a desarrollar una versión del programa por año, aproximadamente. En cada una de ellas fue agregando componentes clave para un mejor desarrollo de archivos HTML y de otras extensiones (ASP, PHP, JPS, etc.). Hoy en día, Dreamweaver es el preferido por empresas y particulares para diseñar y programar sitio Web.
ENFOQUE
Enfoque en CSS estándar y bien hecho. Dreamweaver aun permite crear CSS sin necesidad de escribir código, por medio del inspector de propiedades. Pero ahora es capaz de dividirlo en varias hojas, entender la estructura HTML, los IDs y organizarlo de la mejor y más semántica manera.
interaccion_web.pdf | |
File Size: | 197 kb |
File Type: |