Este documento presenta una introducción al diseño web, incluyendo un glosario de términos comunes, antiguas reglas de diseño, reglas generales actuales y recomendaciones específicas para bibliotecas. Explica conceptos como navegadores, servidores, direcciones URL, lenguajes de programación y editores web. Recomienda realizar estudios de usabilidad con los usuarios, utilizar una terminología clara y consistente, y proveer información y enlaces de manera accesible para mejorar la experiencia del usuario.

1. Edgardo L. Rivera COBIMET, Inc.

2. Agenda Introducción Glosario web Antiguas reglas de diseño Reglas generales de diseño Recomendaciones para bibliotecas Editores Web Manos a la obra...

3. Introducción Diseño web - es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. Contiene enlaces (hyperlinks) que llevan de una página a otra. Internet versus WWW Páginas estáticas o dinámicas

4. Ejemplo antigua sesión internet

5. Glosario web browsers – programa para navegar la web cache – espacio en memoria donde se guardan las páginas visitadas cookie – información almacenada en nuestra PC por un servidor de web crawler o spider – programa que rastrea el Internet para mantener los índices de las páginas (ejemplo: Google) dynamic page – página cuyo contenido cambia frecuente y automáticamente (ejemplo: tiendas online) domain name – primera parte del URL hasta el primer “/” (ejemplo: cobimet.org)

6. Glosario web (cont.) file extension – letras que siguen al último punto en el nombre de un archivo (ejemplo: lista. doc , casa. xls , index. html, computo. php ) frames – cuadros o secciones en que se puede dividir una página web ftp – File Transfer Protocol, protocolo para transferir un archivo de una computadora a otra host o server – computadora en las que residen las páginas web hypertext – link o enlace Internet – colección de redes que se conectan entre sí a través de TCP/IP.

7. Glosario web (cont.) IP address – número único que identifica a cada computadora conectada al internet. (ejemplo: 65.38.154.250) ISP – Internet Service Provider, proveedor de Internet (ATT, PRT, Centennial, Sprint, etc) java y javascript – lenguajes de programación para web TCP/IP – serie de protocolos que se utilizan para conectar la Internet url – Uniform Resource Locator, dirección única de cada documento accesible vía web xml – Extensible Markup Language, lenguaje utilizado para transmisión de datos de una aplicación a otra wiki – “rápido”, tecnología que reúne en un mismo lugar a personas enfocados en un tema, proyecto o para colaboración

8. Antiguas reglas de diseño Regla de 3 clics – cantidad de clics para llegar al objetivo Regla del 7 – cantidad de secciones por página Optimización para 800x600 – tamaño de la ventana Regla de no-scroll - ventanas

9. Reglas generales de diseño Debe ser realizado por un grupo Diversas habilidades Incluir usuarios (estudiantes) Acercarse a los usuarios como vendedores (marketing) Preferencias, estilos y comportamiento Ambiente abierto a discusión Importante: saber escuchar Formular una meta Realizar estudios de utilidad (usability study) Ejecución, exactitud, recuerdos, respuesta emocional

10. Recomendaciones para Bibliotecas Utilizar términos comunes a los usuarios no para los bibliotecarios Estudio de Utilización: porciento de éxito en búsquedas = 51% No utilizar Database Library Catalog E-journals Index Interlibrary Loan Sí utilizar Buscar libros Buscar artículos Préstamos de otras bibliotecas Otros términos en lenguaje natural

11. Recomendaciones para Bibliotecas (cont.) Explicar los términos que podrían crear confusión Utilizar “mouseovers” y los atributos ALT y TITLE Proveer páginas intermedias Biblioteca Virtual Ser consistentes en la terminología utilizada “ ... the best way to make sure that patrons find it useful is to make the effort to truly understand their needs and preferences. To give them what they need, we have to know what they need. To know what they need, all we have to do is ask .” (Roberts, 2005)

12. Editores Web Amaya Bluefish Dreamweaver Kate KompoZer (evolución de NVU) Microsoft Frontpage, (ahora Microsoft Expression Web) Mozilla Composer (antes Netscape Composer) Netscape Quanta Plus NVU (evolución de Mozilla Composer) Writer (de OpenOffice.org) WYSIWYG WYSIWYM

13. Manos a la obra A crear la página …

14. Referencias Kupersmith, J. (2009). Library terms that users understand. Retrieved February 15, 2010, from http://www.jkup.net/terms.html Reynolds, E. (2008). The secret to patron-centered web design: Cheap, easy, and powerful usability techniques. Computers in Libraries, 28 (6), 6(7). Roberts, G. (2005). Include your patrons in web design. Computers in Libraries, 25 (9), 30(3). Wisniewski, J. (2008). The new rules of web design. Online, 32 (2), 55(3). Wikipedia (definición de Diseño Web)