Archive for the ‘Web’ Tag

Usabilidad, una lección a tener en cuenta

Según Jakob Nielsen:

Los usuarios web se limitan únicamente a hojear una página, realizando un barrido visual en busca de elementos que llamen su atención.

No importa el diseño que tengas ni la funcionalidad que quieras ofrecer, si tus visitantes no entienden lo que hay que hacer para llegar de un punto a otro, no usarán tu página.

En la mayoria de los diseños profesionales (excepto en diseños de portfolios) necesitas ofrecer a tus visitantes:

  • Navegación clara y sencilla.
  • Texto de presentación preciso y directo.
  • Búsquedas.
  • Estructura visible de la página.

Teniendo en cuenta estos factores, se deberían respetar ocho puntos claves que afectan a la usabilidad en la web y que son de vital importancia para el éxito de una página:

  1. No uses popups: las ventanas emergentes interrumpen la visita a tus usuarios y requieren una respuesta rápida.
  2. No cambies el tamaño de la ventana de los usuarios: el mismo argumento anterior se mantiene en este caso. Algunos navegadores (por ejemplo, Internet Explorer) guardan las dimensiones del navegador y las usan para posteriores sesiones.
  3. No uses fuentes demasiado pequeñas: mucho contenido se hace difícil de leer. Se mantiene también para enlaces, botones, formularios, cajas de búsqueda y otros elementos.
  4. Enlaces poco claros: los enlaces deben ser precisos y describir el contenido de lo que vinculan.
  5. Enlaces muertos: ¿quieres mandar a tus visitantes a un punto sin retorno?
  6. Como mucho una animación por página: si el uso de imágenes animadas está repartido a lo largo del artículo es muy difícil para los visitantes centrarse en el contenido de la web.
  7. Facilita el contacto contigo: si los visitantes quieren contactar contigo y no encuentran la información de contacto, perderás su interés y confianza.
  8. Los enlaces se abren en la misma ventana: los visitantes quieren tener el control de todo lo que ocurre en su navegador. Si quieren abrir en enlace en una nueva ventana, lo harán y sino quieren, no lo harán.

Enlace: Nerv (sobre el artículo aparecido en SmashingMagazine)

Anuncios

Stripe Generator 2.0

Stripe Generator es una herramienta online que permite generar fondos en continuidad, configurando a nuestro gusto los colores, cantidad y anchura de líneas, espaciado, color de fondo, etc.

Stripe Generator

Una aplicación muy útil para desarrolladores web, pudiendo crear backgrounds sin necesidad de acudir a cualquier programa de diseño.

Información extraída de: Wwwhat’s new?

Mugen Puchi Puchi White

¿Quién no ha disfrutado explotando las burbujas de los embalajes? Pues bien, la casa Bandai (marca japonesa) ha creado un simulador electrónico de esta gran práctica consiguiendo una sensación muy similar.

El nombre de este genial aparato es Mugen Puchi Puchi White. Una de las grandiosas ventajas de las que dispone el susodicho es que, gracias a sus pilas de alta capacidad y sus membranas de silicona, podemos conseguir una duración ilimitada de explosiones. Pero no solo esto, dicho invento es capaz de reproducir sonidos originales cada cierto número de explosiones. Menuda diversión! Estamos frente al sucesor del famoso Tamagotchi!

¿Pensaban que ya estaba todo inventado? En fín, el precio del aparato es de 9,90€ y se puede comprar tanto vía Internet como en los establecimientos que lo distribuyen (Strike-Games.com).

Información de: Strike-Games

Magic Pen: flash + habilidad

Magic Pen es una aplicación realizada en flash en donde nuestro objetivo será hacer llegar una pelota a una bandera. Una vez realizado esto, pasamos al siguiente nivel.

La jugabilidad es sencilla: basta con ir dibujando las figuras geométricas que creamos oportunas para que la bola llegue a nuestro destino. Dichas figuras podrán unirse entre sí formando estructuras más complejas de forma que puedan empujar a la pelota. Las herramientas de las que disponemos son:

  • Goma de borrar: tecla “a” más click sobre la figura deseada. Elimina la figura señalada.
  • Bisagra: tecla “d” más click sobre cualquier figura. Para construir estructuras que servirán para poder empujar la bola.
  • Fijación: tecla “s”. Aparición de una cruz en la que podremos fijar dos figuras. Sirve para unir figuras creando estructuras.

Vía Isopixel.

Adobe Photoshop Express Beta

Adobe Photoshop Express es una versión en línea del software de edición de imágenes estándar de la industria, Photoshop. Mediante un navegador estándar, los usuarios pueden realizar ajustes básicos sobre las imágenes, como la eliminación de ojos rojos, recorte, ajuste de color y retoque.

A primera vista, en Photoshop Express nos encontramos con un sitio construido enteramente en Flash 9, gratuito y con 2 GB de almacenamiento para imágenes, integración con Facebook, Picasa y Photobucket (nada de Flickr, aunque está en sus planes) y unas opciones para mostrar galerías bastante potentes visualmente. Sin embargo, Photoshop Express no es sólo un editor de imágenes, quiere ser también sitio para almacenar y compartir.

Adobe Photoshop Express Beta

Vía: Error500, Site oficial

Lector de RSS: FeedReader

FeedReader es un sencillo y cómodo lector de feeds RSS para Windows, que podemos utilizar para mantener organizada y categorizada nuestra lista de páginas webs que leemos y solemos visitar. Se trata de un programa sencillo y cómodo, con el que será posible llevar un control de las noticias actualizadas de cada medio.

FeedReader

Los lectores RSS pueden resultar muy útiles. Pero, ¿qué es esto de los lectores RSS o feeds? Si analizamos el concepto, RSS simplemente es un formato de datos que se utiliza para mostrar información a los usuarios web. Como todos sabemos, existen millones de blogs o webs en las que es posible el intercambio de información entre usuarios (Web 2.0) . Ahora bien, pongamos un ejemplo sencillo: supongamos que tenemos unas 50 páginas favoritas. Sería muy costoso ir una por una mirando si existen noticias nuevas. Y aquí es donde entran en juego los lectores RSS: sólo visualizaríamos aquellos elementos que han sido actualizados.

Más info:

Vía: Emezeta Blog