Eressea Solutions » Usabilidad

Readability, mejorando tu experiencia en la web

Rene Silva — Mon, 27 Sep 2010 12:24:38 +0000

Día a día me encuentro con la siguiente situación: Quiero leer el contenido de una página web, pero este se encuentra escondido entre widgets, ads, etc. A veces me encuentro con sitios web que tienen un contraste que cansa a mis ojos (fondo negro y letras blancas). Traté de utilizar Stylish, pero aplicarlos a todos los websites es muy moroso. Pero para eso tenemos a Readability.

Readability básicamente quita todo lo que nos podría distraer mientras vemos un sitio web. Según sus creadores (Arc90):

“Readability™ es una herramienta simple que hace la experiencia de leer en la web mucho más agradable al remover el desorden que se encuentra alrededor de lo que estás leyendo.”

Pongamos por ejemplo (sólo por ejemplo ya que pasamos un montón de horas mejorando el website :) ) a este post acerca de los Addons de Firefox.

Ejecutamos Readability y …

Con Readability tenemos las opciones de estilo, tamaño de la letra, el margen e incluso convertir los links en notas de pie. Basta con jalar el botón generado a tu barra de bookmarks (marcadores).

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

También te recomendamos leer:

5 addons de Firefox para tener una mejor experiencia en la web

Varios sitios web tienen una cantidad inmensa de anuncios que hacen una misión imposible encontrar el contenido por el cual los visitamos, o puede tener un contraste horrible donde no podamos leer nada. Gracias a algunos addons de Firefox podemos solucionar estos problemas fácilmente.

5 addons de Firefox para tener una mejor experiencia en la web

Rene Silva — Mon, 08 Mar 2010 14:23:19 +0000

1. Adblock Plus

Los anuncios en Internet generalmente son algo molestosos, y varios sitios exageran. Adblock Plus nos da la opción de bloquear todos la mayoría de los anuncios mediante una lista de sitios (a la que también puedes agregar ciertos sitios). Muchos sitios se veran mucho mejor después de utilizar este addon.

Descarga: https://addons.mozilla.org/en-US/firefox/addon/1865

(Los anuncios en internet y los adblockers son algo controversiales, puedes leer este artículo acerca de Google y los adblockers | Traducción)

2. TabMixPlus

Siendo un desarrollador estoy acostumbrado a que Ctrl+Tab tenga la funcionalidad MRU (Most Recently Used o Más recientemente usado) en sus tabs. Firefox no nos trae muchas opciones de configuración para sus tabs (pestañas) por lo que este addon es genial para configurar los tabs de Firefox de la manera que queramos.

Descarga: https://addons.mozilla.org/en-US/firefox/addon/1122

3. Stylish

Alguna vez te topaste con un sitio con un contraste terrible? O una página que tienes que leerla y esta muestra su contenido con Comic Sans?

Stylish nos permite adicionar estilos CSS a cualquier página (y podríamos arreglar algunas falencias de algunos sites, al menos en nuestro browser). Además de que cuenta con una comunidad con varios estilos para varias páginas conocidas.

Descarga: https://addons.mozilla.org/en-US/firefox/addon/2108

4. NoScript

NoScript es para esas personas que nos sentimos algo inseguros en los diferentes sites que podamos visitar. Lo recomendamos ya que nos ofrece un poco más de seguridad al bloquear todos los scripts de un sitio web que no se encuentre en el “white list”.

Descarga: https://addons.mozilla.org/en-US/firefox/addon/722

5. DownloadThemAll!

DownloadThemAll es genial cuando tenemos que descargar una variedad de archivos que se encuentran en un site, por ejemplo podemos descargar todas las imágenes, etc. Una de sus mejores funcionalidades es la de filtrar los tipos de datos y hacer descargas paralelas.

Descarga: https://addons.mozilla.org/en-US/firefox/addon/201

6. Bonus: Snap Links Plus

Cuando uno realiza una búsqueda en Google generalmente se encuentra con una cantidad inmensa de links a los que probablemente visitemos. Con SnapLinks podemos abrir varios links simplemente con hacer click derecho y arrastar nuestro mouse sobre un área con links. Recomendado.

Descarga: http://snaplinks.mozdev.org/installation.html

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

También te recomendamos leer:

Los 40 mejores addons para Firefox de Diseño y Desarrollo Web

Firefox es el browser con mejores extensiones para los desarrolladores y diseñadores web

Lista de los mejores addons de Firefox para WebMasters

Firefox es conocido por la gran cantidad de addons que tiene para todo tipo de tareas, los addons para webmasters no son la excepción.

12 addons útiles de SEO para Firefox

Firefox es una herramienta muy valorada por los desarrolladores web y diseñadores web, pero también nos puedes servir para SEO (“Search Engine Optimization”).

Ya puedes descargar Firebug 1.5!

La nueva versión de Firebug (Firebug 1.5) fue lanzada en addons.mozilla.org.

Firefox 3.6 RC1 ya está disponible para descargar

Por el momento podemos instalar la versión RC1 (Release Candidate) que se encuentra disponible (via FTP) para Windows, Mac y Linux.

25 sitios web con recursos de patrones de diseño y UI

Rene Silva — Mon, 01 Feb 2010 14:00:08 +0000

El uso de patrones en el diseño web suele dar un toque elegante a los websites y existen varios sitios donde los puedes descargar. En Specky Boy nos comparten 25 sitios con recursos de patrones de diseño y artículos para mejorar el UI (User Interface).

Link: 25 UI Inspiration and Design Pattern Resources

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

También te recomendamos leer:

75 Recursos para pasar de PSD a HTML

“La conversión de PSD a HTML es un paso crítico en el diseño web. Sin importar si tú lo haces o contratas a alguien para que lo haga, la calidad del proyecto final será establecida por esta etapa. En este post encontrarás 75 recursos, incluyendo empresas que hacen el PSD2HTML, tutoriales, etc.”

15 recursos útiles para estar al tanto de HTML5

“HTML5 esto, HTML5 aquello! Hay mucha tela por cortar acerca de HTML5 en todo lado. Algunos ya lo usan en sus sitios, quieres unirte a la fiesta? Revisa esta colección de los mejores recursos de varios blogs y websites de la industria. Cada uno da una visión interesante de lo que es HTML5, detalle,s tutoriales y cheatsheets”

13 tutoriales de Interface de Usuario (UI) con jQuery para mejorar tus diseños

El diseño de una interface de Usuario (User Interface) debe ser muy intuitiva y seguir estándares preestablecidos.

Guía para principiantes de diseño de interacción

En UX Booth presentan una Guía para de diseño de interacción (Complete Beginner’s Guide to Interaction Design), en la que se discute el diseño de interacciones y se presenta a sus representantes y recursos relacionados.

60 sitios web geniales que utilizan tipografía para su introducción

El uso de la tipografía en un sitio web es elegante e ingenioso. Para su uso se utiliza generalmente imágenes, dado que no existe un buen soporte para utilizar diferentes tipos de letra en algunos buscadores (IE).

25 sitios web para compartir fotografías de manera fácil

Rene Silva — Thu, 28 Jan 2010 22:33:53 +0000

Hoy en día disponemos de varias herramientas online para poder compartir nuestras fotografía. No obstante no son muchas las que ofrecen una gratificante experiencia como Flickr y otros servicios lo hacen. En 1st Web Designer nos dan una lista de 25 sitios web para compartir fotografías de una manera fácil e intuitiva.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

También te recomendamos leer:

25 diseños de sitios web minimalistas y limpios

Un diseño limpio y claro sólo incluye lo esencial para el usuario, así como el buen uso de la tipografía y del “white space” (espacio en blanco entre los elementos).

Cómo compartir los archivos de tu PC en Internet con Opera Unite

Opera 10.10 incluye Opera Unite, una forma de compartir los archivos de tu PC en Internet al convertir a tu browser en un servidor web. Se puede compartir música, fotos y archivos siempre y cuando Opera esté abierto. La interfaz es intuitiva y fácil de utilizar.

13 tutoriales de Interface de Usuario (UI) con jQuery para mejorar tus diseños

El diseño de una interface de Usuario (User Interface) debe ser muy intuitiva y seguir estándares preestablecidos.

60 sitios web geniales que utilizan tipografía para su introducción

Opera 10.10 está disponible, incluye Opera Unite

Opera lanzó hoy la versión 10.10 de su browser. La característica más importante sin dudas es Opera Unite. Opera Unite permite convertir al browser en un servidor web fácilmente, y así facilitar varios servicios como el compartir fotografías, etc. desde cualquier lado, aunque esto significa que tus datos están en línea mientras el browser este abierto.

13 tutoriales de Interface de Usuario (UI) con jQuery para mejorar tus diseños

Rene Silva — Tue, 12 Jan 2010 11:47:23 +0000

El diseño de una interface de Usuario (User Interface) debe ser muy intuitiva y seguir estándares preestablecidos. El usuario espera poder hacer lo mismo en un website que lo que hace con los programas que siempre utiliza. En el blog de Addy Osmani se presenta una lista de 13 tutoriales de Interface de Usuario (UI) con jQuery para poder mejorar tus diseños web.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

También te recomendamos leer:

10 plugins para mejorar la Tipografía en WordPress

La tipografía es una parte importante en el Diseño Web, aunque existen varias limitaciones al tratar de colocar tipos de letra diferente o dar un formato en particular en una página web. La lista de plugins incluye reemplazo de fuentes, etc.

25 diseños de sitios web minimalistas y limpios

Un diseño limpio y claro sólo incluye lo esencial para el usuario, así como el buen uso de la tipografía y del “white space” (espacio en blanco entre los elementos).

Diseño de Comentarios: Qué se debe tomar en cuenta, Mejores Prácticas y Ejemplos

En Hongkiat.com publicaron un post genial acerca del Diseño de Comentarios en un sitio web. Es una parte importante del sitio web ya que es la vía que tienen los usuarios para poder comunicarnos. Es esencial que esta vía sea lo más “user friendly” (amigable al usuario) que se pueda.

Guía para principiantes de diseño de interacción

10 tutoriales para llevar tus habilidades de WordPress al siguiente nivel

Wordpress es una herramienta magnífica y extensible, en la que con un poco de ingenio podemos desarrollar alternativas a plugins e incluso aumentar su funcionalidad.

25 diseños de sitios web minimalistas y limpios

allisonsilva — Thu, 17 Dec 2009 15:37:00 +0000

Un diseño limpio y claro sólo incluye lo esencial para el usuario, así como el buen uso de la tipografía y del “white space” (espacio en blanco entre los elementos). En Voosh Themes nos presentan una lista de ejemplos de sitios webs minimalistas.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

Guía para principiantes de diseño de interacción

Rene Silva — Tue, 08 Dec 2009 15:34:00 +0000

El Diseño web ha seguido un camino largo desde sus modestos inicios. Inicialmente, el término “diseñador web”, era algo más semejante a la de un diseñador gráfico: diseñadores que se refieren a sí mismos con la presentación de textos e imágenes.

Si deseas leer muchos más artículos acerca de Diseño y Desarrollo Web, Tecnología y Social Media puedes suscribirte via RSS y seguirnos en Twitter.

También te recomendamos leer:

10 tips para diseñar Portafolios de una sola página

Un portafolio es esencial para cualquier diseñador web, nos muestra parte de su trabajo y los clientes con los que trabajo (para referencia), y puede ser un factor decisivo en la contratación del diseñador web.

30 libros acerca de Diseño Web que debes comprar para esta Navidad

Libros como “Don’t make me think”, “Designing Web Interfaces”, “Designing with Web Standards”, etc. no pueden faltar en tu colección. Y como dice @1stwebdesigner: