August 28th, 2008
Para darle el seguimiento que se merece acá va el embeded directamente desde muchachadanui.rtve.es
Enjuto Mojamuto, Rifirrafe.
Los aspectos graficos no son precisamente los elementos en los que tengo experiencia, sin embargo me he topado con la necesidad de buscar cómo encontrar herramientas que faciliten la creación de estos elementos. Entre ellos uno de los mas importantes: El Logotipo.
La importancia del mismo, radica en que será el elemento por el cual nuestros visitantes podrán identificarnos. Por ello se busca, según me comentan los diseñadores, que tenga elementos de significado relacionados con la actividad que se realiza y/o el nombre o marca. Vemos una “m” de Macdonalds, vemos una manzana de Apple y esos elementos los asociamos automaticamente a marcas.
Me dirán, qué tiene la manzanita de Apple con la asociación significativa de lo que realiza esta gran empresa? Bueno, en este caso el color gris que utiliza está asociado a lo que es Tecnología, dentro del marco de una Teoria del Color. Otra parte importante es la Tipografía a utilizar, ojo, también tienen significado. No quiero adentrarme mucho en ese tema, el objetivo de este post es que le demos la debida importancia y busquemos que esa marca que querremos sea identificada por nuestro logotipo sea lo mejor apegada a lo que se desea que quien lo vea perciba.
Hay varias herramientas que nos ayudan con esta tarea, los “logo Makers”. Hace algunos dias en uno de los feeds que leo llegó esta sugerencia:
LogoEasy
Pruebenla y cuentenme si les funciona.
Si desean adentrarse un poco mas en el tema de los logotipos, simplemente googleen un rato, y encontrarán referencias como esta:
Hace algunos dias me presentaron una serie Española… la verdad muy buenos capítulos, casi todos. Hoy les comparto el capítulo “ME SIENTO GIF”
Es interesante ver cómo una condicion gráfica para imagenes bajo compresión GIF se cataloga como malo o que no está bien… jeje… pasé por el tiempo en que el íconos en windows 3.11 o windows 95 se veian pixeleados… y si vemos un poco mas atrás en la linea del tiempo.. alguien recuerda un “California Games” jugandolo en D.O.S. donde todo era “pixeleado”, y pues eso ya era muy bueno. Gracias a los avances tecnológicos ahora simplemente no podemos aceptar ver algo “pixeleado” y con ello, se agrega una expresión más a mi léxico:
ahora “me puedo sentir GIF”.
Pueden darle seguimiento a la serie en http://muchachadanui.rtve.es/ Ya va por la segunda temporada… Así que si tienen un par de horas, no caeria mal ponerse al dia 
Aunque en el website se encuentra directamente la opción en http://twitter.com/badges/which_badge es tan sencillo como que hagan los siguientes pasos:
Primero
Deberan incluir estas lineas de html en donde quieran ubicar el listado de updates:
< div id=\"twitter_div\" >
< h2 class=\"twitter-title\" >Twitter Updates< /h2 >
< ul id=\"twitter_update_list\" >< /ul >
Luego
Justo antes de la tag de cierre del “Body” (</body&rt;) deberán colocar las lineas de llamado para el javascript que se encargará de generar los updates de twitter. Mucha atención ya que acá es donde van a definir qué perfil va a desplegarse. Las lineas son:
< script type=\"text/javascript\" src=\"http://twitter.com/javascripts/blogger.js\" >< /script > < script type=\"text/javascript\" src=\"http://twitter.com/statuses/user_timeline/[TU USUARIO].json?callback=twitterCallback2&count=[CANTIDAD DE ITEMS]\" >< /script>
Deberán reemplazar lo que encerré entre corchetes de la siguiente forma:
[TU USUARIO]: por el usuario que hayas registrado en twitter ( en mi caso es “fboiton”).
[CANTIDAD DE ITEMS]: Por un número que indicará cuantos items deseas que aparezcan.
El ejemplo del resultado lo pueden ver en mi sidebar a la derecha…
Espero les sirva este post!
acá va un cacho de información sobre posicionamiento web y estandar web 2.0
Aun par de notas que pueden ayudarles a conocer un poco mas sobre posicionamiento, bastante completas
http://google.dirson.com/posicionamiento.net/
http://www.seomoz.org/blog/answers-to-ten-seo-questions-some-new-questions-from-danny-sullivan
en cuanto al estandar web 2 0, pues nada mejor que ver unos ejemplos, para ello pueden avocarse al siguiente directorio de sitios web20:
http://www.go2web20.net/
y obviamente nuestro amigo wiki nos puede dar mejores detalles sobre este tema:
http://en.wikipedia.org/wiki/Web_2
seleccionando al azar tomemos unos cuantos ejemplos:
http://www.streamy.com/
http://www.rollaname.com/
http://brussel.blogr.com/stories/77797/
http://www.businessitonline.com/invoicing-software.aspx
como podran darse cuenta las lineas graficas no son muy elaboradas, tienen alta predominancia de un color especialmente el blanco.
La que más me llamó la atención fue: http://www.rollaname.com/how-it-works/ en ese despliegue… no necesitamos mas que preocuparnos por un look para el menú y ENFOCARNOS EN EL CONTENIDO…
Para el caso del Logo… vean este: http://www.pixelnovel.com/
mismo nombre de dominio, mismas letras en el logo y solo se cambian los colores…
eso nos lleva a la creación de un sitio web 2.0 en poco tiempo y sin mucho trabajo a nivel de linea gráfica y/o definición, nos concentramos mejor en el contenido que tendremos.
Para el caso específico de crecimiento en cuanto a herramientas para el usuario, etc, un buen ejemplo en cuanto lógica de funcionamiento es:
http://www.facebook.com/
teniendo un stock de herramientas posibles de “agregar” para el usuario. claro que habran muchas más opciones, sin embargo aún no me las he topado a detalle… 
Uniendo todo esto, una parte importante será el registro de usuarios, el cual únicamente facilitara la interacción del mismo con el entorno que poco a poco se vaya implementando en nuestro sitio. Por ello una primer opción para iniciar el website es el uso de un blog, el cual cumple de entrada con un buen porcentaje de los estatutos planteados por el estandar web 2.0.
Wordpress creo que nos puede colaborar en este sentido, viendo el listado de características (http://wordpress.org/about/features/) creo que podemos tener una idea bien clara de las capacidades de esta herramienta y su capacidad de escalabilidad con las opciones que presenta en http://wordpress.org/extend/
Luego, ya existe una buena cantidad de themes creados para wordpress, creo que con eso nos ahorramos mucho mas en pensar qué opcion visual tomaríamos:
http://themes.wordpress.net/page/1/
por ejemplo… http://themes.wordpress.net/testrun/?wptheme=4326
Claro que debemos decidir si vamos a hostear el sitio, el mismo wordpress nos da la opcion de utilizar su servicio de hosting, tambien nos aconseja algunos proveedores. Simplemente queda a la libertad de nuestra capacidad de inversión para esto. En mi caso, tengo un servicio de shared hosting con godaddy.com el cual me ha funcionado hasta el momento.
como siempre espero continuar con el bloggin mas seguido, lastimosamente el tiempo lo he tenido bastante corto. Espero que esta quick reference para Web 2.0 y SEO les sea funcional, al menos para comenzar.