UNIVERSIDAD DEL PAPALOAPAN

Investigacin:

Guas de diseo
Materia: INTERACCION HUMANO COMPUTADORA (HCI)

Profesor: EDUARDO Ortiz Hernndez Alumno: pachi Mrquez

Semestre: 3 Grupo: C3

Loma Bonita Oaxaca a 04 de NOVIEMBRE del 2012

Guas de diseo
Introduccin:
Actualmente la necesidad y utilidad de los estndares y las guas de estilo se han convertido en algo indispensable en la creacin de una interfaz bien diseada que facilite el trabajo del usuario. Para ello es necesario entender el modelo mental del usuario y todo lo relacionado con el, los diseadores no son expertos en estos temas y por ello necesitan principios generales de diseo ya consensuados por expertos. Estos principios son conceptos de muy alto nivel que se plasma en unas reglas de diseo que guan al diseador con el fin de conseguir productos usables. La mayora de los sistemas de GUI han publicado directrices que indican como asociar estos principios abstractos a entornos de programacin concretos que reciben como nombre guas de estilo. Las guas de estilo proporcionan un marco que gua a los diseadores a tomar decisiones correctas en sus diseos.

Contenido:
La creacin de guas de diseo esta basada en estndares, los estndares son requisitos, reglas o recomendaciones basadas en principios probados en la practica, los cuales son autorizados por profesionales oficialmente a nivel local, nacional o internacional. Las guas de estilo aseguran la consistencia de las diferentes partes de un sistema o de una familia de sistemas y es fundamental para los desarrolladores basar sus diseos en un conjunto de principios ya definidos por expertos. Por ello es importante para cualquier organizacin disponer de una gua que puedan seguir sus diseadores que varan segn sus objetivos. A continuacin se describirn algunas guas de estilo: Gua de diseo MOTIF Motif es un conjunto de normas propuesto por OSF que especifican un modo de presentacin y comportamiento de los interfaces de usuario grficos. El modelo elegido est basado en MS-Windows y Presentation Manager. Un programador podr construir una aplicacin que cumpla las "guas de estilo" de Motif pero, normalmente, usar una biblioteca de objetos de

dilogo que cumplan con los requisitos de la especificacin, como el conjunto de widgets definido por OSF. Adems de la gua de estilo y la biblioteca de widgets, en Motif tambin se incluyen un gestor de ventanas (mwm) y un lenguaje de especificacin de interfaces de usuario (UIL) Pagina1: http://laurel.datsi.fi.upm.es/~fperez/cursoX/motif.html Gua de diseo contendo CMS (sistema de gestin de contenidos) Contendo CMS cuenta con un sistema de personalizacin flexible basado en temas. Los clientes de Contendo tienen tres opciones para seleccionar temas que mejoren la presentacin de su sitio. Catlogo de temas Contendo cuenta con un catlogo de temas compartidos que pueden accederse desde el men de "Preferencias" de la aplicacin. El catlogo de temas est en constante actualizacin. Es importante aclarar que aunque los temas son compatibles entre s, pueden tener algunas variantes en el estilo y disposicin de los elementos de contenido. Diseos gratuitos (WordPress, OSWD) El sistema de temas de Contendo es altamente compatible con el sistema Wordpress. Algunos temas de WordPress han sido portados para ser usados en Contendo, sin embargo, el cliente puede solicitar la migracin de temas adicionales sin costo. El tema ser migrado por el staff de Ensitech e incluido a la brevedad en el catlogo. Temas personalizados Contendo permite a nuestros aliados de diseo Web y multimedia desarrollar temas exclusivos para sus clientes. Contendo CMS tambin utiliza tres conceptos para organizar un sitio Web: Secciones, artculos y ligas. Estos elementos quedan bajo control del cliente o usuario de la aplicacin, y puede editarlos utilizando el editor WISIWYG que le permite introducir imgenes o crear hiperlinks a otras pginas del sitio.

Pagina2: http://www.ensitech.com/apps/site/files/guiaparatemas1.0.pdf Gua de diseo android para ice Cream Sandwich Esta gua contiene consejos sobre como adaptar nuestras aplicaciones a las diferentes pantallas y resoluciones, los diferentes gestos que podemos implementar y que en la interfaz nativa estn incorporados, consejos sobre los iconos o incluso sobre la organizacin y la estructuracin de la aplicacin.

De igual forma nos da informacin sobre como se comporta el sistema operativo y como estn construidas las aplicaciones de Google para tener un ejemplo sobre el que basarnos a la hora de incorporar la interfaz Holo a las aplicaciones. Hablando de Holo, hay que decir que son tres temas diferentes y que los tres estn admitidos para su incorporacin en estas aplicaciones. Encontramos el tema bsico con fondos oscuros como el que vemos en los ajustes, un tema con colores claros como el de la aplicacin de contactos y un tema mixto como el que vemos en la nueva versin de Google Talk. Esta gua ayudar sin duda a combatir la diferenciacin en Android ya que unificar las interfaces de las aplicaciones y harn a la vez que en casos en

los que un dispositivo es capaz de correr ICS, tambin sea capaz de correr la interfaz de cualquier aplicacin que cumpla con esta gua. Pagina3: http://www.elandroidelibre.com/2012/01/google-presenta-la-completa-guiade-diseno-android-para-ice-cream-sandwich.html Gua de diseo para iluminacin LED Los LEDs ya no solo son utilizados como bonitos indicadores lumnicos de color Rojo o Verde en los equipos electrnicos. El avance de la tecnologa ha permitido que los LEDS se estn utilizando como fuentes prcticas de iluminacin. En esta gua se orienta a como utilizar todo ese potencial que tienen as tambin a crear iluminacin de leds que tengan un diseo esttico tanto en la iluminacin como en la construccin de la lmpara en la que se pondrn los leds para poder tener una buena apariencia que atraiga y que ayude a dar una buen iluminacin esta gua se orienta a la seleccin de componentes y diseos adecuados as tambin como el control de la iluminacin y brillo que debe tener todos esto para lograr el objetivo anteriormente mencionado.

Pagina4: http://www.elemon.com.ar/media/catalogos/z%20Boletines%20tecnicos/Sol uciones%20de%20Iluminacion%20con%20LED.pdf Gua de diseo de Facebook

Esta red social constituye una plataforma para comunicarnos y compartir, con usuarios que conocemos, informacin, fotos, vdeos y enlaces. Adems, los usuarios pueden participar en las comunidades que les interesen. Facebook tambin ofrece la posibilidad de enviar mensajes privados a nuestros contactos (llamados amigos en Facebook) as como a otras personas que no conocemos pero que estn en Facebook, y permite crear eventos e invitar a otros usuarios a participar en ellos.

La gua de diseo de Facebook tiene como puntos importantes: Perfiles, pginas y grupo, pginas como solucin corporativa, gestin de cuentas, contenidos, gestin de comentarios, creacin de una red, integracin, aspectos de presentacin, privacidad. Pagina5: http://www.gencat.cat/xarxessocials/pdf/v1_guia_usos_xarxa_es.pdf

Conclusin:
Los estndares y las guas proporcionan una base sobre la cual realizar el diseo y desarrollo, sin embrago el uso de las guas no garantiza que la interfaz sea usable. Tambin facilitan el aprendizaje y reducen los errores al permitir al usuario aprovechar el conocimiento adquirido en otros productos. Es imprescindible para los diseadores conocer los estndares existentes y las guas adecuadas al entorno en el que se va a trabajar. Bibliografa: Pagina1: http://laurel.datsi.fi.upm.es/~fperez/cursoX/motif.html Pagina2: http://www.ensitech.com/apps/site/files/guiaparatemas1.0.pdf Pagina3: http://www.elandroidelibre.com/2012/01/google-presenta-la-completa-guia-dediseno-android-para-ice-cream-sandwich.html Pagina4: http://www.elemon.com.ar/media/catalogos/z%20Boletines%20tecnicos/Solucione s%20de%20Iluminacion%20con%20LED.pdf Pagina 5: http://www.gencat.cat/xarxessocials/pdf/v1_guia_usos_xarxa_es.pdf Pagina investigacin: http://ing.utalca.cl/~rgarrido/cursos/iuc_2008-2/doc/ppt_guias.pdf