miércoles, 12 de septiembre de 2012

Cómo mejorar la usabilidad de vuestro blog



Superútil, ¿verdad?
Seguramente alguna vez hayáis entrado en una página web y hayáis salido huyendo despavoridos después de ver el barullo que había montado. (EJEMPLO)

Por cosas así, me he dado cuenta de lo importante que es la "usabilidad" a la hora de crear un sitio web, es decir, que el diseño de la página sea fácil de usar para cumplir lo mejor posible su propósito: que se lea (y que se vuelva a leer). Para ello, como mencioné en esta entrada, he ido haciendo algunos cambios a lo largo de estos meses, como por ejemplo incluir botones de RSS, Facebook y Twitter, Gmail, Flickr y Linkedin. La lista podría ser más larga (incluir Tumblr, Pinterest, Picasa, Dropbox, Foursquare, Delicious...), pero para no agobiar con tanto colorín y tanto enlace, decidí que los iconos fueran más grandes (64x64) y que hubiera únicamente dos filas de tres iconos cada una.


¿Cómo funcionan estos iconos? ¿Cómo aplicarlo en vuestro blog? 
  1. Elige el icono que enlazará a la página en cuestión (en Iconfinder y en Iconbug encontraréis muchos y de diferentes tamaños) y quédate con la ruta.
  2. Copia este código sustituyendo la parte en rojo por el enlace de TU página (de Facebook, Twitter, etc.), la parte en verde por la ruta de la imagen que hayas elegido, y la parte en naranja por el "tooltip" la descripción que aparecerá al poner el cursos encima del icono.

    <a href="https://www.facebook.com/traducirco"><img src="http://iconbug.com/data/7d/64/5e39411147fa91f840b126fc211f1ac3.png
    alt="Sígueme en Facebook"/></a>

  3. En Blogger, ve a Diseño > añadir un gadget > HTML/Javascript y una vez se abra la ventanita, pega el código que he puesto en el punto dos (con tus detalles ya cambiados). En un mismo gadget podéis incluir todos los códigos que queráis para que así os aparezcan seguidos :) Luego, solo tenéis que ponerle un título (en mi caso, "sígueme") y ¡listo!

Bueno, como veis es bastante facilito, pero el que me costó más trabajo hacer fue el RSS, porque todas las páginas que encontré que lo explicaban, lo hacían bastante difícil porque incluían la edición de la plantilla, lo cual no es necesario. Para incluir RSS, el proceso es el siguiente:


  1. Regístrate en FeedBurner
  2. Escribe la dirección de tu blog donde pone "cree un feed en este instante".
  3. Tu blog te aparecerá debajo de la barra roja donde pone "título del feed", haz clic.
  4. En la siguiente pantalla, haz clic en "editar detalles de feed" (justo debajo del título de tu blog)
  5. Copia la dirección que aparece donde dice "Feed Address", que será algo así como http://feeds.feedburner.com/nombredetublog/letras
  6. ¡Ya está! Esa es la dirección por la que tendrás que sustituir la parte en rojo del código:


    <a href="http://feeds.feedburner.com/traducirco/XXXX"><img src="http://iconbug.com/data/e9/64/de53b80fb7f40b1f9f73434973ac1802.png" alt="RSS"/></a>

¡Ah! Un último apunte. Otra cosa que echa bastante para atrás a la hora de dejar comentarios en un blog es que te pida escribir el "captcha". Más de uno habrá dicho "bah, paso, tampoco es tan importante lo que iba a decir", porque le da pereza o no acierta a la primera en escribirlo. Así que os recomiendo desactivarlo, que también mejorará la usabilidad :-) En Blogger, para desactivarlo lo que tenéis que hacer es:

Diseño > Configuración > Entradas y comentarios > Mostrar las palabras de verificación > NO

Bueno, ¡pues hasta aquí la entrada de hoy! Espero que os haya ayudado a mejorar la usabilidad de vuestro blog. Merece la pena dedicarle un ratito porque es algo que antes o después tendréis que hacer si queréis que vuestra página sea fácil de utilizar =)


4 comentarios:

  1. Muy útil, sí señor :)
    A veces nos concentramos en darle na buena apariencia al sitio y nos olvidamos de algo tan importante como la usabilidad.

    Gracias por la entrada :)

    ResponderEliminar
    Respuestas
    1. ¡De nada, Inesita! Es más importante de lo que yo creía en un principio, cuando comencé el blog :-)

      Eliminar
  2. Llevo preguntándome cómo se hacen estas cosas desde que empecé en esto de los blogs allá por la época de la picor. MUCHÍSIMAS gracias en serio, me ha venido más que de perlas y pienso ponerlo en funcionamiento :)

    Una entrada super útil.


    Un beso y gracias.

    ResponderEliminar