A continuación listo algunas preguntas que debes hacerte luego de publicar un artículo en tu blog, o tal vez sea mejor hacertelas un momento antes de hacer click en “Publicar”. Si las respuestas no te terminan de convencer creo que lo mejor será que modifiques un poco lo que escribiste.

• ¿Cuanto tiempo tardará el lector en darse cuenta de que trata el artículo? Te recomiendo que sea el menor tiempo posible. Si puede hacerlo con sólo leer el título mejor.
• ¿Ofrezco algo novedoso? Si no es así no hay muchos motivos por los cuales el lector prefiera leerte a ti y no a otro.
• ¿Cuán útil es el contenido? ¿A alguien va a servirle lo que estoy por publicar?
• ¿Por qué van a creer en lo que acabo de escribir? Demuéstrale a tus lectores quien eres, que haces y porque deben creer en lo que escribes.
• ¿Mi contenido le habla a las personas a nivel humano? A veces el contenido debe tratar de llegar al usuario y no ser tan técnico, impersonal e indirecto, él sabrá aprovecharlo mucho más así.
• ¿Mi post es fácil de leer y navegar? Párrafos, subtítulos y negritas. Ten eso en cuenta.
• ¿Estoy tratando temas que necesitan ser comentados o respondidos? A la gente le gustan las respuestas, esa no es ninguna novedad. Si las tienes dáselas.
• ¿Estoy dando información suficiente sobre el tema? Que el artículo de respuestas y aclare dudas, no que las genere.
• ¿Estoy cubriendo las expectativas de mis lectores? Tus lectores frecuentes visitan tu blog porque quieren algo de ti, asegura de estar dándoselo.

Blogs ~ 4 Comentarios

Cuando contratamos a alguien para que nos haga nuestro sitio web queremos que lo haga de la mejor manera posible, que pueda llevar a cabo nuestra idea y obviamente que sepa lo que está haciendo. Al contrario de lo que debería ser, esto no siempre es así. A continuación algunas señales que te haran dar cuenta de que tal vez no te convenga contratar a ese diseñador.

Se hace llamar a si mismo “webmaster”
Seguramente se quedó en el año 1997 y una persona que se llama a sí mismo así seguramente no es maestro de nada. Hoy webmaster se lo relaciona con el diseño amateur e internet ha avanzado tanto se ha ramificado de tal manera que el término ya no tiene validez.

Es un experto en FrontPage
FrontPage, que hermosa herramienta! Mi primer contacto con la creación de sitios web fue gracias a FrontPage, pero no se puede aspirar a más que hacer un sitio de un grupo de Boy Scouts. Si se busca algo profesional hay que trabajar sobre el código.

Enviará tu sitio web a X cantidad de buscadores
Eso sí hubiese sido algo grandioso hace 10 años.

Ha creado un hermoso sitio para su padre, primo o vecino
Si tu objetivo es alto seguramente deberás encontrar a un persona que ya ha trabajado a un nivel alto alguna vez. Así se reducirán las probabilidades de un fracaso. ¿O acaso quieres un sitio como el que hizo para su primo?

Puede insertar una animación introductoria en Flash
¿Año 2001? Ya sabes porque esto ha pasado de moda.

Menciona que es un experto en HTML
Wow! ¿Que más?

Puede agregar un contador de visitas en tu sitio
Y un reloj que marque la hora… pero eso ya es otro precio.

Coloca un mensaje “Mejor visualización en X navegador y X resolución” en sus páginas
La idea es que el sitio se adapte al usuario y no es usuario al sitio.

Diseño ~ 13 Comentarios

Con este post quiero presentarles a Tablosign, mi nuevo proyecto. La idea surgió como una necesidad, es decir, quería hacer algo que particularmente me gustaba (y supongo que a la mayoría de los diseñadores o personas que estan incursionando en el mismo también) y que no encontraba en internet. Me refiero a herramientas, consejos, recursos, enlaces y todo eso que es oro para los diseñadores, pero entregado de una manera simple y por gente que sabe.

Así surgió la idea de esta especie de microblog con algo de twitter y del.icio.us. En un principio consulté con Diego para ver si la idea era muy descabellada, pero me di el visto bueno y colaboró bastante con la producción del proyecto. De ahí en adelante fue simplemente plasmar la idea en una web.

Compré el dominio y en unas horas el theme estaba terminado, quedé bastante conforme de como quedó, aunque tal vez mañana me parezca horrible. Lo más interesante a mi parecer es la cantidad (y calidad) de los autores del blog, que por ahora somos 4 (Diego, Victor y Facundo), 2 que están por sumarse y algunos más que pensamos subir al barco, lo que hará que la información sea fresca y abundante.

Simplemente los invito a que lo sigan de cerca y que se suscriban al feed. Espero opiniones.

Diseño ~ 11 Comentarios

Por lo general en los blogs tratamos de poner la mayor cantidad de elementos, textos, imágenes y todo lo que sea posible insertar pero tratando de que no ocupe mucho espacio, algo que es verdaderamente difícil.

El espacio en blanco es un bien muy valorado en el orden de un sitio web por lo que generarlo te va a ser de gran ayuda más que nada para que mejorar la usabilidad de tu blog. Voy a tratar de darte algunos consejos evitando decirte “sacá toda esa basura demás que tienes en tu sidebar!”.

Menúes desplegables

Una buena manera de ganar espacio es reduciendo esas largas listas que tienes en tu sitio tales como el blogroll, el archivo, las categorías, etc. Para esto puedes usar menúes desplegables los cuales “desplegarán” la información sólo cuando se la solicite. Puedes hacerlo con el famoso tag de html, pero te recomiendo hacerlo con CSS (tal vez un poco de JavaScript) si buscas optimizar esos enlaces para buscadores.

Ventanas Pop-up

Tranquilo. Entiendo que es un tema complicado y casi tomado como un pecado, pero hay ocasiones que ameritan usar un Pop-up. Tal vez estas incluyendo información en tu blog que quizás no debería estar allí pero quieres que el usuario la obtenga, un pop-up sería una opción. No abusar de esto, ya sabemos porqué.

Overlays en CSS

Bendito sea quien tuvo esta idea. Para los que no sepan de que hablo me refiero a la información que se muestra en una especie de pop-up pero sin cargar una página nueva ni cambiar a una tercera, todo hecho con JS y CSS. Los más populares son los usados para las galerías de imágenes y hay muchas opciones para elegir y poner a funcionar sin complicaciones.

Todo tipo de información “secundaria”, es decir, que el usuario va a recibir sólamente si la requiere, puede ir en este tipo de ventanas. Así el visitante podrá obtenerla rápidamente sin tener que abandonar la página que está visitando y quien no la necesite simplemente no la verá.

DIVs ocultos

Otra opción para este tipo de información que llamo “secundaria” es la de ubicarla en DIVs ocultos que el usuario podrá hacer visibles con un simple toogle. Un ejemplo lo tienen en este mismo sitio. Si hacen click en el botón “Navegación” en la cabecera podrán ver todos los enlaces que considero que pueden no estar entre las opciones del sitio.

Cualquier librería de javascript permite hacer esto y es una manera óptima de ocultar información que se desplegará con simplemente un click.

Pestañas DOM

Tal como en muchas aplicaciones, podemos agregar a nuestro sitio un sistema de pestañas donde el usuario va seleccionando la información que desea desplegar. Muy útil cuando tenemos todo separado por temáticas o categorías. No es recomendable abusar con la información en cada pestaña ya que la página carga inicialmente (al igual que en los DIVs ocultos), todos los datos, aunque no se despleguen.

Un ejemplo de pestañas que me gusta mucho es el que usa Coda.

Diseño ~ 3 Comentarios

La propiedad clip de CSS puede sernos de gran ayuda por ejemplo para recortar una imagen. Para usarla aplicamos lo siguiente:

clip: rect(10px, 250px, 5px, 5px)

Pero esta entrada no es para explicar el uso de la propiedad sino para comentar el problema que se presenta a tratar de utilizarla con Internet Explorer ya que el mismo no admite el uso de comas en las sentencias CSS por lo que no interpreta esta propiedad. Para solucionar esto eliminamos las comas y problema “solucionado”. Hay que hacer lo siguiente:

clip: rect(10px, 250px, 5px, 5px)
clip: rect(10px 250px 5px 5px)

Especificando dos veces la propiedad lo hacemos una vez para cada tipo de navegador, la primera para Firefox, Opera, etc. y la segunda para Internet Explorer. Cada navegador interpretará la que considere correcta y pasará por alto la otra. El problema es que obviamente esto no es válido.

Diseño ~ 2 Comentarios

Como les comentaba en el minipost anterior, ayer puse online mi propia galería CSS que a pesar de hacer lo que hacen todas las demás, es decir, mostrar sitios realmente bonitos, lo hace de una manera diferente. Al ingresar al sitio se carga una página aleatoria de la galería con un recuadro de opciones de CSS Rand que pueden ir moviendo a gusto.

Así al apretar F5 (refresh) o hacer click en el logo podrán ir viendo al azar los sitios que componen la galería en una especie de zapping por sitios de buen diseño. Entre las opciones se encuentran la de visitar el sitio mostrado y obtener el permalink correspondiente en la galería para por ejemplo pasarselo a alguien por email.

No creo que haya mucho más que explicar, el sitio funciona con PHP y obviamente con la función random (mt_rand), para conocer más pueden visitar la sección About (en inglés). Dicho sea de paso, decidí hacer el sitio en ese idioma ya que las opciones son pocas e intuitivas y así se puede llegar a un público mayor.

¿Comentarios?

Actualización: Ya está lista la galería (http://cssrand.com/gal) aunque todavía no la incorporé a las opciones del sitio. La hice “a mano” porque necesitaba algo simple, es decir, siguiendo la idea del sitio. Si tienen alguna idea como para complementarla (nada de cosas supergaláticas por favor ^^) comentenla así la voy terminando y la pongo a funcionar.

Nueva actualización: Ya está disponible el feed (suscripción suscripción!) con los últimos sitios agregados a la galería.

Otra actualización: Ya está casi todo listo para el funcionamiento del sitio. Agregué un blog para ir poniendo las noticias relacionadas con el mismo y los thumbnails ya se guardan en el servidor. Además hice un pequeño cambio en la disposición de las opciones cuando se navega por la manera random. Ahora será cuestió de hacer conocido el sitio, recibir Pagerank y que algunos anunciantes se interesen.

Internet, Personal, Diseño ~ 12 Comentarios