November 21st, 2008

Cómo crear un logotipo, un poco de ayuda no cae mal.0

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:

Anatomía de un Logotipo

Mini How-To: Incluyendo los updates de twitter con javascript1

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!

Guia de informacion Web 2.0 y Posicionamiento en Buscadores (SEO)0

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… :P

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.

Accesibilidad y Usabilidad para Rotulos!?0

El hecho de la accesibilidad y usabilidad aplica a cualquier tipo de interfaz, incluyendo los rotulos! No lo había pensado de esa forma, pero es cierto… todo aquello que interactue con una persona (usuario) debe crearse tomando en cuenta la accesibilidad y usabilidad… si no vean el sitio swanksings (http://www.swanksigns.org/) … increible pero cierto… Señales diseñadas con intencion de informar algo.. pero…. será que si logran su objetivo?

Qué querra informar el siguiente?
Señales ... pero de que?

OJO! No se pierdan las interpretaciones de la columna derecha de cada uno!

Nos seguimos viendo…

Pasos para diseñar un Sitio Web que llene los objetivos deseados (Parte I)0

Luego de meses de estar alejado del bloggin world hoy me vi motivado a terminar el primero de una serie de textos que buscan ayudar a que desarrollemos bien un website.

Muy pocas recetas se pueden encontrar al querer realizar los bosquejos de despliegue en un sitio web. Que colocamos al norte de la vista? a qué le debemos dar prioridad, bueno, la idea inicial en cualquier sitio web estará definida posteriormente a realizar la Arquitectura de la Información. Verán ahora la necesidad de llevar un orden estricto en la realización de los Sitios Web.

Para comenzar, debemos definir hacia donde debemos llegar, como mencionaba hace algunos meses, es múy importante plantear los objetivos del sitio ya que ellos serán quienes nos indiquen si está bien hecho o no. Dichos objetivos establecerán la pauta para diferenciar entre un buen diseño y algo infuncional.

Cabe mencionar que enumerar por escrito dichos objetivos puede ser de gran ayuda durante el transcurso del proyecto, permitiendo mantener una visión clara en lo que se desea.

Una vez definidos los objetivos (personalmente he insistido en esto para todos los proyectos que he realizado) es necesario recopilar la información a utilizar, material impreso, algunos links relacionados, algunos patrones vistos en otros sitios que se consideren funcionales con base en los objetivos planteados. Adicionalmente, es necesario organizar el conjunto de ideas, un brainstorming no está de más, y es casi obligado el tenerlo. Más aún si el numero de personas implicadas en el proyecto es mayor a 2. Es cierto, 2 cabezas piensan mejor que una, ahora bien 3, 4, etc., piensan mucho mejor, el problema es unificar la cantidad de ideas y encausarlas para cumplir con los objetivos. Varias metodologías existen… creo que varios post tendre que hacer…

Existe un software muy interesante “Mind Manager de Mindjet” que permite trabajar muy bien con esto, y es una herramienta, aunque de rostro complejo, muy completa y sencilla de utilizar. Su complejidad se traduce a las grandes capacidades que posee para manejar la información en forma de mapas mentales. Existen otras opciones de manejadores de mapas mentales, pero creo que lo dejaré para otro post tambien… :)

Continuando con el tema, ya tenemos los objetivos del proyecto, la información que deseamos colocar y un software que puede ayudarnos a organizarla, procedemos entonces a crear el Mapa del Sitio. Según dicta la teoría un Mapa de un sitio web, indica todos los elementos que formarán parte de la navegación o menús del mismo. Si Junto a la información partimos de las opciones que quisieramos incluir en la Home Page éste arbol estaría mas completo. Es decir, No utilizar el mapa del sitio únicamente para modelar la información, sino tambien, utilizarlo como herramienta para definir las funcionalidades que le permitiremos a nuestros visitantes utilizar.

Con esto nuestro Mapa del Sitio se convertirá en la guía de desarrollo, de la cual podremos definir los bosquejos de despliegues y la planificación del proyecto, OJO: Mind Manager tiene integración con paquetes de MS Office… entre ellos Project! así que saquen sus conclusiones…

A este punto tenemos ya claro hacia donde debe ir nuestro sitio.. que Arquitectura de Información tendrá y sobre todo… donde es que realmente terminará.

Así tambien tenemos la capacidad de obtener una serie de documentos iniciales que nos permitirán compartir un medio de comunicación con nuestros clientes… Ellos sabrán que les vamos a entregar y nosotros sabremos qué debemos entregarles

Nos vemos en mi siguiente post… en el cual espero incluir ya algunas gráficas…

Hasta Luego!!

Imhotep theme designed by Chris Lin. Proudly powered by Wordpress.
XHTML | CSS | RSS | Comments RSS