Kronos! nos ayuda a medir el tiempo de proyectos

Esto es algo que me sacó de vueltas, Kronos es simplemente un cronómetro... pero uno con el que puedes calcular tu tiempo y costos por hora de los proyectos que desees, está genial.

Web Móvil y Buenas prácticas para la web móvil, del W3C

Buenas prácticas para la web móvil, del W3C

El original y una traducción, libre, de la lista de 60 buenas prácticas que tratan en profundidad:

* Asegura que el contenido al que da acceso un URI dé una experiencia temáticamente coherente al acceder a él desde diferentes dispositivos.
* Explota las capacidades de los dispositivos para mejorar la experiencia de usuario.
* Toma pasos razonables para subsanar las implementaciones deficientes.
* Haz pruebas sobre dispositivos reales, además de en emuladores.
* Haz breves los URIs de los puntos de entrada.
* Da solo una navegación mínima en lo alto de la página.
* Ten en cuenta los compromisos entre tener demasiados enlaces en una página y pedir al usuario que siga demasiados enlaces para llegar a lo que busca.
* Da mecanismos de navegación consistentes.
* Asigna teclas rápidas a los enlaces de los menús de navegación y a la funcionalidad de uso frecuente.
* Identifica claramente el objetivo de cada enlace.
* Anota el formato del fichero enlazado a menos que estés seguro de que el dispositivo lo soporta.
* No uses mapas de imagen a menos que sepas que el dispositivo los soporta de manera efectiva.
* No uses pop-ups ni hagas aparecer otras ventanas ni cambies la ventana actual sin avisar al usuario.
* No crees páginas que se autorefresquen periódicamente a menos que informes al usuario y le dotes de un mecanismo para detener el refresco.
* No uses marcado para redirigir páginas automáticamente: configura el servidor para hacer las redirecciones mediante códigos HTTP 3xx.
* Minimiza el número de recursos externos enlazados.
* Asegúrate de que el contenido es adecuado para su uso en un contexto móvil.
* Usa lenguaje claro y simple.
* Limita el contenido a lo que el usuario ha pedido.
* Divide el contenido en porciones usables pero limitadas.
* Asegúrate de que el tamaño total de la página sea apropiado para las limitaciones de memoria del dispositivo.
* Limita el ’scroll’ a una dirección, a menos que el scroll secundario sea inevitable.
* Asegúrate de que el material central al significado de una página preceda al que no lo es.
* No uses gráficos para el espaciado.
* No uses imágenes que no puedan mostrarse en el dispositivo. Evita las imágenes grandes o de alta resolución excepto cuando de otra forma se perdería información crítica.
* Asegúrate de que la información comunicada a través del color también esté disponible sin este.
* Asegúrate de que la combinación de color de primer plano y fondo dé suficiente contraste.
* Al usar imágenes de fondo, asegura la legibilidad del contenido en el dispositivo.
* Usa títulos de página breves pero descriptivos.
* No uses marcos.
* Usa las características del lenguaje de marcado para indicar la estructura lógica del documento.
* No uses tablas a menos que sepas que el dispositivo las soporta.
* No uses tablas anidadas.
* No uses tablas para maquetar.
* En la medida de lo posible, da una alternativa para las presentaciones tabulares.
* Da un equivalente textual para cada elemento no textual.
* No confíes en objetos embebidos ni scripts.
* Especifica el tamaño de las imágenes en el marcado, si tienen un tamaño intrínseco.
* Cambia el tamaño de las imágenes en el servidor, si tienen un tamaño intrínseco.
* Crea documento que validen según las gramáticas formales publicadas.
* No uses medidas en píxeles ni unidades absolutas en los valores de los atributos de los lenguajes de marcado y valores de las propiedades de las hojas de estilo.
* Usa hojas de estilo para controlar la maquetación y la presentación, a menos que sepas que el dispositivo no las soporta.
* Organiza los documentos de forma que puedan leerse, en caso necesario, sin las hojas de estilo.
* Usa hojas de estilo cortas.
* Usa marcado conciso y eficiente.
* Envía el contenido en un formato que sepas que el dispositivo soporta.
* Siempre que sea posible, envía el contenido en un formato preferente.
* Asegura que el contenido use una codificación de caracteres soportada por el dispositivo.
* Indica en la respuesta la codificación de caracteres usada.
* Da mensajes de error informativos y formas de navegar desde la página de error a información útil.
* No confíes en que las cookies estén disponibles.
* Da información de caché en las respuestas HTTP.
* No confíes en los estilos de las tipografías.
* Minimiza las pulsaciones de teclas.
* Evita la entrada de texto libre en la medida de lo posible.
* Da valores por defecto preseleccionados siempre que sea posible.
* Especifica modo de entrada de texto, idiomas y/o formatos de entrada por defecto, si el dispositivo los soporta.
* Crea un orden lógico para los enlaces, controles de formulario y objetos.
* Etiqueta todos los controles de formulario apropiadamente y asocia explícitamente las etiquetas con los controles.
* Posiciona las etiquetas de forma que que queden dispuestas apropiadamente en relación a los controles a que se refieren.

Pocas sorpresas, mucho sentido común y un lenguaje, inevitablemente, políticamente correcto. Pero una buena lista de cosas a tener en cuenta cuando nos ponemos a desarrollar.

Vector magic Vectoriza en línea los bitmaps que quieras!

Los que trabajáis en el mundo de la impresión seguro que os habrá pasado alguna vez el típico cliente que quiere hacer unas banderolas de 4 metros, y cuando le pides el logo, saca su tarjeta y te pregunta “¿lo puedes sacar de aquí?”. En ese momento sabes que preguntar si tiene el logo en formato vectorial puede ser lo mismo que si le dices que si ha visto alguna vez un condesador de fluzo… Y si no se te dan bien ni Freehand ni Illustrator…



VectorMagic puede ser una muy buena solución. Se trata de una aplicación web del Laboratorio de Inteligencia Artificial de la Universidad de Stanford que te permite vectorizar una imagen de una manera muy sencilla. Para probar, e influenciado por el buen debut de Pau Gasol con su nuevo equipo de la NBA, he cogido un logo de Los Ángeles Lakers buscando en Google Images. Una vez que lo subes VectorMagic, y siguiendo unos sencillos pasos, obtendrás el logo vectorizado, con un nivel de calidad bastante aceptable, y desde luego muy cómodo ya que como ya he dicho funciona desde la propia web. Una vez creado puedes bajarte el logo en formatos SVG, EPS o PNG, en incluso compartirlo con otros usuarios.

EYE TRACKING que es?

En español: “Huella del ojo”, es la tecnología utilizada para ver hacia dónde se dirige, dónde permanece y qué evita el ojo humano al navegar en un sitio web.

Se trata de un potente hardware, que lleva incorporado una webcam, para captar los sonidos y los gestos del usuario durante el proceso. De este modo, podemos analizar todo lo que mira y cómo lo mira.

Algunas de las respuestas claves que nos da esta máquina son:

* Dónde está mirando una persona de forma continua.

* Qué le está llamando la atención y qué se la llamaba hace un momento.

* Qué intenciones tiene esa persona.

* El estado mental de esa persona.

* Donde debe ir colocado el contenido de valor para el cliente.

* Si las señales visuales contenidas en la Web conducen de forma eficaz al cliente.

* Capacidad del cliente para localizar la información que necesita en la Web.

Tras el rastreo, el ordenador nos proporciona, entre otras cosas, un mapa de calor, que nos indica sobre la página en cuestión, cuáles son las zonas que han llamado más la atención del usuario (zonas rojizas), y cuáles han pasado desapercibidas (tonos verdosos).

Esta información nos ayudará en la creación, diseño, actualización y desarrollo de una página Web.

Y es que, al identificar estas zonas de calor, posicionaremos en ellos los elementos de valor de la web para que éstos sean más efectivos. El resultado, diseños adaptados 100% a las necesidades del cliente, aumento de la eficacia de los espacios publicitarios, experiencia de navegación satisfactoria y mayor usabilidad.

FENG GUI gran herramienta

Fen Gui es una herramienta on line que nos facilita el proceso de estudio del EYETRACKING (explico luego el concepto en otro post, ya que me parece increíble que autoproclamados diseñadores no lo sepan) en nuestro diseño web, o diseño para imprenta o sea cual fuese el soporte en el que queremos presentar la información. Está basado no en estudios a ojos humanos mas sí en robots que simulan el comportamiento del mismo.

Tiene una exactitud del 70 al 80% en el estudio comparativo con el EYETRACKING tradicional y el MOUSETRACKING tradicional lo que lo vuelve muy importante ya que estos dos estudios son recogidos de datos relativos.

Esta se basa en los colores para crear un mapa de atención Saliency (un Saliency es un objeto, un pixel, … su estado o cualidad con respecto a sus vecinos). Basado en estudios neurológicos de atención, describe las áreas de la imágen que resultan más llamativas al ojo humano, desde el azul oscuro, pasando por el verde hasta el rojo.

Es na herramienta útil y fácil de usar. Solo hay que escribir la dirección del imágen o de la página web para obtener el correspondiente mapa de calor.

Es bastante rápida y además en el sitio hay bastante ayuda e información (en inglés).

Sin dudas la mejor forma de sacarle provecho a esta herramienta es usando un complemento (plug-in) para Firefox que permite variar la intensidad del mapa de calor que superpone sobre la imágen o página.

Otras herramientas:

* clickdensity - Mapas de calor de tu web: es una herramienta que genera un mapa de calor de la web que configuremos para ello.

* CLICK TALE - Información individual sobre el comportamiento de los visitantes en una web:es un analizador y optimizador de sitios web. Proveen informaciónindividual del comportamiento del visitante en una página web. Genera videos donde se muestra como un usuario utiliza/examina el sitio en cuestión y también proveen informes detallados sobre el comportamiento
general, para así mejorar la usabilidad, potenciar la navegación, etc.

* FoldSpy - Herramienta para saber la dimensiones de la ventana del navegador de los visitantes: es una herramienta para saber las dimensiones actuales de las ventanas del navegador de los visitantes. Está pensada para gente que necesita
tomar información sobre la distribución de los contenidos en una
página.

* RobotReplay: mira como usan los usuarios tus sitios - Adictos a la red


* Crazy Egg: Servicio de pago y con una opción limitada si costo, que analiza por medio de mapas de calor la funcionalidad de un sitio.

V Card

Saben lo que es una V Card? pues aqui un en lace de unaV Card pueden ver en el wikipedia que es la Vcard. Lo que sí, si eres diseñador web y no lo sabes pues no se que tan buen diseñador seas.

Web Semántica, el futuro de internet

La ùltima entrega de la PC Actual nos habla de lo que es la web semántica.

El artículo es genial perp extenso y no pretendo copiarlo aquí pero sí dar una idea. Esta web semántica intenta que los sistemas sean capaces no solo de mostrar la información que contienen las webs, sino, que sean capaces además de comprenderla. De esta forma es necesario crear un sistema de búsqueda que pueda entender lo que se le pide, comprender el conrenido de los sitios, buscar, razonar y realizar deducciones lógicas para ofrecer una respuesta precisa al usuario sobre lo que ha preguntado, para ello es necesario estandarizar las partes de la Web, es decir, el alfabeto, las referencias, el lenguaje, el formato, significados, conceptos y reglas y sistemas de deducción.

Ejemplo práctico para que no se coman la cabeza:
Queremos ubicar un restaurante en... qué se yo... París? abierto jueves desde las 20 hrs y además solo los que se ubiquen cerca de nuestra casa. Hoy por hoy para tener un resultado así hay que excluir muchas páginas y aún así no se garantiza el éxito de nuestra búsqueda.

Y ojo hay que notar que, según NOVA SPIVAK, RADAR NETWORKS y MILLES DAVIS en su estudio llamado "PROJECT 10X" hablan de:

WEB 1.0 = La Web como muchos la conocimos y conocemos
WEB 2.0 = La Web Social como recién muchos la están conociendo (y explotando)
WEB 3.0 = La Web Semñantica (ya tenemos una idea, no falta tanto ni tampoco poco)
WEB 4.0 = La Web Ubiquitous (que conecta la inteligencia, el resto solo el conocimiento)

Si te interesa este de por si magnífico estudio pues el enlace aquí esta en inglés (esto ya no lo traduzco son 57 páginas!)

Disco Duro Virtual, Hazte con un espacio de almacenamiento GRATUITO!

Una alternativa sin coste para almacenar o compartir archivos en línea.
Para muchos puede resultar suficiente la alternativa gratuita de este tipo de servicios que hallamos en la red y que nos permitirá tener a nuestros archivos a buen recaudo. Aconsejo el ADrive

He revisado varios pero de todos ellos pues el que me llama mucho es el ADrive que tiene 50 gigabytes de espacio de almacenamiento! lo malo es que demora un poco en la carga pero es porque pasan por un proxy que les examina para que vayan sin virus. Por cierto hay que registrarse.

Corel da la guerra: COREL GRAPHIC SUITE X4

La potencia legendaria de los productos Corel se ha visto muy socavada por el todopoderoso Adobe Creative Suite. Recuerdo que mi profesor de diseño cuando nos introdujo al fenecido Freehand dijo: Este es para profesionales, el Corel, pues es para el amateur. No sé qué tan cierto sea ello, lo que si es cierto que aún muchos utilizan el Corel Draw (y valgan verdades es un software "amigable" pues permite salvar archivos en .ai) y la otra vez me di con la sorpresa que la Micromedia de Argentina (un buen nombre que no tiene nada que ver con la desaparecida Macromedia)utiliza todo su plantillaje en Corel y no tenia como verlo yo ya que utilizo el Illy desde hace mucho.

En fin les presento el nuevo CorelDRAW Graphics Suite X4:


Herramientas avanzadas de texto, diseño e ilustración vectorial, además, funciones de edición de imágenes para retoque y mejora de fotografías.

El anuncio que leí en una revista especializada decía: Porqué comprar un producto caro (osea el CS4) cuando el CDX4 lo tiene todo?

Pues la respuesta la tengo: Por las más de 80 plantillas diseñadas profesionalmente y muy buenos manuales de técnicas y tutoriales... como dice Paul Anderson hablando del Efecto de Redes: Muchas veces los usuarios quedan bloqueados o encerrados en un producto o servicio cuando "todo el mundo" usa o se sirve de algo en común. Por ejemplo el microsoft office, a pesar que tenemos el google documents, el Open Office, etc. "todo el mundo" tiene el otro, así le pasó al betamax, le pasará al HD y al Blue Ray y le pasa al buen Corel. "Nadie" diseña en él, es la triste realidad.

Por cierto, si ven la página de Corel y la de Adobe, pues... no podrían los amigos de Corel ser más "creativos" y proclamar con el ejemplo? y cierto es que, no soy luchador de causas perdidas y solo probaré el producto por los 20 días de prueda gratuita que me quedan.

Google Chrome - las 10 diferencias

Ultimamente se ha hablado mucho de Google Chrome y el lanzamiento que Google realizó el pasado 2 de septiembre… pero poco se ha hablado de realmente que diferéncias aporta versus FireFox o Internet Explorer.

Adjunto las 10 diferencias más importantes que supuestamente tienen que hacer que este navegador sea “diferencial”, está en inglés.

ver el artículo aquí>>

Canal YouTube de Google

Sobre lo que comentaba en la entrada anterior, en el canal youtube de google hay mucho de lo que tienen entre manos los developers del no se si llamarlo buscador solamente, pero bueno, den un vistazo a lo que hay y utilícenlo!.

SketchUp

Una excelente herramienta de diseño 3d, gratuita y vaya, en la IO Conference de Google Scott Lininger mostró mucha de su capacidad además de poder ser "scriptable" vía Ruby API.

Hay que descargar el skecthup de google (alguna vez se han dado la molestia de ver todo lo que google ofrece?)que es gratuito y bueno tiene una curva de aprendizaje no muy empinada así que no hay que ser un profesional para poder operarlo, como todo, paciencia y empeño.

Dejo dos vídeos de lo que se puede lograr con este tesorito de google.

Este con el stándar



Y este con el plug in de SketchyPhysics

ENSO - Una revolución en la User Experience?

Este OS(Open Source) ENSO va más allá de lo que nos imaginamos en la User Experience en lo que concierne a utilizar nuestro ordenador. Una vez instalado y aprendido su uso se facilita no saben cuánto moverse entre las distintas ventanas y programas que se están utilizando en el momento, yo lo uso y lo recomiendo.

Conocer qué es ENSO>>

Android - Un proyecto de Open Handset Alliance

Tomado de Google.

El grupo Open Handset Alliance, formado por más de 30 empresas de tecnología y móviles, está desarrollando Android: la primera plataforma móvil completamente abierta y gratuita.

Para ayudar a los desarrolladores a empezar a desarrollar nuevas aplicaciones, ofrecemos una introducción al SDK (Software Development Kit) de Android.

ver información completa>>

¿Qué es el 'cloud computing'?

En nuestra forma de entender la compleja y cambiante realidad necesitamos de etiquetas y analogías que nos ayuden a simplificar. Nassim Nicholas Taleb, en su último y recomendable libro, El Cisne Negro (Random House, 2007), dedica un buen número de páginas a explicar cómo este heredado sesgo de nuestro entendimiento nos puede llevar a ser excesivamente reduccionistas y crear una falsa seguridad en nuestros juicios.

ver artículo completo>>

ver definición en wikipedia (en inglés) >>

Exposición Fotográfica de Renzo Núñez-Melgar

Mi buen amigo Renzo Núñez-Melgar presentó el día 26 de Junio a las 19:30 horas su muestra fotográfica denominada "Urbanidad, Sensación y Rito" donde expuso, según los que tuvieron la fortuna de acudir, una experiencia diferente y exquisita del arte fotográfico.

saber más>>

Para fotógrafos

En el post anterior hablé del Photoshop Express y del Rsizr... bueno toqué algo de fotografía, quizás Dzoom sea útil a quien interese este arte. Particularmente lo hallo muy bueno y ya me suscribí.

Los dominios de internet serán libres a partir del año próximo

La creación de dominios de internet será liberalizada en el primer semestre de 2009, tras ser aprobado por unanimidad ayer en París por la Corporación para la Asignación de Nombres y Números en Internet (Icann). Las webs no estarán atadas, por lo tanto, a fórmulas clásicas como .com, .net o .org, sino que los internautas podrán crear nombres de dominios, como .amor o .odio.


leer mas>>