En Mozilla Labs están realizando cosas muy interesantes, esta vez nos sorprenden con su experimento llamado Bespin.

Bespin no solo es un simple editor de código en linea, pues en su versión prototipo 0.1 nos permite:

• Resaltado de sintaxis (actualmente, solo para JavaScript, CSS y HTML).
• Visualizar directamente en el navegador lo que estamos desarrollando.
• Una muy interesante y útil linea de comandos, la cual nos permite ejecutar comandos, crear comandos y alias tal como una Terminal *nix.
• Un gestor de Proyectos.
• Control de versiones.

Y apuestan a su extensibilidad, por ejemplo editar código colaboratibamente a través de este, y ser un IDE para soluciones de Código Abierto, pero en primera medida me gustaría muchísimo una funcionalidad de auto completado.

En sí mismo Bespin es Código Abierto, para quien quiera colaborar agregando funcionalidad, corrigiendo bugs.

A continuación encuentras el vídeo de Mozilla Labs donde presentan esta aplicación tan interesante:

Por nuestra parte lo probaremos intentando desarrollar la versión 0.2 de Clearfix, Finalmente te animamos a que lo pruebes y nos cuentes tu experiencia en los comentarios.

Entradas relacionadas

• Minify: Combina y comprime archivos JavaScript o CSS (0)
• Clearfix Labs (2)
• Meteora: Widgets JavaScript potenciados con MooTools (1)
• Twitter Feelings (0)
• Userfly: mira como tus usuarios usan tu web (1)

“Usabilidad es un atributo de calidad que evalúa que tan fácil de usar son las interfaces de usuario. La palabra usabilidad también se refiere a los métodos para mejorar la facilidad de uso durante el proceso de diseño.

La usabilidad es definida por 5 componentes de calidad:

- Aprendizaje: ¿Que tan fácil es para un usuario completar tareas básicas la primera vez que se encuentran con el diseño?
- Eficiencia: Una vez que el usuario haya aprendido el diseño, ¿que tan rápido puede ejecutar las tareas?
- Memorabilidad: Cuando los usuarios regresan al diseño después de un periodo de tiempo sin usarlo, ¿que tan fácil pueden restablecer la destreza de uso?
- Errores: ¿Cuantos errores hacen los usuarios? ¿Que tan severo son los errores? ¿Que tan fácil pueden recobrarse de los errores?
- Satisfacción: ¿Que tan placentero es usar el diseño?”

- Jakob Nielsen en Usability 101: Introduction to Usability.

En palabras sencillas la usabilidad se refiere a que tan fácil es para los usuarios usar cierta interfaz y que tan eficientemente pueden hacer las tareas básicas para las cuales está diseñada la interfaz, esto quiere decir que para que un sitio web sea usable debe permitir al usuario hacer las cosas que desea de la forma más sencilla y rápida posible.

“Todo debería ser hecho tan simple como sea posible, pero no más simple.”
- Albert Einstein

Con lo popular e importante que se ha vuelto la Internet para los negocios, se hace cada vez más necesario que un sitio web sea usable porque con tantos otros sitios web que ofrecen lo mismo o algo similar (mucha oferta), ¿por que un usuario gastaría tiempo en aprender a usar nuestro sitio si ya sabe usar los demás?. Además, se sabe que el usuario común de Internet no gasta mucho tiempo en un sitio si no consigue llamarle la atención, es más, en promedio los usuarios gastan 30 segundos si llegan a la página principal de un sitio antes de decidir si se quedan o se van y gastan unos 60 segundos si llegan a una página interior antes de decidir si siguen navegando el sitio o se van (Prioritazing Web Usability de Jakob Nielsen, pág 33).

Algunos tips para mejorar la usabilidad en tu sitio web:

1. No abrir links en una nueva pestaña o ventana del navegador: esto es algo que a mi personalmente me molesta bastante y es que si el usuario desea abrir el link en una nueva ventana puede hacerlo (click derecho –> abrir en nueva…). Además, al hacer esto, estarás rompiendo el botón de hacia atrás del navegador que es la segunda funcionalidad del navegador más usada y confundirás a más de un usuario.

Como una excepción a esta regla son los links hacia pdfs o documentos similares pues la gente está acostumbrada a cerrarlos al acabar de leerlos en vez de usar el botón de hacia atras pero se considera buena práctica avisar que el link se abrirá en una nueva ventana y dar una idea del tamaño del mismo por si el usuario prefiere descargarlo que es la opción más común.

2. Respetar las convenciones de la web: los usuarios gastan más tiempo en otros sitios web que en el tuyo, así que en lo posible respeta las convenciones que hay en la Internet pues la gente tiende a esperar comportamientos similares, por ejemplo, una convención es que si una palabra o frase se encuentra coloreada o subrayada dentro de un texto se espera que sea un link.

Otras convenciones comunes son: que el logo del sitio, normalmente, va en la parte superior izquierda del sitio web y es un link que dirige a la página principal, también se espera que la búsqueda se encuentre en la parte superior de la página, normalmente, del lado derecho.

3. Mantener la consistencia durante todo el sitio web: no solo esto le ayudará al usuario a reconocer que sigue en el mismo sitio web sino que también le ayudará a ubicarse mejor y hacer ciertas tareas con mayor facilidad a medida que visita más veces o dura más tiempo en el mismo sitio web. Una mala práctica aquí es, por ejemplo, cuando presionas un link del menú principal que en la siguiente página esté una sección de subcategorias donde estaba el menú principal, ¿Quien confiaría en un mapa donde aparecen y desaparecen secciones a medida que avanza?.

4. Dar retroalimentación al usuario: si, por ejemplo, un usuario se toma el tiempo de llenar un formulario y al oprimir el botón de enviar es redireccionado a la misma página del formulario entonces el usuario no sabe si fue que lleno mal el formulario, hubo un error o se envió exitosamente el mismo. Otro ejemplo es cuando la página debe cargar antes de ser mostrada al usuario ya que puede ser una aplicación web con muchos datos en cierta sección, si no se le dice al usuario que está cargando, éste puede pensar que la página está dañada o algo así, pero también es oportuno avisarle cuanto falta para que esté lista o el usuario puede pensar que su computador se daño si se demora mucho en cargar, una forma para mejorar esto es ofrecer algo como la barra de gmail que se va llenando mediante va cargando la página.

Finalmente, vale la pena recalcar que aunque existen ciertas convenciones y estándares, solo hay un secreto para crear la mejor experiencia del usuario y es que depende… depende de quien es tu audiencia objetiva, no es lo mismo diseñar un sitio web de juegos para niños pequeños que diseñar un sitio web de juegos para adolescentes.

Entradas relacionadas

• 57+ soluciones Slideshow, Lightbox y Galerías de Imágenes totalmente gratuitas (0)
• Diseña tus paletas de colores con Color Scheme Designer (2)
• favicon.cc: Crea tus favicons en linea (0)
• Labs (1)
• Minify: Combina y comprime archivos JavaScript o CSS (0)

favicon.cc es una aplicación web que te permite crear (como su nombre lo indica) favicons (¿Qué es un favicon?) gratuitamente, disponiendo de un lienzo en el cual puedes “pintar” a tu gusto tu icono para luego descargarlo y usarlo en tu web, con vista previa “en vivo” en tu navegador, incluso pues te permite también importar una imagen existente y generar tu favicon.

Una funcionalidad que me parece muy atractiva es poder crear favicons animados como este.

Así que ¿que esperas? crea uno y ponlo en los comentarios, si haces uno de Clearfix.net podría reemplazar actual

Entradas relacionadas

• AllSilhouettes.com: siluetas en vector gratuitas para tus diseños (0)
• Clearfix Labs (2)
• 57+ soluciones Slideshow, Lightbox y Galerías de Imágenes totalmente gratuitas (0)
• Labs (1)
• 15 brochas grunge para Photoshop (0)

Pagina de las 40 hojas de trucos…
Pagina Oficial CosasSencillas

Entradas relacionadas

• favicon.cc: Crea tus favicons en linea (0)
• Herramientas y recursos para hacer el diseño y desarrollo web más fácil (2)
• Diseña tus paletas de colores con Color Scheme Designer (2)
• Clearfix Labs (2)
• AllSilhouettes.com: siluetas en vector gratuitas para tus diseños (0)

Aunque estamos en el auge del paradigma web 2.0, he aquí una visión futurista de la web 3.0. El corazón de la web 3.0 es el motor de reputación, el cual administra las identificaciones de los diferentes usuarios y las enlaza entre si usando una plataforma software libre.

Este motor sera capaz de determinar la reputación de algún servicio provisto por algún usuario identificado, usando diferentes tipos de relaciones, reputaciones y ontologías simples. Cualquier usuario puede ser capaz de proporcionar servicios a otros usuarios y toda la infraestructura usa un conjunto de reglas de inteligencia computacional.

Fuente: Web design form scratch

Difunde esta entrada:

Entradas relacionadas

• No hay entradas relacionadas.

Es muy contradictorio ver que cuando subes un poco los precios de los proyectos que realizas, encuentras que los clientes que pagan la cuota son mas leales y están mas dispuestos a colaborar. Además, tienes mas tiempo libre, consigues proyectos de mayor retorno y lo mejor de todo, haces mas dinero con menos trabajo.

Fuente: Web design from scratch

Entradas relacionadas

• No hay entradas relacionadas.

La popular y al parecer abusada API de Twitter se verá reducida al menos en acceso, a su gran cantidad de aplicaciones, limitando así a 20,000 peticiones por hora por IP, lo que significará para el usuario final una reducción en la gama de aplicaciones para el mismo. La “muerte” de estas aplicaciones se podría evitar accediendo de diferentes IPs, pero en la mayoría de los casos no existen los recursos.

Finalmente te contamos y de promoción que también puedes seguirnos en nuestro Twitter.

Fuente: Codigo Geek

Entradas relacionadas

• Diseña tus paletas de colores con Color Scheme Designer (2)
• favicon.cc: Crea tus favicons en linea (0)
• Twitter Feelings (0)