<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Carlosmanuelnaranjo's Weblog</title>
	<atom:link href="http://carlosmanuelnaranjo.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://carlosmanuelnaranjo.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Thu, 28 Aug 2008 15:08:10 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='carlosmanuelnaranjo.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Carlosmanuelnaranjo's Weblog</title>
		<link>http://carlosmanuelnaranjo.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://carlosmanuelnaranjo.wordpress.com/osd.xml" title="Carlosmanuelnaranjo&#039;s Weblog" />
	<atom:link rel='hub' href='http://carlosmanuelnaranjo.wordpress.com/?pushpress=hub'/>
		<item>
		<title>USABILIDAD WEB</title>
		<link>http://carlosmanuelnaranjo.wordpress.com/2008/08/28/usabilidad-web/</link>
		<comments>http://carlosmanuelnaranjo.wordpress.com/2008/08/28/usabilidad-web/#comments</comments>
		<pubDate>Thu, 28 Aug 2008 15:08:10 +0000</pubDate>
		<dc:creator>Carlos Manuel</dc:creator>
				<category><![CDATA[USABILIDAD]]></category>

		<guid isPermaLink="false">http://carlosmanuelnaranjo.wordpress.com/?p=15</guid>
		<description><![CDATA[Definición. qué son las normas de Usabilidad: De acuerdo a Jakob Nielsen,la usabilidad se define como un atributo de cualitativo de una página o sitio web, que determina la facilidad de la interfaz para ser utilizada. La palabra también se refiere a los métodos para mejorar la facilidad de uso durante el proceso de diseño. Las [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=carlosmanuelnaranjo.wordpress.com&amp;blog=4260538&amp;post=15&amp;subd=carlosmanuelnaranjo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<h4>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Definición. qué son las normas de Usabilidad:</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">De acuerdo a Jakob Nielsen,la usabilidad se define como un atributo de cualitativo de una página o sitio web, que determina la facilidad de la interfaz para ser utilizada. La palabra también se refiere a los métodos para mejorar la facilidad de uso durante el proceso de diseño.<br />
Las siguientes son las 10 normas Básicas que un sito web debe cumplir (o carecer):</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">1.- Problemas de Legibilidad</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">Para los lectores del boletín del autor, uno de los mayores problemas de los sitios web, es la existencia de fuentes pequeñas, sin capacidad de aumentar su tamaño. Esto implica que lso desarrolladores asumen que NO existe ningún tipo de discapacidad visual en los lectores, o que todos pueden leer en determinada resolución. Una porción importante del estudio, coincide que el bajo contraste entre color de letra y color de fondo es fatal.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">2.- Links mal utilizados</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">Por un lado, en gran cantidad de sitios web, se obvía el subrayado de los enlaces, haciéndolos muy dificil de encontrar. Por otro lado, el hecho que los links visitados no cambien de color, también es valorado negativamente.<br />
Por último, la utilización correcta de links descriptivos, genera una valoración positiva por los usuarios y también genera una valoración positiva por parte de los motores de búsqueda.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">3.- Formato Flash</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">Aquí existe el verdadero quiebre del marketing por Internet. La disyuntiva: ¿información o diseño?.<br />
Al parecer los internautas prefieren links gráficos, en vez de esperar muchos minutos a que carguen películas que sólo benefician al desarrollador. Por otro lado, flash por sí sólo no genera información clasificable a los motores de búsqueda. Nótese que no se encontrará en primer lugar sitios de carga lenta o presentaciones flash largas y extenuantes.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">4.- Contenidos escritos para la web</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">las personas en general, valoran los sitios web que presetan información resumida, que no tienen extensos textos. Por tanto, se valoran los textos de fácil y rápida lectura.<br />
No debe olvidarse, que las personas permanecen apenas unos minutos en un sitio web y no clickean más de 4 links en promedio.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">5.- Búsquedas</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">Los navegantes no suelen pasar mucho tiempo en un sitio web, asi que debe aprovecharse ese tiempo de manera correcta. Por un lado, se debe atraer al usuario con las palabras corectas al sitio web, pues, si no encuentra lo que busca, lo más probable es que la sesión con el sitio web, dure apenas unos cuantos segundos y, por otro lado, el sitio web debiera tener claridad en las búsquedas internas.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">6.- Incompatibilidad de Navegadores</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">Aquí el tema es muy sencillo: ocuparse de la minoría.<br />
La mayoría de los desarrolladores sólo compatibiliza o configura el diseño de un sitio web para el navegador ixplorer.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">7.- Formularios extensos</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">claramente este es uno de los defectos de los sitios web más aborrecidos por los navegantes, de dos maneras: formularios extensos, con muchos campos y, por otro lado, aquellos sitios que solicitan infrmación MUY confidencial, para el tipo de requerimiento que se solicita.<br />
Pongamos un ejemplo: Nos vamos a registrar en un sitio web para recibir la newsletter.<br />
Pregunta: ¿ qué es importante?<br />
Nombre (apellidos), correo.<br />
Qué no es necesario: rut, estado civil, dirección, fono, tarjeta de crédito.<br />
El llamado tambén es a generar confianza en los visitantes, evitando que los formularios sean razón de dudas,</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">8.- Información de la Empresa</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">¿ Ha entrado alguna vez a un sitio web a ver sólo el fono, email o dirección?<br />
Gran parte de los sitios web prescinde de esta importante información.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">9.- Interfaces, resoluciones</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">La idea es utilizar configuraciones que se adpten a diferentes resoluciones. Se recomienda trabajar con porcentajes, no valores absolutos.</span></p>
<h4 style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">10.- Agrandado de fotos</span></h4>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">Se busca que las galerías de productos o fotos, al momento de ampliarse, se desplieguen fotos a pantalla completa o visiblemente más grande que la foto pequeña o thumbnail.</span></p>
<p><span>11. <span style="font-family:Arial;"><span> </span>Debemos comunicar de forma inmediata el objetivo del site a nuestros clientes.</span></span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Los primeros momentos de estancia en un site son claves. La mayoría de las visitas no pasan de la página de acceso, por lo que es decisivo comunicar con mucha claridad cuál es el objetivo del web.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Algunos consejos:</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Exponer en portada de forma clara la gama de productos que se ofertan en el site.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Es recomendable acompañar los catálogos de productos en portada con alguna frase descriptiva. </span></p>
<p class="blurb" style="margin:auto 0;"><span>12. El cliente debe estar informado constantemente acerca de su ubicación.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">El usuario se encuentra ante decisiones que concluirán en una posible compra, por lo que es esencial crear una sensación de seguridad que permita al cliente olvidarse de la navegación y centrarse en la información ofrecida.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Existen diversas formas de lograr esa sensación de comodidad:</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">1. Logotipos de la empresa siempre presentes.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">2. Títulos de página claros.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">3. Usar algunas de los diversos tipos de “rastros de migas” (también llamados “breadcrumbs”) o paths&#8230; Este tipo de técnicas requieren de una correcta aplicación y funcionamiento.</span></p>
<p class="blurb" style="margin:auto 0;"><span>13. El sitio debe adaptarse al mundo de los clientes: su lenguaje, sus conocimientos &#8230;</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Cuando pensamos en los contenidos y la información que vamos a incluir en la web debemos hacernos tres preguntas: </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">¿Qué información quiere mi público objetivo?</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">¿Cuándo la quiere?</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">¿Cómo la quiere?</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Damos por supuesto que antes de construir nuestro site hemos decidido quién es nuestro público objetivo y por lo menos cuál va a ser el cliente al que nos gustaría dirigirnos.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Algunos consejos: </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">- Conocer los comportamientos, gustos, hábitos de nuestro público objetivo.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">- Evitar aquellos iconos, palabras o contenidos que no sean fácilmente identificables por los usuarios finales de nuestro web.</span></p>
<p class="blurb" style="margin:auto 0;"><span>14. El cliente / usuario debe sentir que posee el control sobre todo lo que pasa en el site.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">En los sites de comercio electrónico en los que los procesos de registro, alta y compra son esenciales, ofrecer al usuario la sensación de que “está al mando” es trascendental.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Esta norma implica una serie de aspectos que es conveniente tener en cuenta:</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Debe ser posible deshacer una acción siempre que esta sea funcional u operativa.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-En procesos de varios pasos, se debe permitir al usuario volver a pasos anteriores y modificarlos.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-No se deben iniciar de manera automática acciones que el usuario no ha ordenado explícitamente</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Y algunos aspectos referidos al diseño: </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Debe ser posible controlar el tamaño de letra</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-La visualización tiene que estar adaptada a diferentes resoluciones.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Existe además una circunstancia a tener en cuenta desde el punto de vista legal, la Ley de Servicios de la Sociedad de la Información y de Comercio Electrónico recoge en su exposición de motivos algunos puntos que hacen referencia a los pasos en un proceso de contratación. </span></p>
<p class="blurb" style="margin:auto 0;"><span>15. El sitio tiene que ser consistente internamente y respetar estándares externos.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">La estandarización es uno de los pilares básicos de la usabilidad, tal es así que existen múltiples normas ISO referidas a la usabilidad de productos de software. Sin embargo, en entornos online, los estándares se van introduciendo más por convencionalismos que por una norma establecida.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Lo que es cierto es que los clientes de este tipo de sitios están acostumbrados a una serie de estándares externos que no es aconsejable modificar ya que los ha ido aprendiendo y adquiriendo tras cierto tiempo. Como por ejemplo: “el carro de la compra”.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Sobre la consistencia interna, damos algunos consejos:</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Las pestañas o etiquetas de los vínculos deben tener los mismos nombres que los títulos de las páginas o secciones a las que se dirigen.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Las mismas acciones (botones, links) deben llevar a los mismos sitios.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Los mismos elementos deben ser iguales en todo el site.</span></p>
<p class="blurb" style="margin:auto 0;"><span>16. El diseño debe ayudar a prevenir posibles errores.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">El numero de errores existentes en un site tiene una relación directa sobre el ratio de conversión visita/cliente. Hemos determinado tres “zonas calientes”, más sensibles al error:</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Los motores de búsqueda</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Los formularios de alta</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Las áreas transaccionales</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Con respecto a los motores de búsqueda, el error más frecuente es no devolver los resultados esperados. Averigüe lo que sus clientes realmente buscan y adapte la herramienta a sus necesidades. Y asegúrese de que el motor acepta errores ortográficos y que se actualiza periódicamente.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">En los formularios de alta, el porcentaje mayor de abandonos lo producen los mensajes inesperados de error o los mensajes mal construidos. El usuario tiene derecho a equivocarse. Es tarea nuestra explicar qué información debería introducirse o cómo solventar el error. Y debemos marcar con claridad todos los campos que consideremos obligatorios.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Los clientes sólo usan el 5% de su tiempo de navegación para realizar transacciones, el 95% restante lo dedican a buscar productos, comparar y otra serie de tareas no transaccionales. De ahí la importancia de que esta fase del proceso de compra esté tan estructurada que no lleve al usuario a cometer errores que agoten el tiempo que está dispuesto a dedicarle a esta tarea en esfuerzos inútiles.</span></p>
<p class="blurb" style="margin:auto 0;"><span>17. Se debe facilitar y optimizar el acceso a los usuarios.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Normalmente existen dos tipos básicos de usuarios: noveles y expertos, y las necesidades de unos y de otros pueden diferir. La tendencia es centrarse en el novel y complicar la navegación al experto. Nuestro consejo es que busquemos un equilibrio para que, sin dificultar la navegación novel, el usuario avanzado encuentre atajos que mejoren su experiencia de uso.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Sobre las áreas cerradas o de acceso restringido, es algo que depende únicamente de la estrategia empresarial de cada compañía. Pero recomendamos flexibilizar el acceso a los contenidos. Restringir el acceso a la información no es beneficioso, sobre todo si no existe un valor real para el cliente registrado. </span></p>
<p class="blurb" style="margin:auto 0;"><span>18. Hay que evitar la información irrelevante y ceñirse a lo necesario. </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Lo difícil en este apartado es conocer: ¿qué es lo necesario para el usuario? y ¿cuándo lo quiere? Los errores más frecuentes se encuentran en la ficha de producto. </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Debemos ajustarnos al nivel de información demandado por el usuario: </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Ser transparente en los beneficiosos y en los costes del producto. </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Jerarquizar la información de mayor a menor importancia. </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Evitar el ruido visual generado por la acumulación de elementos. </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Una buena idea es dosificar la información y no ofrecer todos los detalles de una vez.</span></p>
<p class="blurb" style="margin:auto 0;"><span>9. La navegación debe ser recordada más que redescubierta.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">El uso de estándares internos y externos facilita el reconocimiento de la navegación. El uso de patrones coherentes internamente ayuda a automatizar decisiones y evita repensar cada situación. Al mismo tiempo una lógica jerarquización, agrupación y presentación de contenidos ayudará, guiará y evitará la reiterada petición de información en la navegación del usuario.</span></p>
<p class="blurb" style="margin:auto 0;"><span>20. El usuario debe recibir ayuda cuando lo necesita.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">En teoría, un site bien hecho no debería necesitar instrucciones de ayuda. En la práctica, son imprescindibles. Para que nuestras ayudas no se conviertan en otro obstáculo más, debemos tener en cuenta dos cosas:</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Que las ayudas sean concisas y directas. </span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">-Y que estén contextualizadas. Es decir, que las ayudas estén situadas en el lugar en el que el usuario las va a necesitar: un texto de apoyo, un ejemplo, etc.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">En todos los estudios con usuarios realizados en dnx, la ayuda telefónica se ha revelado como un elemento de seguridad necesario frente a la incertidumbre que produce el proceso de comprar online. Por lo tanto, debemos ofrecer al cliente la sensación de que estamos al otro lado para resolver cualquier duda que se le planteé.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Como hablamos al principio, cada página web responde a una serie de condicionantes fruto de la propia definición empresarial de cada compañía. Esas características propias son las que van a determinar la necesidad, o no, de incorporar estos consejos.</span></p>
<p class="blurb" style="margin:auto 0;"><span style="font-size:10pt;color:#000000;font-family:Arial;">Sin embargo no conviene perder de vista el principio fundamental: el usuario no desea realizar muchos esfuerzos. Cualquier obstáculo o barrera, por pequeña que sea, será suficiente para que el cliente abandone nuestra web para irse a la competencia. Facilitar la navegación y mejorar su experiencia de uso es la mejor manera de garantizar el éxito de nuestro negocio.</span></p>
<div><span>21. No hay que olvidar nunca que la WWW es un medio de comunicación hipertextual, no audiovisual. Sin duda en el futuro existirán medios audiovisuales basados en Internet, pero la publicación web seguirá existiendo y siendo hipertextual.</span></div>
<p><span>2<span>2</span>. Maximizar el espacio de información útil. En configuraciones de 800&#215;600 esta no suele superar la media del 20%, una vez descontado el espacio ocupado por controles de navegación, publicidad, opciones del sitio y el navegador.</p>
<p>2<span>3</span>. Maximizar la escalabilidad, tanto de configuración gráfica como de especificaciones de comprensibilidad del código por parte del navegador incluido en el dispositivo utilizado. La desviación en ambas dimensiones tiende a aumentar: Por un lado la tradicional gama de configuraciones de monitor (de 640&#215;480 a 1024&#215;768) ha resultado más persistente de lo que se predecía. En España aproximadamente un 20% del parque de PC&#8217;s conectados a Internet trabajan con monitores a 640x 480. Por otro lado la gama de dispositivos conectados a la red es cada vez mayor.</p>
<p>2<span>4</span>. Los contenidos tienen que estar optimizados para la web. Ser breves, organizar la información según la regla de la pirámide invertida y utilizar hipervínculos para separar desarrollos y ejemplos del cuerpo del artículo.</p>
<p>25. Utilizar en la presentación y redacción tres características básicas:</p>
<p></span></p>
<ul type="disc">
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Texto conciso. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Diseño que permita la lectura por encima, como enumerar los puntos, separar títulos y encabezados, utilizar negritas y resaltados o listas con viñetas. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Lenguaje objetivo. </span></li>
</ul>
<p class="MsoNormal" style="margin:0;">
<div class="MsoNormal" style="margin:0;"><span>26. Integrar los gráficos en el contenido de modo que minimicen &#8220;peso&#8221;, aporten información útil y permitan con todo que la página sea útil y comprensible.</span></div>
<p><span>2<span>7</span>. El diseño de los sitios debe orientarse a la simplicidad, con las mínimas distracciones posibles, arquitectura de la información clara y herramientas de navegación adecuadas.</p>
<p>28. La página de inicio del site debe:</p>
<p></span></p>
<ul type="disc">
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Ofrecer un directorio de las principales áreas de contenido. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Un resumen de las novedades o promociones más importantes. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Una opción de búsqueda interna. </span></li>
</ul>
<p class="MsoNormal" style="margin:0;">
<div class="MsoNormal" style="margin:0;"><span>29. No usar páginas de bienvenida (páginas previas a la página real de inicio).</span></div>
<p><span>30. Vinculación profunda. Es decir, no obligar a los usuarios a entrar por nuestra página de inicio, sino permitirles llegar directamente a los centros de su interés tanto desde los banners como desde links voluntarios. Esto debe integrarse dentro de una estrategia de nominación de URL de sitios y subsitios comprensible por los usuarios.</p>
<p>31. Integración de los contenidos generados por los usuarios. En sitios pequeños se debe buscar la relación personalizada con los usuarios. En sitios grandes moderar chats y grupos de discusión.</p>
<p>32. La navegación dentro del site debe permitir al usuario saber dónde está en cada momento y cómo poder volver allí cuando lo desee.</p>
<p>33. Utilizar los applets de modo que no generen confusión a los usuarios ni mermen el control que ejercen sobre el contenido mostrado desde el navegador. Es decir, los applets no pueden repetir los errores y horrores del Flash.</p>
<p>34. Utilización del standard WAI para facilitar el acceso a nuestro site a usuarios con discapacidades. En términos generales:</p>
<p></span></p>
<ul type="disc">
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Hemos de pensar que los ciegos navegan ligando el browser a un sintetizador que procesa el texto y lo lee. El uso por tanto de etiquetas de encabezado en el código y del texto alternativo en los gráficos resulta fundamental para la accesibilidad. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Los archivos de sonido con contenido (discursos, declaraciones, etc.) que por otro lado hay que minimizar, deben tener transcripciones disponibles. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Hemos de minimizar la dificultad de cualquier tipo de operación a realizar con el ratón o el teclado (atinar en vínculos mínimos en hipertexto o todo tipo de combinaciones de letras o teclas y ratón en applets varios) </span></li>
</ul>
<p class="MsoNormal" style="margin:0;">
<div class="MsoNormal" style="margin:0;"><span>35. En la web, más que en ningún sitio es importante seguir la máxima &#8220;pensar globalmente, actuar localmente&#8221;. Llegar a un público transnacional y con distintos idiomas implica pensar contenidos y estructuras de acuerdo tanto con lo común, como con lo diferente.</span></div>
<p><span>36. Hemos de evitar las páginas de entrada cuya única función sea la selección de idioma o país. En realidad no son más que una variedad de las páginas de bienvenida. Por otro lado una estructura de sitio que lo requiera, normalmente lo hará por una mala estrategia de nominación de URL. Una forma de solventarlo aceptable, -aunque no deseable por los problemas de escalabilidad y deseconomía de contenidos que comporta- si se hace imposible el cambio, puede ser el modelo de &#8220;página de inicio compartida&#8221;.</p>
<p>37. Cuando diseñamos sites corporativos (ya sean intranets o extranets), no hemos de olvidar que el objetivo es facilitar el trabajo y la productividad de todos. El proceso de información es intensivo en tiempo para los humanos, de modo que hay que sustituir por tablones de anuncios y directorios específicos las listas de correo y ordenar las discusiones de modo fácilmente comprensible y visible de un vistazo.</p>
<p>38. En todos los proyectos de red (intranet, comunidad de trabajo, etc.) lo esencial es la comunicación. Las convocatorias para chats y las puestas en común tienen que estar claramente anunciadas. Las reglas de moderación tienen que ser sencillas, pocas y flexibles. La clave del trabajo en red no está en los procedimientos sino en las ramificaciones y los contactos que se establecen entre miembros de los equipos y que muchas veces se desarrollan aparte.</p>
<p>39. Los usuarios definen 4 causas principales para volver a visitar un site:</p>
<p></span></p>
<ul type="disc">
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Contenidos y servicios. Tienen que ser ante todo útiles, lo que normalmente no quiere decir exhaustivos. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Actualizaciones. Los usuarios sólo piden regularidad y predecibilidad para volver. No les pidas que piensen en ti todos los días, pero tampoco des plazos que hagan que se olviden (como por ejemplo una revista trimestral o incluso mensual). </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Rapidez. Consigue que tus páginas pesen lo menos posible y si el contenido multimedia o los formatos que usas forman parte de la identidad de tu página, separa todo lo pesado y ponlo en una sección especial de downloads. </span></li>
<li class="MsoNormal"><span style="font-size:10pt;font-family:Arial;">Facilidad de Uso. Supedita el diseño gráfico a la usabilidad y no al revés. </span></li>
</ul>
<p><span>40. Haz una parrilla de 3 usuarios típicos, descríbelos y piensa como ellos. ¿Qué rutas crees que seguirían? Permite que no encuentren lo que de entrada pueda no interesarles pero nunca que tengan que buscar más de la cuenta lo que buscan. Piensa hipertextualmente, no gráfica ni linealmente.</span></p>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;"> </span></p>
<p><span>WEBGRAFIA.</span></p>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">1. http://www.posicionamiento.cl/faq_normas_de_usabilidad.php</span></p>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">2. http://www.microsoft.com/spain/empresas/guias/usabilidad/consejos_practicos.mspx</span></p>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;">3. http://www.desarrolloweb.com/articulos/normas-maximizar-usabilidad-site.html</span></p>
<div></div>
<p><span style="font-size:10pt;color:#000000;font-family:Arial;"> </p>
<p></span></p>
<p class="MsoNormal" style="margin:0;"><span style="font-size:10pt;font-family:Arial;"> </span></p>
</h4>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/carlosmanuelnaranjo.wordpress.com/15/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/carlosmanuelnaranjo.wordpress.com/15/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/carlosmanuelnaranjo.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/carlosmanuelnaranjo.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/carlosmanuelnaranjo.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/carlosmanuelnaranjo.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/carlosmanuelnaranjo.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/carlosmanuelnaranjo.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/carlosmanuelnaranjo.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/carlosmanuelnaranjo.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/carlosmanuelnaranjo.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/carlosmanuelnaranjo.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/carlosmanuelnaranjo.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/carlosmanuelnaranjo.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/carlosmanuelnaranjo.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/carlosmanuelnaranjo.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=carlosmanuelnaranjo.wordpress.com&amp;blog=4260538&amp;post=15&amp;subd=carlosmanuelnaranjo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://carlosmanuelnaranjo.wordpress.com/2008/08/28/usabilidad-web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b3d2a29dbb738e767ebbc2b65fe8be1a?s=96&#38;d=identicon" medium="image">
			<media:title type="html">carlosmanuelnaranjo</media:title>
		</media:content>
	</item>
		<item>
		<title>TICS</title>
		<link>http://carlosmanuelnaranjo.wordpress.com/2008/07/22/tics/</link>
		<comments>http://carlosmanuelnaranjo.wordpress.com/2008/07/22/tics/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 17:46:21 +0000</pubDate>
		<dc:creator>Carlos Manuel</dc:creator>
				<category><![CDATA[TICS]]></category>
		<category><![CDATA[carlos manuel naranjo]]></category>

		<guid isPermaLink="false">http://carlosmanuelnaranjo.wordpress.com/?p=10</guid>
		<description><![CDATA[PARA QUÉ SIRVEN LAS TICS? MÁS ALLÁ DEL CORREO ELECTRÓNICO, LA MÚSICA Y EL CHAT - Reflexiones con los más jóvenes sobre las Tecnologías de la Información y la Comunicación y su uso en la Sociedad del Conocimiento. Vivimos en la Sociedad del Conocimiento, esta afirmación que parece un lugar común, representa la realidad más [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=carlosmanuelnaranjo.wordpress.com&amp;blog=4260538&amp;post=10&amp;subd=carlosmanuelnaranjo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><strong>PARA QUÉ SIRVEN LAS TICS?<br />
MÁS ALLÁ DEL CORREO ELECTRÓNICO, LA MÚSICA Y EL CHAT</strong></p>
<p class="NDescripcionSeccionP"><em>- Reflexiones con los más jóvenes sobre las Tecnologías de la Información y la Comunicación y su uso en la Sociedad del Conocimiento.<br />
</em><br />
Vivimos en la Sociedad del Conocimiento, esta afirmación que parece un lugar común, representa la realidad más avasallante de nuestra época, tenemos múltiples retos por asumir como sociedad y ellos pasan por comprender cómo las nuevas Tecnologías de la Información y las Comunicaciones, se han convertido en una herramienta fundamental para los procesos de generación, apropiación y uso del conocimiento.</p>
<h1 class="firstHeading">Tecnologías de la información y la comunicación</h1>
<div id="bodyContent">
<h5>De Wikipedia, la enciclopedia libre</h5>
<div id="contentSub">
<div id="jump-to-nav">Las <strong>tecnologías de la información y la comunicación</strong> son un conjunto de servicios, redes, software, aparatos que tienen como fin el mejoramiento de la calidad de vida de las personas dentro de un entorno, y que se integran a un sistema de información interconectado y complementario. Esta innovación servirá para romper las barreras que existen entre cada uno de ellos.</div>
</div>
<p><strong>Tecnologías de la Información y la Comunicación</strong> (<strong>TIC</strong>), son un solo concepto en dos vertientes diferentes como principal premisa de estudio en la ciencias sociales donde tales tecnologías afectan la forma de vivir de las sociedades. Su uso y abuso exhaustivo para denotar modernidad ha llevado a visiones totalmente erroneas del origen del término.</p>
<p>Las tecnologías como tal no se encargan del estudio, desarrollo, implementación, almacenamiento y distribución de la información mediante la utilización de <a title="Hardware" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Hardware">hardware</a> y <a title="Software" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Software">software</a> como recursos de los sistemas informáticos. De eso se encarga la ciencia informática.</p>
<p>Como concepto sociológico y no informático se refieren a saberes necesarios que hacen referencia a la utilización de multiples medios <a title="Informática" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Inform%C3%A1tica">informáticos</a> para almacenar, procesar y difundir todo tipo de <a title="Información" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Informaci%C3%B3n">información</a>, telemática, etc. con diferentes finalidades (<a title="Educación" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Educaci%C3%B3n">formación educativa</a>, organización y gestión <a title="Empresa" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Empresa">empresarial</a>, <a title="Toma de decisiones" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Toma_de_decisiones">toma de decisiones</a> en general, etc.).</p>
<p>Por tanto no trata del objeto concreto sino de aquellos objetos intangibles para la ciencia social. Por ejemplo <a title="Democracia" href="http://carlosmanuelnaranjo.wordpress.com/wiki/Democracia">democracia</a>, y <strong>nuevas tecnologías de la información y la comunicación</strong> (<strong>NTIC</strong>) son dos conceptos que viajan en una misma dirección, mientras democracia es espíritu las NTIC son métodos, recursos, libertades que ofrecen transparencia a las gestiones gubernamentales.</p>
<p><strong></strong></p>
<h2><a name="cuales"></a>¿Cuáles son las ventajas y desventajas de las TICs?</h2>
<div id="bodyContent">
<div><strong>Si bien es cierto que la necesidad de comunicarse hace mas notorio el <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos34/el-caracter/el-caracter.shtml">carácter</a> indispensable del <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos/epistemologia2/epistemologia2.shtml">conocimiento</a> sobre las tecnologías de información y comunicación y la aplicación de éstas en distintos ámbitos de la vida humana, se hace necesario también reconocer las repercusiones que traerá consigo la utilización de estas nuevas tecnologías ya sean benéficas o perjudiciales.</strong></div>
<p>A continuación se mostrarán algunas de las ventajas y desventajas que origina el <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos36/teoria-empleo/teoria-empleo.shtml">empleo</a> de las TICs en el desarrollo de las actividades humanas.</p>
<ul> </ul>
</div>
<div><strong>A continuación se mostrarán algunas de las ventajas y desventajas que origina el <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos36/teoria-empleo/teoria-empleo.shtml">empleo</a> de las TICs en el desarrollo de las actividades humanas.</strong></div>
<p><strong>Otras ventajas que podemos mencionar son las siguientes:</p>
<p></strong>- brindar grandes beneficios y adelantos en <a id="autolink" class="autolink" href="http://www.monografias.com/Salud/index.shtml">salud</a>y educación;</p>
<p>- potenciar a las personas y actores sociales, <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos14/disenio-metod/disenio-metod.shtml">ONG</a>, etc., a través de <a id="autolink" class="autolink" href="http://www.monografias.com/Computacion/Redes/">redes</a> de apoyo e intercambio y lista de discusión.</p>
<p>- apoyar a las <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos12/pyme/pyme.shtml">PYME</a>de las personas empresarias locales para presentar y vender sus <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos12/elproduc/elproduc.shtml">productos</a> a través de la Internet.</p>
<p>- permitir el aprendizaje interactivo y <a id="autolink" class="autolink" href="http://www.monografias.com/Educacion/index.shtml">la educación</a> a distancia.</p>
<p>- impartir nuevos conocimientos para la empleabilidad que requieren muchas competencias (<a id="autolink" class="autolink" href="http://www.monografias.com/trabajos11/funpro/funpro.shtml">integración</a>, <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos10/tequip/tequip.shtml">trabajo en equipo</a>, <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos5/moti/moti.shtml#desa">motivación</a>, <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos14/disciplina/disciplina.shtml">disciplina</a>, etc.).</p>
<p>- ofrecer nuevas formas de <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos34/el-trabajo/el-trabajo.shtml">trabajo</a>, como <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos/teletrabajo/teletrabajo.shtml">teletrabajo</a></p>
<p><strong>- </strong>dar acceso al flujo de conocimientos e información para empoderar y mejorar las vidas de las personas.</p>
<p>- Facilidades</p>
<p>- Exactitud</p>
<p>- Menores <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos35/tipos-riesgos/tipos-riesgos.shtml">riesgos</a></p>
<p>- Menores costos</p></div>
<li><strong>Desventajas:</strong></li>
<p><strong> -</strong> Los beneficios de esta <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos10/era/era.shtml">revolución</a> no están distribuidos de manera equitativa; junto con el crecimiento de la <a id="autolink" class="autolink" href="http://www.monografias.com/Computacion/Redes/">red</a> Internet ha surgido un nuevo tipo de <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos12/podes/podes.shtml">pobreza</a>que separa los países en desarrollo de la información, dividiendo los educandos de los analfabetos, los ricos de los pobres, los jóvenes de los viejos, los habitantes urbanos de los rurales, diferenciando en todo momento a las mujeres de los varones. Según se afirma en el <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos12/guiainf/guiainf.shtml">informe</a>sobre el <a href="http://ads.us.e-planning.net/ei/3/29e9/cfa010f10016a577?rnd=0.06111896518876664&amp;pb=45f162ecf7a3667e&amp;fi=dd16c313d87fa57c&amp;kw=empleo">empleo</a> en el mundo 2001 de la OIT &#8220;la vida en <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos/fintrabajo/fintrabajo.shtml">el trabajo</a> en la <a id="autolink" class="autolink" href="http://www.monografias.com/Economia/index.shtml">economía</a>de la información&#8221;, aunque el rápido desarrollo de la <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos14/informatica-social/informatica-social.shtml#desa">tecnología de la información</a> y la comunicación (TIC) constituye una &#8220;revolución en ciernes&#8221;, las disparidades en su difusión y utilización implican un <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos13/ripa/ripa.shtml">riesgo</a> de ampliación de la ya ancha &#8220;brecha digital&#8221; existente entre &#8220;los ricos y los pobres&#8221; tecnológicos.</p>
<p><em>El internauta típico a <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos6/dige/dige.shtml#evo">escala</a> mundial es <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos15/fundamento-ontologico/fundamento-ontologico.shtml">hombre</a>, de alrededor de 36 años de edad, con educación universitaria, <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos7/cofi/cofi.shtml">ingresos</a> elevados, que vive en una zona urbana y habla inglés</em>. En este contexto, las mujeres latinoamericanas &#8211; y especialmente aquéllas de ingresos bajos que viven en zonas rurales &#8211; tienen que enfrentar un doble -o un triple- desafío para estar incluidas y conectadas en el desarrollo de la aldea global de las TICs.</p>
<p>Otras desventajas que se pueden observar en la utilización de las tecnologías de información y comunicación son:</p>
<ul> </ul>
<li>Falta de privacidad </li>
<li>Aislamiento </li>
<li>Fraude </li>
<li>Merma los puestos de <a href="http://ads.us.e-planning.net/ei/3/29e9/cfa010f10016a577?rnd=0.5323449611366998&amp;pb=84dc4921efc80b03&amp;fi=dd16c313d87fa57c&amp;kw=trabajo">trabajo</a></li>
<div><strong></strong></div>
<div><strong></strong></div>
<h3><a name="cualescaract"></a>¿Cuáles son las características de las TICs?</h3>
<p><strong>Las tecnologías de información y comunicación tienen como características principales las siguientes:</p>
<p> </p>
<p></strong></p>
<ul> </p>
<li>Son de carácter innovador y creativo, pues dan acceso ha nuevas formas de comunicación. </li>
<li>Tienen mayor influencia y beneficia en mayor proporción al área educativa ya que la hace más accesible y <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos34/cinematica-dinamica/cinematica-dinamica.shtml">dinámica</a>. </li>
<li>Son considerados temas de debate publico y político, pues su utilización implica un futuro prometedor. </li>
<li>Se relacionan con mayor frecuencia con el uso de la Internet y la informática. </li>
<li>Afectan a numerosos ámbitos de la <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos11/concient/concient.shtml">ciencias</a> humana como la <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos10/sociol/sociol.shtml#cmarx">sociología</a>, la <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos4/epistemologia/epistemologia.shtml">teoría</a> de las <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos6/napro/napro.shtml">organizaciones</a>o la gestión. </li>
<li>En <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos10/amlat/amlat.shtml">América Latina</a>se destacan con su utilización en las universidades e instituciones países como: Argentina y <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos/histomex/histomex.shtml">México</a>, en <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos10/geogeur/geogeur.shtml">Europa</a>: <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos6/hies/hies.shtml">España</a> y <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos4/revolfrancesa/revolfrancesa.shtml">Francia</a>. </li>
<li>Las principales nuevas tecnologías son:</li>
</ul>
<ul>
<li> 
<ul> </p>
<li>Internet </li>
<li>Robótica </li>
<li>Computadoras de propósito específico </li>
<li>Dinero electrónico</li>
</ul>
</li>
</ul>
<ul> </p>
<li>Resultan un gran alivio económico a largo plazo. aunque en el <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos901/evolucion-historica-concepciones-tiempo/evolucion-historica-concepciones-tiempo.shtml">tiempo</a> de adquisición resulte una fuerte <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos12/cntbtres/cntbtres.shtml">inversión</a>. </li>
<li>Constituyen <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos14/medios-comunicacion/medios-comunicacion.shtml">medios de comunicación</a> y adquisición de información de toda variedad, inclusive científica, a los cuales las personas pueden acceder por sus propios medios, es decir potencian la <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos/teletrabajo/teletrabajo.shtml">educación a distancia</a> en la cual es casi una necesidad del alumno tener <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos35/el-poder/el-poder.shtml">poder</a> llegar a toda la información posible generalmente solo, con una ayuda mínima del <a id="autolink" class="autolink" href="http://www.monografias.com/trabajos27/profesor-novel/profesor-novel.shtml">profesor</a>.</li>
</ul>
<p> </p>
<p class="NDescripcionSeccionP" style="text-align:center;"><strong>WEBGRAFIA</strong></p>
<ol>
<li>
<div class="NDescripcionSeccionP" style="text-align:left;"><a href="http://es.wikipedia.org/wiki/Tecnolog%C3%ADas_de_la_informaci%C3%B3n">http://es.wikipedia.org/wiki/Tecnolog%C3%ADas_de_la_informaci%C3%B3n</a></div>
</li>
<li>
<div class="NDescripcionSeccionP" style="text-align:left;"><a href="http://www.monografias.com/trabajos37/tecnologias-comunicacion/tecnologias-comunicacion.shtml">http://www.monografias.com/trabajos37/tecnologias-comunicacion/tecnologias-comunicacion.shtml</a></div>
</li>
</ol>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/carlosmanuelnaranjo.wordpress.com/10/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/carlosmanuelnaranjo.wordpress.com/10/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/carlosmanuelnaranjo.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/carlosmanuelnaranjo.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/carlosmanuelnaranjo.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/carlosmanuelnaranjo.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/carlosmanuelnaranjo.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/carlosmanuelnaranjo.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/carlosmanuelnaranjo.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/carlosmanuelnaranjo.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/carlosmanuelnaranjo.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/carlosmanuelnaranjo.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/carlosmanuelnaranjo.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/carlosmanuelnaranjo.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/carlosmanuelnaranjo.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/carlosmanuelnaranjo.wordpress.com/10/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=carlosmanuelnaranjo.wordpress.com&amp;blog=4260538&amp;post=10&amp;subd=carlosmanuelnaranjo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://carlosmanuelnaranjo.wordpress.com/2008/07/22/tics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b3d2a29dbb738e767ebbc2b65fe8be1a?s=96&#38;d=identicon" medium="image">
			<media:title type="html">carlosmanuelnaranjo</media:title>
		</media:content>
	</item>
		<item>
		<title>WEB 2</title>
		<link>http://carlosmanuelnaranjo.wordpress.com/2008/07/22/web-2/</link>
		<comments>http://carlosmanuelnaranjo.wordpress.com/2008/07/22/web-2/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 17:20:28 +0000</pubDate>
		<dc:creator>Carlos Manuel</dc:creator>
				<category><![CDATA[Web 2]]></category>

		<guid isPermaLink="false">http://carlosmanuelnaranjo.wordpress.com/?p=3</guid>
		<description><![CDATA[La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología. La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=carlosmanuelnaranjo.wordpress.com&amp;blog=4260538&amp;post=3&amp;subd=carlosmanuelnaranjo&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><span class="intro"><span class="intro"><a href="http://carlosmanuelnaranjo.files.wordpress.com/2008/07/web20.jpg"><img class="size-medium wp-image-4 aligncenter" src="http://carlosmanuelnaranjo.files.wordpress.com/2008/07/web20.jpg?w=197&#038;h=58" alt="" width="197" height="58" /></a></span></span></p>
<p><span class="intro">La Web 2.0 es la representación de la evolución de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnología.</span></p>
<p>La Web 2.0 es la transición que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a través del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.</p>
<p>Y es que cuando el web inició, nos encontrábamos en un entorno estático, con páginas en HTML que sufrían pocas actualizaciones y no tenían interacción con el usuario.</p>
<p>Pero para entender de donde viene el término de Web 2.0 tenemos que remontarnos al momento en que Dale Dougherty de <a href="http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html">O’Reilly Media</a> utilizó este término en una conferencia en la que compartió una lluvia de ideas junto a Craig Cline de MediaLive. En dicho evento se hablaba del renacimiento y evolución de la web.</p>
<p>Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y así se dio la pauta para la <a title="Web 2.0 Summit • October 17-19, 2007 • San Francisco, California" href="http://www.web2con.com/">Web 2.0 conference</a> que arranca en el 2004 y hoy en día se realiza anualmente en San Francisco, con eventos adicionales utilizando la marca en otros países.</p>
<p>En la charla inicial del Web Conference se habló de los principios que tenían las aplicaciones Web 2.0:</p>
<ul>
<li>La web es la plataforma</li>
<li>La información es lo que mueve al Internet</li>
<li>Efectos de la red movidos por una arquitectura de participación.</li>
<li>La innovación surge de características distribuidas por desarrolladores independientes.</li>
<li>El fin del círculo de adopción de software pues tenemos servicios en beta perpetuo</li>
</ul>
<h3>La Web 2.0 con ejemplos</h3>
<p>Entender la evolución que ha llegado con la Web 2.0 puede realizarse con ejemplos, con proyectos. Podemos comparar servicios web que marcan claramente la evolución hacia el Web 2.0 con una nueva forma de hacer las cosas:</p>
<ul>
<li>Web 1.0 &gt; Web 2.0</li>
<li>JOOMBLA -&gt; Editor de contenidos</li>
<li>Doubleclick –&gt; <a href="http://www.maestrosdelweb.com/editorial/adsense/">Google AdSense</a> (Servicios Publicidad)</li>
<li>Ofoto –&gt; <a href="http://www.maestrosdelweb.com/editorial/flickr/">Flickr</a> (Comunidades fotográficas)</li>
<li>Akamai –&gt; <a href="http://www.maestrosdelweb.com/editorial/bittorrent/">BitTorrent</a> (Distribución de contenidos)</li>
<li>mp3.com –&gt; Napster (Descargas de música)</li>
<li>Britannica Online –&gt; <a href="http://es.wikipedia.org/">Wikipedia</a> (Enciclopedias)</li>
<li>Sitios personales –&gt; <a href="http://www.maestrosdelweb.com/editorial/blogs/">Blogs</a> (Páginas personales)</li>
<li>Especulación con <a title="Los Dominios de Internet y su importancia para nuestros sitios" href="http://www.maestrosdelweb.com/editorial/dominios/">dominios</a> –&gt; <a title="SEO - Maestros del Web" href="http://www.maestrosdelweb.com/editorial/negocios/seo/">Optimización en motores de búsqueda SEO</a></li>
<li>Páginas vistas –&gt; Costo por click</li>
<li>CMSs –&gt; <a href="http://www.maestrosdelweb.com/editorial/queeswiki/">Wikis</a> (<a title="Una serie de administradores de contenidos" href="http://www.maestrosdelweb.com/editorial/una-serie-de-administradores-de-contenidos/">Administradores de contenidos</a>)</li>
<li>Categorías/Directorios –&gt; <a href="http://www.maestrosdelweb.com/editorial/5pasosrss/">Tags</a></li>
</ul>
<h3>¿Qué tecnologías apoyan a la Web 2.0?</h3>
<p>El Web 2.0 no significa precisamente que existe una receta para que todas nuestras aplicaciones web entren en este esquema. Sin embargo, existen varias tecnologías que están utilizándose actualmente y que deberíamos de examinar con más cuidado en busca de seguir evolucionando junto al web.</p>
<h3>Tecnologías que dan vida a un proyecto Web 2.0:</h3>
<ul>
<li>Transformar software de escritorio hacia la plataforma del web.</li>
<li>Respeto a los <a title="Estándares web" href="http://www.maestrosdelweb.com/editorial/estandaresweb/">estándares</a> como el <a href="http://www.maestrosdelweb.com/editorial/haciaxhtml/">XHTML</a>.</li>
<li>Separación de contenido del diseño con uso de <a title="Maquetando con hojas de estilo" href="http://www.maestrosdelweb.com/editorial/maquetando-con-hojas-de-estilo/">hojas de estilo</a>.</li>
<li><a href="http://www.maestrosdelweb.com/editorial/sindicando/">Sindicación</a> de contenidos.</li>
<li><a href="http://www.maestrosdelweb.com/editorial/ajax/">Ajax</a> (javascript ascincrónico y xml).</li>
<li>Uso de <a href="http://www.maestrosdelweb.com/editorial/flash/">Flash</a>, Flex o Lazlo.</li>
<li>Uso de <a href="http://www.maestrosdelweb.com/editorial/rubyonrails/">Ruby on Rails</a> para programar páginas dinámicas.</li>
<li>Utilización de <a href="http://www.maestrosdelweb.com/editorial/redessociales/">redes sociales</a> al manejar usuarios y comunidades.</li>
<li>Dar control total a los usuarios en el manejo de su información.</li>
<li>Proveer APis o <a href="http://www.maestrosdelweb.com/editorial/flashxml/">XML</a> para que las aplicaciones puedan ser manipuladas por otros.</li>
<li>Facilitar el <a href="http://www.maestrosdelweb.com/editorial/seointro/">posicionamiento</a> con <a href="http://www.maestrosdelweb.com/editorial/optiweb/">URL</a> sencillos.</li>
</ul>
<h3>¿En qué nos sirve la Web 2.0?</h3>
<p>El uso de el término de Web 2.0 está de moda, dándole mucho peso a una tendencia que ha estado presente desde hace algún tiempo. En <a href="http://www.maestrosdelweb.com/editorial/usointernet/">Internet</a> las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos.</p>
<p>Además, nuestros proyectos tienen que renovarse y evolucionar. El Web 2.0 no es precisamente una tecnología, sino es la actitud con la que debemos trabajar para desarrollar en Internet. Tal vez allí está la reflexión más importante del Web 2.0.<br />
Yo ya estoy trabajando en renovar y mejorar algunos proyectos, no por que busque etiquetarlos con nuevas versiones, sino por que creo firmemente que la única constante debe ser el cambio, y en Internet, el cambio debe de estar presente más frecuentemente.</p>
<p><strong>WEBGRAFIA</strong></p>
<p>Tomado de: <a href="http://carlosmanuelnaranjo.files.wordpress.com/2008/07/web20.jpg"></a></p>
<p class="MsoNormal" style="margin:0;"><span style="font-family:Arial;"><span style="font-size:small;">http://www.maestrosdelweb.com/editorial/web2/</span></span></p>
<br /><img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/carlosmanuelnaranjo.wordpress.com/3/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/carlosmanuelnaranjo.wordpress.com/3/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/carlosmanuelnaranjo.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/carlosmanuelnaranjo.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/carlosmanuelnaranjo.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/carlosmanuelnaranjo.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/carlosmanuelnaranjo.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/carlosmanuelnaranjo.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/carlosmanuelnaranjo.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/carlosmanuelnaranjo.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/carlosmanuelnaranjo.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/carlosmanuelnaranjo.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/carlosmanuelnaranjo.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/carlosmanuelnaranjo.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/carlosmanuelnaranjo.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/carlosmanuelnaranjo.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=carlosmanuelnaranjo.wordpress.com&amp;blog=4260538&amp;post=3&amp;subd=carlosmanuelnaranjo&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://carlosmanuelnaranjo.wordpress.com/2008/07/22/web-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b3d2a29dbb738e767ebbc2b65fe8be1a?s=96&#38;d=identicon" medium="image">
			<media:title type="html">carlosmanuelnaranjo</media:title>
		</media:content>

		<media:content url="http://carlosmanuelnaranjo.files.wordpress.com/2008/07/web20.jpg?w=197" medium="image" />
	</item>
	</channel>
</rss>
