Monthly Archives: enero 2014

micro notas

Micro notas de Jaime

Forgotify – Escucha algunas de los 4 millones de canciones en Spotify que nadie ha reproducido nunca. Estuve verificando el web-app y al parecer es una gran oportunidad para escuchar la mejor música clásica.

Be nice to programmers – Ingeniosa conversación filosófica entre un tío y su amigo programador. Es un poco melodramática pero como todo, encierra una gran enseñanza (o varias).

Historias de terror – Esta historia no tiene nada que envidiarle al libreto de película Taken. Como bonus, tiene varios consejos de como reforzar la seguridad de nuestras cuentas en la Internet.

ASP Holes – Toda un relato tipo historieta de Dilbert pero en el Mundo Real. Como un estudiante con todas sus ansias de triunfar choca con la cruda realidad del supuesto mundo laboral.

diseño

10 detallitos para mejorar la usabilidad

Estos son algunos consejos han sido cruciales en el desarrollo de mis proyectos. Pudiéramos escribir todo un libro acerca de la usabilidad de un website pero con estos 10 pretendo crear conciencia acerca de la importancia de crear websites más útiles.
He aquí una lista de 10 detalles en los cuales debemos pensar a la hora de crear un website. Esto no es una guía definitiva, pero son muy buenos consejos que te ayudarán a crea un website más útil.

  1. Coloca el nombre de tu website y el logotipo en cada una de las páginas. Haz que el logotipo sea un enlace el cual te lleve nuevamente a la página de inicio. Recuerda que en español “Home” quiere decir casa trata de usar la palabra “Inicio” si es posible.
  2. Si tu website tiene o genera más de 100 páginas, haz un buen uso de un motor de búsqueda para tu web. Ya se creado especificamente para cubrir tus necesidades o adaptando tecnologfias como la que ofrece Google o Bing.
  3. Se claro y directo cuando asignes titulares y títulos a tus páginas. Hazlos sencillos pero de manera tal que expliquen realmente el contenido de la página.
  4. Estructura tu página web de manera tal que sea fácil de leer y entender. Si tienes un artículo que es muy extenso, divídelo en páginas diferentes y organízalo de una manera lógica.
  5. En vez de colocar toda la información existente de un producto o un artículo, enfócate en lo necesario. Haz uso del hypertext (enlaces) para crear una estructura lógica del mismo. No hagas que tus usuarios pierdan el tiempo en detalles que no les interesen.
  6. Utiliza fotos para representar tus productos o las ideas que sean difíciles de explicar. Evita las fotos que agrupan todos los productos, es mejor tener una foto por cada producto. Haz que la foto tenga un enlace a una foto más detallada y ampliada del producto.
  7. No hagas “thumbnails” tan pequeños que no muestren las características más importantes de tu producto o la idea.
  8. Usa enlaces que provean información. Ya los enlaces que dicen: “Pulsa aquí”, “Lo mejor aquí” no lucen atractivos a los usuarios.
  9. Haz que las páginas principales estén accesible a todo público, incluyendo aquellos con impedimentos. Haz uso del atributo “ALT” dentro de las etiquetas del HTML. Haz bueno uso del CSS y de las funciones que tiene para este tipo de usuario.
  10. No menos importante, toma ejemplo de otros websites famosos. Recuerda que solo tomarás ideas y ejemplo de como ellos desarrollan su web, esto no quiere decir que vas robar el contenido, código, las imágenes, etc.

Estos consejos han sido de mucha ayuda para desarrollar mis proyectos y espero que de igual manera lo sean para ustedes.

diseño

Ventajas de los estándares web

A la hora de convencer a cualquier persona de los beneficios de trabajar bajo ciertos estándares es bueno tener los mejores argumentos para justificar este proceso. Russ Weakley lo explica muy bien en su artículo The benefits of Web Standards to your visitors, your clients and you!

A través de innumerables foros y/o conferencias se ha discutido sobre los beneficios de usar los estándares web y no cabe duda que mientras la tecnología avanza mayor es el número de ventajas que obtenemos. Desde que descubrí el W3C soy fiel motivador de usar los estándares web para desarrollar mejores documentos, aplicaciones y servicios para la Internet. Algunos de sus beneficios que resaltaría son:

  1. Formato del documento semánticamente correcto: Cada etiqueta dentro del HTML tiene su función y su definición única. Con la introducción del HTML5 no cabe duda que fue especialmente diseñado para ofrecer contenido rico sin necesidad de plugins adicionales. Un HTML bien estructurado tiene significado semántico para una amplia gama de aplicaciones y servicios (agentes).
  2. Utilizar CSS para separar el contenido de la presentación:
    • Nos permite cambiar la presentación de todo un website con tan solo editar un archivo.
    • Mejora la interpretación del código dentro del documento HTML. Mientras menos código haya más rápido cargará el documento.
  3. Accesibilidad: La tecnología debe estar al alcance de todos, sin importar impedimentos o que dispositivos estén usando.

La implementación correcta de los estándares web a nuestros proyectos nos permite crear una Internet saludable y robusta. Para más información te comparto este enlace al documento original en inglés y la traducción al español. Es un gran recurso para entender más a fondo los  beneficios obtenidos.

The benefits of Web Standards to your visitors, your clients and you! Por: Russ Weakley

¡Las ventajas de los Estándares Web para tus visitantes, para tus clientes y para ti mismo! Trucido por: Xoan Sampaiño

micro notas

Micro notas de Jaime

Information Destruction Through History – Infográfico desarrollado por la compañía Global Data Vault donde muestra  eventos  históricos donde se ha perdido significativa cantidad de información. Claro, todo en términos de bytes. El gráfico cubre varios años antes de Cristo hasta la época actual. Es interesante ver como los antiguos parientes manejaban grandes cantidades de gigabytes (equivalentemente hablando claro) a través de la tecnología de su época.

El tamaño ideal de una line de caracteres – Quizás una breve explicación porque es tan incómodo leer un libro del Kindle en el teléfono móvil. Además tienes buenos consejos en términos de usabilidad a la hora de crear contenido que envuelva texto o párrafos.

Bill Gates’ Viral Video – Si pensabas que los geeks no tenemos sentido del humor…

“BEAUTY” – O mejor dicho, como una pintura cobra vida. Puede resultar hermoso y medio aterrorizante a la vez.