fbpx
Wikipedia

Diseño interactivo

El diseño interactivo es el arreglo de gráficos, texto, videos, fotos, ilustraciones, sonidos, animación, imágenes tridimensionales (3D), realidad virtual y otros medios en un documento interactivo. Un documento interactivo puede ser una página web con texto y enlaces a otras páginas web, o una aplicación autónoma más compleja que use tipografía, gráficos, sonido y video con controles interactivos como pueden ser botones, enlaces, etc. Ya sean simple o complejos, los mejores diseños interactivos, presentan el mensaje de manera clara y tienen una interfaz fácil de navegar , y que funciona adecuadamente con la tecnología que utilice el usuario para desplegar el documento interactivo.[1]

El diseño interactivo es un conjunto de disciplinas que engloba términos como el diseño de software, de interfaz de usuario, diseño centrado en el usuario, diseño de productos, diseño web, etc. Según Terry Winograd e Yvone Rogers, se refiere al diseño de espacios interactivos para apoyar la forma en que la gente se comunica e interactúa con su vida y quehacer diario. Es fundamental para todas las disciplinas, campos y afines preocupados por investigar y diseñar sistemas basados en computadora para el ser humano.[2]

El diseño interactivo es una derivación histórica de la multimedia interactiva con la diferencia de que ‘Multimedia Interactiva’ es un término que históricamente se relaciona con medios obsoletos como el CD-ROM y tiene connotaciones caducas, el término Diseño Interactivo por otro lado tiene una connotación más contemporánea y sus plataformas son tan variadas como lo pueden ser la Web, los teléfonos inteligentes (como el iPhone), las tabletas (como el iPad), etc.

El diseñador interactivo diseña para Medios Interactivos a diferencia del diseñador de Interacción que diseña los comportamientos de los puntos de contacto del usuario con los productos que no necesariamente son digitales, Diseño Interactivo es una derivación del Diseño Gráfico y el Diseño de Interacción es una derivación del Diseño Industrial. A diferencia del Diseño de Interacción, el Diseño Interactivo se centra en el ‘cómo’ y el ‘qué’ mientras el primero se centra en el ‘porqué’.

Diseño Interactivo es una área de estudio enfocada a comprender como nos relacionamos con la tecnología y como desarrollamos nuevas metodologías de diseño para crear productos y servicios que combinan estética, cultura, tecnología y las humanidades.[3]

El diseño interactivo o ID, por sus siglas en inglés, Interaction Design, se encuentra expuesto en todo y forma parte de la vida de cualquier persona. Las disciplinas y campos interdisciplinarios que contribuyen con el diseño interactivo y que se mencionan en el libro Interaction Design. Beyond Human-Computer Interaction, son la psicología, las ciencias sociales, las ciencias computacionales, la informática, la interacción humano-computadora, la ingeniería cognitiva, el trabajo cooperativo y soportado por computadora, los sistemas de información, etc. Las disciplinas y los campos interdisciplinarios anteriormente mencionados sobresalen en la vida de cada persona, por lo que el diseño interactivo se encuentra implícito a nuestro alrededor.[4]

El diseñador interactivo diseña fundamentalmente para la pantalla[5]​ y en sus raíces está el Diseño Gráfico pero centrado en la interactividad. Así pues el Diseño Interactivo utiliza herramientas como pueden ser HTML, CSS, Javascript, Actionscript, PHP, Content Management Systems (CMS=Sistemas manejadores de contenidos), programas de edición de imágenes de pixel como Photoshop, editores de HTML tipo WYSIWYG como Dreamweaver, y en menor medida otros programas como Flash, Illustrator, InDesign, etc. Para crear proyectos completos y funcionales, siendo el Diseño y la Programación habilidades fundamentales del diseñador interactivo,[6]​ a diferencia del Diseño de Interacción que su fin último es diseñar las interacciones para la pantalla en prototipos en papel.

Diseño Interactivo como negocio

Hoy en día, el diseño interactivo es un gran negocio. Para Yvone Rogers, en la elaboración de cualquier producto debe de haber personas involucradas en todos los aspectos interactivos del producto, personas que se enfoquen en evaluar productos usando principios de usabilidad, personas que crean y estudian el diseño de sitios Web, personas que proponen ideas innovadoras y planes para crear productos interactivos, y personas que llevan a cabo investigación de campo para hacer reportes sobre el diseño de productos. Para que un producto sea exitoso, debe de pasar por diferentes áreas de conocimiento, debe de ser estudiado, y debe de pasar por el proceso del diseño interactivo, por lo que en cualquier producto el diseño interactivo se encuentra presente.[7]

Trabajo en equipos multidisciplinarios

Como el diseño interactivo abarca diferentes disciplinas y áreas de conocimiento, es muy difícil que una sola persona pueda cumplir con todas. Para Jenny Preece, el trabajar con equipos multidisciplinarios -refiriéndose a personas con diferentes antecedentes y capacitación-, trae consigo ventajas y desventajas, pero es necesario este tipo de trabajo dentro del diseño interactivo. Entre las ventajas se encuentran las diferentes perspectivas y formas de ver el producto, se generan más ideas y diseños para éste. Algunas de las desventajas puede ser la comunicación entre personas de conocimientos en distintas áreas de trabajo, y por consecuente, el lento progreso en la creación y elaboración de los productos. Aun con estas desventajas, es necesario tener un equipo multidisciplinario para que se cumpla de manera eficiente el proceso del diseño interactivo.

La experiencia de usuarios

Se trata de cómo las personas se sienten acerca de un producto, y su placer y satisfacción cuando lo usan, lo miran, lo sostienen, lo abren o lo cierran. Según Jesse James Garrett, la experiencia de usuario se refiere a cómo un producto se comporta y es usado en el mundo real. Cada producto, inevitablemente, cuando es usado por una persona, genera en esta una experiencia de usuario. La experiencia de usuario no es algo que se pueda diseñar, solo se puede diseñar para lograr una experiencia de usuario.

El diseño interactivo tiene cuatro actividades básicas, y que lo vuelven un ejercicio iterativo, repetitivo. En el libro, Interaction Design. Beyond Human-Computer Interaction, los autores mencionan que la primera consiste en establecer los requerimientos del producto, la segunda en crear varios diseños alternativos, la tercera consiste en generar prototipos, y la última en evaluar. Estas actividades vuelven al diseño interactivo una actividad cíclica, pues si hay algún error en alguno de los pasos, es necesario modificar y revisar desde el comienzo que no existan más errores.

Principios de diseño interactivo

Los principios del diseño interactivo son los requerimientos básicos con los que un producto debe de cumplir para que sea exitoso. Yvone Rogers, Helen Sharo y Jenny Preece mencionan en su libro que un producto debe de ser llamativo, fácil de aprender a usar, fácil de recordar cómo usarlo. Los principios de diseño interactivo son:

  • La Visibilidad: Consiste en los apoyos visuales que le brindan al usuario información sobre cómo actuar en determinadas circunstancias. Ejemplos: calcomanías, letreros, etc.
  • La Retroalimentación: Consiste en enviar información al usuario sobre lo que éste esté haciendo. Incluye sonidos, luminosidad, animaciones y combinaciones de estas. Ejemplo: Cuando conectas auriculares a algún Teléfono inteligente, en la pantalla aparece algún símbolo, advertencia o sonido, haciendo referencia a que se han conectado unos auriculares.
  • Las Limitaciones: Consiste en restringir y advertir acciones, para prevenir que el usuario selecciones opciones incorrectas. Ejemplo: Al eliminar archivos en una computadora, la máquina te pregunta si en verdad quieres eliminarlos.
  • La Consistencia: Diseñar interfaces que tengan operaciones y elementos similares para realizar tareas similares. Ejemplo: En un ordenador, siempre usar Ctrl + la letra inicial de una palabra para hacer la operación (Ctrt + C = Copiar).
  • El Affordance: No existe un sinónimo de esta palabra en español, pero puede interpretarse como dar una pista de algo que hay que hacer. Se refiere al atributo de un objeto que permite a las personas saber cómo usarlo. Ejemplo: El botón del mouse incita a presionarlo.

Referencias

  1. Graham, Lisa. (1999) p. 4
  2. Rogers, Yvone. (2019) p. 11.
  3. Parker, Lauren (2004) p. 7.
  4. Rogers, Yvone(2011) p. 11.
  5. Pratt, Andy (2012) p. 6.
  6. Crawford, Chris (2003) p. 191.
  7. Rogers, Yvone. (2011) p. 2-8.

Enlaces externos

  • . Conferencia de Diseño Interactivo organizada por la Revista de diseño “How”.
  • SCAD, Savannah College of Art and Design, Licenciatura y Maestría en Diseño Interactivo y Desarrollo de Videojuegos. Savannah, Georgia. Estados Unidos de América.
  • , Universidad Iberoamericana, Licenciatura en Diseño Interactivo. México, D.F. México.
  • , La Metro, Licenciatura en Diseño Interactivo. Buenos Aires, Argentina.

Bibliografía

  • Yvone Rogers, Helen Sharo, Jenny Preece. (2011). Interaction Design. Beyond Human-Computer Interaction.
  • Graham, Lisa (1999), The Principles of Interactive Design, Delmar Publishers, ISBN 0-8273-8557-9 .
  • Crawford, Chris (2003), The Art of Interactive Design, No Starch Press, ISBN 1-886411-84-0 .
  • Luppa, Nicholas V. (2001), Interactive Design for New Media and the Web, Focal Press, ISBN 0-240-80414-7 .
  • Parker, Lauren (2004), Interplay. Interactive Design, V & A Publications, ISBN 1-85177-4335 .
  • Fischer, Xavier (2006), Research in Interactive Design, Springer Publishers, ISBN 2-287-28772-8 .
  • Pearce, Celia (1997), The Interactive Book, Macmillan Technical Publishing, ISBN 1-57870-028-0 .
  • Lyons, Nancy (2012), Interactive Project Management, New Riders, ISBN 0-321-81515-7 .
  • Farrington, Paul (2002), Interactive: The Internet for Graphic Designers, Rockport Publishers, ISBN 2-880466-43-1 .
  •   Datos: Q6045397

diseño, interactivo, diseño, interactivo, arreglo, gráficos, texto, videos, fotos, ilustraciones, sonidos, animación, imágenes, tridimensionales, realidad, virtual, otros, medios, documento, interactivo, documento, interactivo, puede, página, texto, enlaces, o. El diseno interactivo es el arreglo de graficos texto videos fotos ilustraciones sonidos animacion imagenes tridimensionales 3D realidad virtual y otros medios en un documento interactivo Un documento interactivo puede ser una pagina web con texto y enlaces a otras paginas web o una aplicacion autonoma mas compleja que use tipografia graficos sonido y video con controles interactivos como pueden ser botones enlaces etc Ya sean simple o complejos los mejores disenos interactivos presentan el mensaje de manera clara y tienen una interfaz facil de navegar y que funciona adecuadamente con la tecnologia que utilice el usuario para desplegar el documento interactivo 1 El diseno interactivo es un conjunto de disciplinas que engloba terminos como el diseno de software de interfaz de usuario diseno centrado en el usuario diseno de productos diseno web etc Segun Terry Winograd e Yvone Rogers se refiere al diseno de espacios interactivos para apoyar la forma en que la gente se comunica e interactua con su vida y quehacer diario Es fundamental para todas las disciplinas campos y afines preocupados por investigar y disenar sistemas basados en computadora para el ser humano 2 El diseno interactivo es una derivacion historica de la multimedia interactiva con la diferencia de que Multimedia Interactiva es un termino que historicamente se relaciona con medios obsoletos como el CD ROM y tiene connotaciones caducas el termino Diseno Interactivo por otro lado tiene una connotacion mas contemporanea y sus plataformas son tan variadas como lo pueden ser la Web los telefonos inteligentes como el iPhone las tabletas como el iPad etc El disenador interactivo disena para Medios Interactivos a diferencia del disenador de Interaccion que disena los comportamientos de los puntos de contacto del usuario con los productos que no necesariamente son digitales Diseno Interactivo es una derivacion del Diseno Grafico y el Diseno de Interaccion es una derivacion del Diseno Industrial A diferencia del Diseno de Interaccion el Diseno Interactivo se centra en el como y el que mientras el primero se centra en el porque Diseno Interactivo es una area de estudio enfocada a comprender como nos relacionamos con la tecnologia y como desarrollamos nuevas metodologias de diseno para crear productos y servicios que combinan estetica cultura tecnologia y las humanidades 3 El diseno interactivo o ID por sus siglas en ingles Interaction Design se encuentra expuesto en todo y forma parte de la vida de cualquier persona Las disciplinas y campos interdisciplinarios que contribuyen con el diseno interactivo y que se mencionan en el libro Interaction Design Beyond Human Computer Interaction son la psicologia las ciencias sociales las ciencias computacionales la informatica la interaccion humano computadora la ingenieria cognitiva el trabajo cooperativo y soportado por computadora los sistemas de informacion etc Las disciplinas y los campos interdisciplinarios anteriormente mencionados sobresalen en la vida de cada persona por lo que el diseno interactivo se encuentra implicito a nuestro alrededor 4 El disenador interactivo disena fundamentalmente para la pantalla 5 y en sus raices esta el Diseno Grafico pero centrado en la interactividad Asi pues el Diseno Interactivo utiliza herramientas como pueden ser HTML CSS Javascript Actionscript PHP Content Management Systems CMS Sistemas manejadores de contenidos programas de edicion de imagenes de pixel como Photoshop editores de HTML tipo WYSIWYG como Dreamweaver y en menor medida otros programas como Flash Illustrator InDesign etc Para crear proyectos completos y funcionales siendo el Diseno y la Programacion habilidades fundamentales del disenador interactivo 6 a diferencia del Diseno de Interaccion que su fin ultimo es disenar las interacciones para la pantalla en prototipos en papel Indice 1 Diseno Interactivo como negocio 2 Trabajo en equipos multidisciplinarios 3 La experiencia de usuarios 4 Principios de diseno interactivo 5 Referencias 6 Enlaces externos 7 BibliografiaDiseno Interactivo como negocio EditarHoy en dia el diseno interactivo es un gran negocio Para Yvone Rogers en la elaboracion de cualquier producto debe de haber personas involucradas en todos los aspectos interactivos del producto personas que se enfoquen en evaluar productos usando principios de usabilidad personas que crean y estudian el diseno de sitios Web personas que proponen ideas innovadoras y planes para crear productos interactivos y personas que llevan a cabo investigacion de campo para hacer reportes sobre el diseno de productos Para que un producto sea exitoso debe de pasar por diferentes areas de conocimiento debe de ser estudiado y debe de pasar por el proceso del diseno interactivo por lo que en cualquier producto el diseno interactivo se encuentra presente 7 Trabajo en equipos multidisciplinarios EditarComo el diseno interactivo abarca diferentes disciplinas y areas de conocimiento es muy dificil que una sola persona pueda cumplir con todas Para Jenny Preece el trabajar con equipos multidisciplinarios refiriendose a personas con diferentes antecedentes y capacitacion trae consigo ventajas y desventajas pero es necesario este tipo de trabajo dentro del diseno interactivo Entre las ventajas se encuentran las diferentes perspectivas y formas de ver el producto se generan mas ideas y disenos para este Algunas de las desventajas puede ser la comunicacion entre personas de conocimientos en distintas areas de trabajo y por consecuente el lento progreso en la creacion y elaboracion de los productos Aun con estas desventajas es necesario tener un equipo multidisciplinario para que se cumpla de manera eficiente el proceso del diseno interactivo La experiencia de usuarios EditarSe trata de como las personas se sienten acerca de un producto y su placer y satisfaccion cuando lo usan lo miran lo sostienen lo abren o lo cierran Segun Jesse James Garrett la experiencia de usuario se refiere a como un producto se comporta y es usado en el mundo real Cada producto inevitablemente cuando es usado por una persona genera en esta una experiencia de usuario La experiencia de usuario no es algo que se pueda disenar solo se puede disenar para lograr una experiencia de usuario El diseno interactivo tiene cuatro actividades basicas y que lo vuelven un ejercicio iterativo repetitivo En el libro Interaction Design Beyond Human Computer Interaction los autores mencionan que la primera consiste en establecer los requerimientos del producto la segunda en crear varios disenos alternativos la tercera consiste en generar prototipos y la ultima en evaluar Estas actividades vuelven al diseno interactivo una actividad ciclica pues si hay algun error en alguno de los pasos es necesario modificar y revisar desde el comienzo que no existan mas errores Principios de diseno interactivo EditarLos principios del diseno interactivo son los requerimientos basicos con los que un producto debe de cumplir para que sea exitoso Yvone Rogers Helen Sharo y Jenny Preece mencionan en su libro que un producto debe de ser llamativo facil de aprender a usar facil de recordar como usarlo Los principios de diseno interactivo son La Visibilidad Consiste en los apoyos visuales que le brindan al usuario informacion sobre como actuar en determinadas circunstancias Ejemplos calcomanias letreros etc La Retroalimentacion Consiste en enviar informacion al usuario sobre lo que este este haciendo Incluye sonidos luminosidad animaciones y combinaciones de estas Ejemplo Cuando conectas auriculares a algun Telefono inteligente en la pantalla aparece algun simbolo advertencia o sonido haciendo referencia a que se han conectado unos auriculares Las Limitaciones Consiste en restringir y advertir acciones para prevenir que el usuario selecciones opciones incorrectas Ejemplo Al eliminar archivos en una computadora la maquina te pregunta si en verdad quieres eliminarlos La Consistencia Disenar interfaces que tengan operaciones y elementos similares para realizar tareas similares Ejemplo En un ordenador siempre usar Ctrl la letra inicial de una palabra para hacer la operacion Ctrt C Copiar El Affordance No existe un sinonimo de esta palabra en espanol pero puede interpretarse como dar una pista de algo que hay que hacer Se refiere al atributo de un objeto que permite a las personas saber como usarlo Ejemplo El boton del mouse incita a presionarlo Referencias Editar Graham Lisa 1999 p 4 Rogers Yvone 2019 p 11 Parker Lauren 2004 p 7 Rogers Yvone 2011 p 11 Pratt Andy 2012 p 6 Crawford Chris 2003 p 191 Rogers Yvone 2011 p 2 8 Enlaces externos EditarHow Conference Conferencia de Diseno Interactivo organizada por la Revista de diseno How SCAD Savannah College of Art and Design Licenciatura y Maestria en Diseno Interactivo y Desarrollo de Videojuegos Savannah Georgia Estados Unidos de America UIA Universidad Iberoamericana Licenciatura en Diseno Interactivo Mexico D F Mexico La Metro La Metro Licenciatura en Diseno Interactivo Buenos Aires Argentina Bibliografia EditarYvone Rogers Helen Sharo Jenny Preece 2011 Interaction Design Beyond Human Computer Interaction Graham Lisa 1999 The Principles of Interactive Design Delmar Publishers ISBN 0 8273 8557 9 Crawford Chris 2003 The Art of Interactive Design No Starch Press ISBN 1 886411 84 0 Luppa Nicholas V 2001 Interactive Design for New Media and the Web Focal Press ISBN 0 240 80414 7 Parker Lauren 2004 Interplay Interactive Design V amp A Publications ISBN 1 85177 4335 Fischer Xavier 2006 Research in Interactive Design Springer Publishers ISBN 2 287 28772 8 Pearce Celia 1997 The Interactive Book Macmillan Technical Publishing ISBN 1 57870 028 0 Lyons Nancy 2012 Interactive Project Management New Riders ISBN 0 321 81515 7 Pratt Andy 2012 Interactive Design Rockport Publishers ISBN 978 1 59253 780 8 Pedersen Martin 1999 Interactive Design 1 Graphis Inc ISBN 1 888001 63 1 Pedersen Martin 2001 Interactive Design 2 Graphis Inc ISBN 1 931241 02 3 Pedersen Martin 2005 Interactive Design 3 Graphis Inc ISBN 1 931241 45 7 Farrington Paul 2002 Interactive The Internet for Graphic Designers Rockport Publishers ISBN 2 880466 43 1 Datos Q6045397 Obtenido de https es wikipedia org w index php title Diseno interactivo amp oldid 133327850, wikipedia, wiki, leyendo, leer, libro, biblioteca,

español

, española, descargar, gratis, descargar gratis, mp3, video, mp4, 3gp, jpg, jpeg, gif, png, imagen, música, canción, película, libro, juego, juegos