Your SlideShare is downloading. ×
0
Edgardo L. Rivera COBIMET, Inc.
Agenda <ul><li>Introducción </li></ul><ul><li>Glosario web </li></ul><ul><li>Antiguas reglas de diseño </li></ul><ul><li>R...
Introducción <ul><li>Diseño web -  es una actividad que consiste en la planificación, diseño e implementación de sitios we...
Ejemplo antigua sesión internet
Glosario web <ul><li>browsers  – programa para navegar la web </li></ul><ul><li>cache  – espacio en memoria donde se guard...
Glosario web (cont.) <ul><li>file extension  – letras que siguen al último punto en el nombre de un archivo (ejemplo: list...
Glosario web (cont.) <ul><li>IP address  – número único que identifica a cada computadora conectada al internet. (ejemplo:...
Antiguas reglas de diseño <ul><li>Regla de 3 clics – cantidad de clics para llegar al objetivo </li></ul><ul><li>Regla del...
Reglas generales de diseño <ul><li>Debe ser realizado por un grupo </li></ul><ul><ul><li>Diversas habilidades </li></ul></...
Recomendaciones para Bibliotecas <ul><li>Utilizar términos comunes a los usuarios no para los bibliotecarios </li></ul><ul...
Recomendaciones para Bibliotecas (cont.) <ul><li>Explicar los términos que podrían crear confusión </li></ul><ul><ul><li>U...
Editores Web <ul><li>Amaya </li></ul><ul><li>Bluefish </li></ul><ul><li>Dreamweaver </li></ul><ul><li>Kate </li></ul><ul><...
Manos a la obra <ul><li>A crear la página … </li></ul>
Referencias <ul><li>Kupersmith, J. (2009).  Library terms that users understand.  Retrieved February 15, 2010, from  http:...
Upcoming SlideShare
Loading in...5
×

Web Design For Librarians (2)

209

Published on

Esta presntación es la primera parte decomo diseñar tú página en internet. Orientada a Internet.

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
209
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Web Design For Librarians (2)"

  1. 1. Edgardo L. Rivera COBIMET, Inc.
  2. 2. Agenda <ul><li>Introducción </li></ul><ul><li>Glosario web </li></ul><ul><li>Antiguas reglas de diseño </li></ul><ul><li>Reglas generales de diseño </li></ul><ul><li>Recomendaciones para bibliotecas </li></ul><ul><li>Editores Web </li></ul><ul><li>Manos a la obra... </li></ul>
  3. 3. Introducción <ul><li>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. </li></ul><ul><li>Internet versus WWW </li></ul><ul><li>Páginas estáticas o dinámicas </li></ul>
  4. 4. Ejemplo antigua sesión internet
  5. 5. Glosario web <ul><li>browsers – programa para navegar la web </li></ul><ul><li>cache – espacio en memoria donde se guardan las páginas visitadas </li></ul><ul><li>cookie – información almacenada en nuestra PC por un servidor de web </li></ul><ul><li>crawler o spider – programa que rastrea el Internet para mantener los índices de las páginas (ejemplo: Google) </li></ul><ul><li>dynamic page – página cuyo contenido cambia frecuente y automáticamente (ejemplo: tiendas online) </li></ul><ul><li>domain name – primera parte del URL hasta el primer “/” (ejemplo: cobimet.org) </li></ul>
  6. 6. Glosario web (cont.) <ul><li>file extension – letras que siguen al último punto en el nombre de un archivo (ejemplo: lista. doc , casa. xls , index. html, computo. php ) </li></ul><ul><li>frames – cuadros o secciones en que se puede dividir una página web </li></ul><ul><li>ftp – File Transfer Protocol, protocolo para transferir un archivo de una computadora a otra </li></ul><ul><li>host o server – computadora en las que residen las páginas web </li></ul><ul><li>hypertext – link o enlace </li></ul><ul><li>Internet – colección de redes que se conectan entre sí a través de TCP/IP. </li></ul>
  7. 7. Glosario web (cont.) <ul><li>IP address – número único que identifica a cada computadora conectada al internet. (ejemplo: 65.38.154.250) </li></ul><ul><li>ISP – Internet Service Provider, proveedor de Internet (ATT, PRT, Centennial, Sprint, etc) </li></ul><ul><li>java y javascript – lenguajes de programación para web </li></ul><ul><li>TCP/IP – serie de protocolos que se utilizan para conectar la Internet </li></ul><ul><li>url – Uniform Resource Locator, dirección única de cada documento accesible vía web </li></ul><ul><li>xml – Extensible Markup Language, lenguaje utilizado para transmisión de datos de una aplicación a otra </li></ul><ul><li>wiki – “rápido”, tecnología que reúne en un mismo lugar a personas enfocados en un tema, proyecto o para colaboración </li></ul>
  8. 8. Antiguas reglas de diseño <ul><li>Regla de 3 clics – cantidad de clics para llegar al objetivo </li></ul><ul><li>Regla del 7 – cantidad de secciones por página </li></ul><ul><li>Optimización para 800x600 – tamaño de la ventana </li></ul><ul><li>Regla de no-scroll - ventanas </li></ul>
  9. 9. Reglas generales de diseño <ul><li>Debe ser realizado por un grupo </li></ul><ul><ul><li>Diversas habilidades </li></ul></ul><ul><ul><li>Incluir usuarios (estudiantes) </li></ul></ul><ul><li>Acercarse a los usuarios como vendedores (marketing) </li></ul><ul><ul><li>Preferencias, estilos y comportamiento </li></ul></ul><ul><li>Ambiente abierto a discusión </li></ul><ul><ul><li>Importante: saber escuchar </li></ul></ul><ul><li>Formular una meta </li></ul><ul><li>Realizar estudios de utilidad (usability study) </li></ul><ul><ul><li>Ejecución, exactitud, recuerdos, respuesta emocional </li></ul></ul>
  10. 10. Recomendaciones para Bibliotecas <ul><li>Utilizar términos comunes a los usuarios no para los bibliotecarios </li></ul><ul><ul><li>Estudio de Utilización: porciento de éxito en búsquedas = 51% </li></ul></ul><ul><ul><li>No utilizar </li></ul></ul><ul><ul><ul><li>Database </li></ul></ul></ul><ul><ul><ul><li>Library Catalog </li></ul></ul></ul><ul><ul><ul><li>E-journals </li></ul></ul></ul><ul><ul><ul><li>Index </li></ul></ul></ul><ul><ul><ul><li>Interlibrary Loan </li></ul></ul></ul><ul><ul><li>Sí utilizar </li></ul></ul><ul><ul><ul><li>Buscar libros </li></ul></ul></ul><ul><ul><ul><li>Buscar artículos </li></ul></ul></ul><ul><ul><ul><li>Préstamos de otras bibliotecas </li></ul></ul></ul><ul><ul><ul><li>Otros términos en lenguaje natural </li></ul></ul></ul>
  11. 11. Recomendaciones para Bibliotecas (cont.) <ul><li>Explicar los términos que podrían crear confusión </li></ul><ul><ul><li>Utilizar “mouseovers” y los atributos ALT y TITLE </li></ul></ul><ul><li>Proveer páginas intermedias </li></ul><ul><ul><li>Biblioteca Virtual </li></ul></ul><ul><li>Ser consistentes en la terminología utilizada </li></ul><ul><li>“ ... 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) </li></ul>
  12. 12. Editores Web <ul><li>Amaya </li></ul><ul><li>Bluefish </li></ul><ul><li>Dreamweaver </li></ul><ul><li>Kate </li></ul><ul><li>KompoZer (evolución de NVU) </li></ul><ul><li>Microsoft Frontpage, (ahora Microsoft Expression Web) </li></ul><ul><li>Mozilla Composer (antes Netscape Composer) </li></ul><ul><li>Netscape </li></ul><ul><li>Quanta Plus </li></ul><ul><li>NVU (evolución de Mozilla Composer) </li></ul><ul><li>Writer (de OpenOffice.org) </li></ul><ul><li>WYSIWYG </li></ul><ul><li>WYSIWYM </li></ul>
  13. 13. Manos a la obra <ul><li>A crear la página … </li></ul>
  14. 14. Referencias <ul><li>Kupersmith, J. (2009). Library terms that users understand. Retrieved February 15, 2010, from http://www.jkup.net/terms.html </li></ul><ul><li>Reynolds, E. (2008). The secret to patron-centered web design: Cheap, easy, and powerful usability techniques. Computers in Libraries, 28 (6), 6(7). </li></ul><ul><li>Roberts, G. (2005). Include your patrons in web design. Computers in Libraries, 25 (9), 30(3). </li></ul><ul><li>Wisniewski, J. (2008). The new rules of web design. Online, 32 (2), 55(3). </li></ul><ul><li>Wikipedia (definición de Diseño Web) </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×