InteresesWeb

Netscape vuelve por la revancha

2009-08-22T21:53:00.000-07:00

La guerra de los navegadores web es una de las historias de la informática mas conocidas, Netscape fue derrotado por Internet Explorer en los 90, y las consecuencias fueron Mozilla Foundation que fue creado por ex empleados de NetScape y representa la principal competencia de Internet Explorer con Firefox.

Hoy en dia estamos en la puerta de la segunda guerra tecnológica, a la cual se suman potencias como Google Chrome, Apple Safari y Opera entre otros, pero parece que un competidos se estaba preparando para volver por su revancha.

Netscape vuelve a la cancha con lo que parece ser la revolución al mundo de los navegadores, el nuevo modelo intentara superar a todos los de la competencia y va a dar prioridad a las redes sociales, principalmente a Facebook que es la clave de distribución de este navegador.

Segun los expertos el regreso de Netscape de la mano de Factbook puede desatar una nueva batalla tecnológica entre los navegadores.

Los que vivimos de las webs no queremos matar cada vez que sale un navegador nuevo ya que cada cual tiene sus pequeñas diferencias que nos hacen la vida mas interesante, pero si hay algo que nos da mas dolor de cabeza que testear un sitio en todos los navegadores es tener que meterle mil parches para que funcione bien en Internet Explorer, por lo tanto cualquier navegador que ayude a emparejar un poco la cosa es totalmente bienvenido.

Fuente: www.cadenaser.com

Apple se vende a Microsoft

2009-08-09T17:52:00.000-07:00

Aparentemente es así, Apple allá por el 97 hizo una maniobra brusca para evitar dar quiebra y termino vendiendo acciones a su odiado enemigo Microsoft.

En esta nota se explica bien porque Apple se las vio tan mal, como fue el acuerdo, y que ganaba cada uno.

Firefox creció un 4.5% en el 2008

2009-01-03T21:16:00.000-08:00

Sactamente, primer post del año y arrancamos con la buena noticia de que Explorer volvió a bajar un 1,5%, Firefox subió 4,5%, Opera quedo igual, Chrome arranco bien y Safari la remo.

Internet Explorer perdió 7,9% y ya está por debajo del 70%. Firefox es el ganador del 2008 con un 4,5% y supera el 21% de los usuarios, Safari cerro el año con un 2,4% arriba y lo deja rozando el 8%, Opera quedo casi igual, con el 0,71% y Chrome también arranco bien el año, alcanzando el 1,04%.

Así da gusto empezar el año!

Fuente: muycomputer.com

Mi vida sin Google

2008-11-12T17:22:00.000-08:00

Como seria nuestra vida sin Google? nos facilito tanto la vida que hasta nos pudimos volver dependientes de el, esto se le paso por la cabeza a James Thomas y sin tener idea de los resultados comenzo un experimento al cual llamo mi My life without Google.

La idea básicamente era estar 2 semanas sin Google ni ninguno de sus servicios, para esto bloqueo en el router de su casa y su trabajo el acceso al buscador y instaló un adblock para filtrar cualquier contenido proveniente de Google.

Algunos de los resultados:

Sus sitios favoritos se cargaban mucho más rápido, sin códigos de Analytics ni Adsense.

Seleccionó en primera instancia como buscador a Ask pero realmente no le gustaron los resultados de sus búsquedas, no obstante quedó muy conforme con sus mapas.

Al final comenta que eligió Yahoo como buscador, le pareció mejor la relevancia que obtuvo en sus resultados.

Utilizó Rooty para reemplazar a Google News.

Tuvo que buscar una alternativa a Gmail que si bien no lo utilizaba mucho necesitaba no utilizarla para cumplir este experimento. Se decidió finalmente por adoptar las cuentas POP de su servidor.

Conclusiones de James Thomas:

¿Ha sido mi bloqueo infructífero? Aunque me perdí los fantásticos resultados de búsqueda tendré que decir que no y no. Me he encontrado con que puedo sobrellevarlo e inclusive ser más productivo sin Google. “Don’t Be Evil” es un gran lema. Sin embargo, considero que recoger cada cosa que hago en internet es ser malo, además de una violación a la privacidad.

El experimento completo aquí.
El articulo lo encontre aquí.

Test para soporte de estándar en navegadores web

2008-10-19T15:24:00.000-07:00

En Google se pueden encontrar muchas herramientas para testear el soporte de estándares que tienen los diferentes navegadores web, estas herramientas son muy útiles para prevenir y solucionar errores de compatibilidad.

Uno de los mas destacados es Acid2, un test creado por Web Standards Project que expone los fallos que tienen los navegadores para cumplir los estándar, si el navegador interpreta correctamente HTML y CSS2 el resultado de la pagina es una cara sonriendo como esta:

Este test se hizo tan popular que Microsoft se puso en campaña para que su próximo navegador IE8 pase satisfactoriamente la prueba (obviamente los resultados de IE6 y IE7 fueron desastrosos) pero como era de esperarse, IE8 necesitaría en la pagina un tag no estándar que active un modo especial del navegador denominado "modo estandar", de manera que IE8 en su funcionamiento normal no puede superar la prueba, no va a soportar estándares y los diseñadores vamos a tener que seguir usando codigo no estándar para solucionar sus errores.

Otro test bien destacado es CSS3 Selector test desarrollado por CSS3.info, que realiza un test del soporte de selectores del navegador, con esta herramienta no solo podemos saber que navegador nos dará problemas con los selectores, también podemos ver de que manera se prueba el selector en el navegador así que también sabemos como evitar dicho problema.

En W3C podemos encontrar los test mas recomendados en cuanto a HTML, CSS y estándares, todos pueden ser muy útiles según el navegador que nos este dando problemas.

Consejos para pasar del diseño con tablas al diseño sin tablas

2008-10-05T14:17:00.000-07:00

Lo primero que yo hago al empezar a estructurar un HTML es definir la envoltura general de todo el diseño
En este caso la pagina esta alineada al centro y tiene 800px de ancho.

HTML

CSS

#wrapper {
width: 800px;
margin: 0 auto;
}

Estructura y formato del header

Existen muchas técnicas para armar un sitio web sin tablas, una de las mas usadas para estructurar el header y evitar problemas de compatibilidad entre navegadores es dar posición relativa (position: relative;) a la envoltura del header. Esto permite ubicar los elementos dentro del header con posición absoluta, tomando como punto de referencia la esquina superior izquierda de la envoltura y mantener todo el layout alineado.

Para presentar el logo o titulo se recomienda (W3C recomienda) el uso de la etiqueta de encabezado H1 (no confundir con <title> que es el titulo en la ventana del navegador), esta etiqueta hace referencia al titulo general de la pagina por lo que se debe usar al principio y una sola ves si queremos mantener la estructura semántica.

Dentro del encabezado H1 podemos usar tanto texto como imagen, pero teniendo en cuenta que es un titulo tiene mejores resultados en los motores de búsqueda si usamos texto, ponemos la imagen como fondo con CSS y hacemos desaparecer el texto (también con CSS) para que el logo se vea sin problemas.

La navegación de un sitio es una lista vínculos desordenados, por lo que se debe usar el elemento de listas desordenadas para su presentación.
Es un error muy común armar la navegación con DIVs, usando un DIV como envoltura y un DIV para cada vínculo presentado.

Si necesitamos presentar texto dentro del header podemos recurrir a la etiqueta de párrafo y darle una posición absoluta dentro de nuestro header, o armar un buscador dentro de un DIV y posicionarlo donde corresponde.

Ejemplos del codigo:

HTML

CSS

#header {
position: relative;
width: 800px;
height: 150px;
}
h1 {
width: 150px;
height: 65px;
position: absolute;
left: 30px;
top: 20px;
background: url(logo.gif) no-repeat left top;
text-indent: -9999px; /*Esta propiedad es para sacar el texto de la pagina y visualisar solo la imagen de fondo*/
}
#header ul {
margin: 0;
padding: 0;
list-style: none;
width: 300px;
height: 30px;
position: absolute;
right: 30px;
bottom: 20px;
}
#header ul li {
float: left;
display: inline;
margin: 0 10px
}
#buscador {
width: 140px;
height: 40px;
position: absolute;
right: 30px;
top: 20px;
}

Contenido de la página.

La estructura de una pagina depende siempre del diseño, es casi imposible encontrar 2 paginas con la misma estructura HTML y los la misma hoja de estilos, sin embargo las técnicas para estructurar son siempre similares.

Supongamos que tenemos una columna izquierda con 3 menús y cada menú tiene un titulo de referencia, la manera mas correcta de estructurar el código seria usar una envoltura para posicionar la columna, encabezados para los títulos y listas para los menús.

Los encabezados que deberíamos usar serian H2 (otro titulo) que son los que vienen a continuación de H1 usado en el header, seria un error conceptual y rompería la estructura semántica si usamos un encabezado H3 ya que el encabezado H2 es considerado un titulo y H3 un subtitulo de H2 (Google considera mala practica saltearse los encabezados).

Ejemplos del codigo:

HTML

<body>
<div id=”wrapper”>
<div id=”header”></div>
<div id=”left”>
<h2>titulo</h2>
<ul>
<li>Link1</li>
<li>Link2</li>
<li>Link3</li>
</ul>
<h2>titulo</h2>
<ul>
<li>Link1</li>
<li>Link2</li>
<li>Link3</li>
</ul>
<h2>titulo</h2>
<ul>
<li>Link 1</li>
<li>Link2</li>
<li>Link3</li>
</ul>
</div>
</div>
</body>

CSS

#left {
width: 200px;
float: left;
display: inline;
padding: 10px;
}
#left h2 {
margin: 0 0 5px 0;
padding: 0 0 0 5px;
}
#left ul {
margin: 0 0 0 10px;
padding: 0;
list-style: none;
}
#left ul li {
margin: 0 0 5px 0;
}

Si tenemos una columna izquierda, una derecha, el contenido y un pie de pagina la estructura seria algo asi:

HTML

CSS

#left {
width: 200px;
}
#content {
width: 400px;
}
#right {
width: 200px;
}
#left, #content, #right {
float: left;
display: inline;
}
#foot {
width: 800px;
clear: both;
}

De la misma manera que posicionamos los elementos dentro del header podemos hacerlo en el foot, si le damos una posicion relativa y posicion absoluta a los elementos dentro.

Solución de problemas

Explorer tiene incontables errores con CSS ya que soporta un poco mas del 50% (IE6 y IE7) de los estándares establecidos y recomendaciones del W3C.
Muchos de estos problemas se solucionan activando la propiedad haslayout de los elementos HTML que consiste en forzar a los elementos a que tengan un layout.

Cuando Explorer carga una página divide los elementos en 2 grupos. Por un lado los elementos que dependen de su elemento contenedor para definir su tamaño y posición, y por otro lado los elementos que tienen su propio tamaño y posición.

Los elementos del segundo tipo son los que activan la propiedad haslayout, los elementos del primer tipo dependen de su elemento padre que en la mayoría de los casos es <body>

Los elementos HTML que por defecto tienen haslayout son:

<html>, <body>

<table>, <tr>, <td>, <th>, <td>

<img>

<hr>

<input>, <button>, <select>, <textarea>, <fieldset>, <legend>

<iframe>, <embed>, <object>, <applet>

<marquee>

Todos los demás elementos HTML no activan la propiedad haslayout de IE por defecto, por lo que hay que cambiar las propiedades del elemento mediante CSS para que activen el haslayout.

Propiedades CSS que activan haslayout:

position: absolute, fixed

float: left, right

display: inline-block

width: cualquier valor que no sea auto

height: cualquier valor que no sea auto

min-width: cualquier valor (solo en IE7)

min-height: cualquier valor (solo en IE7)

max-width: cualquier valor (solo en IE7)

max-height: cualquier valor (solo en IE7)

zoom: cualquier valor que no sea normal (propiedad no estándar, solo valida para IE)

writing-mode: tb, rl (propiedad no estándar, solo valida para IE)

overflow: hidden, scroll, auto (solo en IE7)

Mas información sobre haslayout en:

satzansatz.de
Microsoft

Otras recomendaciones para evitar problemas

opacity: 0.99; en elementos de texto para limpiar el renderizado de Safari.

El tamaño del texto debería ser % en el BODY (100%) y em para el resto.

Display: inline; en todos los elementos flotantes para evitar que Explorer duplique los márgenes.

Una técnica que no siempre funciona para solucionar problemas de flotantes en Explorer es overflow: hidden; en los elementos flotantes y overflow: auto; en los contenedores, además los contenedores tienen que tener haslayout activado con width o height.

Las imágenes de fondo posicionadas pueden desaparecer o posicionarse mal en Explorer, esto se debe a que Explorer no calcula bien la altura de los elementos, si tenemos una imagen de fondo posicionada en el límite inferior del elemento (background-position: left bottom;) Explorer no sabría cual es el limite inferior y no posisiona la imagen, esto se puede resolver con height: 1%; (IE toma la altura como altura mínima) o position: relative; (el posicionamiento de un bloque con posición relativa depende de su ubicación original y los elementos adyacentes dependen de la posición de este, Explorer aplica una altura aunque no la tenga para saber donde colocar los elementos adyacentes)

Mas de 200 tempaltes Blogger a disposición

2008-09-30T10:14:00.000-07:00

Hoy 30 de Setiembre del 2008 se lanzo Templates Blogger, una extensa galería de templates gratis para Blogger.

El sitio cuenta con una recopilación de mas de 200 templates, diseños exelentes y temas muy variados. Aceptan templates de la comunidad para continuar creciendo el archivo, esta iniciativa fue creada por La red de blogs Actualidad Blog, con lo que se crea una nueva comunidad de diseñadores en una web 2.0 de templates.

Sitio oficial: www.templates-blogger.com

Añadir buscador a tu blog de Blogger

2008-09-25T21:08:00.000-07:00

Añadir un buscador a nuestro blog es mas sencillo de lo que suena, basta con entrar a nuestro blog desde blogger draft, y agregar el elemento Search Box, podemos configurarlo a nuestro gusto y su apariencia es algo así:

Pero hay otra opción para agregar un buscador en nuestro blog, mas controlada y personalizada.

Primero hay que poner en donde queramos el buscador las siguientes líneas.

Segundo hay que cambiar el nombre del blog por el que corresponda (en mi caso interesesweb)

Tercero agregar ID o CLASS a los INPUT para dar formato con CSS y dejarlo a tono con el blog.
También se puede usar una imagen en lugar del botón.

Se recomienda encerrar todo el FORM en un DIV con un id para poder posicionarlo mejor en el diseño.

Mas información en: Blogger in draft, Blogger Buzz

CSS Table Gallery

2008-09-25T10:47:00.000-07:00

La mejor opción para presentar datos tabulados es usar tablas, es simple, el código queda bien estructurado y con CSS se pueden lograr diseños increíbles.

CSS Table Gallery es una colección de diseños de tablas con CSS, todos muy bien logrados y nos permite descargar el fichero CSS de cada diseño.

Muy buena fuente de inspiración a la hora de diseñar una tabla.

icant.co.uk/csstablegallery/

Robots.txt de Blogger

2008-09-23T22:29:00.000-07:00

Chequeando la indexación del contenido del blog en las herramientas para webmaster de Google me llamo la atención que tenia 2 errores de rastreo, ambos son por restricción del robot.txt

Pero que es el robot.txt y porque restringe el acceso?

El archivo robot.txt es el que nos permite controlar el comportamiento de los rastreadores (crawlers) de los buscadores cuando indexan nuestro sitio, dentro de el se encuentran las especificaciones en cuanto a que queremos que indexe y que no, con que frecuencia queremos, ext.

Cuando un rastreador como por ejemplo el Googlebots de Google llega a un sitio, lo primero que ve es el archivo robot.txt y sigue sus recomendaciones al indexar el contenido (como son recomendaciones existe la posibilidad de que no haga caso e indexe todo el contenido que encuentre).

El robot.txt de Blogger es el mismo que el de cualquier sitio con la diferencia de que no lo podemos manipular, es creado y manipulado exclusivamente por Blogger.

El contenido de todos los robot.txt de Blogger es:

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Noindex: /feedReaderJson

Sitemap: http://interesesweb.blogspot.com/feeds/posts/default?orderby=updated

Y lo podemos ver agregando robot.txt al final de la dirección de nuestro blog (http://nombre_del _blog.blogspot.com/robots.txt).

Con las herramientas para webmaster de Google podemos analizar el robot.txt en la subsección análisis de robot.txt, esta herramienta nos muestra la dirección, la última descarga y el estado del robot.txt.

Que significan los valores dentro del robot.txt?

User-agent: es el nombre del rastreador al que le queremos dar instrucciones.

Mediapartners-Google es el rastreador de Google Adsend.

Googlebot es el de Google.

Googlebot-Image es el que se encarga de indexar las imágenes de Google.

Slurp es el de Yahoo.

Msnbot el de MSN.

el asterisco (*) es un comodín, significa que los valores siguientes se aplican a todos los rastreadores.

Disallow: se usa para indicar las páginas o directorios que no queremos que los rastreadores indexen, si no hay valor los rastreadores indexan todo lo que encuentren.

Disallow:/search impide a los rastreadores indexar las paginas que son resultados de búsquedas internas.

Las URLs restringidas por el robot.txt son /feedReaderJson y /search/label/, esto no es un error ya que los enlaces generados por feedReaderJson son parte del sitemap y se pueden considerar contenido duplicado (fraude penalizado por Google, el castigo es excluirte de sus resultados) y los resultados de búsqueda interna ubicados en /search/label/ también se pueden considerar contenido duplicado.

Pero podemos darle instrucciones a los rastreadores aun no teniendo acceso al archivo robot.txt, usando las etiquetas META.

<meta name="robots" content="index,follow" />
indica que indexe la página y todos sus enlaces (valor por defecto).

<meta name="robots" content="index,nofollow" />
indica que indexe la página pero no los enlaces.

<meta name="robots" content="noindex,follow" />
indica que no indexe la página pero si los enlaces.

<meta name="robots" content="noindex,nofollow" />
indica que no indexe la página ni los enlaces.

Tableyes (diseñar con tablas)

2008-09-22T19:44:00.000-07:00

Tableyes design es un blog que justifica el uso de tablas en el diseño de un sitio web

Segun el concepto tableyes:

Son mas rápidas (es de vago y de poco conocimiento).

Es mas simple (formatear los elementos HTML con CSS es simple, la compatibilidad con navegadores lo hace complicado).

Es mas flexible (mas flexible que diseñar con CSS???????????)

Combinadas con CSS dan exactamente los mismo resultados que los DIVs (solo resultados estéticos, un sitio web no es solo un diseño)

Las ventajas mas importantes que tiene el usar los elementos HTML para lo que fueron creados (ya sean etiquetas de división, encabezados, listas, párrafos, ext) es que la estructura del código es mas ordenado, mas fácil de actualizar y en el caso especifico de comparar DIVs con tablas, un sitio estructurado con DIVs y CSS lleva de 3 a 4 veces menos código (siempre y cuando se usen donde corresponde), lo que lo hace mas liviano de descargar, mas rápido de desarrollar y mas simple de estructurar.
CSS nos permite cambiar la naturaleza de los elementos, incluso simular tablas o celdas de ser necesario, esta característica de CSS hace tan o mas flexible el desarrollo de un sitio web sin tablas que con tablas.

Tablas vs DIVs

Las tablas no pueden compararse con los DIVs porque los DIVs no son el único elemento que se usa al desarrollar una pagina, si para esto usamos exclusivamente DIVs la cantidad de código puede ser igual que si lo hacemos con tablas.
Lo que se debería comparar es un sitio estructurado con tablas y uno sin tablas, en cuanto a facilidad de desarrollo pueden que ganen las tablas, en cuanto a semántica, facilidad para actualizar, velocidad de descarga, orden en las estructuras, menos tiempo de trabajo, ext, creo que las tablas no son la mejor opción, lo mejor es usar las tablas para lo que fueron creadas, presentar datos tabulados.

(Sin mencionar los estándares establecidos por W3C que deberíamos respetar, los mejores resultados que se consiguen en los motores de búsqueda, y todos los beneficios que tiene un cliente con un sitio web bien echo.)

Problema con Google Translate y CSS

2008-09-17T22:28:00.001-07:00

A alguien le paso alguna ves que el traductor de Google no carga las hojas de estilo del sitio que traduce?

Este problema me consumió todo un día de investigaciones y pruebas para solucionarlo, cuando casi me doy por vencido y asumo que Google Translate no anda me di cuenta de un detalle que puede ser muy común en plataformas CMS.

Cuando el traductor de Google traduce las páginas agrega parámetros a continuación de los ficheros CSS vinculados.

Algo como esto:

El fichero no es identificado en la plataforma por este parámetro que agrega el traductor Google y provoca que la página se vea sin las hojas de estilo.

La solución que encontré es importar las hojas de estilo usando la regla @import en lugar de vincularlas, de esta manera y si esta bien echo el código Google no aplica ningún parámetro y la pagina traducida se carga con sus hojas de estilo correspondientes.

Otro dato importante que me entere hoy es que si entras muchas veces al mismo sitio por Google Translate este supone que tenes un virus o gusano en tu ordenador que esta haciendo peticiones falsas, después de la página de error avisándote que estas infectado (falso en mi caso) te impide el acceso por un buen rato.

Tirando abajo a Google Chrome

2008-09-05T22:44:00.000-07:00

A 4 días de su lanzamiento Google Chrome empieza a recibir duras criticas sobre su funcionamiento.

Uno de los problemas de funcionamiento colgó todo el navegador y sus pestañas, lo contrario a su característica de rendimiento la cual dice que si una pestaña deja de responder no afectan a las demás.

Los expertos en seguridad se centraron en Chrome y encontrando grabes errores de vulnerabilidad heredados de Firefox y Safari.

No recomiendan el uso diario de este navegador dado a que es una versión de prueba y puede comprometer la seguridad del sistema.

Google Chrome asigna un numero de identificación que es buscado y facilitado para posibles actualizaciones desde que se enciende el ordenador, lo que hace identificables a los usuarios.

Aparentemente no se ajusta a los estándares de Internet, no paso el test de estándares Acid3 consiguiendo un puntaje máximo de 78/100.

Otros críticos dicen que conociendo a Google, Chrome va a ser siempre un Beta.

Fuentes: elmundo.es - kriptopolis

Eran pocos y parió Google

2008-09-02T21:47:00.000-07:00

La guerra de navegadores viene tan bien que Google no quiso quedar afuera y se sumo a la fiesta.

Tal como dijo, en la tarde del 2 de Septiembre lanzo su última creación, el navegador web Google Crome

Los creadores aseguran que este navegador es más rápido, más estable y seguro que los navegadores actuales (como dicen todos), actualmente se encuentra en la versión BETA, esta disponible solo para Windows XP y Vista en mas de 40 idiomas.

Google Crome es un navegador de código abierto, el motor de JavaScript denominado V8 supera la velocidad de ejecución de cualquier navegador, se beneficio de características de Firefox 3 para mejorar sus aplicaciones y usa el motor WebKit de Apple para navegar en Internet (el mismo que usa Safari) que también es de código abierto y según ellos es el mas rápido.

El diseño de su interfase es tan minimalista como su buscados, lo que lo hace mas rápido, fácil y seguro, además cada aplicación web se ejecuta en su entorno, de manera que si una se cuelga no afecta a todo el navegador.

Características:

Navegación por pestañas independientes.

Accesos directos a aplicaciones.

Pestañas dinámicas.

Control de fallas.

Modo incógnito.

Seguridad.

Marcadores instantáneos.

Importación de configuración.

Descargas más simples.

Los diseñadores web estamos contentos y agradecemos a Google que nos brinde otro navegador para testear los sitios (ya que son pocos los actuales).

Mas información y descarga en www.google.com/chrome/

Redescubran la web con Firefox 3

2008-09-01T18:59:00.000-07:00

Más rápido, más liviano y más inteligente

El pasado 17 de Junio, después de 5 Betas de prueba fue lanzado al mundo el nuevo Firefox 3.

Aparte de las nuevas y asombrosas características de este navegador destaco algunos números para tener en cuenta.

175 millones de usuarios

500 millones de descargas

5.000 complementos

14.000 mejoras en la versión 3

Disponible en 47 idiomas

125 empleados en Mozilla Corporation

Colaboradores: 800 ingenieros y miles de voluntarios

Hasta 3 veces más rápido que Firefox 2

Hasta 9 veces más rápido que IE7

3 años de desarrollo para Firefox 3

Y lo mas importantes que lo diferencian de los demás navegadores (y supera al futuro Internet Explorer 8) es que esta basado en código abierto y es gratis

Descarga firefox 3 de su sitio oficial

5 principios del diseño

2008-09-01T14:34:00.001-07:00

La tecnología sirve a los seres humanos

Con demasiada frecuencia las personas se culpan a sí mismos por las deficiencias de la tecnología.

Cuando su computador se bloquea, dicen: "debo haber hecho algo tonto", si un sitio web está mal diseñado, ellos dicen "debo ser estúpido, no lo encuentro”, incluso podrían recurrir a un libro a prueba de tontos para tratar de hacerlo bien.

Esto es horrible!!! La gente nunca debe sentirse como un fracaso cuando usa una tecnología.
Al igual que el cliente, el usuario siempre tiene la razón, si el software falla es el diseñador de software tiene la culpa, si alguien no encuentra algo en un sitio web es el diseñador el que tiene la culpa. Esto no significa que el diseñador tenga que colgarse de la vergüenza… deben ver esto como un aprendizaje! La gran diferencia entre los buenos y malos diseñadores es como estos llegan a las personas luchando con el diseño.

La tecnología sirve a los seres humanos, los seres humanos no sirven a la tecnología.

Diseño no es Arte.

El arte es acerca de la expresión personal, se trata de la vida, las emociones, los pensamientos y las ideas del artista. Importa muy poco lo que hacen los observadores, su actividad no es necesaria, sólo su reconocimiento,la práctica del arte no requiere de ellos. Es una actividad necesaria para el artista y el artista.

Diseño, por otro lado es acerca del uso. El diseño necesita a alguien que use (no solo aprecie) la cración, un diseño no sirve sin personas que lo utilicen, un diseño ayuda a resolver los problemas de las personas. El mayor elogio que podemos otorgar a un diseño no es que es hermoso como lo hacemos en Arte, pero si que es bien utilizado.

A diferencia de Arte, Diseño es siempre contextual. Es importante que un diseño fue creado debido al contexto de su uso: qué problema se supone que resuelve? Y para quién? En qué momento? Es por ello que el diseño esta relacionado con la tecnología, la tecnología cambia tan rápidamente que requiere cambios en nuestros diseños. Un diseño que trabajó hace diez años tal vez ni siquiera valdría la pena considerarlo hoy en dia, la historia está llena de maravillosos diseños que ya no son necesarias.

El buen Arte, por otro lado, está siempre en el estilo, Agradecemos el David de Miguel Ángel a pesar de que podría recrear un millón de ellos porque es la expresión y el trabajo duro de un solo hombre, que nunca se desvanecen. Un buen Diseño depende de la edad en la que se hace y el problema que debe resolver, pero no el Arte, el Arte no tiene tiempos.

La prueba de fuego, cuando la gente disfrutar de Arte, dicen "me gusta", cuando la gente disfrutar de Diseño, dicen "funciona bien". Esto no es por accidente, un buen Diseño es algo que funciona bien.

La experiencia pertenece al usuario

Los diseñadores no crean experiencias, crean artefactos para la experiencia.
Esta sutil distinción hace toda la diferencia, ya que el diseñador crea lugares al servicio del usuario, y no al revés. Esto no excluye la innovación, no impide a un diseñador saltar más allá de lo que es aceptado como estado de Arte, simplemente significa que la experiencia de un diseño no sucede simplemente porque el diseñador dice que lo hace, ocurre cuando un usuario realmente lo siente.

En última instancia, la experiencia es algo que ocurre en el usuario, y es de ellos propios.

Un buen Diseño es invisible.

Una interesante propiedad de un buen diseño es que se da por sentado, funciona tan bien que nos olvidamos del esfuerzo creativo que nos tomo.
A veces igual que con la cuchara, el objeto es tan simple que parece obvio, y haciendo caso omiso de que en un momento de la historia no fue así.

Otras veces igual que con el automóvil, el objeto es tan sofisticado pero fácil de usar que estamos cegados al hecho de que millones y millones de horas hombre se necesitaron para llegar a ese punto. Eso es la vergüenza… todo gran diseño tiene una rica historia, y cada diseño tiene detrás de sí un diseñador o diseñadores que trató de hacer del mundo un lugar mejor por la solución de algún problema.

Un mal diseño es evidente, porque duele al utilizar, es incómodo, difícil y complejo. En una gran ironía del mundo, el mal diseño es mucho más fácil de ver que un buen diseño, se nos mete en la cabeza debido a su éxito, un gran diseño es a menudo invisible.

Simplicidad es la máxima sofisticación

Como Saint Exupéry dijo: "En cualquier cosa en absoluto, la perfección es finalmente alcanzada, no cuando ya no hay nada que agregar, sino cuando ya no hay nada que quitar.”
La simplicidad esta pisando una línea: Saber qué conservar y qué tirar… parece magia cuando funciona, porque nada de la complejidad se transfiere a los usuarios… sólo simplicidad. Ese es el mayor logro para un diseñador.

por Joshua Porter

Articulo original en ingles: five principles to design by

La historia del error 404???

2008-08-29T21:46:00.000-07:00

El error 404 es un código de estado? o fue herencia de los creadores de Internet?

"La historia del error 404" un artículo muy curioso sobre el origen del error 404 que muestran los sitios web cuando no encuentra la pagina solicitada (404: not found).

En resumen la "historia" dice que el error 404 se origino las instalaciones CERN Suiza (Conseil Européen pour la Recherche Nucléaire o Consejo Europeo para la Investigación nuclear) cuando Internet era un conjunto de ordenadores conectadas a una base de datos establecida en la oficina 404, las solicitudes a esta base de datos eran respondidas por el personal encargado de buscar el archivo manualmente y mandarlo al solicitante. Cuando no encontraban un archivo o demoraban en responder mandaban un mensaje avisando que no encontraron el archivo con el 404 como identificación (file not found. 404).

Con el tiempo la base de datos y las solicitudes fueron creciendo y los sistemas se automatizaron pero el mensaje de error fue estandarizado

Me llamo la atención porque como dice el articulo tiene todo para ser creíble pero investigando un poco encontré artículos en los que desmienten esta historia no solo con las publicaciones de W3C sobre el código de estado HTTP como fundamentos, también afirman que el CERN no tiene una oficina 404 en el cuarto piso, en realidad no existe una oficina 404 porque la numeración de las oficinas por piso van de 10 en 10 (no se hace 30 años…).

Aquí el articulo, a pesar de todo es interesante la historia y recomiendo su lectura.

Que es CSS tableless o layout tableless

2008-08-28T18:54:00.000-07:00

Últimamente cuando hacen ofertas de empleo en foros o sitios de teletrabajo solicitan maquetación XHTML – CSS tableless y eso desconcierta un poco al que nunca escucho hablar de tableless.

Tableless es simplemente maquetar sin tablas, armar la estructura con DIVs y editarla con CSS.

Este tipo de maquetación es la mas usada en blogs, por lo general son estructuras de 2 o 3 columnas, header (cabecera) y foot (pie), otra característica de layout tableless es que son diseños centrados y con ancho fijo.

El concepto fue adoptado a mediados del 2006 cuando las nuevas versiones de los navegadores empezaban a soportar un mayor porcentaje de estándares y CSS (a excepción de Explorer que siempre fue rebelde), hacer un diseño de 3 columnas con DIVs y CSS era tan censillo como hacerlo con tablas, pero la estructura mantenía su semántica.

Pero… hacer un layout tableless no significa llenar indiscriminadamente de DIVs la estructura HTML con propósito de presentación y diseño, lo ideal es usar y aprovechar todos los elementos HTML como encabezados, listas, párrafos, vínculos, agrupaciones, ext. (w3c ofrece una guía de referencia XHTML en español donde se pueden ver los elementos, semántica, nombre, tipo, atributo, definición, ext).

Herramientas

W3 Tableless es una herramienta online que comprueba si las páginas de un sitio usan tablas o usan CSS para organizar la estructura y diseño.
W3 Tableless presenta 2 resultados:
Primero si la pagina sigue las recomendaciones W3C.
Segundo si la pagina es 100% tableless, o sea, que no contiene ninguna tabla (las tablas fueron echas para presentar datos tabulados y no esta mal usarlas cuando es debido).
Si la pagina es tableless automáticamente la registra en su directorio de paginas tableless.

Existen varios software WYSIWYG (What You See Is What You Get) tableless que facilitan la maquetacion con DIVs y CSS, lo único que uno hace es dibujar cajas y el código va saliendo con DIVs y sus identificadores.

Yo recomiendo Dreamweaver y escribir código a mano.

Mas información en Wikipedia.

Hakia, el motor de búsqueda semántica

2008-07-24T22:29:00.000-07:00

Si Google no encuentra la respuesta, Hakia es una buena alternativa.

Este buscador fue lanzado en el 2006 y se destaca por ser el primer buscador basado en significados.

Hakia invento la tecnología QDEXing que usa un algoritmo llamado SemanticRank basado en las disciplinas de la semántica ortológica, devolviendo resultados más exactos y separándolos por categorías.

En su sección principal ofrece la comparación de Hakia con Google, desafiando los criterios convencionales que usa para devolver resultados en sus búsquedas y demostrando que los resultados de Hakia son totalmente diferentes.

Actualmente Hakia forma parte del programa BOSS (Build Yor Own Search Service) de Yahoo, que permitirá a desarrolladores y compañías hacer sus propios motores de búsqueda sin tener que empezar de cero.

Hakia esta disponible solo en ingles

Google Argentina

2008-05-13T14:50:00.000-07:00

Google, a un año de establecerse en Argentina (abril del 2007), traslado sus oficinas a Dock del Plata de Puerto Madero, donde desarrollan y dan soporte a las actividades y clientes de empresas en América Latina de habla hispana, España e Italia, señaló Victor Valle, Director de Finanzas de Mercados de Habla Hispana de América

Las nuevas oficinas cuentan con salas de juegos, servicios de masajes, duchas y cocinas equipadas, un quiosco con todo tipo de golosinas y comestibles, un salón de usos múltiples, y una decoración muy original establecida por sus propios empleados denominados "googlers".

"yo no creo en la web 2.0, por que en el momento en que tu decides hacer un web 2.0, estás implicando que va a haber un web 3.0, 4.0, cada día que amaneciera tendríamos que estar hablando de un web 2.0.1, y al día siguiente del web 2.0.2, y así consecutivamente"

Son las palabras de Gonzalo Alonso (Director General de Google Argentina para los mercados de habla hispana de América Latina), a Infonews cuando se le pregunto sobe la web 2.0.

Nota completa. infonews.info

100 de las mejores aplicaciones Web 2.0 según Webware.

2008-05-09T18:21:00.000-07:00

Webware se encargo de que los lectores y usuarios en internet del mundo elijan las 100 mejores aplicaciones 2.0.

Más de 1,9 millones de votos fueron emitidos para los 300 finalistas de este año, estos finalistas fueron seleccionados (por concurso Webware editores) de un grupo de más de 5000 candidatos de calificación, pero los 100 ganadores fueron seleccionados por votación popular.
Estos 100 productos ganadores representan lo mejor de la web según las personas que lo utilizan, entre los resultados se nota la presencia de los mas grandes como Google, Microsoft, Amazon y Yahoo.
La votación 2008 inició el 25 de Febrero y finalizo el 31 de Marzo, compuesta por 30 productos por categoria, las 10 categorias son:

Audio: música, podcasts, audiolibros.
Navegación: navegadores, páginas de inicio, los lectores RSS, reproductores, los motores de tiempo de ejecución.
Comercio y eventos: Venta al por menor, subastas, viajes, bienes raíces, conciertos, conferencias.
Comunicaciones: E-mail, chat, voz.
Productividad: App suites, listas de tareas, groupware.
Publicación y fotografía: Blogging, gestión de contenidos, sitios de fotos.
Búsqueda y Referencia: Los motores de búsqueda, enciclopedias, mapas.
Social: redes sociales, sitios de la familia, recomendaciones, concursos
Utilidad y Seguridad: proveedores de infraestructuras, el almacenamiento, línea de protección.
Video: Almacenamiento de videos, reproducción, streaming, edición y animación.

Los 100 se pueden ver en Webware.com

Maxthon, el navegador mas usado en Asia

2008-05-09T15:19:00.000-07:00

Maxthon es un navegador web por pestañas que usa y mejora el motor de IExplorer, es de gratis pero no de codigo libre.
Este navegador se esta haciendo mas y mas popular, es el mas usado en Asia y se lo deve a los chinos que usan Maxthon por su excelente proxi con lo que son capaces de burlar la censura oficial.

Caracteristicas

Navegación por pestañas
Gestos de ratón programables
Bloqueador de anuncios y ventanas emergentes (Popups).
Búsqueda programable con 8 buscadores genéricos preconfigurados (incluyendo Yahoo! y Google) y varios buscadores específicos
Servicios programables como traducción, proxy anónimos...
Super arrastrar y soltar: permite abrir páginas arrastrando y soltando el enlace
Barra lateral con favoritos, búsquedas especiales, predictor de tiempo...
Barra de utilidades externas en la que se configuran utilidades para arrancar con un click
Skins
Soporte para plugins propios soportando todos los desarrollados para Internet Explorer
Soporte parcial del motor Gecko
Servicio de actualización
Fácil manejo

Este navegador fue lanzado en el 2003 y tiene registrado mas de 100 millones de descargas, mas de la mitad de sus usuarios son chinos.
Aparentemente google compro una parte de la empresa en $1 millón de dólares (segun TechCrunch).

Detalles

lanzamiento: 08 de Mayo de 2008.
Idioma: Español (con parche)
Licencia: Gratuita
Sistema operativo: Win9x/2000/XP/2003/Vista
Requiere Internet Explorer 5.0 o superior

Mas: Maxthon.es - TechCrunch

SEÑAL.08 Quinto Encuentro de Comunicadores Visuales

2008-05-05T20:33:00.000-07:00

Señal.08 es el Quinto Encuentro de Comunicadores Visuales, a realizarse el 6 y 7 de junio de 2008 en la ciudad de Corrientes (Capital) en el Salón Gran Paraná de Casinos del Litoral.

Contando una vez más con el Aval de la Secretaría General de Extensión Universitaria de la Universidad Nacional del Nordeste. Sus organizadoras son Laila Dacunda, Fiorella Di Giuseppe y Eugenia Resoagli.

Se desarrolla en corrientes desde 2004, y si bien no tuve el gusto de asistir, vi la charla de las chicas que lo organizan en un Trimarchi, y me pareció genial como iniciativa.

Los disertantes de este año son:

Luciano Cassisi
Consultoría y Diseño
http://www.cassisi.com.ar/
http://www.foroalfa.com/

Rodrigo Weiberlen
Director general de Oniria
http://www.oniria.com.py/

Santiago Idelson
http://www.pattern.tv/

Laura Varsky
Diseñadora gráfica
lauravarsky.com.ar

Christian Montenegro
Illustrador
http://www.christianmontenegro.com.ar/

Mariela Castillo
Sebastián Blanco
Maia Losowska
Diseñadores gráficos
http://www.ants.tv/

Ignacio Leibovich
Director en U75 Interactive Design desde 2004
http://www.u-75.com/

Christian Borrone
Director en U75 Interactive Design desde 2004
http://www.u-75.com/

Piero Buona de Difícil Studio
http://www.dificilstudio.com/

Les prometo que este año trataremos de asistir para traerles un recuento de lo que se ha dicho y visto.

Mas: senial.com.ar
Fuente: faneroscopio

MUVID 3 | Música + Video + Diseño

2008-05-05T20:17:00.000-07:00

El 30 y 31 de Mayo de 2008 en Santa Fe, Argentina

Muvid pone el foco en las tendencias de la comunicación y a partir de ahí intenta mostrar la “cocina” de los procesos creativos. Es un evento cuyo contenido abarca procesos creativos tanto para grandes marcas e instituciones como también de producciones independientes y/o experimentales.

Cinco conferencias, dos "openworks", una mesa redonda, un Panel Colectivo del cuál podés formar parte, fiesta el Viernes a la noche con dj set en vivo y visuales.

Disertantes: Nahuel Lerena + Kid Gaucho + Polbo + Patricio Oliver + Marcelo Grassi

Openworks: Carolina Amaya + Resses

Mas: movid.com.ar
Fuente: Bluevertigo.com

Web 2.0: ingresar o morir

2008-05-04T18:38:00.000-07:00

Los expertos consideran que en los próximos meses las empresas 2.0 deberán enfrentarse a un proceso de selección natural que elimine a todas aquellas que no consigan monetizar el tráfico que reciben.

Redes sociales, plataformas de contenidos, juegos, vídeos, etc. Las webs que se sustentan en la participación de los usuarios parecen no tener fin, aunque podría estar acercándose el momento en que se produzca una especie de selección natural, eliminando a todas aquellas que no consigan encontrar un modelo de negocio solvente.

Según datos de MoneyTree, en Estados Unidos la inversión en nuevos proyectos de Internet ha superado los 1.000 millones de dólares en seis de los últimos siete trimestres, alcanzando un máximo de 1.300 millones de dólares en el primer trimestre de este año. Esto representa más dinero que cualquier periodo de finales de la década de 1990, cuando el boom de Internet estaba en su máximo apogeo.

Cada trimestre, alrededor de 200 start-ups reciben financiación. Una de las características principales de muchos de estos proyectos es su inmediatez: el mercado detecta una necesidad, y rápidamente alguien crea ese servicio. El problema es que a menudo, después del tirón inicial, la demanda cae tan rápido como se había generado.

Además, la mayoría de los proyectos 2.0 se financian únicamente a través de la publicidad, sin ninguna otra fuente de ingresos. Por estos motivos, los expertos creen que en los próximos 12 o 24 meses va a haber una fuerte reordenación en el sector. Es la opinión de Michael Hirshland, socio de Polaris Venture, que no cree que el sector pueda colapsarse, pero sí que se reorganizará a fondo.

Otro experto, Will Richmond, analista de VideoNuze, considera que las características de los vencedores en esta pugna serán la escalabilidad, la segmentación de la audiencia y la habilidad para vender y competir. Los anunciantes valorarán especialmente aquellos sitios capaces de definir claramente sus productos, servicios y público objetivo.

Uno de los nichos emergentes más prometedores es el de las empresas que desarrollan herramientas para la medición de los nuevos parámetros de la Web 2.0, por ejemplo, la audiencia de los vídeos o el comportamiento de los usuarios de una red social.

Pero en definitiva, todavía está por encontrar la mejor manera de monetizar todo el tráfico que reciben las empresas 2.0, que se encuentran en un estado parecido al de los buscadores antes de que Google tuviera la idea de fusionar la publicidad con las búsquedas. ¿Quién será el primero en dar con la forma de transformar visitas en ingresos beneficios? Aún está por ver.

Fuente: baquita.com

Adobe descontinúa GoLive

2008-04-30T14:46:00.000-07:00

Adobe anunció el lunes que su venerable sitio Web con la herramienta creativa GoLive había sido descontinuada. La compañía ha cesado el desarrollo y las ventas de GoLive siendo efectivo desde el lunes 28 de abril.

GoLive salió a la luz como CyberStudio, un tempranero editor Web What You See Is What You Get (WYSIWYG, lo que ve es lo que obtiene), el producto insignia de los desarrolladores alemanes GoLive Systems. Adobe adquirió GoLive Systems en 1999 y rebautizó a CyberStudio como Adobe GoLive. GoLive ha pasado por nueve revisiones mayores, culminando con el lanzamiento del 2007 de GoLive 9.

A finales del 2005, Adobe adquirió a su rival Macromedia y desde entonces integró muchos de los productos de Macromedia dentro de su propia línea de productos, incluyendo a Dreamweaver, otro sitio Web de aplicación visual. Desde entonces, la línea Adobe ha divagado entre GoLive y DreamWeaver, de acuerdo con Devin Fernández, gerente de productos de GoLive.

"GoLive ayudó a los profesionales creativos a soportar lo que en aquel entonces era una nueva tendencia del mercado”, dijo Fernández. “Esto es, diseño en movimiento para la Web”.

Ahora que más y más profesionales creativo se están convirtiendo en profesionales Web, sus necesidades se han incrementado y Dreamweaver es una mejor solución, considera Fernández.

“Incluso después de que saliera GoLive 9 la gente estaba pasándo a usar Dreamweaver”, le dijo Fernández a Macworld, “especialmente en torno a funciones y soporte de tecnología como AJAX y CSS Starter Points. Dreamweaver también soporta contenido dinámico, mientras que GoLive no lo hace”.

Ya que Adobe está descontinuando el desarrollo y las ventas de GoLive, la compañía continuará el soporte a usuarios de GoLive con tutoriales en línea y asistencia en migración creada por usuarios expertos. La compañía también ha colaborado con el servicio de entrenamiento en línea Lynda.com para darle tutoriales de GoLive a los usuarios.

Adobe también está ofreciendo una actualización de $199 para usuarios registrados de GoLive para que adquieran Dreamweaver. Más detalles se colocarán en el sitio Web de Adobe.

Fuente: Macworld.com

Codigo visual 08

2008-04-23T15:31:00.000-07:00

El Tercer Encuentro Creativo realizará los días 9 y 10 de mayo de 2008 en Tucumán, Argentina.

Código Visual, El evento organizado por el Estudio Visual invitan a estudiantes, profesionales y docentes a visitar el Jardín de la República y empaparse de belleza natural, de diseño y de manjares gastronómicos.

La temática de este año:

Perfil y Estrategia de Diseño.

Ya confirmaron su asistencia como disertantes:

Boldrini & Ficcardi: http://www.bfweb.com.ar/
Guillermo Brea: http://www.guillermobrea.com/
Malditomaus: http://www.malditomaus.com/
PumpDiseño: http://www.pumpd.com.ar/
TastyConcepts: http://www.tastyconcepts.us/

Informes e Inscripción

consulta@codigovisual08.com.ar
http://www.codigovisual08.com.ar/

Fuente: Blue Vertigo

Trimarchi DG

2008-04-23T15:03:00.000-07:00

El diseño grafico Latinoamericano tiene un punto de encuentro, año a año fue tomando forma lo que hoy deriva en el encuentro internacional de diseño grafico más grande de Latinoamérica.

El Trimarchi DG es uno de los eventos de diseño que probablemente sea el más grande que se realiza en toda Latinoamérica y que año con año se lleva a cabo en la Ciudad de Mar del Plata, Argentina. En su edición del 2006 se celebrará del 29 de Septiembre al 1 de Octubre.

La primera edición de este evento se realizó en el año 2002 apadrinado por Ruben Fontana ( el diseñador de tipos) y desde entonces una de las premisas principales del Trimarchi DG ha sido ofrecer conferencias y talleres con diseñadores de gran calidad como RDYA, el estudio Lobo, In Jaus, Punga, el colectivo DOMA, Stefan Sagmeister, etc.

Además el Trimarchi DG ofrece la oportunidad a los estudiantes de presentar una charla al público asistente, mediante un previo proceso de selección, así los jóvenes diseñadores pueden dar a conocer sus proyectos a los alrededor de 4000 asistentes al evento.

Dichas conferencias y talleres están complementadas con la exposición de proyectos y trabajos de diseñadores, ilustradores, fotógrafos y artistas visuales. Además de diversos stands donde se pueden encontrar libros, revistas y material de diseño. Debido a la capacidad de convocatoria de dicho evento, la cual consta de más de 4000 asistentes, este se ha venido realizando en el Estadio Polideportivo de Mar del Plata

Este año el evento cumple 7 años y lo festeja con un especial de 7 días de actividades.

Lunes 29 de Septiembre
Festival audiovisual de la costa de Mar del Plata

Martes 30 de Septiembre
Proyecciones en el teatro auditórium

Miércoles 1 de Octubre
Workshop intensivo durante toda la jornada

Jueves 2 de Octubre
Nueva edición del festival Alemán Pictoplasma

Viernes 3, Sábado 4 y Domingo 5 de Octubre
El clásico, 3 días de conferencia y fiestas audiovisuales de TMDG en el Estadio Polideportivo de Mar del Plata

Sitio oficial: Trimarchidg.net
Mas infrmación: Flickr, Youtube
Fuente: colormagenta.cl

El futuro de Google ante la Web Semántica

2008-04-21T16:03:00.000-07:00

El fundador de la Red cree que Google podría ser suplantado por la aplicación de la web semántica

Según Tim Berners-Lee, inventor de la World Wide Web, Google podría acabar siendo reemplazado como líder supremo de Internet por una compañía que aproveche el poder de la tecnología Web de última generación.

El gigante de las búsquedas ha desarrollado un método extremadamente eficaz de buscar páginas en Internet, señala Berners-Lee, pero esa capacidad no es nada en comparación con lo que se podría lograr en “la Web del futuro”, que según él, permitirá relacionar entre sí cualquier tipo de información —como una foto o un extracto bancario.

Berners-Lee añadió también que la "fiebre actual" de redes sociales como Facebook y MySpace se verá desbancada por redes que conecten todo tipo de cosas (no solo gente), gracias a una tecnología rompedora conocida como la "Web semántica".

La Web semántica, nombre utilizado en el sector de Internet y de la informática para describir la próxima etapa de desarrollo de la Web, consiste, básicamente, en establecer una conectividad basada en Web entre cualquier tipo de información (no solo páginas Web), de modo que puedan "comunicarse" entre sí.

La Web actual es un conjunto de páginas Web con enlaces entre sí por las que Google y otros motores de búsqueda ayudan a navegar a los usuarios. La Web semántica, en cambio, permitirá la conectividad directa entre trozos de información a un nivel mucho más bajo (entre una dirección y un mapa, por ejemplo), dando lugar a la aparición de nuevos servicios.

"Con la Web semántica se pueden construir aplicaciones mucho más potentes que cualquiera de la Web actual", señala Berners-Lee. "Imaginemos que dos cosas completamente independientes (nuestro extracto bancario y nuestro calendario) hablasen el mismo lenguaje y pudiesen intercambiar información entre sí. Podríamos arrastrar uno sobre otro y aparecerían toda una serie de puntos sobre nuestro calendario indicándonos cuando hemos realizado los gastos.

"En caso de no estar seguros todavía de dónde estábamos cuando realizamos alguna transacción en concreto, podríamos arrastrar también nuestro álbum de fotos sobre el calendario y comprobar que utilizamos la tarjeta de crédito mientras le hacíamos fotos a nuestros hijos en un parque temático. Se trata de crear una red ilimitada de toda la información de nuestra vida".

Fuente: Times Technology

El futuro de Internet: la web semántica

2008-04-21T14:44:00.000-07:00

Web Semántica y sus principales características

La Web Semántica es una web extendida, la misma está dotada de un mayor significado. Se desarrolla con lenguajes universales que permitirán a los usuarios encontrar respuestas a sus preguntas de una forma más rápida y sencilla gracias a la mejor estructuración de la información.
La misma permitirá a los usuarios delegar tareas a las herramientas de la Web Semánticas, las cuales podrán ser capaces de procesar la información.

El término de Web Semántica es algo desconocido para muchos usuarios, varias personas afirman que es la sucesora de la Web actual. Sabemos que la comprensión del concepto de la misma puede resultar ser algo confuso.

La Web Semántica es una extensión de la World Wide Web en la que los contenidos de la Web pueden ser expresado mucho mas que en un lenguaje natural, y también en un formato que pueda ser entendido, interpretado y usado por diferentes software, permitiéndoles buscar, compartir e integrar información más fácil.

¿Cómo surge la Web Semántica?

La Web Semántica fue creada por Tim Berners-Lee, inventor de la WWW, URIs, HTTP y HTML. Existe un equipo en el World Wide Web Consortium (W3C) los cuales se dedican a mejorar, extender y estandarizar el sistema y muchos lenguajes, publicaciones y herramientas han sido ya desarrollados.

¿Cuál es su definición?

Es una Web que contiene mucha información donde podemos relacionar diferentes recursos. Con la misma podemos solucionar problemas habituales como son los de realizar búsquedas en Internet.

Los buscadores nos arrojan resultados gracias a palabras claves, están nos muestra informaciones que no se relacionan con lo que deseamos encontrar, y que podamos relacionar recursos en la Web; supongamos que contamos con un artículo publicado, podemos preguntar cuáles artículos ha publicado ese autor mediante las relaciones que existen.

¿Cuál es la visión?

La visión de la Web Semántica es ampliar los principios de la Web desde los documentos a los datos. La misma permitirá satisfacer mayor potencial a las Web, permitiendo que los datos sean compartidos con eficiencia por grandes comunidades, y sea procesada automáticamente por las herramientas y manualmente.

¿Cuál es su objetivo?

El objetivo es crear un medio universal que permita el intercambio de datos y brindar un mayor significado a la misma para que puedan ser interpretadas por las máquinas.

Metadatos:

Son informaciones sobre recursos. Los metadatos significan dato sobre datos. Estos permiten describir, identificar y localizar contenidos en documentos de la Web.

Estos metadatos deben contener información estructurada para que los ordenadores la entiendan y contener patrones iguales. Es decir, los metadatos son datos altamente estructurados que describen información, describen el contenido, la calidad, la condición y otras características de los datos.

Metadatos en XHTML:

Title (Titulo del recurso)
Autor (El autor)
Keywords (Las palabras claves)

¿Cómo obtener la información?

Mediante RDF podemos extraer la información de la base de datos para crear un formato más comprensible para las máquinas. Con esta información podemos realizar deducciones lógicas, combinar información, generar información nueva a partir de una ya existente, realizar consultas complejas en buscadores.

Principales Componentes:

Entre los principales componentes de la Web Semántica podemos encontrar XML, XML Schema, RDF, RDF Schema y OWL. La descripción de OWL en inglés “Ontology Web Language” describe las funciones y relaciones de cada componente de la Web Semántica:

XML: Provee una sintaxis elemental para las estructuras de contenidos dentro de documentos.
XML Schema: Es un lenguaje para proporcionar y restringir la estructura y el contenido de los elementos contenidos dentro de documentos XML.
RDF: Es un lenguaje simple para expresar modelos de los datos, que refieren a los objetos “recursos” y a sus relaciones. Un modelo de RDF-based se puede representar en sintaxis de XML.
RDF Schema: Es un vocabulario para describir propiedades y clases de recursos RDF-based, con semántica para generalizar-jerarquías de las propiedades y clases.
OWL: Es un mecanismo para desarrollar temas o vocabularios específicos en los que podamos asociar esos recursos.

Capas de la Web Semántica

Unicode:

Es un estándar cuyo objetivo es proporcionar el medio por el cual un texto en cualquier forma e idioma pueda ser codificado para el uso informático. El mismo nos permite mostrar información en cualquier idioma y con la certeza de que no aparezcan símbolos extraños.

URI:

Son cadenas que permiten acceder a cualquier recurso de la Web. En la Web Semántica las URIs son las encargadas de identificar objetos. Todos los objetos puedenser identificados mediante una URI. Si dos objetos cuentan con la misma URI pueden existir colisiones. El grupo de trabajo del W3C está intentando resolver este problema.

XML+NS+xmlschema:

Esta es la capa más tecnica de la Web Semántica. En ella se encuentran agrupadas las diferentes tecnologías que posibilitan la comunicación entre agentes.

El XML (Extensible Markup Language) nos ofrece un formato común para el intercambio de documentos, Namespaces (NS) proporciona un método para cualificar elementos y atributos de nombres usados en documentos XML asociandolos con espacios de nombre identificados por referencias URIs. XML Schema es un lenguaje que permite describir la estructura y restringir el contenido de documentos XML.

RDF+rdfschema:

Está basada en la capa anterior, define el lenguaje universal con el que podemos expresar diferentes ideas en la Web Semántica. RDF es un lenguaje que define un modelo de datos para describir recursos mediante tripetas sujeto-predicado-objeto.

Los dos primeros serán URIs y el tercero puede ser URI o un valor literal. RDF Schema es un vocabulario RDF que nos permite describir recursos mediante una orientación a objetos. Esta capa no sólo ofrece una descripción de los datos, sino también cierta información semántica.

Ontology (Ontologías):

Nos permite clasificar la información. Esta capa permite extender la funcionalidad de la Web Semántica agregando nuevas clases y propiedades para describir los recursos.

Logic (Lógica):

Además de ontologías se precisan reglas de inferencia.

Proof (Pruebas):

Se intercambiarán “pruebas” escritas en el lenguaje unificador de la Web Semántica. Este lenguaje posibilita las inferencias lógicas realizadas a través del uso de reglas de inferencia.

Trust (Confianza):

Hasta que no se haya comprobado de forma exhaustiva las fuentes de información, los agentes deberían ser muy escétipcos acerca de lo que leen en la Web Semántica.

Digital Signature (Firma digital):

Utilizada por los ordenadores y agentes para verificar que la información ha sido ofrecida por una fuente de confianza.

¿Qué es OWL?

OWL en inglés “Ontology Web Language” es un lenguaje para publicar y compartir datos usando ontologías en la Web. La misma tiene como objetivo facilitar un modelo de marcado construido sobre RDF y codificado en XML.

¿Qué son las URI?

Las URI (Uniform Resource Identifier / Identificador Uniforme de Recursos) no son más que cadenas de caracteres usadas para identificar o nombrar un recurso, pueden ser: documentos, páginas, dirección de correo electrónico, entre otros.

El propósito principal de esta identificación es permitir la interacción con las representaciones del recurso sobre una red, típicamente el World Wide Web, usando protocolos específicos. URIs se define en los esquemas definiendo una sintaxis específica y protocolos asociados.

Para que la Web Semántica funcionara se necesitaba de un lenguaje estándar para escribir los contenidos, a este lenguaje se le llamó RDF. Mediante el mismo podemos definir sentencias en el formato de triple.

¿Qué es RDF?

Por sus siglas en ingles RDF es un Marco de Descripción de Recursos, este es un framework para metadados en la World Wide Web, creado por W3C “World Wide Web Consortium”.

Este modelo se basa en la idea de convertir las declaraciones de los recursos en expresiones con la forma sujeto-predicado-objeto (conocidas en términos RDF como tripletes).

El sujeto es el recurso, es decir, es lo que se está describiendo. El predicado es la propiedad o relación que se desea establecer acerca del recurso. Por último, el objeto es el valor de la propiedad o el otro recurso con el que se establece la relación.

La combinación de RDF con otras herramientas como RDF Schema y OWL permite añadir significado a las páginas, y es una de las tecnologías esenciales de la Web semántica.

Sujeto: Es el recurso al cual nos estamos refiriendo.
Predicado: Es el recurso que indica lo que estamos definiendo.
Objeto: Puede ser un recurso que puede considerarse el valor definido.

Esperamos que este artículo les haya servido para iniciarse en la Web Semántica y así poder disfrutar de los beneficios que ésta nos trae.

Lecturas Referencia:

Semantic Web
FAQ Semantic Web
Fuente: maestrosdelweb.com

Selección de colores armónicos

2008-04-16T18:32:00.001-07:00

Teoría del Color

"El color no existe" Con esta idea tan llamativa comienzan la mayoría de los artículos y manuales que he leído sobre teoría del color. Ávido por conocer los secretos de la utilización del color y su aplicación practica, me he encontrado con todo tipo de estudios. Bastoncillos, conos, percepción, ondas, luces, pigmentos son conceptos que plagan estos fárragos y que casi ningún autor se atreve a pasar por alto.

De vez en cuando encuentro algún comentario acerca de los significados emotivos, psicológicos, simbólicos o semánticos, con los que uno puede estar más o menos de acuerdo dependiendo de su cultura, educación y experiencia. No a todos nos parece que el verde sea "calmado" y el amarillo sea "extrovertido". Aun así esta bastante asentada la identificación de los colores con determinadas sensaciones. Esto me ayuda a la hora de impregnar significado a una comunicación grafica.

También he hallado numerosas representaciones graficas de las diferentes clasificaciones de color: lineal, triangular, hexagonal, circular, cuadrado, cónico, cúbico y hasta esférico. Todos ellos son intentos de plasmar bi o tri dimensionalmente las variedades del espectro cromático basándose en determinadas variables. Todos ellos son igual de validos si se saben utilizar.

A pesar de todo hay buenos estudios que son amenos y dirigidos a una utilización practica como por ejemplo la teoría del color de newsartesvisuales.com.

Sin embargo en muy pocas ocasiones he encontrado recomendaciones para el uso del color con el ordenador. Solo alguna nota accesoria al respecto de los significados de los diferentes modelos de color: HLS, HSB, RGB, CMYK, LAB... Ni siquiera los vendedores de software indican como sacar un rendimiento optimo de sus selectores de color.

En fin, que después de haberlo intentado mucho me encuentro prácticamente en el punto de partida: ¿cómo elijo los colores? ¿qué modelo utilizo?

Los modelos de color perceptivos y reproductivos

En 1905 Alber H. Münsell formulo un sistema de ordenación del color basado en la percepción humana. Percibimos el color a través de ondas luminosas que poseen varios atributos, ósea características distintivas de una sensación, percepción o modo de apariencia. Münsell identifico tres atributos:

Matiz, o Tono, que es el color en si mismo, es la longitud de la onda luminosa. Un tono es el verde, otro tono es el cian y otro tono es el violeta. Es el nombre técnico de lo que coloquialmente conocemos por "color". La espectro visible abarca entre el rojo y el violeta, es decir entre los 380 y 780 nanómetros de longitud de onda..

Saturación, o Croma, que es la mezcla del los colores entre si. Es decir la interferencia de las ondas con otras de diferentes frecuencias. Una saturación alta supone que apreciamos el color en toda su pureza, limpio de interferencias. Una menor saturación indica que el color tiene mezcla con otros colores con los que interfiere. Cuando las ondas de todos los colores se perciben con igual valor el matiz no se diferencia y se visualiza exclusivamente el color blanco.

Brillo, o Valor, se refiere a la intensidad lumínica. Es la frecuencia de la onda luminosa. Una luminosidad alta hace que el color se aprecie más vibrante e intenso y una bajada en la frecuencia produce que color se apague hacia el negro.

Un color viene definido por tanto por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con unos valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz). Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta). De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).

Este modelo de representación del color se conoce como HSB (Hue, Saturation, Bright):

Una variación de este modelo fue desarrollada por Tektronix en 1978 para proporcionar un modelo más fácil de usar y de percibir. Es conocido como modelo HLS (Hue, Light, Saturation).

En el modelo HLS la saturación no varia hacia el blanco sino que baja hasta el gris.
En este modelo el atributo de brillo se sustituye por el de Luminosidad:

Luminosidad, o Claridad. Es la mezcla del color con el blanco o el negro. Un color será más luminoso cuanto mayor cantidad de blanco posea o más oscuro cuando se le añada negro.

El modelo HLS facilita la localización de muchos colores, los pasteles, los ocres muy utilizados industrialmente.

Los modelos HLS y HSB se denominan modelos perceptivos de color por tomar sus atributos de la observación del funcionamiento de la percepción humana de la luz.

Por otro lado las técnicas de reproducción del color necesita utilizar otros modelos no basados en la percepción:
El RGB para la representación a través de pantallas, televisores, monitores y escaner basados en haces luminosos.
El CMYK para la representación en pintura, imprentas, editoriales basados en mezcla de pigmentos.
El LAB para algunas cámaras fotográficas y escáner.

Estos modelos se basan en los condicionantes físicos para su reproducción, por eso se conocen como modelos reproductivos de color.

Estos modelos reproductivos han impuesto sus sistemas de representación (validos para la industria) en los diferentes programas informáticos y se han convertido (sobre todo el RGB, y CMYK) en los estándares de selección de color en el ordenador.

A pesar de no ser los más extendidos en el software, los modelos perceptivos (HLS, HSB) son los más adecuados para la selección del color en los procesos creativos, porque permiten realizar variaciones más acordes a las percepción humana. Posteriormente se pueden utilizar los modelos reproductivos para extraer los valores necesarios para su representación impresa o en pantalla.

Así lo entendió Bill Gates cuando desarrollo Windows. Creo un letrero de selección de color basado en el sistema HLS y el RGB. Permite seleccionar el color a través de los atributos HLS: Matiz, Saturación y Luminosidad y a su vez obtener los valores RGB para su reproducción en pantalla. Simple pero efectivo.
En este letrero las variaciones de matiz se representan sobre la horizontal del cuadrado. Las variaciones de saturación se representan en su vertical y las variaciones de luminosidad se representan en la barra lateral.

Otros desarrolladores de software también lo han entendido así creando letreros más o menos complejos en los que se muestran los atributos de diferentes modelos. Véase por ejemplo el caso de PhotoShop que compagina el modelo perceptivo HSB para seleccionar el color con los reproductivos RGB, Lab, CMYK, y web (igual al RGB) para su posterior representación.

De acuerdo, pero ¿como utilizo esto de un modo productivo y fácil? ¿Cómo puedo utilizar los modelos para seleccionar un grupo de colores armónico?

Armonía perceptiva

Parece acertado pensar que los colores armónicos son aquellos que tienen cosas en común, que se parecen, y que los contrastados son los que tienen más diferencias entre si.

¿en que se parecen? Es evidente que varios naranjas son armónicos entre si, tienen el mismo color. Pero ¿en qué se parecen un verde un rojo y un amarillo que armonizan entre ellos?

Los modelos reproductivos de color se muestran poco adecuados para explicar (o seleccionar) grupos de colores armónicos. Difícilmente podremos encontrar un grupo de colores que sean consistentes entre si con solo variar alguno de sus colores básicos.

Los modelos perceptivos de color sí permiten seleccionar grupos de colores armónicos. Para ello solo se necesita variar uno de sus atributos y mantener iguales los otros dos. Serán armónicos entre si aquellos colores que tengan la misma saturación y brillo / luminosidad y diferente matiz. O también serán armónicos aquellos colores que tengan el mismo matiz y saturación pero diferente brillo / luminosidad.

No existe acuerdo entre cual de los dos modelos perceptivos, el HSB o el HLS, es más adecuado para este cometido. Cualquiera de los dos podría proporcionarnos colores similares. Hay quien considera el modelo HLS más próximo a la percepción humana y fácil de entender. Lo que si es seguro es que debe utilizarse un solo modelo. El creativo debe ceñirse a un único modelo en cada trabajo: ya sea el HSB, o el HLS, ya que los valores de sus atributos no son intercambiables.

Podríamos dividir el grado de similitud de los colores en tres niveles dependiendo de la cantidad de atributos que poseen iguales:

Armónicos: Aquellos que tienen dos atributos iguales y uno diferente

Consistentes: Aquellos que poseen un atributo igual y dos diferentes.

Contrastados: Aquellos que tienen los tres atributos diferentes.

Veamos ejemplos del modo en que pueden seleccionarse los colores.

Para el coloreado de un logotipo se decide utilizar el color azul, naranja y el verde por sus connotaciones psicológicas y simbólicas. Se desea por tanto encontrar tres colores armónicos. La solución más adecuada seria encontrar tres colores que tengan matices diferentes pero que mantengan la misma saturación y brillo / luminosidad. En base al modelo HSB se localizan tres colores armónicos con distinto matiz, igual saturación y brillo.

CorelDraw facilita mucho esta labor. Incorpora en su selector de color un "mezclador "y permite utilizar todos los modelos descritos. En este caso se ha utilizado el modelo HSB. Partiendo de unos determinados matices colocados geométricamente sobre la rueda del espectro cromático, Se han encontrar variaciones en saturación o brillo y se han añadido a la paleta de trabajo. Para estos colores se ha fijado el brillo a 100, y la saturación a 56 y se han variado los matices entre 48, 97 y 216.

Otro ejemplo:

Para la selección de los colores de las barras de menús de un sitio web se decide utilizar los colores GRIS, rojo y azul. Para los enlaces y los rollovers se decide utilizar diferentes luminosidades de estos colores. Se consigue así un grupo de colores "próximos". Para este caso se ha utilizado el modelo HLS a través del selector de color de Windows. Para ello se varia entre los matices 8 y 177, la saturación 187 (rojo y azul) y 0 (el gris), y las luminosidades 142 y 193. En total se localizan los siguientes colores:

Los programas de desarrollo web de Macromedia facilitan este proceso convirtiendo a hexagesimal los valores RGB hallados a través del selector de color de Windows. En ese letrero se pueden añadir los colores a una paleta de colores personalizados:

En conclusión, un método simple pero efectivo para la selección de colores, es:

Primero seleccionar un determinado numero de matices basándose en sus connotaciones psicológicas y simbólicas. El matiz es el atributo en el que se aprecian mejor las variaciones. En ellos se mantiene el mismo valor de saturación y luminosidad para que sean armónicos.

En segundo lugar hallar una variación en el atributo de luminosidad de los anteriores matices. Se les asigna un determinado numero de variaciones en la luminosidad para que sean consistentes. Es preferible hacer esta variación en la luminosidad (intensidad) ya que las variaciones de este atributo se perciben mejor que las variaciones de la saturación (interferencia).

De este modo con un sistema gráfico y matemático se puede encontrar una cantidad concreta de colores armónicos o consistentes. Si se seleccionan 4 matices armónicos sobre los cuales se hacen 3 variaciones de luminosidad se obtendrán 12 colores consistentes.

Y por fin tenemos un sistema de selección de combinaciones de colores sencillo y efectivo que esta basado en la percepción y lo que resulta más interesante: funciona

Artículo original de Luis Miguel Richart
http://www.vectoraula.com/articulos/color/

PIXELATIONS VISUAL TOUR 2008

2008-04-09T14:54:00.000-07:00

Pixelations Visual Tour 2008 en su 4to encuentro es un evento de diseño interdiciplinario.

No sólo es un congreso de Diseño Gráfico y Comunicación Visual, en él se exponen y conviven el Diseño Industrial, Diseño Textil, Diseño de Indumentaria, Motion graphics, disciplinas de actual interés aplicadas a la demanda laboral regional, donde participan profesionales y artistas, estudios de diseño, que han realizado con su intervención un encuentro regional destacado y enriquecedor por el continuo intercambio de ideas.

Los conferencistas invitados, son jóvenes profesionales considerados, algunos de ellos, los actuales paradigmas del diseño, quienes con su trabajo marcan nuevas posibilidades del diseño, imagen y comunicación.Con una firme trayectoria en estudios de diseño e instituciones educativas, realizan con su quehacer diario un importante aporte al diseño argentino y latinoamericano.

Mas información: pixelationsvt.com.ar

Los usuarios de Internet

2008-04-07T19:05:00.000-07:00

Vamos a hacer una rápida introducción contando con cifras quién es el usuario de Internet en España.

Por: dnx Consultora de marketing online especializada en investigación en nuevos canales

Si nos detenemos en algunos datos, observaremos el crecimiento que ha experimentado la red como canal y el peso que ha adquirido dentro de nuestra sociedad.

En el año 2000 se contabilizaron 5,5 millones de usuarios. Se estima hoy que el número de conexiones totales en 12 millones. Esto significa que un tercio de la población española tiene conexión a la red.
El 60% de los usuarios navega preferiblemente desde casa, 32% de los usuarios desde el trabajo, el 19% desde los centros de estudios y un 10% desde otros lugares.
Los servicios más usados son la navegación por la red y el envío de correos electrónicos, con un 93% y un 83% respectivamente. Les siguen la mensajería instantánea, la transferencia de ficheros y los chats.
En el año 2000 se estimaba que el 38% eran mujeres y el 62% eran hombres. Dicha cifra se está igualando, pero las diferencias siguen siendo notables: a finales del año 2004, obtenemos que el 43% son mujeres y el 57 % hombres
El grupo de edad que más se conecta es el formado por usuarios entre 25 y 34 años, con un 30%. Destaca el 16% de los usuarios de edades entre 14 y 19 años y el 15% del grupo de 20 a 24 años.
La clase media-media se impone al resto de grupos con un 40%. La clase media-alta y media baja, con 23% y 17% respectivamente están detrás.

Por lo que haciendo un rápido repaso y permitiéndonos alguna licencia, siendo conscientes que no es del todo algo exacto, el perfil de usuario medio podría ser el de un hombre de clase media, de entre 25 y 34 años, que navega desde casa o desde el trabajo, y que usa Internet para buscar información o enviar correos electrónicos. Ese podría ser el usuario medio español.

(Estas cifras están extraídas de los informes AIMC/EGM. Los datos referenciados están recogidos en los informes publicados en la web http://www.aimc.es/, en los documentos “2ª oleada 2000, Abril-Mayo” a “3ª oleada 2004, Octubre-Noviembre”.)

Cómo usan Internet los usuarios

Entre los datos que acabamos de ver, queremos destacar uno: el servicio más demandado, y con una cifra superior al 90%, es el de la navegación y búsqueda de información en la World Wide Web. Un uso mayoritario sobre el resto de servicios que permite la red.

En esta guía nos vamos a centrar en la relación empresa-cliente a través del canal web, dejando la dimensión de ocio y relaciones personales para mejor ocasión. Partiendo de esta base, y en función de los resultados obtenidos en las investigaciones con usuarios realizadas en dnx, hemos encontrado tres diferentes “esquemas de uso” o patrones de uso de internet. Estos patrones se definen según las necesidades y expectativas que desarrollan los usuarios en su relación con la Red:

Internet como canal de comunicación:

Desde la relación empresa-cliente, cuando nos referimos a Internet como vehículo de comunicación nos referimos a Internet como canal de “atención al cliente”. En nuestra experiencia con usuarios, estos otorgan una alta potencialidad al canal, siempre vinculada a su principal característica, la inmediatez.

Los usuarios demandan servicios de atención más interactivos y con respuestas rápidas. Esto se debe a la influencia que tienen sobre los usuarios el uso de herramientas como los foros, los chats o los servicios de mensajería instantánea.

Internet como herramienta para la búsqueda de información:

Uno de los usos más destacados es el de internet como instrumento para la búsqueda de información, tanto personal, como profesional. La red otorga a los usuarios una autonomía que no existe en el mundo offline: disponibilidad 24 horas, posibilidad de consultar diversas fuentes, etc. En definitiva, libertad e independencia frente a los comercios físicos.

Curiosamente, esa libertad se combina con la demanda de atención personalizada por parte de las empresas de servicios online.

Internet como canal de gestión y comercio:

Este es el punto clave de Internet. La verdadera fuente de negocio está aquí. Aunque es difícil generalizar, son las empresas las que más utilizan las ventajas de Internet como canal para llevar a cabo tareas de administración y gestión de su compañía.

Pero también se eleva cada día el número de particulares que operan con su banco a través de la red, que acuden a las oficinas online de compañías eléctricas o telefónicas para gestionar sus facturas y que compran entradas para evitar las largas colas en las taquillas.

Pero existe una paradoja: este es el uso al que se le atribuye un mayor potencial, pero sin embargo es el que más resistencias genera. Luego veremos algunas de esas barreras.

Qué valoración hacen de Internet sus usuarios

Los usuarios atribuyen las siguientes ventajas a Internet como canal de negocio:

Rapidez en la atención y en la respuesta al cliente.

Los usuarios conciben Internet como un canal interactivo, que les permite poder comunicarse con su proveedor de una manera rápida y directa.

Pero todavía no goza de suficiente autonomía y aparece siempre vinculado a una ayuda telefónica, que garantiza mayor “seguridad y confianza”

Personalización y adecuación de la información a las necesidades del usuario.

Los usuarios de Internet valoran preferentemente las posibilidades de la red en cuanto a la obtención de información. Les permite realizar una búsqueda libre y totalmente personalizada, en la que el usuario decide cuándo es suficiente o cuándo quiere ampliar contenidos.

La mejor forma de garantizar esa libertad y autonomía de búsqueda es ofreciendo contenidos claros, directos y fáciles de encontrar. Y, por supuesto, adecuados a las necesidades de esos usuarios.

Modelos transaccionales adecuados, que aporten valor añadido.

El número de consumidores que realiza transacciones – compra, venta o intercambio - a través del canal web es cada vez mayor. Siempre que ofrezcamos estos servicios en nuestro site, no debemos olvidar que todo proceso de compra o venta esta asociado a sensaciones agradables, placenteras. Cualquier actividad transaccional a través de la web debe ser percibida como una mejora de las acciones offline. Ahorrar tiempo en desplazamientos, lograr entregas rápidas, garantizar la seguridad de compra y minimizar los esfuerzos destinados a registros, son algunas de sus demandas.

Cuáles son las resistencias y barreras más frecuentes

Antes de detallar los diferentes tipos de resistencias mostradas por los usuarios y entrar en algunos problemas concretos, queremos exponer dos ideas:

Para los usuarios, los problemas de seguridad son cuestión de “confianza”. Una web tecnológicamente segura puede producir rechazos si no es capaz de transmitir confianza a sus usuarios.
No todas las barreras y resistencias son generadas por la dimensión tecnológica del canal, sino que se producen por otros aspectos como el diseño, la frustración de expectativas, etc.

Hemos aclarado esto porque es habitual pensar que la mayoría de las resistencias se producen por el miedo que genera el enfrentarse a un canal tan característico como es Internet y al que tradicionalmente se le ha atribuido connotaciones negativas, siempre vinculadas a cuestiones de seguridad. En nuestra experiencia con usuarios hemos obtenido respuestas que desmitifican tal desconfianza y ponen de manifiesto otros problemas.

Vamos a identificar las resistencias más habituales y a encontrar soluciones para mejorar la experiencia de uso:

Los procesos de registro

La proliferación de los procesos de registro genera la necesidad de tener que recordar multitud de nombres de usuario y contraseñas, en algunos casos asignadas por el propio sistema y complicadas de memorizar. Este problema se agrava en los casos de compra coyuntural como puede ser enviar un ramo de flores. Debemos seleccionar métodos de identificación de usuarios acordes los servicios que ofrecemos.

La introducción de datos personales.

No podemos negar que los usuarios muestran resistencia a la introducción de datos personales. El miedo al “robo de su identidad” o el uso indebido de sus datos son causa de freno en muchos procesos de registro. Debemos solicitar solamente aquellos datos que verdaderamente necesitemos. No debemos pedir al usuario información que luego no vayamos a utilizar. Los formularios excesivamente largos o con un alto número de campos obligatorios son más susceptibles de abandono.

Procesos de transacción poco atractivos

Hemos comentado antes que la compra de un producto tiene una dimensión “lúdica” y “sensual”. En Internet no existe la posibilidad de “ver y tocar” la mercancía antes de recibirla. Muchos de los procesos de compra se diseñan de forma aséptica, olvidándose de ese componente de “sugestión” y de “placer” que genera la adquisición de un producto.

Experiencias frustradas

Excesivos tiempo de descarga

La omnipresencia de los canales tradicionales

El teléfono sigue siendo el principal rival de Internet. Los usuarios siguen necesitando en algunos momentos el valor presencial que sí encuentran en los otros canales. Es importante que perciban la sensación de que hay alguien detrás para responder sus dudas y entender sus problemas.

Estos obstáculos dependen en última instancia de las características específicas de cada site, y en función de esos rasgos particulares pueden identificarse diferentes barreras. Nosotros estamos señalando algunos de los frenos más habituales encontrados en los proyectos de consultoría e investigación online desarrollados en dnx. Le corresponde a un análisis centrado en una web específica el detectar y corregir esos errores, pero esto lo veremos en el último apartado.

Fuente: Microsoft.com

Usabilidad y Experiencia de Usuario

2008-04-07T18:45:00.000-07:00

Internet es un espacio virtual que presenta un nuevo contexto al mundo empresarial. Aunque bien es verdad que los objetivos perseguidos por las organizaciones siguen siendo los mismos: lograr la mayor fidelidad de los usuarios/consumidores y, a la vez, aumentar los beneficios por la venta de productos o la prestación de servicios.

Pero Internet supone un cambio en el escenario empresarial derivado de la propia naturaleza de la Red. Es decir, se introducen las características propias de ser una “red telemática de acceso público” con posibilidad de interacción cliente-empresa. Se modifican así las limitaciones espacio-temporales heredadas del escenario de consumo tradicional.

Un nuevo escenario

¿Qué implicaciones tiene esto para la comercialización en Internet, es decir para el llamado comercio electrónico o e-commerce?

La principal característica del nuevo contexto comercial es que la competencia está a un clic de ratón. O lo que es lo mismo, si un usuario se siente insatisfecho en nuestro sitio web, las barreras de tiempo y espacio se reducen al mínimo y se facilita la fuga de usuarios de nuestra web a las de la competencia.

El sitio web de una empresa u organización constituye la puerta de entrada al negocio desde Internet. En la medida que el uso de Internet se va generalizando, este hecho se convierte en un elemento crítico para la supervivencia de las organizaciones en un mercado competitivo. Por lo tanto hay que tener en cuenta que:

Aquello que el usuario/consumidor no encuentre en nuestras páginas web, no existirá para él y dará por hecho que nuestro negocio no lo tiene.

El grado de dificultad de uso y/o ‘amigabilidad’ de nuestro sitio web está directamente relacionado con el nivel de retención del usuario y, por ende, con el grado de fidelidad.

Si un usuario encuentra dificultoso el uso de nuestro sitio web rara vez lo elegirá de nuevo para cumplir con una tarea.

Cómo manejar este nuevo escenario y planificar una correcta adaptación de nuestro sitio web al mismo

En primer lugar debemos estructurar lo máximo posible cuál va a ser nuestro modelo de negocio en Internet y pensar desde un punto de vista estratégico lo que queremos lograr con nuestro site: su objetivo.
Por otro lado, es necesario identificar nuestro público o públicos objetivo y conocer sus necesidades, respecto a nuestro modelo de negocio: conocer nuestros usuarios, clientes actuales o potenciales.
Si los dos puntos anteriores son importantes, no lo es menos atender a los elementos que soportarán la interacción usuario-web, o si se prefiere cliente-empresa. Se pueden identificar muy bien los objetivos del site, tener muy claro el modelo de negocio que se quiere, y conocer perfectamente a nuestro target. Pero si toda esta estrategia no se ve apoyada por una navegación fácil de usar y una estructura de contenidos lo suficientemente comprensible y accesible para los usuarios, difícilmente nuestro producto alcanzará el éxito deseado.

La experiencia de usuario y la usabilidad

Para conseguir esta última tarea, se recurre a la usabilidad. La usabilidad de un sitio web puede definirse como la capacidad del sitio para ser usado por un público objetivo determinado con la finalidad de cumplir sus objetivos con el mayor grado de efectividad, eficiencia y satisfacción posible en un contexto de uso especificado.

Como se puede observar en la definición, la usabilidad no es una medida absoluta sino relativa, ya que depende del tipo de sitio web de que se trate, del tipo de usuario y del contexto de uso. Después de todo, un site ‘usable’ es aquel que funciona bien: es decir, que un usuario con una pericia y conocimientos medios pueda cumplir los objetivos atendiendo a sus necesidades sin terminar la experiencia de uso con sensación de frustración.

Más allá de formalismos académicos la usabilidad es la característica que permite al usuario centrarse en su tarea y no en el funcionamiento del sitio web. En definitiva, que sea fácil de usar.

Ahora bien, en un entorno competitivo como es el actual, la facilidad de uso ha de constituir la base sobre la que construir un site de calidad. En este contexto debemos entender la “calidad” como el elemento diferenciador que otorga peculiaridad a un sitio web. La usabilidad ha de ser complementada por otras características tales como: utilidad, atractivo y diversión. En definitiva lo que se persigue es generar sensaciones y valoraciones de los usuarios hacia nuestro sitio web lo más agradables, positivas y satisfactorias posibles. Si se logra esto se consigue una buena experiencia de usuario y un alto grado de fidelidad del usuario a nuestro site.

¿Porqué es importante la usabilidad y la experiencia de usuario en los site de comercio electrónico?

Los sitios web fáciles de usar son más demandados, más usados (ventaja competitiva).
Reducción costes: de producción, de mantenimiento y de apoyo (call centers).
Aumento en la prevención de errores y reducción de abandonos en el proceso de compra.
Incremento del ratio de conversión: visitantes en compradores. Buena experiencia de usuario = mayor Satisfacción = más Fidelización = aumento Beneficios = RETORNO DE INVERSIÓN

Fuente: Microsoft.com

Los premios "Arroba de Oro" llegan a Argentina

2008-03-31T14:37:00.000-07:00

Por primera vez, se entregarán en Argentina los premios "Arroba de Oro", el certamen de Internet que premia a los sitios web que mejor contribuyen al desarrollo de la industria. Bajo el auspicio del portal Infobae.com la cual es liderada y propiedad de Daniel Hadad, NEC Argentina, Telefónica de Argentina y América Interactiva, la presentación se llevó a cabo en el Salón Golden Horn del Sheraton Hotel, Buenos Aires, y contó con la presencia de Valeria Cavallo, (Directora), y Fernando Cuscuela, (Gerente) ambos de IT de Infobae.com.

Simultáneamente, "Arroba de Oro" Internacional lanzó su sexta edición en El Salvador -su país de origen, la cuarta edición en Panamá, la tercera en Honduras, la segunda en Nicaragua y República Dominicana, y la primera en Colombia, totalizando más de 5.000 sitios inscriptos que compiten por el máximo galardón en cada país. En Estados Unidos, su primera edición realizada en el City Hall de Los Ángeles contó con Univision como partner y el primer sitio inscripto que registró fue el de su gobierno.

Los sitios participantes son evaluados por jurados nacionales e internacionales bajo controles de auditoría realizados por la firma internacional BDO. Los ganadores se darán a conocer durante la entrega de premios que se realizará el próximo 5 de diciembre en el Sheraton Hotel de Buenos Aires. Además, entre los ganadores del "Arroba de oro" de cada categoría, NEC Argentina le regalará un viaje a Japón al sitio que obtenga más estatuillas. El diseño del galardón cuenta con un arroba que simboliza la internacionalización de Internet y su presea tiene un baño de oro de 24 kilates.

La navegación, la creatividad, el diseño y el contenido son algunos de los aspectos que el certamen tomará en cuenta para la premiación de las categorías: "Asociaciones", que involucra a tanto a asociaciones civiles como a fundaciones y ONGs; "Arte y cultura", para los sitios que promueven la cultura y tradiciones de un país; "Aplicaciones y servicios de Internet", que comprende desde buscadores de información en Internet hasta empresas proveedoras de acceso a Internet basadas en cualquier tecnología existente; "Entretenimiento", referidos a los sitios de entretenimiento en general, eventos relacionados, radio, televisión, juegos de video y grupos musicales; "Banca y finanzas", sobre bancos, cajas de ahorro, aseguradoras, inversiones online y offline, entre otros; "Servicios profesionales", referido a los sitios que ofrecen servicios profesionales en diversas ramas que no han sido incluidas en otras; y "Turismo", con información referida a hoteles, hostales, rutas, agentes turísticos, restaurantes, bares, discotecas y cafés.

Dentro de las categorías también se encuentran las referidas a: "Educación", relacionado a centros de estudios y especialización, centros de capacitaciones, instituciones técnicas, escuelas primarias, secundarias y universidades; "Institucional", para portales que representan a una empresa o institución y cuyo objetivo principal es dar información acerca de los servicios o productos; "Gobierno", referida a sitios que promuevan o su contenido sea de instituciones gubernamentales; "E-Commerce", para sitios que realicen cualquier tipo de transacción en línea completamente; "Mejor uso de animación e imágenes móviles", referido a sitios con animaciones e imágenes desarrollados con cualquier herramienta; "Blogs", dirigido a aquellas páginas web que recopila cronológicamente textos o artículos de uno o varios autores sobre una temática en particular; "Deportes", cuyo objetivo sea la oferta de contenido relacionado con los deportes; y "Agro", para páginas con contenido específico sobre la actividad agropecuaria en Argentina.

Fuente: prweb

Pogo, el navegador 3D de AT&T

2008-03-31T13:24:00.000-07:00

Pogo es un navegador que implementa un interfaz 3D y que ha sido desarrollado por Vizible y AT&T.

Este navegador está basado en Firefox y quiere que podamos manejar las páginas de una forma más visual, sustituyendo las pestañas por miniaturas de las páginas.

Dispone, además, de un modo de visualización de nuestros favoritos, en el que podremos movernos de forma similar a Coverflow, con la posibilidad de crear colecciones en ellos. También nuestro historial de navegación puede verse de forma visual.

Aunque este interfaz funcione muy bien, Pogo tiene varias contrapartidas: está basado en Firefox pero solo funciona en Windows, incluye publicidad y solo se puede utilizar el buscador de Google y el de AT&T.

Mas información: Pogo, TechCrunch
Fuente: Genbeta.com

PECHA KUCHA NIGHT Buenos Aires

2008-03-31T11:32:00.000-07:00

29 de Abril de 2008 - 20:00hs - Ciudad Cultural Konex, Argentina

Creativos en todo el mundo se animan a contar sus ideas y proyectos en 20 imágenes por 20 segundos en el marco de un evento cultural que invita al intercambio y difusión en un ambiente informal y lúdico.

Buenos Aires se suma al listado de ciudades cosmopolitas que han decidido experimentar con este nuevo formato de presentación llamado Pecha Kucha Night.El encuentro se realizará cada dos meses; vol1 será el martes 8 de agosto a las 20hs en Ciudad Cultural Konex.

PKN se diferencia de otros eventos por su formato de rápida presentación: cada orador tiene sólo 6.40 min para exponer su idea. Se invita a creativos, artistas, arquitectos y diseñadores, entre otros, a que compartan sus proyectos o trabajos a través de 20 imágenes presentadas en 20 segundos cada una. Así, la audiencia experimenta una increíble diversidad de presentaciones de diferentes disciplinas en un breve período de tiempo.

Al finalizar las presentaciones, el evento se transforma en un espacio de interacción entre los presentes; provocando la comunión entre innovadores con diversos perfiles creativos. Hay música en vivo, tragos, comida y sorpresas durante el resto de la velada.

PKN será un punto de encuentro bimestral entre personas interesadas o involucradas en disciplinas creativas: estudiantes, investigadores de tendencias, empresarios, artistas emergentes o consagrados y cualquiera que sienta ganas de ver presentaciones cortas e innovadoras.

En otras ciudades PKN ha contado con las presentaciones de reconocidas figuras como Thomas Heatherwick, Tom Dixon, Zara Wood, Ron Arad, Nigel Coates, Alison Jackson, etc. En el primer volumen en Buenos Aires, ya confirmaron su presencia Guido Indij, Carlos Trilnick, Nasa*, Co-Nekt, Gira Industria, El Jardín, Rally Conurbano y DaniDan. El formato fue creado por los arquitectos Klein-Dytham (Japón) en 2003 para luego expandirse en ciudades cosmopolitas de todo el mundo (Londres, Berlín, Los Angeles, Sydney, Shanghai, etc.). En Buenos Aires, el evento lo organiza May Groppo junto a Brío Producciones Culturales.

Acerca de Pecha Kucha

NightPecha Kucha significa “el ruido de la conversación” en japonés (chit-chat en inglés, cháchara en castellano). Creado por los arquitectos Astrid Klein y Mark Dytham de KDa en Japón, el evento surge como un espacio de “showcasing + networking” entre creativos. Las ciudades que se sumaron son Adelaide, Amsterdam, Beijing, Berlin, Bern, Buenos Aires, Glasgow, Groningen, London, Los Angeles, Melbourne, Miami, Paris, Prague, Oslo, Rótterdam, San Francisco, Shanghai, Stockholm, Sydney, Tokyo y Vienna.

Mas informacion: pecha-kucha.org, pechakucha.com.ar

Premian diseños web acerca del agua

2008-03-26T12:50:00.000-07:00

Irene Fraile-Manterola
Martes, 25 de Marzo de 2008

Utilizan Internet como vía para sensibilizar sobre el recurso hídrico

El equipo ganador, de la escuela República de China, mostró su página web. Ésta y las demás participantes pueden consultarse en visionmundial.org.sv

Estudiantes del 9º grado de ocho centros escolares del país que participaron en el concurso "Diseña una página web para celebrar el Día Mundial del Agua", fueron galardonados ayer por su ingenio y aporte ambiental.
David Rivas, Karla Medina y Jessica Peralta, de la Escuela República de China, de Caluco, Sonsonate, consiguieron el primer premio. "Nos pusimos a ver en Internet una página web sobre agua y de ahí tomamos las ideas. Luego vimos qué fondos y botones íbamos a poner", dijo Javier al explicar su trabajo, cuyo diseño es sencillo y muy informativo.

Además de practicar el uso de las tecnologías, los concursantes han adquirido conocimientos generales sobre recursos hídricos en el país, contaminación y saneamiento en sus comunidades.
El segundo lugar fue para Rocío Ortiz, Antonio Henríquez y Jhonatan Vásquez, de la Escuela Justo Aguilar, de San Cayetano Istepeque, San Vicente. Ellos también se llevaron el premio a la web más visitada.

El certamen fue promovido por Visión Mundial y Futurekids.

Francisco Romero, del Ministerio del Ambiente que asistió a la premiación, dijo que es necesario esfuerzos conjuntos entre el gobierno, ONG, empresa privada y la población para afrontar el problema del agua en el país.

Fuente: elsalvador.com

Apple lanza Safari 3.1

2008-03-25T16:57:00.000-07:00

Apple publica la versión 3.1 de su navegador web Safari, sus principales novedades se centran en el soporte para las nuevas funcionalidades propuestas para la versión 5 del estándar HTML y el aumento de la velocidad y rendimiento.

Safari carga páginas web 1,9 veces más rápido que IE 7 y 1,7 veces más rápido que Firefox 2. Safari ejecuta además JavaScript hasta 6 veces más rápido que otros navegadores y es el primer navegador que soporta los últimos e innovadores estándares web necesarios para ofrecer la próxima generación de experiencias Web 2.0 de gran interactividad. Safari 3.1 está disponible de inmediato para descarga gratuita en apple.com tanto para Mac OS X como para Windows.

"Safari 3.1 para Mac y Windows es tremendamente rápido, fácil de usar y con una elegante interfaz de usuario", dice Philip Schiller, vicepresidente senior de Marketing de Producto mundial de Apple. "Y lo mejor de todo, Safari soporta los últimos estándares de audio, vídeo y animación para proporcionar la mejor experiencia Web 2.0".

El increíble rendimiento de Safari, combinado con su elegante interfaz de usuario, permite a los usuarios dedicar más tiempo a explorar la web y menos a esperar que las páginas se carguen. Safari se caracteriza por una exploración intuitiva con favoritos o bookmarks sin más que arrastrar y soltar, pestañas fáciles de organizar, Búsqueda integrada que muestra el número de coincidencias en la página, y un lector de RSS integrado para explorar rápidamente las últimas noticias e informaciones.

Safari 3.1 es el primer navegador que soporta los nuevos tags de audio y vídeo en HTML 5 y el primero quer soporta CSS Animations. Safari soporta también CSS Web Fonts, lo que ofrece a los desarrolladores una ilimitada capacidad de elección de fuentes para crear espectaculares sitios web.

Precio y Disponibilidad

Safari 3.1 está disponible de inmediato para descarga gratuita en http://www.apple.com/safari/ tanto para usuarios de Mac OS X como de Windows. Las actualizaciones de software de Safari se distribuyen de manera cómoda y práctica gracias a la aplicación Actualización de Software de Apple que busca las actualizaciones de manera automática.

Safari 3.1 para Mac OS X requiere Mac OS X Leopard® o Mac OS X Tiger versión 10.4.11 o posterior, un mínimo de 256 MB de memoria y ha sido diseñado para trabajar en cualquier Mac basado en Intel o en ordenadores Mac con procesadores PowerPC G5, G4 o G3 y conexión FireWire® integrada. Safari 3.1 para Windows requiere Windows XP o Windows Vista, un mínimo de 256 MB de memoria y un sistema con al menos procesador Intel Pentium a 500 MHz.

El rendimiento variará dependiendo de la configuración del sistema, la conexión a la red y otros factores. Los tests de rendimiento en HTML y JavaScript se basan en VeriTest iBench Version 5.0 usando los ajustes por defecto y ejecutándose sobre un sistema iMac® con Intel Core 2 Duo a 2,4 GHz con Windows XP y 1 GB de RAM.

Apple inició la revolución del ordenador personal en la década de los setenta con el Apple II y reinventó el ordenador personal en los ochenta con el Macintosh. Hoy, Apple sigue liderando la industria en innovación con sus premiados ordenadores, con el sistema operativo OS X, iLife y sus aplicaciones profesionales. Apple está también en la vanguardia de la revolución de los medios digitales con sus reproductores portátiles de música y vídeo iPod y la tienda oline iTunes, y ha irrumpido en el mercado de la telefonía móvil con su revolucionario iPhone.

Fuente: Apple

Está bien hecha su página Web?

2008-03-24T18:53:00.000-07:00

Fuente: Microsoft

Le ofrecemos un repaso extenso de los distintos métodos que existen para evaluar una página Web. Evite problemas futuros construyendo las cosas bien desde un principio. Si ya dispone de presencia en Internet, no lo dude, seguro que puede mejorar.

Departamento de Comunicación de CYT
No cabe duda de que todo lo bien hecho requiere un método, así como todo lo creado una crítica. Si hablamos de páginas Web, además de la creación en sí, hablamos de comunicación, que, es así de simple, o se da o no se da.

Queremos decir con esto que tanto si usted está pensando en hacer la página corporativa de su empresa, como si lo que desea es saber cómo mejorarla, ha de ponerla a examen. Es inevitable, y, además, importantísimo a la hora de poder comprender muchos de los posibles datos que ha podido recoger de sus estadísticas, o de conocer cómo conseguir muchas más visitas o que éstas mismas sean efectivas.

Antes de desarrollarlo, pongamos un ejemplo. Usted ha diseñado su web de empresa y analiza sus estadísticas. Descubre que una zona determinada de su página no es prácticamente visitada, y no se trata del contenido que ofrece, que aparentemente es atractivo. La pregunta que le surge es inmediata ¿acaso lo he colocado mal en mi Web? ¿No es claro?

Examine la Web

Para evitar estos problemas tanto si está en la fase de desarrollo de su página Web como si lleva mucho tiempo sin pensarla de nuevo, existen métodos de evaluación de todos los tipos y colores en el “mercado”. Una rápida visita a los buscadores le dará una idea somera de lo mucho que se ha escrito sobre ello.

Cuando hace unos años el gurú de la usabilidad Jakob Nielsen decidió embarcarse en las tareas de analizar la navegación y mejora de los sitios web (que por aquel entonces eran prácticamente solo texto) no imaginaba que en un futuro cercano la usabilidad fuera a ser tema de estudio en academias, cursos de doctorado, master, etcétera.

Dada la extensa y abundante bibliografía, incluyendo en ella las mejores páginas Web que hablan sobre ello, les resumimos en este artículo los métodos más importantes, para que usted mismo decida por cuál decidirse (puede usar varios, claro está, y será más exacto) remitiéndole a bibliografía y páginas que hemos ido encontrando, facilitándole la tarea de recopilación.

Métodos más importantes, nos detenemos más en el primero por ser el que más repercusión tiene en la actualidad:

1.Evaluación heurística por expertos.

Estos expertos suelen, aunque no lo parezca a priori, ser menos costosos que un test de usuarios por necesitarse menos personal, aunque más cualificado. Es más rápido y se recomienda su uso antes del ya mencionado test de usuarios. Según Nielsen, con un número aproximado de 5 evaluadores es suficiente, ya que no son muchos (caro), pero sí los suficientes como para recabar distintas informaciones. Nadie duda de que personas distintas siempre encontrarán distintas posibilidades y errores.

Esta evaluación suele llevar el mismo proceso: un primer análisis independiente, donde realizan varias navegaciones por todo el Web, analizando los problemas según un listado común de tareas (Nielsen, de nuevo, da 249) a revisar que luego pondrán en común. Estas tareas a revisar (o elementos) se hacen de forma independiente, para evitar generalizar en el análisis y poder hacerlo más exhaustivo.

Así mismo, estas pautas de análisis suelen estar jerarquizadas por gravedad, existiendo en cada grupo un número aproximado de 20 preguntas. (ver abajo)

2. Test de usuarios.

A través de la observación y registro del comportamiento de los usuarios en tareas previamente encomendadas, se extrae la información sobre la usabilidad de un sitio web. Es una técnica que complementa perfectamente a la evaluación por criterios.

3. Evaluación a través de simulación cognitiva Que puede ser, a su vez:

Paseo Cognitivo (cognitive walkthrough). En ella se simulan detalladamente y paso a paso todos los procesos de uso de un sitio web (toma de decisiones, resolución de problemas, etc.) por un usuario. “Actúan como si la interfaz estuviera completamente construida y ellos (en el papel del usuario tipo) estuvieran trabajando a través de las tareas que realizan. Se controla cada paso que ha de realizar el usuario: callejones sin salida en los que la interfaz bloquea al usuario y le impide completar su tarea indicarán que algo falta en la interfaz.”
la simulación por equipo multidisciplinar (pluralistic walkthrough), en la que un grupo compuesto por usuarios, programadores y profesionales de IPO/HCI discuten cada uno de los elementos del sitio. “Con este tipo de grupos se cuenta con la ventaja de un diverso rango de capacidades y perspectivas para abordar los problemas de usabilidad. Como con cualquier otro método de inspección, cuanto mayor sea el número de personas buscando problemas, mayor será la probabilidad de encontrarlos. Del mismo modo, la interacción entre los miembros del equipo durante el proceso puede servir para resolver más rápidamente determinados aspectos de usabilidad.”

4. Evaluación de la usabilidad intercultural.

Evalúa la adecuación de los contenidos, símbolos y estructuras de la información en el contexto cultural del usuario objetivo del sitio web.

5. Evaluación de la Accesibilidad.

En esta evaluación se comprueba la adecuación del sitio web a su uso por parte de discapacitados.

Sobre las preguntas que hay que hacerle a la web

Como les indicábamos arriba en el apartado de análisis Heurístico, las listas o cuestionarios al Web han de estar realizadas desde un profundo conocimiento de la usabilidad y la experiencia en la contrucción de un Site. Les detallamos:

Estas listas pueden ser de dos tipos:

Guias de comprobación, basadas en métodos de usabilidad.
Listas de comprobación por escenarios, basadas en el tipo de usuario: novel, medio y experto ( a veces se aporta uno más que sería el de manejo de errores)Para que se hagan una idea, resumimos dos de las pautas posibles (Alexander & Tate1, Yusef Hassan Montero, Francisco Jesús Martín Fernández):
Por Grado de autoridad: Preguntas referidas a la página principal (ej: Si el sitio es un sub-sitio de una organización mayor, ¿se indica el logo o nombre de dicha organización?); Preguntas referidas a páginas distintas (ej: ¿Se indica el Copyright de los materiales incluidos en la página?)
Por grado de exactitud (ej: ¿Se indican las fuentes de la información fáctica para que puedan comprobarse los datos con el original?)
Por grado de Objetividad (ej: ¿Está la página libre de publicidad?)

Por grado de actualización (ej: ¿Se indica en la página la fecha de creación del material?)
Por grado de cobertura (ej: ¿Se incluye una descripción adecuada de cada uno de los productos y servicios que se ofrecen?)
Por grado de Interacción (ej: Si la organización requiere información de los usuarios, ¿se indica claramente de qué modo será utilizada la información?
Por recursos de navegación (ej: ¿Es breve el título para el navegador?)
Por contenidos no textuales (ej: Si la página incluye un gráfico como un logo o un mapa navegable, existe un texto alternativo para quienes visualizan la página en modo sólo-texto?)
Por funcionalidad (¿Se ha comprobado que las páginas pueden imprimirse de forma legible?)

El segundo ejemplo:

Generales (ej: ¿Cuáles son los objetivos del sitio web?)
Identidad e información (ej: ¿Se proporciona mecanismos para ponerse en contacto con la empresa? )
Lenguaje y redacción (ej: ¿El sitio web habla el mismo lenguaje que sus usuarios? )
Titulos / Textos (ej. ¿son significativos? “evitar titulos del tipo "haga clic aquí").
Estructura y navegación (ej: ¿Mantiene un equilibrio entre Profundidad y Anchura? )
Lay-out de la página (ej: ¿Se ha evitado la sobrecarga informativa? )
Búsqueda (ej: ¿Muestra los resultados de la búsqueda de forma comprensible para el usuario? )
Elementos multimedia (ej: ¿Las metáforas visuales son reconocibles y comprensibles por cualquier usuario?
Ayuda (ej: ¿Está colocado en una zona visible y "estándar"?)
Accesibilidad (ej: ¿Se ha controlado el peso de la página? )
Control y retroalimentación (Ej: ¿Se informa constantemente al usuario acerca de lo que está pasando? En una transacción, por ejemplo, en un proceso de compra, etcétera)

Comentarios del usuario: el mejor test

Todo lo que hemos escrito está muy bien, pero no dude en ningún momento que, a pesar de todo, el mejor test es la vida misma de nuestra página web, el día a día. No olvide jamás incluir en un lugar visible la posibilidad de que el usuario le comente lo que le parece, sus problemas, lo que desee.

Mensajes como “he buscado esto y no lo encuentro, donde puedo localizar esto otro,…” son mucho mejores exámenes que cualquiera que podamos pensar. Mantenga una regla de oro para la usabilidad de su página Web: “el usuario tiene siempre la última palabra”.

Web 2.0

2008-03-23T15:50:00.000-07:00

Que es?

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 final. Se trata de aplicaciones que generen colaboración y de servicios que reemplacen las aplicaciones de escritorio.

Es una etapa que ha definido nuevos proyectos en Internet y está preocupándose por brindar mejores soluciones para el usuario final. Muchos aseguran que hemos reinventado lo que era el Internet, otros hablan de burbujas e inversiones, pero la realidad es que la evolución natural del medio realmente ha propuesto cosas más interesantes como lo analizamos diariamente en las notas de actualidad y los enlaces que recolectamos.

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.

Pero para entender de donde viene el término de Web 2.0 tenemos que remontarnos al momento en que Dale Dougherty de O´Reilly Media 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.

Constantemente estaban surgiendo nuevas aplicaciones y sitios con sorprendentes funcionalidades. Y así se dio la pauta para la Web 2.0 conference 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.

En la charla inicial del Web Conference se habló de los principios que tenían las aplicaciones Web 2.0:

La web es la plataforma.
La información es lo que mueve internet.
Efectos de la red movidos por una arquitectura de participación.
La innovación surge de características distribuidas por desarrolladores independientes.
El fin del círculo de adopción de software, tenemos servicios en beta perpetuo.

La Web 2.0 con ejemplos

Entender la evolución que ha llegado con la Web 2.0 puede realizarse con ejemplos y proyectos. Podemos comparar servicios web que marcan claramente la evolución hacia el Web 2.0 con una nueva forma de hacer las cosas:

Web 1.0 > Web 2.0
Doubleclick –> Google AdSense (Servicios Publicidad)
Ofoto –> Flickr (Comunidades fotográficas)
Akamai –> BitTorrent (Distribución de contenidos)
mp3.com –> Napster (Descargas de música)
Britannica Online –> Wikipedia (Enciclopedias)
Sitios personales –> Blogs (Páginas personales)
Especulación con dominios –> Optimización en motores de búsqueda SEO
Páginas vistas –> Costo por click
CMSs –> Wikis (Administradores de contenidos)
Categorías/Directorios –> Tags

¿Qué tecnologías apoyan a la Web 2.0?

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.

Tecnologías que dan vida a un proyecto Web 2.0:

Transformar software de escritorio hacia la plataforma del web.
Respeto a los estándares como el XHTML.
Separación de contenido del diseño con uso de hojas de estilo.
Sindicación de contenidos.
Ajax (javascript ascincrónico y xml).
Uso de Flash, Flex o Lazlo.
Uso de Ruby on Rails para programar páginas dinámicas.
Utilización de redes sociales al manejar usuarios y comunidades.
Dar control total a los usuarios en el manejo de su información.
Proveer APis o XML para que las aplicaciones puedan ser manipuladas por otros.
Facilitar el posicionamiento con URL sencillos.

¿En qué nos sirve la Web 2.0?

El uso del 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 Internet las especulaciones han sido causantes de grandes burbujas tecnológicas y han hecho fracasar a muchos proyectos.

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.

Mapa web 2.0

Este mapa agrupa de forma visual los principales conceptos que habitualmente se relacionan con la Web 2.0, junto con una breve explicación. Además se han seleccionado algunos ejemplos de servicios de la Internet hispana que suelen enmarcarse en la Web 2.0. También se incluyen algunos representantes globales habitualmente utilizados por el público hispano. Un glosario técnico explica con mayor detalle algunas de las tecnologías y acrónimos asociados con este fenómeno. Este mapa forma parte del libro La Web 2.0 publicado por la Fundación Orange.

Enlaces de interes

El Wiki: Mapa Web 2.0 alojado en la web de StartUp 2.0 contiene el listado de servicios relacionados con la Web 2.0 en modo texto con enlaces a fecha aproximada primer trimestre 2007. Está abierto a la participación, de modo que cualquiera puede registrarse para añadir nuevos servicios en las diversas categorías.

Web 2,0 Conferencia producido por O'Reilly y MediaLive

Libros para descargar

Planeta Web 2.0 este libro se puede descargar desde el sitio oficial en formato PDF

Web 2.0 Fundacion Orange

Recursos para diseñadores

2008-03-22T19:28:00.001-07:00

Los 50 mejores sitios de inspiración para diseñadores

Más allá que una cosa que se espera siempre en materia de diseño es la innovación y la originalidad, siempre hay una fuente inspiracional. Estas son 50 webs que sirven para ese objetivo.

CSS Remix - Está conformado por un listado de sitios web creados con css y valid xhtml, todos ellos subidos por los mismod usuarios. Cada diseño puede ser ranqueado y entre la variedad podemos encontrar bastantes atractivos.

FWA (Favourite Website Award) - En este caso, el listado es de sitios en flash, por ahora hay un total de 2109 contando desde hace 7 años. También es algo donde el usuario puede participar, por lo que se es libre de enviar a FWA creaciones propias.

deviantART - Bastante conocido creo, aquí hay de todo. Se apunta tanto a principiantes como expertos, que contribuyen con fotos, dibujos, fondos de escritorio, íconos y tantas otras cosas. Un buen sitio por el que vagar por un largo tiempo.

DesignDiary (DD) - Éste es un proyecto JogjaForce que, como todo mucho de lo que alberga internet, llega a nivel mundial. Los recursos de diseño que ofrece son Open Source, lo que es muy bien recibido.

MOCO LOCO - En este sitio se recalca el diseño y arquitectura de tipo moderno y contemporáneo. Quizás más orientado al diseño de ambientes y un toque de web, entre varias otras cosas.

Logopond - Muchas veces para algún blog, web, empresa, servicio, o lo que sea, se busca un buen logo. En Logopond, hay muchos ya diseñados de los cuales podemos obtener algunas buenas ideas.

Mojizu - Encontraremos aquí una serie de personajes creados por la comunidad tanto de expertos como novatos. Nunca está demás el poder pasar un tiempo tomando ideas, o sólo poder mirar los pequeños personajes que salen de las mentes de la gente, y hasta poder interactuar con los mismos y el resto de la comunidad.

Apps Mania - Este sitio contiene una buena cantidad de applicaciones diseñadas y skins para algunas otras. Quizás pueda ser uno de los mejores sitios para buscar unos buenos “disfraces” para las distintas aplicaciones en Internet.

Netdiver - Además de presentar una serie de ilustraciones y fotografías, el sitio da un enfoque a la sección de noticias o novedades circulantes internacionalmente y por la web. Es interesante mantenerse actualizado y al tanto de las novedades.

CSS Beauty - Es éste un proyecto que intenta dar a los visitantes una buena base de datos acerca de sitios web con buenos diseños basados en CSS. Así, para los interesados en un poco de inspiración y en búsqueda de algunos tips y ayuda para diseñar en base a CSS, esta web es especial para ese propósito.

3DM - Destinado más que nada a los interesados en diseño tridimencional, de donde pueden sacar bastantes ideas. También incluye tutoriales, noticias, animaciones y, por supuesto, algunos trabajos terminados.

startdrawing - Saliendo un poco de lo que quizás estemos más acostumbrados a ver, aquí hay una presentación de trabajos por artistas asiáticos. En su mayoría son dibujos, aunque hay alguna que otra cosa digital, y bastante interesantes en algunos casos.

Kuler - Muchas veces lo que puede resultar algo problemático es entontrar una combinación de colores convincente. En Kuler se pueden ver, crear, compartir y hasta descargar varios themes de colores que, una vez en la computadora, pueden ser usados con Adobe Creative Suite 2 y 3.

Threadless - Esta es una comunidad que se centra en diseños para remeras. Ya sea para buscar, votar o subir distintas ideas, es un buen lugar. También es posible comprar productos según las remeras que nos gusten, sujeto a talles y a stock, por supuesto, aunque se pueden pedir igualmente, y se envían a varias partes del mundo.

LogoSauce - Otra iniciativa enfocada a los logos, donde se les pueden comentar, dar puntajes y subirlos. Es bastante reciente respecto de otros, pero eso no le quita mérito.

From Europe - El nombre lo dice todo, los diseños de este sitio son europeos, con vista a interiores de hogares. Muy interesante, ya sea viendo algunos nuevos accesorios o arquitectura y orden de diversas salas en el hogar; y también muy ordenado tanto por ambientes como por paises de proveniencia.

ARTcrimes Graffiti - Aunque haya veces que los graffitis arruinan muchas paredes, y hasta no tienen nada de lindos, hay otros que son todo lo contrario. En el sitio recopilan varios de estos de todas partes del mundo que demuestran que el tema puede ser bastante artístico.

IconBuffet - Otro lugar donde encontrar colecciones de íconos. De entre varios paquetes, hay algunos disponibles para la descarga gratuita, y otros con enfoque comencial.

Most Inspired - Tutoriales, noticias y diseños web, todo enfocado a los que se interesan en CSS. Si es que se está en búsqueda de inspiración, este sitio es especial para ello, vale la pena verlo.

Boonika - Toda una mezcla de estilos presentada en diversos trabajos que puede parecer aceptable para algunos, y no tener nad de aceptación para otros.

COLOURlovers - De vuelta con el encontrar la mezcla justa de colores, aquí hay bastantes paletas a usar, se pueden comentar, subir a la web las propias, y leer artículos y reportajes referidos al mundo del color.

Design in Europe - Toda una selección de varios portales y diseños provenientes de Europa, muy variado por cierto. El directorio es bastante amplio y está todo organizado según el país de origen.

CSS Mania - Contiene más de 7000 diseños de webs en CSS y xhtml hasta el momento, gracias al aporte de los usuarios. Además, está todo clasificado según los temas de cada sitio por lo que también da importancia a cierto tipo de información que se busque.

The Best Designs - Con una actualización prácticamente diaria, THD reune varios sitios en Flash y CSS, y también incluye un directorio de diseñadores. Las categorías no se limitan sólo a si la web está diseñada en Flash o CSS, sino que también según los elementos de diseño.

The Little Chimp Society - (LCSV4) - Reune varios dibujos a modo de noticias, los cuales pueden ser agregados por los miembros de LCS, lo cual hace que tenga una actualiazación constante. También hay algunas entrevistas a autores de trabajos.

Los demás 25 sitios del top 50:

Styleboost

CSS Dump

Cool Homepages

Cool Websites

CSS Import

Web Design Gallery

Unmatched Style

Design Links

InspirationKing

CSS Vault

PageCrush

Design Shack

screenfluent

Screenalicio.us

CSS Hazard

CSS Elite

CSS Collection

Best Web Gallery

CSS Bloom

Stylegala

The Daily Slurp

Web Creme

CSS Heaven

CSS Tux

CSS Website

Fuente aiAlex

Otros sitios de interes

Top 50: Blog de diseño en español

bluevertigo

Blue vertigo es un muy sitio de recursos en su mayoria grats para diseñadores

Los diseñadores que salieron a hacer trabajos gratis para ONG

2008-03-22T19:14:00.000-07:00

La idea nació para ayudar a las instituciones que no tienen recursos económicos para encarar distintos tipos de campañas.

Dicen que siempre tuvieron un perfil solidario, aún cuando ni siquiera sabían que en el futuro iban a zambullirse en el mundo del diseño gráfico. Empezaron a despuntar la temática social cuando eran estudiantes universitarios. Pero recién ahora le están dando forma a lo que ellos mismos llaman un "estudio de diseño gráfico solidario". Se trata de Manzana Ocho, un estudio conformado por tres diseñadores locales que salieron, sin cobrar un solo peso, a hacer diseños y esbozar campañas mediáticas a instituciones y ONG que no tienen recursos económicos para hacerle frente a esta clase de trabajos.

Con este perfil solidario, los chicos de Manzana Ocho quieren incursionar en el mercado del diseño local. Pero la propuesta lleva consigo un desafío que no es fácil de encarar, según dicen Alejandra González, Patricia Guzmán y Diego Matus, los hacedores de la movida. "Acá hay pocos clientes y todos se desgarran por tenerlos. Es por eso que nosotros salimos con una propuesta distinta", dice Matus.

Para estos creadores, el diseño gráfico es mucho más que un dibujito que transmita algo. Dicen que están comprometidos con la realidad y que el trabajo que hacen puede ser una herramienta para aportar un granito de arena. Lo que ofrecen es diseñar de manera gratuita imágenes corporativas, folletería, trípticos, sitios web, tarjetería, cartelería e inclusive la realización de campañas institucionales. Y a donde apuntan es a las asociaciones civiles, fundaciones, centros de ayuda comunitaria y comedores infantiles que no tengan recursos económicos para llevar adelante esta clase de proyecto.

Pero el compromiso no termina acá. Además pretenden buscar impresiones más baratas y hasta conseguir papel gratis o a menor costo. El diseño de algún logo o campaña institucional puede costar desde 800 hasta unos 3.000 pesos, según el cliente y la agencia que lo realice.

"Sabemos que no vamos a cambiar el mundo, pero desde lo que sabemos hacer también podemos ser solidarios. Además, nuestra concepción del diseño tiene un fuerte condimento social", dice Matus, que junto a sus compañeras ya realizó algunas actividades solidarias, tanto desde proyectos encarados en la facultad (carrera de Diseño Gráfico de la UNSJ) como de manera particular.

A la hora de elegir la institución para ayudar, los diseñadores tendrán en cuenta que éstas no tengan ningún tipo de ayuda y que realmente necesiten la donación. "Esto no quita que podamos trabajar para otras asociaciones que sí puedan aportar algo. Seguramente tendremos en cuenta cada situación", concluye Matus.

El W3C examina el El Papel de las Tecnologías Móviles en la Promoción del Desarrollo Social

2008-03-21T17:00:00.000-07:00

Los participantes del taller debatirán sobre cómo desarrollar el potencial de los teléfonos móviles para la prestación de servicios electrónicos

Como parte de su misión de asegurar que la Web esté al alcance de todos, el W3C invita a asistir al Taller sobre El Papel de las Tecnologías Móviles en la Promoción del Desarrollo Social que tendrá lugar los días 2 y 3 de junio en São Paulo, Brasil. El objetivo del taller es identificar los retos que supone la prestación de servicios electrónicos en teléfonos móviles a las personas de países en desarrollo."Estamos siendo testigos de una explosión extraordinaria en el uso de teléfonos móviles en países en desarrollo", dice Stéphane Boyera, de la Iniciativa de Web Móvil del W3C. "Para las personas de las comunidades rurales es mucho más fácil conseguir un teléfono móvil que un dispositivo de sobremesa. Este taller del W3C investigará el potencial de varias tecnologías móviles para proporcionar servicios web que mejoren las vidas de las personas. Concretamente, tenemos pensado debatir sobre cómo las tecnologías web podrían tener un papel decisivo en la promoción del desarrollo social".El W3C espera que el taller sea un foro multidisciplinar donde expertos en tecnología web y móvil, especialistas de ONGs, y representantes de Administración Electrónica, se reúnan para obtener más información sobre las necesidades, expectativas y retos específicos que supone la prestación de servicios a poblaciones desfavorecidas. La información sobre cómo participar en el taller está disponible en la página principal del taller. El W3C desea dar las gracias al NIC.br (Centro de Información en Red), al CGI.br Comité Ejecutivo de Internet, y al Instituto CONIP por su colaboración en la organización del taller. El taller se llevará a cabo con el apoyo económico del Séptimo Programa Marco de la Unión Europea (FP7) dentro del proyecto Digital World Forum. Tecnologías móviles para el desarrollo sostenibleLas tecnologías de la información, como la Web e Internet, que han cambiado tanto el mundo también ofrecen una gran oportunidad para mantener el desarrollo en las comunidades rurales y las poblaciones desfavorecidas. Durante los dos últimos años, las historias de éxito, como la de cómo algunos pescadores de la India utilizan la tecnología móvil, sugieren formas prácticas para mejorar las vidas de las personas a través de la tecnología móvil. Pero todavía existe una brecha entre el desarrollo de unos cuantos servicios que demuestran la viabilidad del proyecto, y la disponibilidad de servicios críticos a gran escala. En este contexto, la reciente explosión de la telefonía móvil en los países en desarrollo, se ha convertido en una gran oportunidad. Según el GSMA e ITU (GSMA Informe2006, ITU Informe 2007), a finales de 2007 aproximadamente 2.700 millones de personas y el 80% de la población mundial contaba con la cobertura de red GSM. Estas cifras demuestran la conveniencia de usar los teléfonos móviles como plataforma para los servicios de salud, educación, negocios y administración en entornos rurales.Oportunidades de PatrocinioEl W3C invita a todos los agentes sociales que deseen colaborar en el evento, a convertirse en patrocinadores del taller. El programa de patrocinio ha sido diseñado para promover la participación de individuos y organizaciones expertas, que de otra manera no podrían asistir debido a gastos de desplazamiento u otros costes.Este taller público forma parte de la Iniciativa de Web Móvil del W3C, cuyo objetivo es identificar y resolver los desafíos que surgen al acceder a la Web desde dispositivos móviles.