2011

DISEO DE LA INTERFAZ DE UN SITIO WEB

Lidia Seminario de tesis II 31/10/2011

UNIVERSIDAD DE GUADALAJARA
CENTRO UNIVERSITARIO DE LA COSTA

Diseo de la interfaz de un sitio web. ALUMNO(A):

Lidya Prez Rodrguez

MATERIA:
Seminario de tesis II

CARRERA:
Ing. En Comunicacin Multimedia

Cdigo:
208457034

PUERTO VALLARTA JALISCO A, OCTUBRE 2011

INTRODUCCIN

La interaccin entre las personas y los ordenadores en la actualidad se

realiza Principalmente a travs de una interfaz grfica de usuario, un tipo de interfaz de usuario, compuesto por metforas grficas inscritas en una superficie de contacto en adicin de otros elementos semnticos como los icono sonidos (signos sonoros) o interfaces humanos (dispositivos de entrada) necesarios para posibilitar dicha interaccin con los signos-objetos en la interfaz grfica. cuantos ms espacio ha ido abriendo la tecnologa a la relacin entre el hombre y la mquina, mas interfaces para la accin se han desarrollado. PLANTEAMIENTO DEL PROBLEMA En San Jos del Valle actualmente no cuentan con una pgina cultural y las que existen ofrecen una limitada y bsica informacin sobre el lugar, adems que su acceso y uso es algo muy complicado. Lo anterior, por una parte puede llegar a desalentar algunas personas que posiblemente estn interesadas a consultar la pgina. Por otro lado en algunos casos no les ha sido de mucha utilidad ya que no se da informacin sobre los eventos culturales, actividades recreativas, deportes, etc. No existe un foro para tener contacto directo con las personas de otros lugares y en general hace falta mayor informacin para agregar, la cual ser investigada posteriormente. JUSTIFICACIN La razn por la cual tome la decisin de disear la interfaz de una pgina web cultural de San Jos del Valle, es porque en esta comunidad no cuentan con un sitio web cultural, y los que ya existen no estn completos creo que les hace falta elementos y mi finalidad es mejorarlo, ya que mi propsito es promover a San Jos del Valle y el sitio web es la mejor forma y la ms accesible, en esta espero mostrar: historia, deporte, actividades culturales y recreativas etc. OBJETIVO GENERAL: Realizar el diseo de la interfaz de un sitio web cultural.

OBJETIVOS ESPECFICOS:
Recopilar informacin del lugar: investigar sobre la historia, tomar fotografas, buscar artculos relacionados que puedan ayudar a que el contenido no solo sea divertido, sino que adems sea el reflejo del lugar, leer libros sobre diseo web para elaborar e implementar el sitio ya sea en su estructura, lineamientos del diseo, psicologa del color, composicin, teora del color, hacer entrevistas, buscar en la biblioteca los libros relacionados con el tema.

PREGUNTAS DE INVESTIGACIN
1. 2. 3. 4. 5. 6. 7. Se necesita realmente el sitio web? Para qu se necesita el sitio web? Qu es lo que buscaran los usuarios en el sitio web? Qu imagen se quiere proyectar con el sitio web a los usuarios? Qu servicios interactivos se integran a travs del sitio web? Conque recursos se cuentan para el desarrollo del sitio web? Qu impacto causara el sitio web en los usuarios?

HIPTESIS
El diseo de interfaz de un sitio Web estructurado con todos sus elementos que promocione un atractivo cultural, promueva a San Jos del Valle, y que al mismo tiempo podra crear una conciencia turstica en los usuarios.

MARCO TERICO
En mi investigacin en los libros en la biblioteca hago alusin a una serie de conceptos de uso comn a los usuarios de internet: La Real Academia Espaola define el trmino interfaz (del ingls interface, superficie de contacto) como una conexin fsica y funcional entre dos aparatos o sistemas independientes. Diseo: La etapa de Diseo es el momento del proceso de desarrollo para la toma de decisiones acerca de cmo disear o redisear, en base siempre al

conocimiento obtenido en la etapa de planificacin, as como a los problemas de usabilidad descubiertos en etapas de prototipo y evaluacin. El Diseo Web Centrado en el Usuario: se caracteriza por asumir que todo el proceso de diseo y desarrollo del sitio web debe estar conducido por el usuario, sus necesidades, caractersticas y objetivos. Centrar el diseo en sus usuarios (en oposicin a centrarlo en las posibilidades tecnolgicas o en nosotros mismos como diseadores) implica involucrar desde el comienzo a los usuarios en el proceso de desarrollo del sitio; conocer cmo son, qu necesitan, para qu usan el sitio; testar el sitio con los propios usuarios; investigar cmo reaccionan ante el diseo, cmo es su experiencia de uso; e innovar siempre con el objetivo claro de mejorar la experiencia del usuario. Los sitios web: son sistemas hipermedia formados por conjuntos de pginas interrelacionadas por enlaces unidireccionales, pudiendo cada una de estas pginas contener sub-elementos con entidad propia, contenidos multimedia y herramientas interactivas. La "estructura" del sitio web: se refiere precisamente a las conexiones y relaciones entre pginas, a la topologa de la red de pginas, as como a la granularidad de los elementos de informacin contenidos en las pginas; y la "navegacin" a las posibilidades y forma en que cada pgina presenta las opciones de desplazamiento hacia otras pginas. La interfaz web: es el conjunto grfico que permite la presentacin y la navegacin del sitio. Esto se consigue con la inclusin de elementos grficos comunes a toda la web que son estndares, haciendo que los usuarios tengan completo control sobre las funcionalidades del sitio desde el momento mismo de entrar a l sin que para ello deba tener amplios conocimientos ni preparacin anterior alguna. Internet: es una red de redes que permite la interconexin descentralizada de computadoras a travs de un conjunto de protocolos denominado TCP/IP. Web: es un vocablo ingls que significa red, telaraa o malla. El concepto se utiliza en el mbito tecnolgico para nombrar a una red informtica Accesibilidad: es un atributo de calidad que se refiere a la posibilidad de que el sitio web pueda ser accedido y usado por el mayor nmero posible de personas, indiferentemente de las limitaciones propias del usuario o de las derivadas del contexto de uso. (Hassan, Martn Fernndez; 2004). Usabilidad: es un atributo de calidad que se refiere a que tan fcil de usarse es una interface para un usuario.

Diseo de informacin: actividad que se centra en el desarrollo de mtodos para producir informacin digital, dirigida al usuario/lector, cuyo soporte es el documento digital propiamente dicho, en el marco de una estructura determinada.

Metforas: el uso de metforas adecuadas en el diseo de un interfaz, facilita y acelera el aprendizaje del funcionamiento de un producto. Las aplicaciones web: son aquellas cuya interfaz se construye utilizando pginas web. Dichas pginas son documentos de texto a los que se les aaden etiquetas que nos permiten visualizar el texto de distintas formas y establecer enlaces entre una pgina y otra.

Gomes, J. (2010) Diseo y creacin de portales web, Madrid, Espaa. Starbook. Rodal, D. (2010) Aplicaciones web, un enfoque prctico, Mxico, D.F. Alfaomega. Heller, E. (2010) Psicologa del color, como actan los colores sobre los sentimientos y la razn, Barcelona. Gustavo Gilli. Eaton, E. (2003) Diseo web elementos de interfaz, Madrid, Espaa. Anaya Multimedia. Alistair, D. (2006) Biblia del diseador digital la gua definitiva para la optimizacin del trabajo de diseadores grficos y de pginas web, Alemania. Benedikt Taschen. Shuman, J. (2005) Multimedia para la web, Madrid, Espaa Anaya Multimedia. Pring, R. (2001) 300 diseos tipogrficos para sitios web, Madrid, Espaa. Alfaomega.

MARCO REFERENCIAL
Antecedentes La interfaz grfica es parte del proceso de cambios y avances tecnolgicos de la actualidad, que ha dado lugar a nuevas posibilidades en los medios de comunicacin. Todo empez cuando, en 1945, Vannevar Bush escribi el artculo "As We May Think", en el que propuso un dispositivo personal, al que llamara MEMEX,

que tena como objetivo recordar al usuario, durante la lectura de un documento, qu otros documentos contenan informacin relacionada. Para los aos cincuenta Ivn Sutherland, del Lincoln Laboratory del MIT y parte del grupo de Engelbart, comenz a explorar el potencial de la comunicacin grfica entre el hombre y la mquina. Trabaj en la incorporacin de una pantalla a una computadora, logrando en 1962 el primer sistema de interfaz grfica. Su trabajo, llamado el sistema " Sketchpad" , introduce a nuevas ideas y conceptos, como la estructura jerrquica de los grficos; restricciones para la especificacin de los detalles de un dibujo, y la utilizacin de conos para la representacin simblica de los objetos, entre otros. En 1965 Ted Nelson, mediante el proyecto Xanadu, ide un modelo para la interconexin de documentos electrnicos, bajo el trmino "hipertexto". Finalmente, en 1970, Apple Computers contrat algunos trabajadores de Xerox Corporation, quienes trabajaban en las primeras interfaces e intuan que el proyecto poda funcionar. Para entonces los usuarios provenan de diversas profesiones. Usaban los procesadores con la idea de una interfaz ms amigable, debido a que los usuarios de los documentos en red interactan con la informacin, en nuevas maneras sin precedente en el diseo de un documento en papel. La interfaz grfica de usuario (GUI) fue diseada para dar control a las personas sobre sus computadoras personales. Los usuarios se han acostumbrado a encontrar cierto nivel de sofisticacin en el diseo grfico, incluyendo el de las pginas Web. Es as como la computadora logr, en muy poco tiempo, establecerse como una herramienta de comunicacin de suma importancia. El software, el hardware y el usuario hacen posible lo que hasta hace poco tiempo era inimaginable: un medio de comunicacin masiva personalizada.

. Perry, J. (1996) Los secretos de World Wide Web. Espaa: Editorial Anaya Multimedia MARCO METODOLOGICO
Para el desarrollo de mi proyecto se usara las Tcnicas de Entrevistas y Cuestionarios, con la finalidad de interrogar y recabar informacin importante de la poblacin en estudio; considerando que las mismas ser un proceso de comunicacin verbal entre las partes, lo que permitir un marco de desarrollo abierto y de libertad para la formulacin de preguntas y respuestas.