Web nueva, Blog Nuevo… ¿más de lo mismo?

       Nuevo entorno para mi Website y para mi Blog, ahora ambos comparten un entorno 

similar, y el visitante de mi blog y mi web van y vienen entre ambos, que es exactamente lo que busco. 

       Quienes me conocen por el blog como “marquitux”, tal vez no sepan que soy “anubis4d” para toda la internet, reforzar ésa idea y mantener unidad entre todo lo que hago ha sido un largo y arduo trabajo. Un amigo, Ricardo (PcFix) me mostró un tema de thumblr que me encantó y me dije: ¿por que no unificar todo bajo un entorno más sencillo? En el resto del artículo sigo explicando los cambios.

Aclaraciones iniciales

       Cambiar todo para que todo luzca similar es mi paradoja favorita éstos días. Como saben me interesa tener una web donde esté la información de mis trabajos y servicios. Mientras que de forma paralela que vengo haciendo crecer mi blog con los proyectos, tutoriales y mi actividad en la web, tal y como lo establecí en un post anterior, ya que puedo aprovechar todo lo que me brinda el CMS (Sistema de Manejado de Contenidos) del blog, que tiene como ventajas la posibilidad de recibir feedback sobre los contenidos, y en segunda instancia, la rapidez con la que uno puede subir contenidos.
       Muchos prefieren ir 100% blog en su Web pero éso a mí no me sirve ya que quiero un lugar fijo para ciertos contenidos (lo cual involucra pasar por dreamweaver, checkear todo en el navegador y luego subir con el FTP a mi web), mientras que en otros contenidos necesito la flexibilidad para agregar contenidos y publicarlos como tutoriales, videos, y cosas por el estilo.

Nuevo aspecto para la Web

       Como se imaginan, el aspecto de mi web jamás me convenció del todo. hice 3 cambios mayores a la misma y creo que en mi afán de mejorarlo logré más bien todo lo contrario. La pregunta a la hora de imaginar como quiero que me vea el mundo fué:

“¿Como poner mucho contenido en una web que sea simple, pero interesante y atractiva?, que invite al click y a la exploración de mis contenidos”
        Resulta que cuando vemos una web hay áreas más poderosas que otras, usualmente arriba a la izquierda, por ello la mayoría de las webs ponen en ése lugar sus botoneras lo cual puede ser contraproducente ya que el usuario da una ojeada rapida al primer contenido sin hacer scroll muchas veces ya que el menú se pierde arriba (es muy común en los blogs). La barra me pareció que tenía sentido abajo como el tema de thumblr que había visto, aunque el diseñador original había incluído un panel desplejable abajo, cosa que a mi no me interesaba. Yo quiero que sepan que pueden clickear y dar SALTOS en el material por éso agregué los botones de la izquierda debajo del logo de anubis4d, similares a los botones de “páginas” que tiene el ipad cuando uno está en el panel de íconos.
El usuario cuando LEE la página, primero ve los controles de salto (que no son más que un link a una etiqueta) y tendería a primero jugar con ellos y luego a la barra inferior (donde están los íconos con las secciones). Cuando ocurre éste “juego” el contenido de la página web gana protagonismo.

Barra de Botones

       La barra inferior, contiene unos íconos basados en algunos botones del ipad, que nos permiten explorar el contenido. Claro que todo lo que es mi web, con mi información está a la izquierda (sobre mí, Capacitación, Servicios Multimedia, Videos, Contacto), mientras que a la derecha tenemos un ícono que es directamente el blog, mientras que los otros son links a etiquetas del blog las cuales filtran los contenidos. Por ejemplo, si clickeamos en el segundo ícono que tiene la forma de un librito, aparecerá la página del blog con todos los tutoriales (o links a los mismos) sin importar cuando se hayan escrito, si se hace click en el tercer ícono con la máquina de escribir aparecerán todos los cuentos que he publicado en mi blog.

Unidad WEB y BLOG

       Como se ve en la imagen, casi los mismos elementos están presentes en el blog y la web, de hecho la barra del blog contiene los mismos links. A la izquierda en el blog le he dejado la barra de tags, y contenidos más visitados aunque eliminé el menú principal ya que no era requerido. Estuve jugando mucho con el aspecto visual de la plantilla para lograr un aspecto similar, aunque algunas tipografías del blog quedarán como están, lograr unidad tiene un límite, no quiero confundir al visitante al punto de hacerle creer que puede dejar comentarios en mi web o que mi blog es actualizado de forma tan esporádica como mi web (una o dos veces al mes mientras que el blog tiene contenidos semanales).
En ésta imagen puede verse como he cambiado el aspecto de mi blog, de hecho es la misma plantilla con algunos elementos modificados.

tutorial del 2007

Contenidos arcaido

       Desgraciadamente tengo mucho contenido antiguo, que datan del año 2008/2009 lo cual no es algo malo persé, aunque resulta problemático mantener el diseño de aquellas viejas páginas pero tampoco pienso eliminarlas, de hecho muchas páginas de amigos, taringa, tweets, foros, etc, apuntan a ellos y no quiero que mis visitantes vean un error404. Por ello algunas páginas de links fueron reemplazadas por ésta, que simplemente dice “esta pagina ha sido movida, siga navegando”.
       Las páginas que tienen el contenido (tutoriales mayormente) y hacia donde apuntan dichos links quedarán ahí aunque tienen un diseño tan viejo que daña la vista ver ése código html, creanme. Son páginas tan viejas que algunas de las imágenes ya no están disponibles (no sólo cambié el diseño de la páginas varias veces, sino que he cambiado de servidor web en varias ocasiones) ya que tal vez llaman a una carpeta que ya no existe o que ha cambiado de nombre, sumemos a éso que mientras aprendía a usar hojas CSS iban quedando olvidadas y al borrarlas, todo se rompía. Por ello es que ni pienso volver a tocar aquellas viejas páginas, son feas y no hay que hacerle. Pero claro que puedo ponerle la barra inferior apuntando al resto de la web/blog, como se ve en la imagen queda flotando abajo mientras el contenido se desliza. Si algún visitante viene de otra web siguiendo un link, encontrará el contenido y con un click estará en cualquier parte de la web o del blog. Rápidamente podrá acostumbrarse al cambio, es de esperarse que un tutorial de Open Movie Editor (R.I.P.) no es algo muy actual que digamos, pero he escrito muchos de ésos y quiero que estén disponibles porque nunca se sabe, alguien puede agarrar ése código y actualizarlo… abandoné GVFX en el 2006 y hoy en día apareció alguien (Emanuel, “Timbis” Lopez) que lo sigue desarrollando, y aquel viejo tutorial de como usar un modem 3G con ubuntu totalmente desactualizado sigue recibiendo muchas vistas por día, y a pesar de la advertencia que puse en el mismo puede serle de utilidad a alguien.

Tutorial del año 2010

Actualmente, los tutos que escribo de publican en el blog o sea que no son una web que yo subo al server sino un contenido que puede ser indexado y comentado, por lo tanto cuando el visitante clickea en el ícono para ver los tutoriales, siempre aparecerán los más nuevos arriba. Dicha organización en mi estructura web no era posible al menos con los conocimientos (o desconocimientos) que poseo. Contrastemos ésto por ejemplo, comparando el mini tutorial que escribí hace poco sobre éste editor de texto llamado BEAN que está en un post del blog, mientras que en éste link pueden ver que los viejos tutoriales de imagen digital tienen un link a alguna oscura entraña de mi web (con el viejo diseño).

Conclusiones

       Creo haber llegado a un nuevo hito en el lío que es organizar todo lo que hago en la web, como así también todo lo que he hecho en años anteriores. Espero que ésta forma de organizarme me permita poner muchos nuevos toturiales, recibir feedback y que mis visitantes sepan mejor quien soy y que hago. Sé que no estoy inventando nada nuevo, simplemente mostrandoles el resultado de un trabajo lento y con muchos callejones sin salida que finalmente me llevan a decir “estoy orgulloso del aspecto visual de mi web/blog”… (por ahora, al menos).