Freelancing
Negocios
Blogging
Diseño
Proyectos, sitios e ideas
CSS image replacement es una técnica que se usa hace un tiempo y consiste en reemplazar una imagen por texto para luego cargar esa imagen mediante CSS escondiendo el texto con el fin que sea más fácil de indexar por los motores de búsqueda. Si no entendieron paso a explicarles rápidamente:
Cargar una imagen, por ejemplo para nuestro logo sería normalmente así.
<h1><img src="images/logo.png" alt="El nombre de nuestro sitio" /></h1>
En cambio mediante el método mencionado sería así.
<h1>El nombre de nuestro sitio</h1>
Con el siguiente estilo en CSS.
h1 {
width: 300px;
height: 50px;
background: url(images/logo.png);
text-indent: -9999px;
}
¿Por qué se utiliza esta técnica? Básicamente porque hace esa información (el nombre del blog) más accesible a los buscadores ya que pueden leer texto pero no imágenes. Sin embargo no todo es tan bueno, ya que mediante este mecanismo podemos ocultar e indexar texto que nada tenga que ver con el sitio. Al usuario no le va a importar porque no puede verlo.
Spammers han utilizado esta técnica para realizar lo que se llama Black SEO y ocultar texto logrando mejor posicionamiento en keywords que nada tienen que ver con el sitio. Como sabemos, ocultar texto es una práctica penalizada por los buscadores. Entonces ¿Es recomendable usar la técnica del CSS image replacement? Google, a travez de Matt Cutts nos da la siguiente respuesta.
If you’re straight-out using CSS to hide text, don’t be surprised if that is called spam. I’m not saying that mouseovers or DHTML text or have-a-logo-but-also-have-text is spam; I answered that last one at a conference when I said “imagine how it would look to a visitor, a competitor, or someone checking out a spam report. If you show your company’s name and it’s Expo Markers instead of an Expo Markers logo, you should be fine. If the text you decide to show is ‘Expo Markers cheap online discount buy online Expo Markers sale …’ then I would be more cautious, because that can look bad.
En fin, como todo. No pasarse de listo y usarlo simplemente para solucionar un problema y no para sacar ventajas de manera poco ortodoxas.
Muy lejos estoy de ser un gurú o de poder anticipar hechos puntuales, pero con las tendencias que están presentes hoy en día es posible entender como va a ser el panorama en la red el año próximo. Decir que se va a volver más colaborativa es una obviedad ya que esto viene sucediendo ya hace mucho tiempo, sin embargo no es un tema menor y es un factor que enriquece todas las actividades.
Las aplicaciones web based nos van a seguir invadiendo, la mayoría de nuestras actividades las vamos a poder realizar desde nuestro navegador y las aplicaciones de escritorio van a estar contadas con los dedos de una mano. Las ventajas que esto ofrece ya son conocidas y sin dudas es muy positivo para los usarios. Eso sí, muchos van a tener que enfocarse más en la usabilidad y la accesibilidad porque es un déficit presente en gran cantidad de aplicaciones.
En cuanto a SEO creo que también habrá cambios. Para no volver a explicar lo mismo que Sergio Blanco, lo voy a citar a continuación, es un extracto de un artículo que publicó recientemente Historia y futuro del SEO.
¿Qué pasará mañana? ¿Veremos como las acciones de un grupo de usuarios influyen en los resultados de usuarios similares?
Evidentemente que así será. Un grupo de usuarios, por ejemplo de “profesores de 30 años”, podrían ver diferentes resultados para una misma búsqueda que “profesores de 50 años”. o “profesores mujeres” que “profesores hombres”. Porque aunque todas las personas busquen la misma keyword, unos esperan tener unos resultados y los otros unos resultados diferentes.
Al pertenecer a algún grupo de usuarios, nosotros mismos podemos ver filtrados los resultados en función de lo que hayan seleccionado un grupo de usuarios similar a mí.
No estoy diciendo que sea el factor más importante, sino que sería un factor más a tener en cuenta:
Factores on-page + Factores off-page + Factores 2.0 (o de comunidad).
La popularidad, ya no sólo se medirá en función de los links o referencias que se hagan a tu página web, sino también en función de los usuarios que han subido tu web en los resultados, han añadido comentarios, lo han baneado, de si lo tienen en favoritos, y además, todo esto se puede medir en función del tipo de usuarios.
La publicidad en internet es otro tema que me interesa bastante. Como saben en el mercado hispano estamos bastante atrasados y los cambios e innovaciones las recibimos ya cuando en otros lugares pasaron de moda, esto no creo que cambie. Las opiniones en cuanto a la actividad son encontradas, muchos afirman que por la crisis la publicidad online no crecerá, otra cantidad similar piensa que servirá como medio de publicidad “barata” para solventar los problemas económicos. Veremos que pasa. Espero que el resultado simplemente termine beneficiendo a quienes apostamos por esto.
El diseño es otro aspecto que se tiene que adaptar a los cambios. El acceso a sitios y aplicaciones mediante dispositivos móviles crece día a día y será indispensable que esto sea posible tanto en un buscador, el gestor de correo o el sitio web de una empresa que vende cosméticos. A pesar de que el acceso a la información es cada día más simple muchos diseñadores siguen haciendo las cosas mal, o como las hacían en el año 2000. En muchos casos no porque no quieran hacerlas bien sino porque simplemente no entienden que las estan haciendo mal.
Espero que de una vez por todas sea imposible que cualquier usuario tenga acceso a IE6 y que se deje de diseñar con el famoso estilo web 2.0 que incluye el fondo con stripes, botones glossy y código pesado para animar lo que sea. Seguramente el estilo grunge exagerado ya termine de cansar y no va a quedar variable posible para que los logos con hojas o pajaritos no se repitan. Por último otra cosa que espero es que las empresas entiendan que estar en internet no sólamente tiene que ser “estar” sino que todo eso conlleva una estrategia y un objetivo.
Ya hace un tiempo que trabajo diseñando sitios de internet y por suerte no me falta trabajo, es más, son muchos los casos en los que tengo que rechazarlos por falta de tiempo. Siempre me llama la atención saber como llegaron esos clientes a mi ya que a partir de esto se pueden establecer algunas variables y en caso de ser necesario pensar estrategias de marketing para atraer algunos nuevos.
Algo que he notado es que gran parte de los clientes actuales que tengo o que he tenido últimamente son referidos de otras personas las cuales contrataron mis servicios. Digamos, este cliente X llega a mi por recomendación del cliente Y. Esto además de alegrarme por tener nuevos trabajos lo hace porque con eso entiendo que ese cliente anterior quedó conforme con lo que hice. Es un buen punto.
El boca a boca es la principal manera de difundir algo, la más antigua y la más efectiva. La publicidad, el marketing, SEO, SEM, y otras maneras de promocionarse pueden ser muy buenas, pero para mi como cliente no hay nada mejor que un amigo me diga “esto es bueno, yo lo probé y estoy muy conforme”. No importa si hacemos referencia a una pasta dental, a un auto o un peluquero. Obviamente el diseño web no se escapa a esto.
Si queremos que estas recomendaciones se produzcan obviamente debemos hacer nuestro trabajo de manera correcta. Si no lo hacemos estaremos logrando el efecto contrario, es decir, generar buzz negativo y perder clientes sin haber hablado con ellos siquiera. Comentarios en blogs y a veces el simple hecho de que tu nombre o el de tu estudio de diseño figure al final de ese sitio funciona de una manera similar, imprimiendo confianza ya que los blogs tienen ese sello de ser personales y transmitir la voz de su autor.
¿Conoces a alguien que necesita un diseño? Recomendame
La web, tanto desde el punto de vista del diseño como de la forma de uso de un sitio, permite a quien lo confecciona la posibilidad de ser creativo e innovar. Cada uno tiene la opción de hacer cada sitio como se le plazca y esto nos entrega infinidad de resultados posibles, aunque veamos que en la web todo es muy parecido. Todo este abanico que se nos abre puede presentarnos también algunos problemas.
El primero es el de alejarse de la simplicidad y la usabilidad. Sin lugar a dudas todo lo que esté en internet es para que una persona, cien personas o todo el mundo lo use. Si en nuestro afán de innovar nos olvidamos de esto el resultado puede llegar a ser un producto que no le resulte ni fácil de usar, ni atractivo, ni útili al usuario. Hay que tener siempre presente que diseñamos para personas, las cuales están acostumbradas a un uso standart de internet y que es difícil alejarlas de ahí. Si para comprender como funciona tu sitio tienen que tomarse más de 3 segundos es muy probable que no lo hagan.
Otro problema que puede surgir es que todo esto nuevo que queremos implementar desde el punto de vista del diseño no hace más que obstaculizar el objetivo de nuestro sitio. Como ya he dicho infinidad de veces, el diseño tiene que ser el medio y no el fin. Si tenes un sitio simplemente para que se vea bonito tal vez nos estemos equivocando un poco sobre el uso de la web. Si es más importante para vos innovar en el diseño que lograr el objetivo principal creo que estas equivocado. Si el objetivo requiere innovar en el diseño es más comprensible.
Después de analizar estos puntos anteriores uno encara temeroso el momento de ponerse a diseñar cuidando no alejarse de lo preestablecido. Pero esto también puede ser un error. Como dijo Pablo Rigazzi en la charla que dimos en el Wordcamp, “para generar cambios hay que romper paradigmas“. No simplemente por el hecho de romperlos sino con el fin de decir “miren, esta es una mejor manera de hacer lo que estamos haciendo”. Seguramente generará rechazo, excepticismo e incertidumbre porque de por si el ser humano es rehacio a los cambios. Lleva tiempo hacerles entender que este cambio es para mejor, pero por suerte siempre hay algunas cabezas que lo entienden rápidamente.
El caso de Gmail, que también citó Pablo, es claro. Desde la forma de uso rompió un paradigma en el correo electrónico. La primera vez que lo usé estaba confuso, no era la manera en que estaba acostumbrado a usar mi correo, pero no me costó adaptarme, lo cual es otra gran virtud. Hoy en día no puedo utilizar otro servicio de correo porque lo veo tosco. Gmail innovó y lo hizo bien.
Con el tiempo que llevo trabajando como diseñador web fui adoptando algunas formas de pensar, tendencias y demás. Sin duda lo que más me marcó fue la del minimalismo, el concepto KISS y la forma de hacer todo lo más funcional posible involucrando la menor cantidad de elementos.
A partir de todo esto es que pienso que “el diseño web tiene que hacer solamente lo que tiene que hacer”. Todo lo que esté de más estorba y todo el protagonismo excesivo que tome generará problemas. El diseño solamente debe ser el medio para que el sitio cumpla con su objetivo. Nada más.
Si tu sitio es un fotoblog el objetivo del diseño debe ser que el visitante pueda ver las fotos de la manera más simple. Si para poder ver una tiene que hacer 3 clicks, llenar un formulario y esperar una carga de 20 segundos tu diseño y estructura apesta. Esto se puede aplicar a cualquier sitio, sea cual sea su objetivo, temática o cualquier otra medida.
Hace algunos días rediseñé mi sitio. Luego de analizarlo muy poco comprendí que el objetivo de mi sitio era que el usuario vea los artículos fácilmente y que la lectura sea fácil y agradable. El theme anterior cumplía con eso pero entendí que podía explotarse mucho más. Así realicé este simple diseño donde sin dudas el contenido es el rey. Los demás elementos son sólo los básicos e indispensables para la navegación. Así logré que el diseño del sitio vaya de la mano con el objetivo del mismo.
También hay un mensaje implícito en el diseño. Siguiendo este concepto decidí resaltar en lo que verdaderamente me destaco. A pesar de que me gusta el diseño en todos sus aspectos prefiero trabajar sobre el código ya que no soy el mejor diseñador gráfico que existe ni mucho menos. Es por esto que preferí destacar el trabajo de código (un theme ordenado en CSS/XHTML/PHP que carga velozmente) a la edición gráfica, la cual sin dudas le daría un toque especial y distinto al diseño pero que no acompaña el objetivo y mi forma de trabajar.
No se si a todos los diseñadores les pasará lo mismo pero hace algunos días que el diseño anterior del blog me había empezado como a cansar a pesar de que me gustaba. El hecho de que tuviera ya casi un año de antigüedad me llevó a pensar que una lavada de cara no vendría nada mal. Fue por eso que abrí el editor de texto plano y el editor gráfico (muy poco) para llevar a cabo lo que minutos antes había plasmado en un papel.
El diseño en sí no tiene demasiado misterio. Minimalista como me gusta y con tan sólo lo que le hace falta al blog para funcionar y que pueda navegarse con facilidad. Si bien no era sobrecargado, todo lo que estaba de más en el diseño anterior fue retirado. Por ahora me gusta, tal vez la semana que viene deje de hacerlo.
Los puntos principales del diseño son el trabajo de tipografías y los espacios que ocupan los elementos. Necesitaba una nueva organización tanto para el contenido como para la publicidad. Creo que de la manera en que está ahora es bastante armónica. Lo demás está a la vista.
Ojalá sea de su agrado y espero comentarios.
No sólo de hacer bonitos diseños vive el freelancer. Como siempre digo, la relación con el cliente es un pilar fundamental en este modo de trabajar. Mientras más comodo se sienta trabajando con uno más seguido lo hará y más nos recomendará, con el tiempo sabrán que no hay nada mejor que eso. El problema es que esta relación es una lucha de intereses (los dos quieren más entregando menos) y no siempre es armónica. De todos modos puede generarse un clima sano teniendo en cuenta algunos puntos.
No hagas tu trabajo invisible. Algo que tu cliente valorará es ir viendo la evolución del trabajo a medida que se va haciendo. Seguramente tendrá correcciones que hacer.
Dale herramientas. Dale todo lo necesario para que pueda manejar el sitio sin la necesidad de tu presencia o ayuda. Nombres de usuarios y contraseñas de todo, una copia de los archivos por ejemplo en un CD o por correo, etc.
Ayudalos a entender lo que haces. Explicale lo que haces, a lo que te dedicas y en lo que te especializas de manera que pueda entenderlo claramente. Además sería bueno guiarlo por el proceso de trabajo para que sepa en que etapa se está.
Presta atención a los detalles. El profesionalismo está también en los detalles y tenerlos presentes te destacará del resto. Tu cliente apreciará eso.
Aprende sobre la industria de tu cliente. Si no tienes idea sobre lo que busca tu cliente con tu trabajo es muy probable que no puedas lograrlo completamente. Conocer un poco sobre el mundo en que se maneja ayudará bastante.
No esperes a que el cliente pregunte. Con el tiempo sabras que es lo que va a preguntar y cuando va a hacerlo. Si puedes darle las respuestas antes de que las necesite comprenderá que sabes que de se trata tdo esto.
Disfruta del trabajo de tu cliente como si fuera propio. Si quieres corregir ese pixel que está corrido significa que lo estas haciendo. Se nota cuando lo haces. Recuerda la importancia de los detalles también.
Entrega más de lo que prometiste. Entiendo que no es fácil con la dinámica con la que se trabaja. Pero cuando puedas permitirtelo no dudes en hacerlo. Será altamente valorado.
Escucha. Primero debes escuchar a tu cliente, abre bien lo oídos o nunca entenderas que es lo que quiere. Hay posibilidades que esté equivocado, luego de eso podras recomendarle que hacer.
Propone. Cuando algo no funciona no le presentes esto como un problema sino como la necesidad de tomar otra alternativa. Y obviamente ofrecerla esa alternativa. El amará las soluciones más que los inconvenientes.
No los abandones. Responde sus llamados y sus correos electrónicos. No hacerlo es una manera rápida de hacerte odiar.
No todos son iguales. Deberías conocer como trabajar con cada tipo de cliente, dependiendo de su edad, su clase social, su trabajo y otros factores, necesitan diferente atención. Hay cientos de libros sobre ello. No sería mala idea invertir en esto.
Sonríe. De más está decirlo.
