Modulo 3 (Parte 1)
- 1. Curso Latinoamericano a Distancia Aplicación de las TICs en Campañas Electrónicas Preventivas de VIH SIDA Módulo 3: Los sitios web PRIMERA PARTE Tutora: Mariana Fossatti. Material elaborado por Ariel Londinsky y Daniel Espíndola Organizan: ALCACJ – CELAJU - INLATINA y RELAJUR Con el apoyo de UNESCO
- 2. Introducción: La World Wide Web Así se llama la Web o WWW: un sistema de hipertexto (texto con enlaces a otros textos) que funciona sobre Internet. La World Wide Web es uno de los muchos servicios ofertados en la red. El término puede referirse a: “ Una web" como una página, sitio o conjunto de sitios que proveen información. “ La Web", que es la enorme e interconectada red disponible prácticamente en todos los sitios de Internet.
- 3. Página, servidor, navegador Una web se compone de un cierto número de páginas o ficheros donde se ubica el contenido, que puede ser texto, imagen, animación, video, audio. Cada web se aloja en un servidor , que es un ordenador, local o remoto, siempre conectado, donde se guarda toda la información para que esté accesible las veinticuatro horas, ya se en Internet o en una red privada o intranet. Se utiliza un navegador web para acceder a los servidores web y mostrar en la pantalla del usuario las páginas y sitios disponibles. Las páginas son solicitadas y transferidas de los servidores usando el Protocolo de Transferencia de Hipertexto (HTTP - Hypertext Transfer Protocol).
- 4. Dominio, URL, hipervínculo Cada sitio web cuenta con una dirección de Internet o “dominio”. Por ejemplo: http://www.unaids.org/en/ , página principal del programa UNAIDS (ONUSIDA) Las páginas de un web se identifican a través de su nombre, o URL , que es único para cada página de cada uno de los documentos de la World Wide Web.Por ejemplo: http://www.unaids.org/en/AboutUNAIDS/default.asp Es un documento dentro del sitio de UNAIDS que describe al programa. Las páginas están organizadas en una jerarquía: generalmente los sitios se componen de una página principal o “Home”, unida a otras páginas por enlaces, llamados también hipervínculos o links . El usuario puede seguir los enlaces para navegar por el sitio.
- 5. DISEÑO DE UN SITIO WEB Como definir, proyectar, posicionar nuestro sitio web 2. Accesibilidad y Navegabilidad web 3. El diseño estético básico
- 6. Como definir, proyectar, posicionar nuestro sitio web: antes de empezar Factores a tener en cuenta desde el inicio del proyecto: diseño estético, accesibilidad (usabilidad o navegabilidad), sistema de gestión y actualización, perfil de usuarios, políticas de publicación y protección de derechos de autor entre otros. Lo mas recomendable es tener en cuenta el concepto: “ diseño centrado en el usuario”, de manera de colocar a este en el centro de nuestra planificación desde el inicio. Lograr la empatía con este es un objetivo a lograr, de manera de generar un sentimiento de vivencia sobre lo que siente otra persona lo que nos permitirá entender mejor sus necesidades.
- 7. Como definir, proyectar, posicionar nuestro sitio web: antes de empezar Muchas veces se cae en el error de realizar el sitio basado o centrado en lo tecnológico o desde la lógica del diseño estético, lo cual es importante, pero no lo central, ya que “el mejor sitio no es el mas lindo, si no el mas usado” La consigna es entonces, que el usuario se sienta cómodo en la navegación, en la búsqueda de la información, en la interacción con un entorno agradable y una programación dinámica. En definitiva lo que buscaremos es la satisfacción del usuario. Nuestro usuario objetivo, debe quedar satisfecho con lo que ofrece nuestra web, ya sea información, compra/venta, comunicación, interacción, etc.
- 8. Como definir, proyectar, posicionar nuestro sitio web: el diseño Citamos a Hasan, Martín Fernández e Iazza quienes explican: “Es fácil inferir que un buen diseño deberá ser comprensible, fácil de usar, amigable, claro, intuitivo y de fácil aprendizaje para el usuario. Para poder asegurar que un diseño cumple con estos requisitos no basta simplemente con una actitud empática del diseñador durante el desarrollo de la aplicación; es imprescindible la adopción por parte de éste de técnicas, procedimientos y métodos que aseguren empíricamente la adecuación del diseño a las necesidades, habilidades y objetivos del usuario”.
- 9. Como definir, proyectar, posicionar nuestro sitio web: los usuarios La variedad de potenciales usuarios de un sitio web, es realmente amplia, ya que podrán visitarla el público al que está realmente dirigido, a quien le interesa temporalmente, quien encuentra “alguna” prestación interesante y los “navegantes” que llegan de casualidad y la recorren de todas maneras. En el diagnóstico de nuestros usuarios debemos identificar quienes son: usuarios principales, secundarios, ocasionales Esto complejiza el proceso de diseño y proyecto, ya que la variabilidad de posibles asistentes a nuestra web es realmente grande, por esto destacamos que en el proceso de diseño, la delimitación de los atributos de nuestro público objetivo es una de las principales prioridades.
- 10. Como definir, proyectar, posicionar nuestro sitio web: limitaciones Citamos aquí algunas limitaciones que pudieran tener nuestros usuarios y debemos tener en cuenta al diseñar el sitio: Conexión lenta Equipamiento desactualizado (hardware) Navegador (software) Nivel de usuario Idioma Discapacidad física o intelectual
- 11. Preguntas que debemos responder en relación a los usuarios Cómo definimos a nuestros usuarios ? Cómo llego a ellos ? Qué limitaciones tienen y como las supero ? Qué expectativas tengo de que me visiten ?
- 12. Usabilidad El autor Yusef Hassan Montero, nos define la usabilidad como: “ La usabilidad (dentro del campo del desarrollo web) es la disciplina que estudia la forma de diseñar sitios web para que los usuarios puedan interactuar con ellos de la forma más fácil, cómoda e intuitiva posible.”
- 13. Usabilidad La usabilidad universal (del inglés usability ) es la característica de un sistema que pretende ser utilizado por: el tipo o tipos específicos de usuario/s la tarea o tareas que para las cuales el sistema se ha hecho el contexto en el que se da la interacción.
- 14. Posicionamiento La definición nos dice que: “Se llama Posicionamiento a la referencia del 'lugar' que en la percepción mental de un cliente o consumidor tiene una marca lo que constituye la principal diferencia que existe entre una esta y su competencia”. Esto nos lleva a pensar que es de vital importancia la construcción de una imagen e identidad destacada del sitio web.
- 15. Preguntas que debemos responder en relación al Posicionamiento Qué lugar ocupa la web en la estructura institucional ? Cómo logro un importante número de visitas ? Qué sistema de gestión voy a incorporar ? Con qué recursos cuento ? Cuales son mis servicios/informaciones destacados ? Qué alianzas debo construir ?
- 16. Accesibilidad La accesibilidad web indica la capacidad de acceso a la Web y a sus contenidos por todas las personas, independientemente de las limitaciones propias del individuo (discapacidad) o de las que se deriven del contexto de uso (tecnológicas o ambientales).
- 17. Arquitectura de la Información La facilidad de acceso a la información y la simpleza de la navegación, harán que se acceda a la información con menos “cliks”, y con una navegación intuitiva, por lo tanto la Arquitectura de la Información, es un concepto que debemos conocer y tener en cuenta en el momento de organizar la información a publicar en la web. Tour define a la Arquitectura de la Información como: “el arte y la ciencia de organizar espacios de información con el fin de ayudar a los usuarios a satisfacer sus necesidades de información. La actividad de organizar comporta la estructuración, clasificación y rotulado de los contenidos del sitio web”.
- 18. Bibliografía WIKIPEDIA http://es.wikipedia.org No Solo Usabilidad journal, nº 2. 14 de Julio de 2003. ISSN 1886-8592. Yusef Hassan Montero Grupo SCImago, Universidad de Granada Francisco J. Martín Fernández Centro de Enseñanzas Virtuales de la Universidad de Granada http://www.nosolousabilidad.com W3C – Web accessibility initiative www.w3c. es