La verdad es que las respuestas a estas preguntas constantemente cambian, porque sólo estamos empezando a entender cómo aprovechar las redes sociales para desbloquear el verdadero potencial de la Red. Estamos aprendiendo dia al dia. Lo que no podemos hacer es permitirnos un poco de descanso y ver que todos los demas se desarrollan. Después de todo, hay dinero envuelto!

Por eso estamos proveyendo una guía completa a conceptos de las redes sociales erróneas, cada uno acompañado de un plan de acción tangible que usted puede tomar ahora mismo. ¿Tiene tácticas efectivas que le gustaría compartir? Por favor deje su comentario al pie de este artículo.

1er Mito: Todo el mundo está en las redes sociales.

Por qué es perpetuado: Los expertos le mostrarán estadísticas bonitas de como mas del 80% de la gente oyó hablar de un producto a través de las redes sociales. Esta es una táctica de miedo para conseguir que los contraten. La verdad es que las redes sociales no estan en el radar de todos – por lo mientras.

Plan de acción: Aunque su objetivo demográfico no este en las redes sociales, usted puede aprovechar el poder de la Red para que los motores de búsqueda como Google lo encuentren fácilmente (conocido en la industria como “optimizacion”). Esto no es difícil, pero el enfoque correcto toma algún tiempo para ganar impulso.

Primer paso: Sazone su sitio web con palabras claves que le generen tráfico. ¿Cómo puede elegirlos? Visite la Herramienta para Palabras Clave de Google e introdusca alrededor de 20 términos genéricos que relacionen o describan su producto o servicio; busque términos relevantes que le consigan varias consultas mensuales. Pero no es suficiente encontrar palabras clave populares. Debe encontrar unas con las que su sitio web pueda competir- eso significa encontrar palabras que, cuando se busquen en Google, divulgaran una pagina de resultados donde SU sitio aparezca en posición elevada.

La clave para alto rango en una página de resultados es tener suficientes sitios web de alta calidad marcando enlaces a su sitio (esto se aplica a artículos, gráficos de información y otras formas de contenido también). Un sitio web de alta calidad esta relleno de contenido y sigue las Reglas de Calidad de Google. ¿Cuantos enlaces de alta calidad debe atraer? Hay una forma fácil de encontrar la respuesta. Por cada palabra clave, debe copiar las direcciones web de los mejores sitios que aparecen en Google cuando usted busque esas mismas palabras clave. Después, pegue esas direcciones web en www.MajesticSEO.com y haga clic en “Explore”. Inmediatamente verá como otros sitios que enlazan a cada sitio web en particular.

Los primeros 10 enlaces que usted eligió tal vez atraigan miles de enlaces, asi que tal vez no vale la pena tratar de competir con esa palabra clave en particular para conseguir la exposición rápida en los motores de búsqueda. Sin embargo, si el tercer o cuarto sitio en los resultados solo atrae unos cuantos enlaces, usted podría ser capaz de subirse a la cuspide de los resultados en unos cuantos meses o antes sin hacer mucho esfuerzo.

¿Cómo puede incrementar el numero de los enlaces a su sitio web rápidamente? Comienze cortejando a los escritores de blogs relevantes. Puede encontrar los escribas más activos al buscar palabras clave relevantes en Google Blogsearch. Envie a cada escriba un correo electronico corto diciendoles que es un admirador de su trabajo, y que tal vez tenga contenido que sus lectores disfrutarian; incluya un enlace a su sitio web en el mensaje que envie. Los escribas interesados van a hacer referencia a su enlace en sus articulos, haciendo su sito mas popular a los ojos de los motores de busqueda.

Resulta que muchos de los creadores de estos servicios fueron abejitas muy ocupadas e hicieron pequeños detalles sobre el lanzamiento de su producto adictivos. Incluso, resulta que muchas de los que empezaban pudieron lanzar algo fuerte al colectar usuarios interesados, correos electronicos, seguidores en Twitter en cualquier forma que puedieran. De esta forma estaban apareciendose usando una combinacion de estrategias comunes y viejas con sus paginas temporales.

En este articulo, estaremos resaltando algunas de las mejores practicas y ejemplos de paginas de inicio exitosas. No hay que definirlas como paginas temporales, pero mejor aun, como una pagina útil beta, o en algunos casos una pagina de producto terminado.

FUNDAMENTOS DE UNA PAGINA DE INICIO VIRAL

La primera regla viral, por supuesto, es que debemos construir algo que la gente realmente se interese por una razon u otra. Hay que enfatizar esto, usando las palabras de Robert Scoble: “El mejor inicio es tener un producto que al publico le guste tanto que vayan y le cuenten a otras personas acerca de ello.” Los usuarios que usted quiere atraer deben saber un poco de informacion para que les llame la atencion. Solo asi va a poder continuar al proximo paso, que es facilitar y fomentar el intercambio.

Normalmente, usted querrá (1) dejarle saber a los visitantes lo que usted esta haciendo, y luego (2) encender un poco de interés. Despues usted deberia (3) utilizar ese interés al darles una oportunidad de subscribirse a sus actualizaciones de noticias, haciendolo con el llamado a un botón de acción. Ultimamente, los comienzos rapidos en sigilo se han vuelto muy populares debido al interés que son capaces de generar. Tipicamente ellos no le diran lo que estan haciendo, lo que significa que estan ignorando el primer paso, pero aun asi llaman su atencion.

Aqui estan los elementos basicos que unica pagina de Inicio Viral deberia tener:

1. Una propuesta de valor clara que le interese a su publico. (¿Que problemas estara solucionando?)

2. Si su estrategia es el sigilo, ¿por que deberia interesarle a la gente?

3. Una forma de notificacion, con un boton llamativo a accion.

Ejemplos de Paginas de Inicio Basicas que Inspiran Atencion

Se puede hacer un gran trabajo con paginas de inicio basicas para hacerle publicidad a un producto si son memorables, virales o convenientes a los visitantes.

Stripe
Stripe tiene una pagina de inicio simple y lista para sus visitantes, con una oracion concisa: “Estamos haciendo que sea más fácil aceptar pagos en línea.” Esto es seguido por un llamado de accion bien sencillo: “Reciba una notificacion cuando pueda utilizar @stripe”. El nombre de esta aplicacion (o app) tambien es el nombre que utilizan en Twitter, asi que puede seguirlos a travez de la cuenta de Twitter. Esta implementacion es bien minimalista y sugiere que el servicio hace una cosa muy bien. ¿Quién no querría una manera más fácil de aceptar pagos en línea?

Elementos: slogan; forma de notificacion; llamado a accion; nombre de Twitter.

Milk
Milk no le dice que es lo que estan construyendo, pero se asegura que el equipo se comunique con usted cuando tengan algo que decir. ¿Que hace que esta pagina tenga éxito? Es la nueva aventura de Kevin Rose (el fundador de Digg). También tenga en cuenta el sutil mensaje “actualizaciones frecuentes agradables” a travez de correo electronico, Facebook y Twitter, que lo convence a uno a subscribirse.

Elementos: slogan; forma de notificacion; llamado a accion enlaces a Facebook y Twitter.

VaultPress
Puede que tenga que dar más información por adelantado con el fin de hacer llegar el mensaje. Asi es como Automattic lanzo VaultPress, un servicio de copias de seguridad para darle a los bloggers un poco de paz mental. El texto hace tres cosas

1. Le pone en expectativa lo que VaultPress hara (que es mantener su blog y su servidor seguro).

2. Colecciona data de aquellos que llenen la forma de registracion.

3. Crea un sentido de exclusividad, porque no cualquiera puede unirse inmediatamente.

Elementos: texto que explica lo que VaultPress hace; una forma de subscripcion.

Sumazi
En vez de enfocarse en el producto mismo, Sumazi trata que usted lo siga en sus perfiles sociales y compartir noticias con sus contactos. La registracion es hecha a travez de Facebook. Su primer atentado para agregar un bucle viral pequeño al lanzar su pagina.

Elementos: texto sencillo; integracion con redes sociales.

Veamos como otras paginas han utilizado el bucle viral, y como esto afecta el entusiasmo por las paginas de inicio.

ELEMENTOS ADICIONALES QUE PUEDEN HACER QUE UNA PAGINA SE HAGA VIRAL

Además de los elementos básicos que hemos cubierto, las paginas de inicio han estado utilizando elementos que hacen sus paginas más atractivas:

- Un bucle viral,

- Exclusividad y escacez,

- Vislumbres de la beta,

- Prueba social,

- Contenido viral.

Encontrara todos estos en los ejemplos debajo. Muchos de los elementos son frecuentemente combinados en formas significativas.

Agregando un Bucle Viral

El bucle viral es un tipo de “ciclo de intercambio” o un “efecto multiplicador” que se construye en la pagina de inicio. Es un incentivo para la gente que quiere compartir noticias de la pagina y de compartir la forma de subscripcion con sus amigos y seguidores. La pagina de Forkly fue una de las primeras de llevar a cabo este efecto.

Forkly
Forkly es un innovador en este sistema popular de invitacion. Si quiere ser notificado cuando Forkly lanze su sitio web, entonces puede dejar un correo electronico en la forma de subscripcion de la pagina. Cuando presiona el boton “Go”, la pagina se refresca y le da un enlace personalizado que usted puede compartir con sus amigos o seguidores. Si por lo menos tres de sus amigos se unen a la pagina, entonces usted recibira un acceso temprano al servicio. Y entre mas amigos se unan a la pagina, recibira acceso mas rapido. (Actualizacion: ellos acaban de lanzar su app al publico).

Arriba: una pagina informativo de inicio. Debajo: un bucle viral sencillo.

Agregue un Incentivo al Proceso de Subscripcion

La iniciativa de Forkly para compartir es muy fuerte: se ha suscrito al servicio, asi que no es mala idea compartirlo con unos amigos para que usted mismo consiga acceso para usarlo aun mas rapido. Esta fue una movida inteligente y se a copiado repetidas veces desde entonces. Pero hay numerosas formas de incentivar el intercambio.

ResourceGuru
ResourceGuru esta regalando un iPad2 a las personas que intercambien su enlace. ¿Quien no quiere un iPad2 estos dias? Piense en ello: ¿se subscribiera a ResourceGuru si solo utilizara la estrategia de Forkly? ¿Se subscribiera si un iPad lo estuviera esperando? Estos incentivos son mas efectivos cuando el articulo tiene un aspecto exclusivo. Por eso ve que se regalan muchas cosas cuando Apple saca productos, cuando nadie todavia tiene acceso a tal producto.

ResourceGuru le da la oportunidad de ganarse un iPad al compartir un enlace personalizado.

Alternativas Para Subscribirse

En algunos casos,  usted puede ofrecer otras formas de subscribirse a sus noticias, particularmente si sus usuarios permanecen en Facebook, Twitter o Tumblr y les gusta consumir noticias en otras formas que correo electronico.

RumpelDealSkin
RumpelDealSkin ofrece varias maneras de recibir informacion: correo, telefono, mensajes de texto, y correo tradicional. Adicionalmente, tienen enlaces a sus perfiles sociales.

Comienzos al Sigilo

Ultimamente, el metodo de comenzar al sigilo se a vuelto muy popular, mas que nada por exitos espectaculares (incluyendo Hipster, Connect.me y Kohort). Es una forma de hacer que algo se de a conocer al publico sin darle acceso a la gente a lo que esta haciendo. Esto puediera despertar otro nivel de interes en su pagina, pero: es un viaje muy duro. ¿Puede filtrar tan poca informacion posible y todavia emocionar genuinamente a su publico?

Hipster
Hipster es un buen ejemplo de un comienzo al sigilo. Hipster fue capaz de coleccionar 10,000 direcciones en solo dos dias de su lanzamiento publico. Y ocurrio antes de que alguien se enterara de lo que estaban haciendo. El nombre genial y el slogan “Algo Genial Viene a San Francisco” se convirtio en una mescla perfecta de marketing. La historia fue aceptada rapidamente por medio de escritores de blogs y los medios de comunicacion. La gente queria saber que era, y dejaron sus correos electronicos y compartieron los enlaces con gusto con sus amigos (Hipster utilizo la estrategia de  Forkly) para poder ser los primeros en ver el servicio.

Elementos: nombre genial; slogan encajador; imagen de fondo encajadora; llamado a accion.

Note la proposición de valor que complementa al nombre. Luego hay un boton de llamado a accion sencillo, y el fondo apela a los residentes de San Francisco y a otros. (¿No le gustaria saber lo que se esta perdiendo?) Esto ocurrio en Enero 2011; desde que este articulo se escribio, Hipster sigue construyendo su servicio que llegara a ser un tipo de preguntas y respuestas locales. Pero tome un momento para ver la pagina de empleos para ver como siguen utilizando su nombre para contar una historia.

Supyo
Supyo a recibido mucha atencion como resultado de sus fundadores, y colaboradores de tiempo Shawn Fanning y Sean Parker. Ellos solo han puesto una pagina temporal por ahorita, lo que significa que no estan coleccionando correos electronicos. (Actualizacion: acaban de agregar una forma de subscripcion.) Shawn Fanning y Sean Parker van a crear buya aunque solo sea para su estado de celebridades en la Web.

Elementos: logotipo; prueba social.

Amen
Lo mismo se puede decir de Amen. Su pagina de inicio no tiene nada mas que un mensaje criptico (e interesante) de lo que va a llegar a ser: “El mejor lugar para si opinion en el mundo”. Los rumores de lo que el servicio llegara a ser y el hecho que el manejador de Ashton Kutcher y Madonna invertio dinero mantienen el interes vivo (tambien el primer ingeniero de Twitter, Florian Weber es un co-fundador).

Elementos: explicacion de lo que hace; similaridad a Hipster: una marca poco convencional.

Permita a las Personas Reservar Nombres de Usuario y que se Integren con las Redes Sociales

Connect.me
Connect.me es otro comienzo al sigilo con una pagina increiblemente viral. Además de su nombre de dominio y su marca memorable, no comunico nada de informacion de lo que se va a tratar; un enlace de “Acerca de connect.me” aparecio en la esquina baja, pero realmente no explico nada de lo que el app iba a ser.

Arriba: reserve su nombre de usuario; obtenga acceso temprano; registrese solo a travez de redes sociales. Debajo: pagina resideñada con la misma estructura pero con una explicacion del servicio.

A diferencia de los servicios mencionados anteriormente, Connect.me no le pidio que dejara su correo electronico. Solo podia registrarse usando Twitter o Facebook. Tambien, ¿noto que en vez de pedirle que invitara a sus amigos, el texto decia “reserve su nombre de usuario para recibir acceso temprano”? Esto deja muy claro que los usuarios podran escoger su URL vanidoso. Esto puede ser muy efectivo cuando personas como yo, que tenemos nombres comunes y queremos registrarnos con un buen URL.

Si usted compreto la registracion, el app automaticamente enviaria un mensaje sencillo a travez de Twitter o Facebook: “Reserve su nombre de usuario de Connect.me”.

Este simple enfoque genero mas de 20,000 subscripciones en un espacio de tiempo muy corto, e incluso provoco temor de una estafa en la comunidad de blogs. Cuando usted visita el sitio, encontrara una pagina (verde) que le dice exactamente lo que el sitio hace. La opcion de reservar su nombre de usuario sigue alli, pero se a convertido en un boton central de llamado a accion.

El exito de estrategias utilizadas por Forkly, Hipster y Connect.me han llevado a la creacion de comienzos que se encargan del proceso. LaunchRock hace todo lo dificil, y le permite a usted a concetrarse en la construccion del programa.

LaunchRock
Ya que usted dejo su correo electronico, inmediatamente se le da la opcion de hacer otras con su enlace: enviarlo por Twitter, compartirlo en Facebook o mandarselo a amigos a travez de un correo electronico. Si lo envia a travez de Twitter, vera que ya tiene el mensaje escrito y contiene bastantes elementos importantes:

1. El nombre de su marca, y el anuncio que usted estara lanzando pronto;

2. Prueba social: “Siganme! Soy el primero en fila!”

3. Su enlace personal;

4. El nombre de su marca en Twitter.

LaunchRock se encarga en hacerle su pagina de inicio.

Aunque no utilize LaunchRock como un servicio para lanzar su producto, contiene elementos con los que se puede inspirar. Yo hasta diria que estaria haciendole mal a su pagina si lanzara una pagina que se ve igual a otras. El blog de LaunchRock provee un buen analisis de la pagina temporal.

La Integracion de Twitter

Muchos servicios que tienen exito en generar una idea o producto que la gente quiere compartir en Twitter (y Facebook) experimentan un gran crecimiento. Este fue el caso con Threewords.me y Turntable.fm, que recientemente llegaron a ser la musica mas compartida en Twitter, porque la gente le encanta anunciar lo que estan haciendo en el momento. Veamos dos ejemplos:

Shuush
Shuush es un lector de Twitter que escala a los usuarios que envian demasiados “Twits” y amplifica a la gente que no envian tantos mensajes. Como subproducto, los usuarios se les asigna niveles en Shuush que pueden anunciar. A los usuarios les encanta compartir hechos de si mismos, y los estamos viendo vez tras vez.

Elementos: explicacion del servicio; puede iniciarse solo con Twitter.

Instagram
Instagram no tiene una pagina convencional (y no tuvo una cuando lanzo). En vez de eso, su circulacion viral viene de parte de la gente que comparte sus imagenes en canales sociales, especialmente Twitter. Inmediatamente puede reconocer estas imagenes a travez de los URLs, que se puede ver a travez de este enlace de Justin Bieber, http://instagr.am/p/IMhuj/, que hizo que el servicio explotara en Julio 21.

Elementos: la pagina contiene un llamado a accion titulado “Bajar”; el bucle viral viene de la gente que comparten el producto del servicio (fotos) en Twitter y otros canales.

Venda Un Producto Medio Hecho a Mitad de Precio

Minecraft
Minecraft es un fenomeno de video juegos en la red, y su adopcion a sido impresionante, con 2,932,884 licensias que se vendieron en la fase beta. La gente esta dispuesta a subscribirse antes de tiempo, especialmente si un descuento se ofrece porque el producto no esta terminado. Cuando Minecraft sea finalizado, se vendera a € 20,00. Ahorita lo puede conseguir con un descuento de 25%, lo puede comprar por € 14,95.

Minecraft ofrece un descuento durante su fase de beta. Mientras que el producto avance, el descuento desaparece.

Lifepath
Lifepath le da vuelta a este enfoque. El servicio es por invitacion, y como la gente quiza lo va a querer usar, la empresa invita a los visitantes a comprar un “boleto de entrada”. Entre mas cerca llegue este producto a estar terminado, el precio de la entrada baja. Note que las registraciones fueron mas altas cuando el precio era $10 que cuando se bajo a $3. Este fue un gran concepto que el creador Dustin Curtis nos compartio en Twitter.

Elementos: exclusividad, llamado a accion.

Exclusividad

La exclusividad puede ser una forma poderosa de convencer a las personas a unirse. Facebook, que empezo como un servicio privado, ahora tiene a la mayoria de seguidores.

Sugarhigh
Cuando recibe una invitacion a este boletin de noticias, usted es dirigido a la pagina de inicio, donde un contador le muestra la cantidad de tiempo que tiene para registrarse.

Elementos: solo por invitacion; tiene que unirse en 24 horas.

Turntable
Turntable es una pagina de musica que lo deja conectarse a ‘cuartos’ en ser un DJ con otras personas, mayormente amigos. La pagina de inicio dice, “Si usted tiene un amigo que ya esta con Turntable, ya la hizo!” Esto permite que la empresa crezca su servicio organicamente, asegurandose que solo gente que piensa igual se unan y que los permita ajustar sus servidores poco a poco. Si no conoce a nadie con el servicio, puede dejar su correo electronico.

Elementos: exclusividad; prueba social.

Contar Una Historia, Agregar Personalidad

Contar una historia es una forma poderosa de interactuar y contarle a las personas de su producto (tiene un aspecto psicologico muy claro). Las historias captivan a la audiencia, y es exactamente lo que usted quiere hacer con su pagina.

Evertale
Evertale es un app para Android que automaticamente hace libros de su vida. Los creadores explican de forma visual mientras usted navega su pagina. Su camino es marcado en un mapa, y cuando alcanza el final vera un boton para llamado a accion, donde puede dejar sus datos.

Evertale da su discurso alentador mientras navega por la pagina.

Resulta que navegar es una tecnica muy util para que dar a conocer informacion y contar una historia. Mire estos proximos enlaces como ejemplos:

- Ben the Bodyguard: un frances que protege sus secretos es el tema de esta pagina que ofrece un app para iPhone.

- Nizo: otra pagina de inicio para un app de iPhone. Note como los elementos se mueven.

- Kaleidoscope: la pagina de inicio para un app de Mac OS. Cada caracteristica tiene su propia seccion.

- Ala: la pagina de inicio para una ilustracion Suiza e interfaz de un estudio de diseño.

The Last Rocket
Contar una historia tiene mucho que ver con la autenticidad y mantenerse fiel al proposito de su producto. The Last Rocket es de 8-bits a corazon y lo demuestra en su pagina de inicio.

Historia contada exclusivamente en 8-bit.

Prueba Social

La prueba social (una de seis “armas de influencia,” de acuerdo con Robert Cialdini) puede ser una forma poderosa e irresistible para que las personas se subscriban a su servicio (o por lo menos para recibir una notificacion de lanzamiento). El concepto cita que la gente hara lo que vean haciendo a los demas. Hemos visto esto demostrado con el sistema viral de invitacion que Forkly utilizo y el sistema de red social que utilizo Connect.me. Una caracteristica complementaria seria de demostrar las subscripciones recientes o gustos en el centro de la pagina.

Gidsy
Gidsy es un mercado en la Web, y como tal necesita la confianza de la comunidad. Por eso, la empresa demustra el amor que ha recibido de parte de usuarios reales en su pagina principal, junto con dos elementos clave: una palabras explicativas, una forma de subscripcion con un boton de llamado a accion. Encontrara el boton titulado “Hospedar una Actividad” en el cabezal, aunque el servicio todavia no opera al 100%. Al verlo, muchas personas se convencen para regresar cuando se haya completado.

Elementos: texto con el slogan; forma de subscripcion; llamados a accion en el cabezal; prueba social.

Fellody
Fellody a tomado un acercamiento interesante a la exposicion y a la prueba social. Si usted se a suscrito y subido su foto a un perfil, la imagen puede ser incluida en el fondo de la pagina principal.

Fellody es una red social de musica con elementos de citas, asi que mostrar las imagenes de sus miembros a usuarios futuros tiene mucho sentido.

Elementos: prueba social.

Honestly.com
Despues que se une al sitio (a travez de Facebook), Honestly.com le envia un correo electronico mostrandole sus amigos que se han unido al sitio. Establece confianza momentos despues de subscribirse, y a la vez le ayuda a encontrar personas que usted conoce en el servicio.

Elementos: correo de confirmacion (prueba social, en vez de el palabrerio usual).

Fab
Anteriormente vimos con Justin Bieber en Instagram como la prueba social de parte de gente famosa puede crear un pique instante en trafico y subscripciones. Ashton Kutcher, quien activamente invierte en este tipo de paginas, lo conoce muy bien. Cualquier pagina en la que el invierte no solo recibe fondos pero tambien un pique en visibilidad. Fab es un tal programa que a recibido fondos de parte de Kutcher y otros. TechCrunch hizo un endorso de celebridades entre el y Kevin Rose.

Elemento: prueba social de celebridades.

Contenido Compartible (i.e. Viral)

Otra estrategia para ganar traccion antes de lanzar un sitio web seria crear contenido que se puede compartir. Esto puede ser cualquier cosa que la gente quiere consumir o que resuelva algun problema que esten teniendo.

BestVendor
BestVendor compartio un documento estadístico en su blog que fue aceptado rapidamente en la esfera de blogs y el mundo de paginas de inicio, y es el mercado al que quiere atraer. En su pagina de inicio, es una forma de subscripcion para coleccionar correos electronicos.

BestVendor compartio el documento titulado “Las herramientas para una pagina de inicio”.

Visual.ly
Visual.ly esparcio su mensaje en su video respecto a su servicio, junto con su pagina temporal. El video fue bien hecho y por esa razon fue compartido por muchos.

Un buen video es suficiente para llamar la atencion.

Haga Creer que Esta Listo y Brinquese “La Pagina Temporal”

Recientemente, se a hecho dudar la efectividad de estas estrategias virales. Algunas de las criticas cuestionan cuanto vale una subscripcion si la gente no sabe para que se estan subscribiendo. Convertir a alguien en un usuario despues que se subscribio puede resultar ser muy dificil. De esta forma, puede saltarse la pagina “temporal” y hacer ver como si esta listo para tener usuarios. Haga que su pagina de inicio parezca una pagina real para su producto.

Al saltarse the pagina “temporal”, puede probar su idea con los visitantes directamente. La meta todavia es de recibir muchas subscripciones, pero en el proceso esta obteniendo puntos de vista valiosos en su pagina de inicio.

EyeEm
Eyem tiene un app para Android. Si usted navega la pagina de inicio, puede asumir que el app para iPhone tambien esta listo. Pero si navega encima del boton de iTunes, le deja saber que el producto no esta disponible, y alli puede dejar su direccion de correo electronico. Se subscribe para una notificacion al crear una cuenta, asi que cuando el app este listo, ya esta registrado para usar el producto.

El boton de la tienda de Apps lo hace pensar que el app para iPhone esta listo.

Sitios Web que Responden a los Visitantes

Thermo
Thermo, la pagina de inicio para un “termometro de bolsa” para iPhone, hace un gran trabajo al decirle lo que la aplicacion hace. Rastrea su ubicacion, consigue la temperatura de el lugar y luego lo muestra en una imagen a la izquierda. Los desarrolladores tambien le permiten mostrar los resultados en Twitter, y asi consiguen mas visitantes.

Thermo responde a su ubicacion y temperatura.

Haga Facil que la Gente lo Ame

El ultimo y mas sencillo consejo es el siguiente: que la gente lo quiera. Este amor puede ser por un sin numero de razones: su diseño, sus ideas, su enfoque. O tal vez solo lo amen porque les hace la vida mas facil en alguna forma. Los visitantes siempre lo apremiaran por eso.

Akismet
Un detalle en la pagina de Akismet es el buen ejemplo de hacer la vida mas facil para la gente. Cuando le hace clic con el boton derecho de su raton al logotipo, una ventanilla se abre que dice “¿Busca el logo de Akismet?,” seguido por enlaces que lo llevan a bajarlo facilmente. ¿Cuantos escritores de blogs estan tratando de copiar logotipos a sus articulos? Yo no conozco muchos, pero todos lo van a querer por su atencion al detalle y por hacer sus vidas un poco mas facil.

Cuando le hace clic al logotipo, una ventanilla se abre y le ofrece bajar el logotipo en varios formatos.

CONCLUSION

Las estrategias citadas en este articulo proveen un vistazo de como pudiera hacer mas interesante su pagina de inicio. Muchos de los que analizamos han dado uso a estas estrategias para crecer sus numeros. Mas importante aun, ellos ofrecen un servicio que le intereso a la gente y pudieron compartir su vision con las personas correctas y hacer uso de su bucle viral.

Pero la lista no es exhaustiva y ciertamente la pagina de inicio no fue la unica razon por la que los productos tuvieron exito. Un proceso de blogs bien pensados, redes sociales y amigos frecuentemente es lo que se necesita. Pero la pagina de inicio es la primera cosa que los usuarios potenciales ven y es inteligente mostrar lo mejor en estas paginas.

Ahora es su turno…

¿En que paginas a dejado su correo electronico recientemente? ¿Hay otras herramientas que usted puede utilizar en sus proyectos web que no citamos aqui? Por favor sientase libre de compartir sus pensamientos con la comunidad en la seccion de comentarios abajo!

Mientras mis colegas se estan especializando aun mas, yo estoicamente me e negado a hacerlo, y permanezco un generalista. En todo caso, mis intereses se han ampliado, abarcando temas tales como el marketing, la psicologia y la estrategia empresarial.

Esto ha atraido criticas de algunos que ven el generalismo como algo negativo, pues e estado leyendo de ello en blogs. ¿De donde proviene esta negatividad, y, se puede justificar?

¿POR QUE SE CONSIDERA MALO SER GENERALISTA?
Parte de la critica se basa en lo complicado que se a convertido la Web. Conocer todo respecto al diseño web antes era posible, pero ahora es irrealista.

Esto es ciertamente una critica valida. Pero el hecho que el diseño web se ha convertido tan complejo significa que los generalistas necesitan ver mas alla de los silos que avientan los especialistas.

El peligro es que sin generalistas, los especialistas se han enredado tanto en sus propios silos que hallan dificil trabajar con especialistas en otras disciplinas. El generalista tiene que encomiar la colaboracion y ver mas alla de los silos que emergen con el desarrollo de la Web.

Sin embargo, yo sospecho que esto es solo una parte de la causa del “esnobismo” en contra de los generalistas.

No Confunda el ser Generalista con Carencia de Aptitudes

La percepcion es que los generalistas son comunes y relativamente no tienen aptitudes, porque todos comenzamos como uno cuando aprendimos de diseño web. Pero yo discuto con tales personas porque no son generalistas verdaderos.

Un generalista es alguen que tiene conocimiento en un gran rango de temas. Esto no describe a la mayoria de diseñadores web que existen, mucho menos a los que estan empezando. Es importante que no confundamos el ser generalista con alguien que no sabe nada.

Tal vez una descripcion apta es un aprendiz de todo. Pero esto es muy complicado pues tiene conotaciones negativas. Sin embargo, como usted vera, estoy orgulloso de aplicar mi mano en muchos temas. No lo veo como algo malo.

Especializarse No Es La Mejor Forma de Ganar Trabajos

Finalmente, yo opino que hay una percepcion que la especializacion es una buena manera de diferenciarse uno mismo en un mar de generalistas, y que frecuentemente lleva a trabajos mas grandes y mejores.

Ciertamente, especializarse es una forma de distinguirse a si mismo. Pero no es la unica forma. Uno tambien puede basarse en buenos trabajos, conocimiento de ciertos factores e incluso la amplitud de la experiencia y el conocimiento.

Tampoco es cierto que los especialistas son mas clasificados para trabajar en proyectos mas grandes. Los proyectos grandes envuelven equipos grandes, y un generalista es frecuentemente necesitado para atraer a todos los diferentes especialistas y hacer que todos trabajen efectivamente.

¿Significa esto que deberiamos negar la especializacion y hacernos generalistas? Para nada. Pero en muchas situaciones, se requiere a un generalista.

No todos estan de acuerdo con Paul Boag. Anita Hart esta convencida de que individuos generalistas tienen conocimiento amplio de por lo menos un area de especializacion.

¿DEBERIA USTED SER UN GENERALISTA?
Para ser claro, no hay nada malo con especializarse. Mi punto es que, en ciertas circunstancias, ser un generalista tiene sus ventajas. Aqui hay algunas circunstancias que se me ocurrieron:

- Usted Prospera con la Variedad.
La Web es un lugar ideal para cualquier persona con una capacidad de atencion corta. Pero el generalista tiene mas oportunidades que los demas para explorar nuevos desarrollos, tecnicas y tecnologias. Si usted esta impulsado a constantemente aprender cosas y enfrentar nuevos retos, entonces la constante variedad de disciplinas en la Web tambien le va a satisfacer.

- Su Equipo Web es Pequeño
Los equipos pequeños en organizaciones grandes, como con agencias chicas, necesitan generalistas. Tales equipos requieren que todos contribuyan y que hagan lo que se tiene que hacer. Pero en cambio, esto requiere que atienda muchas tareas.

- Usted es un Profesional Independiente
Trabajar independientemente requiere que usted ejerza muchos trabajos. Muchos clientes necesitan que usted les ayude con todo relacionado con la Web. Especializarse como un profesional independiente es posible pero no es la norma.

- Usted es Responsable por la Investigacion y Desarrollo
En organizaciones o agencias grandes, alguien tiene que mantenerse alerta con nuevas tecnologias que estan surgiendo. Mientras que los especialistas hacen esto con sus nichos, algunas modas surgiran que no caben entre estos silos. El generalista sera el que identifica estas nuevas oportunidades y las aserta para invertir en ellas.

¿POR QUE CONVERTIRSE EN GENERALISTA?
Convertirse en generalista es un paso increiblemente magnifico. Para empezar, mantiene sus opciones abiertas. Un generalista siempre anda buscando nuevas areas para explorar y se a posicionado en nuevos campos, como telefonos mobiles o HTML5.

Mantengase Alerta y Adaptese a Cambios en la Industria
El peligro que, como generalista, usted se vuelve tan estrecho de miras en su area de espcializacion que no puede detectar nuevas oportunidades o, peor aun, no puede anticipar la desaparicion lenta de su nicho. Tome como ejemplo a aquellos que no saben programar con mas que ColdFusion o Flash. ¿Estoy diciendo que estas tecnologias estan muertas? Todavia no, pero las señales no estan a su favor, y cuando tiene todos sus huevos en una canasta, el adaptarse es dificil.

El Potencial de Mas Trabajo
Al poderse adaptar pronto a nuevas circunstancias, a un generalista nunca le falta trabajo. Es mas, pueden crear la mayoria de productos desde comienzo a fin, sin tener que apoyarse en otros. No solo hayan esto reconfortante, pero tambien maximiza sus ganancias, porque es raro cuando tienen que buscar ayuda.

Esto se alinea con las espectaciones de los clientes, que quieren que usted les resuelva sus necesidades Web. Por supuesto, pueden haber ocasiones en las que usted necesitara buscar a un especialista. Pero un generalista deberia tener la suficiente experiencia para poder manejar esos proyectos, para que el cliente no tenga que coordinar con muchos ‘expertos’.

Pero antes que usted abandone el camino del especialista, es correcto que compartamos los peligros de ser un generalista.

LOS PELIGROS DE SER UN GENERALISTA
Una vez mas: No estoy sugiriendo que ser generalista es bueno para todos, o que hay algo malo con ser un especialista. Ser un generalista no es un jardin de rosas.

La Batalla de Demostrar Su Valor
En mi opinion, la batalla mas grande de ser un generalista es establecerse como un experto y distinguirse de los demas. Los generalistas parece ser que sobran. Pero los generalistas verdaderos, aquellos con conocimiento extenso en muchos temas, son raros de encontrar. Pero pocos lo ven asi. Los clientes entienden que ellos deben pagar mas por habilidades especializadas, pero no reconocen que deben pagar lo mismo por un amplio conjunto de habilidades.

Tambien, si a usted le importan tales cosas, los generalistas son innovadores. Ellos no tienen la gloria de desarrollar nuevas tecnicas de CSS o establecer nuevos estilos de diseño. En vez de eso, los generalistas marchan en la vanguardia, seleccionando aquellos elementos que valen la pena adaptar en la corriente principal.

La Carrera Constante de Aprender
Los generalistas constantemente tienen que digerir contenido de una variedad de fuentes y decidir cual es valioso y que se debe ignorar.

Si usted no es un estudiante de por vida, el ser generalista no es para usted. Me paso mucho tiempo cada dia leyendo los blogs de los especialistas que estan innovando para qe yo pueda estar al dia. Tambien tengo que asimilar lo que he aprendido, y a menudo consiste en probar estas tecnicas por mi mismo.

Claro esta, algunas de estas nuevas tecnicas estan mas alla de las habilidades de un generalista.

Los Limites del Generalista
Caer en la trampa de probar algo que se le pone en frente es facil para el generalista. Mientras que es admirable, esta cualidad puede ser un detrimento. Los generalistas pueden gastar horas tratando de hacer lo que un especialista hace en minutos. Peor aun, el resultado podria ser deficiente y perjudicial para su reputacion.

Los generalistas deben conocer sus limites, si esto significa saber cuando llamar a un especialista o simplemente aceptar que no pueden participar en ciertas tareas.

Asi que, ¿dónde deja esto al correo electrónico? ¿A perdido el simbolo @ como una direccion, y en lugar a llegado a convertirse en el significante de un nombre de Twitter? Creo que debemos reconsiderar radicalmente nuestro punto de vista respecto al correo electronico y entender que puede ser una herramienta poderosa cuando se maneja correctamente.

¿Hemos perdido nuestro amor por el correo electronico?

CAMBIANDO NUESTROS HABITOS

Mientras que estoy en desacuerdo con la asertacion que “lo social esta matando al correo electronico,” la evidencia muestra que el uso del correo electronico en la generacion joven va hacia abajo: una disminucion de 59% de jovenes en Estados Unidos entre Diciembre 2009 y 2010, de acuerdo con comScore. En el mismo estudio, solo las personas mayores de 55 años de edad han incrementado su uso del correo electronico. Esto es especialmente significante si representa un cambio en contra del correo electronico y a favor de las redes sociales y mensajes de texto como metodo preferido de comunicacion.

PERDIENDO LA FE EN EL CORREO ELECTRONICO

El correo electronico a existido por mucho tiempo (mucho antes de la Web), asi que no sorprende que para muchos a perdido su lustre. Para empezar, no es emocionante; otras plataformas de redes sociales han creado esa fanfarria. Twitter a sido anfitrion de los titulares mundiales, y Facebook a sido la fuerza detras de muchas campañas. En 2009, un grupo de Facebook hasta tuvo exito en poner la cancion “Killing in the Name” de Rage Against the Machine como “Cancion de Navidad #1″ en Gran Bretaña.

Este nivel de drama apela a los tipos de negocio que les gusta su red social “sexy”, y por esta razon es que Twitter y Facebook empujan los botones correctos a travez de los negocios. Si se compara, una campaña de correo electronico puede parecer anticuada.

El Correo Electronico en un ambiente de Redes Sociales

Por otra razon, carece de valor tangible. El valor de las compañias de Internet (y particularmente los gigantes de las redes sociales) han disparado. En Mayo de este año, LinkedIn fue valorado a $10 billones de dolares (41 veces mas de lo que valia en 2010). Facebook sigue siendo una compañia privada, pero rumores que se hara publica en 2012 incluye una evaluacion que pudiera alcanzar $100 billones de dolares. Mientras que muchos en la industria ven esto como un presagio se otra burbuja del .com, para muchas empresas es solo una oportunidad para invertir en estos servicios.

El correo electronico no es propietario, lo que significa que nadie esta puyando una agenda, y, a diferencia de los LinkedIn, Groupon y Facebook del mundo, no atrae una valor del mercado. La teoria del vaor nos dice que si algo no tiene valor en el mercado (como el agua, aire, etc.), es frecuentemente tomado por sentado. Yo creo que el correo electronico tiene un destino similar.

Finalmente y tal vez lo mas importante, carece el paquete mental de las que las redes sociales se nutren. A pesar del crecimiento del marketing, el correo electronico sigue siendo privado. Nadie sabe con cuales listas estoy suscrito, o a quien le escribe desde la privacidad de mi buzon, aunque por virtud de Facebook todos saben lo que desayune. En marcado contraste con los males insidiosos de la cultura “Me Gusta”, el comportamiente de mi correo electronico no se da a conocer a travez del Internet, y para los vendedores es una desventaja grande.

EL CORREO ELECTRONICO ES UNA MONEDA

La moneda del correo electronico.

Todos los usan

Es cierto que el correo electronico esta peleando con otros servicios para la comunicacion en la Web, pero sigue siendo ubicuo en una forma en que las redes sociales no lo son. Desde Mayo 2010, 39% de los usuarios de Internet en Estados Unidos nunca habian usado una red social, a comparacion con el 6% que nunca habian enviado o recibido un correo electronico. Si usted quiere alcanzar a la mayoria de su audiencia, el correo electronico siempre es la mejor opcion.

Es un identificador unico

Vale la pena notar que las personas tienden a ser miembros de muchos sitios de redes sociales simultaneamente, con diversos grados de participacion, pero normalmente solo tienen uno o dos correos electronicos activos. El correo electronico sigue siendo el identificador unico en la Web; usted lo utiliza para integrarse a casi todo, asi que tomara mucho para ser obsoleto.

Es un recurso codiciado

De acuerdo con una investigacion conducida por el Direct Marketing Association, se espera que el marketing por correo electronico genere un retorno de inversion de $44.00 por cada dolar gastado en el 2011. Esto se debe en parte por el hecho que mas clientes estan utilizando correo electronico: 93% de usuarios de correo electronico tienen relaciones con una marca de consumidor, opuesto al 15% en Facebook y 4% de Twitter (en acuerdo con Chris Brogan, presidente de New Marketing Labs).

Este valor a sido reconocido por muchas redes sociales. Facebook lanzo Mensajes, que provee a cada usuario con un correo de @facebook.com, porque entiende la importncia de un correo electronico en el grafico social. Google+ tambien esta tratando de dirigirse hacia la actividad de una red social, haciendo la distincion un poco borrosa.

SUPERANDO LOS OBSTACULOS

Espero que haya podido convencerlo que el correo electronico es una parte poderosa para su arsenal de las redes sociales. Pero antes de aprovechar al maximo de su capacidad, vamos a entender algunas de las limitaciones mas notorias de correo electronico.

Entienda las limitaciones impuestas por el correo electronico.

Spam

La encarnacion del correo basura es implacable. Plaga a los usuarios, que deben ser cautelosos al distinguir el correo genuino a los engaños. Los proveedores de correo electronico elaboran algoritmos para tamizar grano de la paja. Y tal vez lo mas molesto, los comerciantes de Internet tienen que batallar para poder atravezar algo comercial a los que se suscriben a sus listas.

Desafortunadamente, Twitter y Facebook no son refugios seguros. Gente de negocios no son los unicos que estan tomando interes en las redes sociales; los artistas de engaño tambien. Desde Abril 2011, Twitter requeria siete empleados de jornada completa para encargarse del spam.

Radiodifusion

Las redes sociales encomian las multi-conversaciones entre mucho usuarios. Incluso aquellos que no estan envueltos directamente en la conversacion pueden “oir” lo que esta pasando. El correo electronico es mucho mas directo; normalmente ocurre entre dos personas y no invita a participantes adicionales. Entender la limitacion del correo electronico lo hara en su mejor aliado. A menos que sea un correo personal, no recibira una respueta; sin embargo, es una de las mejores formas para entregar mensajes directos, como campañas y alertas, que no invitan discusiones ni acciones.

Presentacion

El correo en formato de HTML is mucho mas efectivo que el marketing en texto plano, pero usted necesitara conocer los trucos para hacerlo ver atractivo a travez de diferentes navegadores. Escribir codigo para correos electronicos significa regresar a 1998, lo que es suficiente para quitarle el estimulo a muchos. Por suerte, Campaign Monitor y MailChimp ofrecen plantillas para ayudarle. Solo asegurese de usar una herramienta para probar el correo a travez de diferentes clientes antes de enviarlo, o podra hacer mas daño que bien.

INCLUIR EL CORREO ELECTRONICO COMO PARTE DE LA CONVERSACION

“Bonnie Raitt una vez canto acerca de darle algo de que hablar a las personas, y eso es lo que debemos hacer con el marketing a travez del correo electronico! Empieze esa conversacion y continuela en su blog, Twitter y Facebook.”

- Rien van den Bosch

Los correos son dificiles de ignorar. A diferencia de las redes sociales, en donde el contenido es desechable, un correo requiere su atencion hasta que es leido. Use esto a su ventaja: mande campañas; puye su contenido mas interesante a sus usuarios; adapte sus ofertas para que atraigan a su audiencia.

Use el correo electronico para provocar una conversacion.

Tambien, el correo electronico es un medio muy calmado. Tener zero correos en su buzon es dificil, mientras que mantenerse al tanto de cada anuncio, tweet o actualizacion de estado no solo es estresante, pero casi imposible! Con el correo electronico, usted puede tomar su tiempo y ponerle pensamiento a sus palabras; puede dedicarle tiempo a la persona con la que se esta comunicando. El correo electronico no solo le da espacio a sus pensamientos, pero tambien le da tiempo de escribirlos claramente.

Si a escuchado del Slow movement (que aboga por un cambio cultural hacia la desaceleracion del ritmo de vida), entonces quiza va a quere considerar como el correo cabe al Slow Marketing.

PIENSE DOS VECES ANTES DE ENVIAR

Si no esta decepcionado for las faltas del correo electronico y encuentra 140 caracteres mas limitantes que libertadores, entonces esta en camino a incorporar el correo electronico en sus campañas de redes sociales. Lo mas probable es que sus suscriptores de correo electronico son su publico mas leal, asi que tratelos con respeto (lo que significa ofrecer contenido valioso, y no con mucha frecuencia), y pueden convertirse en sus mayores defensores.

Mientras hay montones de articulos dedicados a la creacion de campañas sociales de correo electronicos, le vamos a ofrecer unos cuantos para ayudarle a comenzar:

1. Tenga algo que decir.
Suena sencillo, pero mientras que se le permite actualizar todo a diario en Twitter, su audiencia de correo electronico no sera tan amable.

2. Hagalo digerible.
El correo electronico no limita la cantidad de palabras, pero necesita aplicar un poco de editacion de su parte. Si es un articulo largo, incluya un extracto y un link a su sitio web para la historia completa. Esto lo ayudara a rastrear el contenido popular de su sitio.

3. Sea regular.
Establezca un calendario que usted sepa que puede mantener regular. Una campaña mensual o semanal puede ser una buen guia.

4. Personalizelo
Adapte su tono a su audiencia. Muchos servicios de correo electronico ofrecen herramientas unicas. Usted no le hablaria a su esposa de la forma en que le habla a gerente del banco; tampoco deberia hablarle a su audiencia de la misma forma.

No olvide que el correo electronico solo es la mitad de la conversacion. Averigue lo que le gusta a sus lectores (puede utilizar su correo electronico para encontrarlos), y continue la conversacion con ellos!

Un ejercito de diseñadores se han juntado para lanzar este golpe. Su propaganda es convincente, y su sucesor propuesto es digno, capaz y atrayente. Su causa es importante, pero su manifestacion esta defectuosa.

EL ARGUMENTO

El argumento en contra de Photoshop se enfoca en el efecto del producto final. Photoshop puede ser utilizado para crear diseños impecables, pero despues de horas de arduo trabajo, puede terminar con una maqueta estatica que es incapaz de emular la experiencia que uno obtiene cuando el diseño es convertido en codigo y visto en un navegador. Ellos presentan el producto finalizado en el ambiente finalizado. Ellos tambien toman ventaja completa de las capacidades del navegador, como diseños fluidos, realce progresivo y animacion. Estas son cosas que Photoshop no puede hacer.

Si comparamos las dos metodologias mas cerca, nos encontramos con una serie de otras desventajas al enfoque de Photoshop. Por ejemplo, el procesamiento de textos de Photoshop no es nada comparado con el de los navegadores modernos. Las clases de CSS tambien hacen que el proceso de actualizar elementos similares sean mas faciles que buscar todas las instancias dentro del archivo de Photoshop. Incluso, hacer cambios estructurales a un sitio web puede ser hecho de forma mas facil con CSS. Finalmente, Photoshop frecuentemente choca, especialmente cuando se abre el dialogo de “salvar para web”.

Admito: los beneficios de un mejoramiento no se pueden negar, y Photoshop no ofrece ninguno. Es mas, los mejoramientos generados a traves de todo el Creative Suite es bastante atroz e inutilizable.

EL PROCESO CREA LA PERFECCION

El proceso creativo es exactamente eso: un proceso. Los clientes piensan que simplemente tronamos nuestros dedos y que la creatividad fluye directamente de nuestros cerebros a la pantalla, pero nosotros sabemos que no es asi. Nosotros sabemos que toman horas o dias de pensamiento profundo para generar la solucion perfecta. Y si usted es como yo, frecuentemente no se encuentra la solucion perfecta hasta que haya explorado un sin fin de callejones sin salida. Esencialmente, necesitamos tiempo y experimentacion para trabajar hacia las metas de un proyecto y determinar la mejor manera de comunicar lo que se tiene que decir.

La experimentacion es la clave a la creatividad. Sin el, el cerebro simplemente sigue lo que considera la ruta mas segura, y el resultado es tan mundano como el pensamiento detras de el. Muchos diseñadores que yo conozco comienzan sus diseños en papel: crean embozos para experimentar rapidamente con las posibles soluciones. Sin embargo, estos embozos sirven como puntos de lanzamiento; el proceso de diseño no se termina cuando el lapiz se intercambia por un raton y un teclado.

Photoshop es vital para un buen diseño Web porque extiende el proceso que se comenzo en papel. Le da a los interesados una coneccion directa a lo visual sin tener que preocuparse por la ejecucion tecnica del producto. En otras palabras, acomoda el proceso visual. El diseñador se le da un canvas en blanco – un patio de recreo para experimentacion – donde cualquier cosa es posible.

Como diseñadores, nuestro medio esta en un lenguaje visual. Es un lenguaje del subconciente, y nos permite conectarnos con otras personas a travez de nuestro trabajo en formas que la palabra hablada no puede. Grandes diseños dependen en un dialogo abierto entre el artista y el medio. Interferir con ese dialogo solo impide el proceso y distorsiona el mensaje.

Diseñar con mejoramientos crea una desconeccion con el medio. Las ideas ya no fluyen a la pantalla. Primero deben ser traducidas a un lenguaje que la computadora entiende. Como un juego de telefono, esta metodologia requiere una gran cantidad de interpretacion, que inevitablemente diluye la idea y su potencial. Esta cadena de traduccion introduce un estado latente que mata la experimentacion y compromete el diseño.

EL CAPATAZ O EL ARQUITECTO

La verdad es a menudo vista mas clara en situaciones extremas. Asi que, vamos a probar un pequeño experimento mental. Imaginese a usted mismo como un arquitecto con la tarea de diseñar un rascacielos corporativo. ¿Como procederia? Si usted es como la mayoria de arquitectos, empezaria con dibujo, y entonces trabajara hasta llegar a un AutoCAD. Eventualmente, usted terminaria con un modelo 3D generado con una computadora. Usted tal vez construiria un modelo a escala pequeña. Todo este procesamiento le da un mejor sentimiento del proyecto sin haberlo construido. Seria absurdo que el arquitecto saliera y empezara a soldar vigas como parte de su proceso de diseño; esa es la responsabilidad del capataz, y la construccion comienza ya que todo a sido diseñado.

Diseñar con mejoramientos es como soldar vigas sin un diseño. El cliente entiende – o deberia entender con su ayuda – que las muestras no son el producto final y que esto es para beneficio de ellos. Ellos quieren obtener una idea de como se vera el sitio sin tener que ir a algo ya construido. Les permite cambiar la direccion del proyecto antes de invertir mucho. Nuestra responsabilidad es de explicarles la diferencia de la muestra y del producto final. El tema de nuestra historia: no se haga pasar por capataz cuando es un arquitecto.

UN GRITO DE GUERRA

Aunque los mejoramientos pueden proveer una experiencia mas real a los clientes, Photoshop es claramente una parte importante del proceso de diseño. Desasernos de ella probaria ser desastroso. Lo que necesitamos no es cambiar nuestra metodologia, sino mas bien amalgamar nuestras herramientas. Necesitamos una herramienta que apoye el proceso creativo pero que a la vez nos de acceso a las sutilezas de nuestro medio.

Los editores WYSIWYG modernos estan fuera de lugar. Necesitamos algo mas como Photoshop, pero con las capacidades que nos permitan crear elementos DOM asi de facil en que creamos figuras. John Nack parece estar en el camino correcto con su idea de capas de HTML, lo que nos permitiria crear y darle estilos a los elementos de HTML y crearles con la maquina WebKit, todo dentro del mismo archivo de Photoshop. Mientras que la idea no es completamente practica, nos da algo en que trabajar. Imaginese abrir los estilos en las capas y poder agregar estilos de CSS3 a un elemento. ¡Qué felicidad!

Un ejemplo de como se podra ver una capa de HTML con estilos de CSS.

Jeffrey Zeldman hace muchos puntos validos de por que la creacion de una herramienta es imposible:

“HTML es un lenguaje con raizes en una biblioteca cientifica. No le importa como se ve el contenido. (Ni siquiera le importa a HTML5.) Ni una herramienta como Photoshop, que se trata enteramente de pixeles, ni una herramienta como Illustrator, que se trata de vectores, pueden generar HTML semantico, porque lo visual y lo semantico son dos cosas muy diferentes.”

Yo estoy de acuerdo. Cualquier herramienta que este hecha para traducir elementos visuales de un canvas a codigo inevitablemente caera ante el reino semantico. Las computadoras son monolingues: ellas necesitan que nosotros hagamos la traduccion. Sin embargo, ¿necesitamos codigo semantico si solo estamos creando muestras? Por que no podemos aceptar la realidad que no estamos creando el producto final y simplemente escupir HTML y CSS que sea “suficientemente bueno” para los propositos de muestras. Ya que el diseño sea aprobado, nos pondremos nuestra gorra de capataz y comenzaremos la construccion.

Hasta que nuestro paradigma este resuelto por una nueva aplicacion, Photoshop reinara como nuestra mejor herramienta para diseñar sitios web. Aunque al momento no le hablan a nuestro medio como quisieramos, si prueba ser una herramienta inapreciable cuando se trata del proceso de diseño. Photoshop es un campo de juego virtual para la experimentacion; si lo sacamos del proceso solo evitara que el diseño sea desarrollado. De esta forma, antes que cambie a los mejoramientos, debe entender que esta sacrificando creatividad por unas cuantas capacidades con un navegador. Por el bien de su cliente, la creatividad y trabajo, apeguese a Photoshop.

Mantener una buena relacion con su proveedor de hospedaje web tal vez no sea crucial, pero si es bastante importante si desea mantener un sitio que funcione. Recuerde que aunque usted sea el cliente, tiene que adherirse a los Terminos y Condiciones de su proveedor. Tambien deberia hacer una investigacion de los planes de hospedaje para evitar problemas en el futuro. Le vamos a proveer diez puntos en que pensar antes de iniciar servicios con un servidor de hospedaje web, y que hacer si ya tiene un proveedor.

1. NO SE QUEDE CIEGO MIRANDO EL PRECIO
Una de las mejores y mas faciles formas de mantener una buena relacion con su proveedor de hospedaje web es de no cegarse con el precio. Sabemos que es muy facil hacerlo, pero recuerde que en muchos casos se le entrega lo que pago. Hospedaje barato puede ser muy util y suficiente para sitios web pequeños, pero tambien puede muy malo y hacer que la relacion se dañe con el proveedor. Asegurese de ver cuales son las caracteristicas que se incluyen en el paquete de hospedaje web.

Una vez encontramos un plan bueno y barato, pero queriamos tener otros dominios hospedades en la misma cuenta. Resulto que no era posible, y tuvimos que ‘mejorar’ nuestro plan y pagar mas. Si hubieramos buscado otros planes, tal vez hubieramos encontrado algo mejor por un precio razonable. Asegurese de siempre comparar los diferentes planes de hospedaje que se le estan ofreciendo. Se dara cuenta que por unos cuantos pesos o dolares mas cada mes se le entregaran caracteristicas que valen la pena.

Por ejemplo, aqui hay algunas caracteristicas que no se incluyen en los planes basicos:

- Copias de seguridad diarias (en vez de semanales)
- Opciones de SSH
- Tiempo de funcionamiento garantizado al 99.9% (comparado a 99.5%)
- Mas opciones de pago: mensuales, trimestrales, anuales
- Mas bases de dato MySQL
- Sub-dominios adicionales
- Varias cuentas de FTP
- Dominios estacionados
- Privacidad WhoIs
- Garantia de devolucion por 90 dias (en vez de 30 dias)

2. ASEGURESE DE OBTENER BUEN TIEMPO DE FUNCIONAMIENTO
Esto es la parte mas dificil de saber en avanzado, pero las estadisticas deberian estar disponibles. Mire los sitios web que proveen estos numero si el proveedor no los tiene disponibles. La situacion ideal seria que el proveedor tuviera tiempo de funcionamiento al 100%, pero eso no es realista porque los actos de Dios no pueden ser detenidos. El estandar de la industria es 99.9% de funcionamiento, que significa que el tiempo de inactividad ocurre solamente 8 horas de todo un año. Si usted esperimenta problemas por horas largas, es hora de buscar un nuevo proveedor. Un sitio web que realiza pruebas para los sitios web es www.pingdom.com. Cuesta $9.99 dlls al mes, pero el programa hace un trabajo excelente de revisar el sitio web.

Con las redes sociales que hoy existen, usted deberia encontrar y seguir a su proveedor. Algunos proveedores ponen informacion relevante respecto a sus servidores en sus cuentas de Twitter. Algunos anuncian tiempo de inactividad o fallas en el servidor inmediatamente.

3. TIENE UNA CUENTA DE HOSPEDAJE WEB COMPARTIDA?

Conozca a Sus Vecinos de Su Servidor.

Si usted tiene una cuenta de hospedaje compartida, su sitio va a compartir un solo servidor con miles de otros sitios web. Es muy importante que usted averigue que son estos otros sitios por muchas razones. Digamos que uno de estos sitios web esta enviando correos de spam. Esto pudiera llevar a tiempo de inactividad para usted porque el servidor que hospeda su sitio estara recibiendo trafico pesado.

Tambien, sitios web que ofrecen archivos Torrent son malos vecinos porque toman mucha banda ancha y posiblemente haria que el servidor fuera prohibido. Si, hospedaje compartido envuelve muchos riesgos, y si estos riesgos le afectan a usted y a su sitio web, es hora de cambiar proveedor de hospedaje. Usted puede revisar su direccion de IP a travez de Live.com. Si usted tiene preocupaciones serias respecto a sitios malos que estan compartiendo su direccion, comuniquese con su proveedor.

Usted Esta al Merced de Su Proveedor
Usted esta al merced de su proveedor si cuenta con hospedaje compartido. La implementacion de programas y la seguridad es establecida en todo el servidor, y si su sitio no esta configurado de la forma adecuada o no puede aceptar ‘mejoramientos’, corre peligro. Por eso compartir una cuenta de hospedaje tiene sus desventajas.

Que buscar:

- Actualizaciones de servidor (ejemplo: PHP4 a PHP5)
- Ninguna direccion IP dedicada (ejemplo: 75.132.32.54)
- No se apoya HTTPS de forma adecuada
- Las vulnerabilidades de seguridad ocurren frecuentemente
- Instalacion de programas no se permiten para el usuario (usted)
- La configuracion no adecuada del servidor permiten problemas para el usuario (usted)

4. Eche un Vistazo a Su Reputacion
Esta es la mejor forma de saber si va a poder tener una buena relacion con un proveedor de hospedaje web. Preguntele a sus amigos y lea respecto a lo que otras personas dicen hacerca de sus proveedores en foros de chat. Ningun proveedor recibe solamente comentarios positivos; eso fuera raro. Pero sobre todo, lo que usted necesita encontrar son buenas criticas. Saber lo mas que puede sobre un proveedor le dara la idea de lo que se espera en el futuro.

Recuerde, no confie los testimonios que aparecen en el mismo sitio del proveedor. En algunos casos, son comprados o son falsos. Algunas compañias solo muestran comentarios positivos, lo que los deja sin valor.

Por ultimo, escribir su propia critica y calificar la compañia de hospedaje en un foro de criticas es buena idea. Recuerde, las opiniones de los usuarios son muy importantes cuando se va a comprar un producto. Sea objetivo y no hable por hablar; las personas quieren hecho que esten bien retratados.

5. CREZCA CON SU PROVEEDOR
En el comienzo, usted tendra necesidades limitadas porque el trafico y el numero de visitas sera bajo. Pero mientras pasa el tiempo, usted tendra que actualizar su cuenta. Asegurese que su proveedor le permita hacer esto de forma facil. Si usted comienza con hospedaje compartido, el proceso de actualizar a un servidor dedicado deberia ser facil.

De la misma manera, si usted empieza un sitio pequeño y espera que crezca, asegurese que las actualizaciones se permitan. Alguna compañias de hospedaje solo ofrecen un plan basico porque quieren especializarse en un solo servicio. Aunque sea una buena idea, esto no es bueno para clientes que deseen flexibilidad con su hospedaje.

6. EXIJA SOPORTE TECNICO EXCELENTE
¿Puede comunicarse con el equipo de soporte tecnico cuando el sitio tiene problemas? ¿Puede comunicarse con ellos las 24 horas del dia, 365 dias al año? No nos referimos a apoyo por telefono que este disponible parte del dia. El mejor tipo de soporte es a travez del internet, que muchos proveedores tienen. Las conversaciones en linea son faciles de documentar, asi que si el proveedor le promete algo, usted puede quedarse con una copia y mostrarselas despues.

El soporte en linea tambien es bueno porque tanto usted y el representante tienen que ser claros cuando escriben. Ya no existe el “Me dijo”. Estas son preguntas importantes que usted debe preguntarse antes de firmar algo. El soporte a travez de correo electronico es absolutamente necesario, y todos los buenos proveedores lo ofrecen.

7. NO SEA ENGAÑADO POR MITOS
Muchos proveedores son muy habiles con el vocabulario que usan, y no es nada fuera de lo comun que las personas sean engañadas por sus trucos:

Banda ancha sin limite
No hay tal cosa como banda ancha ilimitada. La razon por la que hacen esta promesa falsa de banda ancha sin limite es porque tal vez su sitio web nunca alcance la cantidad maxima. No le haga caso a nada “sin limite”.

Espacio de disco sin limite
Esto es igual que el primer mito: no hay tal cosa como espacio de disco ilimitado. Los proveedores que ofrecen esto tal vez cuentan con menos espacio de lo que usted se imagina.

Soporte tecnico 24 horas al dia, 7 dias a la semana
Nos hemos reido en base a este servicio. Si, va a poder enviarle un correo electronico a cualquier hora, dia o noche, 7 dias a la semana. Pero esto no significa que trabajen siempre para contestar sus preguntas. Busque un proveedor que ofrezca soporte tecnico en linea con un representante real.

Garantia de 99.9% de tiempo de funcionamiento
Este es el estandar de la industria, y muchos proveedores de hospedaje lo garantizan. No se engañe si lo hacen sonar como si nunca experimentan problemas. Wikipedia tiene momentos en los que el sitio no funciona. Como mencionamos antes, 99.9% es posible, pero revise los terminos para encontrar el significado de lo “garantizado”.

Activacion instante
Firme contrato, pague con su tarjeta de credito, y bum, su sitio esta en linea y listo para lanzar. Un momento, el proceso no es asi de sencillo. Puede tomar alrededor de 48 horas para que todos los servidores de DNS (localizados en todo el mundo) para actualizar la base de datos. Lo mas rapido que hemos visto que esto ocurra es una hora.

Traslade su sitio web en unos cuantos pasos
Estos “cuantos pasos” siempre se convierten en muchas yardas. No cambie proveedor de hospedaje web por unos cuantos dolares o pesos. Haga su tarea y averigue si el servicio del nuevo proveedor es mejor que el actual que tiene.

Cuentas de correo electronico sin limite
Las cuentas de correo electronico tienen limitacion de tamaño. Mientras que, en teoria, usted tiene la habilidad de de crear dozenas de correos electronicos, el tamaño de cada buzon es pequeño. Exceder su limite con un correo electronico puede ser costoso.

Deberiamos mencionar que los puntos que faltan, numeros 8 a 10, provienen de entrevistas realizadas con representantes de proveedores de hospedaje web. Mientras que estos puntos parecen ser repetidos, estaban en la cuspide de la lista de problemas. Por favor lealos y no los olvide.

8. SEA AMABLE CON LOS REPRESENTANTES DE APOYO TECNICO
Sin importar la situacion, todos nos podemos ver gritando y reclamando a un representante respecto a un problema que nos enfada. Esto, sin embargo, no es necesario; mantenga la calma. Si, puede ser que su sitio este fallando, y todo el mundo se le este viniendo hacia abajo, pero recuerde que esta hablando con una persona en el telefono. Un gerente nos dijo, “Los representantes de soporte tecnico tiene sentimientos y emociones tambien.”

Algunas personas hacen amenazas de cancelar su contrato para recibir algo por nada. Frecuentemente, muchas compañias de hospedaje se los daran, dentro de lo razonable, solo porque si. No hay necesidad de amenazar con cancelacion solo por salirse con la suya y forzarles decisiones pesadas. Puede que consiga lo que quiere ahorita, pero puede ser que el representante de hospedaje no sea tan amigable o acomodante a sus necesidas la proxima vez.

9. NO SEA ESTUPIDO
Repetir lo que todos saben se hace tedioso: clientes que violen los terminos de servicio seran capturados, y su contrato sera anulado. Si usted, en cualquier forma esta hospedando sitios web de pornografia, spam, archivos de Torrent o contenido ilegal, esta invitando problemas. Al final, los violadores siempre son capturados; pero el tiempo y los recursos que las compañias puedieran utilizar en desarrollar nuevas ideas y servicios son gastados lideando con estos problemas. Que malgasto.

Hacer algo que no deberia estar haciendo es una buena forma de: 1) conseguir la rescicion del contrato, 2) incrementar el costo del servicio, 3) hacer el sistema voluminoso.

Finalmente, la industria de hospedaje es, admitidamente, una jungla confusa. Las operacion sin escrupulos no son fuera de lo comun. Asegurese quienes son los mejores en la industria, y mantenga una buena relacion con su proveedor.

A lo largo de los siglos, hemos visto evolucionar los medios de comunicacion a traves de una amplia gama de canales, desde la prensa a la radio a la television y al Internet. Cada uno de estos canales, o medios de comunicacion, tienen sus propias caracteristicas unicas, al igual que las personas que las utilizan.

El medio por el cual nos comunicamos importa.

Cuando tratamos de entender estos diferentes medios de comunicacion, es mejor aprender a travez de Marshal McLuhan. Nacido en 1911 y fallecido en 1980, McLuhan no tuvo la oportunidad de experimentar la Web de la forma en que nosotros la conocemos, pero eso no lo detuvo de ejercer una gran influencia en ella. McLuhan fue quien hablo primero acerca de tecnologia y comunicacion y su evolucion a travez de los años, y de crear una “aldea global”. Como educador temprano y pionero del estudio de la comunicacion y su evolucion a medida que pasara el tiempo, McLuhan introdujo una gran cantidad de observaciones sobre el impacto de las nuevas formas de expresion y los medios de comunicacion. Mas notable aun fue la expresion de McLuhan “El medio es el mensaje”, que a tenido un impacto rotundo no solo en diseño web pero en todos los medios de comunicacion.

“El medio es el mensaje” es una frase que resume una teoria de la comunicacion mas profundo, que es el medio por el que elegimos para comunicarnos tiene mucho, si no mas, valor que el mensaje mismo. Al comienzo este concepto puede parecer vago y demasiado que entender. Pero puedo decir honestamente que entender el significado detras de estas palabras a revolucionado la forma en que encaro el diseño web; no por un punto de vista tecnico o un punto de vista procesal, mas bien una perspectiva mental fresca que provee claridad en como encarar y diseñar para la Web.

EN LA SUPERFICIE
La teoria de McLuhan ciertamente no a sido olvidada o descuidada. Al contrario, a sido ampliamente estudiada en un gran numero de circulos y a sido aplicada en la television, impresion y el Internet. Mientras muchas personas parecen entender el punto general, la verdad profunda es frecuentemente perdida o malinterpretada. Para poder entender este significado profundo va a ser necesario explorar el concepto general.

La percepcion del medio juega un papel vital.

La teoria central detras de “el medio es el mensaje” es que el medio por el cual el contenido es atravesado juega un papel vital en la forma en que se percibe. Sin duda esto se ve en el Internet, en la forma de obtener nuestras noticias con la forma en que se conseguia con la impresion. Pero tal vez una ilustracion mas clara puede ser pintada sin referencia a tecnologia o a la comunicacion.

Imaginese que esta en medio de un desierto. Un pozo es nuestro medio (como fuera la radio o la Web), y que el agua es nuestro mensaje. Un pozo rico y seguro en medio del desierto naturalmente se convertiria en el centro de rutas de viaje y quiza hasta pudiera mantener a una pequeña populacion. El agua en si no se puede sostener sin el pozo. Si fuera inaccesible o la gente no estuviera al tanto de su existencia no pudiera soportar vida. El pozo, como el medio, entrega agua a la gente que pasa y que vive cerca. Como resultado, el pozo se convierte en sinonimo de agua y vida, a pesar de realmente ser solo un agujero en el suelo.

UNA COMPARACION DE LA VIDA REAL
Sobre la base de la ilutracion del pozo que es el medio para el agua, podemos extender la teoria a tecnologia moderna. Comparemos una pelicula famosa a un sitio web asi como se conocen actualmente. Comunicar el mismo contenido general al usuario a travez de ambos medios (Web y TV) es importante. Sin embargo, porque los medios de comunicacion son intrinsicamente diferentes, experimentamos el contenido de una manera totalmente diferente.

Una pelicula es una experiencia lineal. Todos los que ven la pelicula participan en la misma serie preestablecida de un comienzo, el medio y el final. Vemos personajes e historias descubrirse sobre un periodo de tiempo, trabajando hacia una conclusion. Desde que se crearon las peliculas, esta idea a sido integral en las fases de planeacion y desarrollo. Todo esto es determinado por el medio, sin importar el mensaje.

La pelicula de Transformers ofrece una experiencia muy diferente a la Web.

Mueva el contenido a un sitio web y notara que la experiencia cambia drasticamente. En el contenido de un sitio web, es raro que la informacion pase al usuario en una experiencia lineal. Al contrario, los tratos de personajes, la historia y puntos de trama pueden ser divididos en diferentes paginas o secciones. Depende en el usuario que decida como va a consumir la informacion y alcanzar una conclusion. Igual que el comienzo, medio y final son parte de un proceso de una pelicula, la segmentacion y fluidez deben ser parte de los pasos de planeacion de un sitio web.

EXPANDIENDO NUESTRO ENTENDIMIENTO
Esto es muy bien, pero decir que la experiencia de diferentos medios en distintas formas no suena muy revolucionario. Muchas personas estan inclinadas a tomar la teoria de McLuhan como una leccion.

Bueno, agarrese porque estamos empezando la exploracion de que tan profundo es “el medio es el mensaje”, y como puede cambiar la forma que usted diseña y desarrolla para la Web.

Enlacese a la carretera de medios masivos de comunicacion.

Regrese a nuestro ejemplo del agua que se entrega a travez de un pozo. De ese ejmplo podemos conjurar una comparasion del impacto que tiene el agua fresca en nuestra sociedad. De la misma forma, podemos ver como un nuevo medio nos afecta. Antes del telefono, no exisitia tener una conversacion con un amigo de otro pueblo o region, por lo menos sin tener que emprender un viaje por dias o mas largo. En tiempos actuales, siempre estamos a una llamada para platicar con amigos o miembros de familia. Hasta damos por sentado que podemos comunicarnos con personas de forma tan rapida.

Llendo mas lejos, podemos preguntarnos si existiera tal cosa como “eventos globales” si no existieran cosas como satelites y el internet. Ahora, frecuentemente citamos varios eventos como cosas que “cambiaran al mundo”, pero hace 100 años el mundo entero no se podia comunicar. Antes teniamos la habilidad de aprender sobre desastres naturales, guerras, elecciones y logros tecnologicos a traves de l0s medios de comunicacion, un “evento global” simplemente no existia. Como resultado, no podemos discutir que los medios de comunicacion son una herramiento para canalizar eventos globales, pero tambien los hacen posible.

El Internet es una herramienta inestimable para expander y ejecutar una vision mundial.

Piense en ello. Sin el Internet, Justin Bieber no existiria para muchos de nosotros (fuera una bendicion). Por supuesto, el fuera parte del mundo, pero sin el medio de comunicacion que lo llevo al exito, la cura para la fiebre de Bieber no fuera necesaria.

UN IMPACTO EN DISEÑO WEB
Lo interesante es que los diseñadores web tienen la habilidad de crear herramientas, experiencias, servicios y comunidades como resultado de su medio. El internet tiene un alcance mas poderoso que otro medio en la historia, que a su vez tiene implicaciones igualmente importantes por su estado como el mensaje. Como un mensaje, el Internet predica facilidad de acceso, capacidad de expansion y satisfaccion instante, cosas que los diseñadores deberian tener en mente cuando comienzan cualquier proyecto.

Piense en como sus proyectos usaran el Internet, no como un medio pero como un mensaje. Despues del desastre que ataco a Japon en la primavera del año pasado, el Internet se convirtio en el medio preferido en todos los casos. Desde las herramientas para encontrar personas que Google ofrece, a los sitios de ayuda y los reportajes de noticias a travez del planeta, los sitios web se destacaron porque fueron hechos a la moda con HTML5 o diseñados responsablemente, porque nos permitieron comunicarnos con amigos o familia que querian donar a la causa. Nuevas herramientas, modas y CSS3 son parte del medio, pero juegan un rol de apoyo al mensaje.

CSS Zen Garden permance como un escaparate poderoso de como un diseño unico puede moldear un mensaje, es uno de los puntos originales para demostrar el poder del estilo.

Esto no significa que deberiamos minimizar o eliminar el diseño y estetica. En vez de eso, los diseñadores siempre deberian considerar como una decision de diseño moldea un mensaje. Las tecnicas que utilizamos cada dia – usando lineas, colores, figuras y otros fundamentos – juegan un rol en la forma en que el mensaje es recibido. Utilizando principios de diseño para moldear el tono y la audiencia de un mensaje, en vez de crear una apariencia con estilo y a la moda, es lo que separa a los profesionales de los novatos en nuestra industria. La realizacion de su pleno potencial como diseñador tiene mucho que ver con su capacidad de controlar su mensaje.

CONTROLANDO EL MENSAJE
Hemos regresado al punto original de este articulo. Como diseñadores web, ¿Cómo podemos utilizar la frase de McLuhan “el medio es el mensaje”?

Todo comienza cuando una idea o un pedido para un proyecto nos llega. Como profesionales, necesitamos guiar a nuestros clientes en el camino correcto y mostrarles como pueden tomar ventaja del Internet. Necesitamos reconocer que una tienda de abarrotes no se podra beneficiar tanto con un nombre de dominio y un sitio web tanto como lo pudiera hacer con una cuenta de Twitter y Facebook. Si el dueño de esa tienda no tiene intencion de conseguir clientes fuera de su vecindario, entonces un mensaje en el Internet no es necesario para el y sus clientes.

El mensaje entero es mas que la suma de sus partes.

En la otra mano, si el dueño de esta tienda quiere comercializar su nuevo producto a un mercado mas grande y expander su negocio, entonces la Web puede ser el lugar donde hacerlo. Como diseñador, usted le puede ayudar al dueño a controlar el poder de la expocision instantanea en la Web, marketing social, ordenes a travez del internet y todas las otras herramientas fantasticas que puede ayudar a crecer un negocio. El nuevo sitio web de esta abarrotes puede ser el faro de los estandares de la Web: sera responsivo, elegante y unico. Por supuesto, tal vez notemos que ninguna de estas cosas puedan ganarle dinero. En vez de eso, el Internet, cuando se utiliza como un mensaje a nuevos clientes, se convierte en un poder real.

Por supuesto, esto solo es la punta del hielo cuando el Internet se usa para beneficiar a un negocio, servicio o aplicacion. La ubicuidad gradual de la Web hace este tema mas emocionante y poderoso. Apegandonos al mensaje que nuestro medio presenta va a la mano con las soluciones de construccion que son adaptivos y que constantemente se estan expandiendo con la tecnologia.

Como se menciono antes, mis herramientas, aptitudes y proceso para diseñar y desarrollar sitios web siempre esta evolucionando. Pero, el factor de motivacion detras del diseño web esta en el mensaje. El mensaje es lo que hace dinero, tiene un impacto o expande su alcance. Sin ello, el interes en sitios web y aplicaciones nunca se lanzaria.

PARA LLEVAR
Cuando todo a sido dicho y hecho, lo mas importante que recordar son dos cosas acerca de McLuhan y sus enseñanzas. Primero, el medio con el que se experimenta el mensaje forja la percepcion del usuario respecto al mensaje. Segundo, el medio puede ser el mensaje en si mismo si se esta entregando el contenido que de otra forma seria imposible acceder.

Mantengalo simple, y deje que el medio haga su parte en la comunicacion.

Cuando comienze sus proyectos y su opinion profesional lo cuestione en como controlara el poder del Internet, siempre considere el mensaje. Los diseñadores que siempre hablan acerca de las modas recientes y grandes siempre ponen por sentado el punto real. Nosotros utilizamos la Web para crear soluciones bellas y unicas que eran imposibles hacer unos cuantos años. Como diseñador, asegurese de siempre respetar el mensaje poderoso que el medio contiene.

Antes que nada, ¿que es un ‘proceso’? Un proceso de desarrollo web es un resumen de pasos que deben tomarse desde que se comienza y se termina un proyecto. Divide y categoriza el trabajo, y luego quiebra estas secciones de alto nivel a tareas y recursos que pueden ser utilizados como un mapa para cada proyecto.

UN PROCESO TIPICO
Aqui esta un proceso que fue creado usando ejemplos de toda la Web, y tambien tomados de mi experiencia.

1. Planear
La etapa de planear es indiscutiblemente la mas importante, pues lo que se decide aqui forma la base de todo el proyecto. Esta tambien es la etapa en la que se requiere la interactuacion con el cliente y la atencion al detalle.

- Analisis de requerimientos
Esto incluye las metas del cliente, el objetivo publico y toda la informacion relevante que usted pueda obtener. Aunque el cliente haya planeado su sitio web con cuidado, no tenga miedo de ofrecerle sugerencias utiles de su experiencia.

- Documento del Proyecto
Los documentos son un resumen de la informacion que ha sido colectada y concordada con el cliente. Estos documentos son tipicamente concisos y no muy tecnicos, pues sirven como referencia a travez del proyecto.

- Mapa del sitio web
El mapa del sitio guia a los usuarios que estan perdidos en la estructura o necesitan encontrar un pieza de informacion de forma rapida. En vez de solo alistar paginas, incluir links y una jerarquia organizada de paginas es una buena practica.

- Contratos que definen papeles, derechos de autor y puntos financieros
Este es un elemento crucial  de la documentacion y debe incluir terminos de pago, fechas de clausura del proyecto, causas de terminacion, derechos de autor y fechas. Sea concizo y eficiente.

- Obtenga acceso a los servidores y construya estructura de archivos
Informacion tipica de obtener y validar incluye el FTP, nombre de usuario y contraseña; configuracion de centros de data; y todos los lenguajes actualmente instalados.

- Determine los programas y recursos requeridos (fotografia stock, fuentes, etc.)
Mas que determinar las necesidades de servicios de otras compañias, identifique si va a ocupar a sub-contratistas o programas adicionales que tendra que adquirir. Agregue todo esto al precio del proyecto, y cobrele al cliente donde sea necesario.

2. Diseño
La etapa de diseño  tipicamente envuelve mover la informacion indicada en la etapa de planificacion a la realidad. Los puntos mayores son la estructura documentada del sitio web y, mas importante, una representacion visual. Ya que se complete la fase de diseño, el sitio web deberia empezar a tomar figura, con excepcion del contenido y animaciones especiales.

- Planeacion de elementos de diseño
Esto es donde el diseño visual del sitio web empieza a tomar forma. Empiece a diseñar usando la informacion colectada del cliente en la fase de planificacion. Papel y lapiz son sorprendentemente util en esta fase, aunque tambien existen varias herramientas en la Web.

- Muestras basadas en analisis de requerimientos
Diseñar muestras en Photoshop permite que las modificaciones sean sencillas, mantiene los elementos del diseño ordenados, y permite que facilmente se corten las imagenes para codificacion.

- Ciclo de revision y aprobacion
Un ciclo de revision, modificacion y aprobacion de las muestras frecuente lleva lugar por ambos el cliente y el diseñador hasta que quedan satisfechos con el diseño. Este es el momento mas facil de hacer cambios, no cuando el diseño a sido codificado.

– Cortar y codificar con XHTML/CSS valido
Es tiempo de codificar. Corte el diseño aprobado, y escriba el codigo HTML y CSS para el diseño basico. Elementos interactivos de jQuery vienen despues: por ahorita, solo ponga los visuales juntos en la pantalla, y asegurese de validar todo el codigo antes de continuar.

3. Desarrollo
El desarrollo envuelve todo el trabajo de programacion, igual que cargar todo el contenido. Mantenga el codigo organizado y comentado, y haga referencia a la etapa de planificacion constantemente mientras el sitio vaya tomando forma. Tome un enfoque estrategico, y evite problemas al ir probando todo mientras vaya progresando.

- Construir un marco de desarrollo
Esto es cuando los requerimientos unicos lo forcen a divagar del proceso. Si esta utilizando marcos de ASP/PHP o un sistema para el manejo de contenido, este es el momento de implementarlo y hechar a andar la maquina basica. Hacer esto a la etapa temprana asegura que el servidor podra aguantar la instalacion.

- Haga plantillas para cada tipo de pagina
Un sitio web  normalmente contiene varias paginas (ejemplo: inicio, contenido general, blog, formas) que pueden ser instaladas basandose en plantillas. Crear plantillas personalizadas para este proposito es una buena practica.

- Desarrolle y pruebe los efectos especiales y la interactividad.
Aqui es cuando todos los elementos lujosos comienzan. A mi me gusta hacer esto antes de agregar el contenido estatico porque el sitio web ahora provee un espacio de trabajo limpio y despejado. Algunos codificadores les gusta tomar formas y la validacion en esta etapa tambien.

- Llenelo de contenido
Tiempo para la parte aburrida: cargar todo el contenido previsto del cliente o un escritor. Aunque sea mundano, no se equivoque, ya que las paginas mas simples exigen tipografia apretada y atencion al detalle.

- Pruebelo, verifique los links y funcionalidad
Este es un buen momento para revisar el sitio web. Use su manejo de archivos como guia, atraviese cada pagina que fue creada – todo desde la pagina de inicio hasta la pagina de confirmacion – y asegurese que todo funcione en orden y que no se haya saltado algo visual o funcional.

4. Lanzamiento
El proposito de la fase de lanzamiento es prepara el sitio web para que el publico pueda verlo. Esto requiere el pulido final de elementos de diseño, pruebas extensas de la interactividad y una gran consideracion de la experiencia del usuario. Un paso importante temprano en esta fase es de mover el sitio, si es necesario, a servidor Web permanente. Hacer pruebas en el ambiente de produccion es importante porque los diferentes servidores tienen varias caracteristicas y comportamiento inesperado.

- Pulido
Si no esta batallando para terminar en la fecha de entrega, pulir el diseño terminado hace un gran diferencia. Aqui podra identificar partes del sitio web que pueden ser mejoradas en formas pequeñas, ya que usted quiere enorgullecerse del sitio web igual que el cliente.

- Transferencia al servidor vivo
Esto puede significar transferir a un servidor vivo (aunque a esta etapa ya tuvo que haber estado probando el sitio en un ambiente vivo), y quitar todas las paginas de “bajo construccion”. La ultima revision del sitio ocurre aqui. Asegurese que el cliente este al tanto de esta etapa, y sea cuidadoso con la hora en la que se lanza el sitio si el sitio web ya es popular.

- Pruebas
Corra el sitio web a traves de los ultimos diagnosticos utilizando las herramientas adecuadas: validadores de codigos, revisadores de links, etc. Usted querra encontrar los errores usted mismo en ves de escuchar quejas del cliente o de un usuario.

- Ultima prueba en los navegadores (IE, Firefox, Chrome, Safari, Opera, iPhone, BlackBerry)
No olvide revisar el sitio en varios navegadores una ultima vez. Solo porque el codigo es valido no significa que el sitio se vera bien en otro navegador.

5. Despues del lanzamiento
El negocio  vuelve a entrar al cuadro en esta etapa mientras se encarga de las pequeñas tareas relacionadas con terminar el proyecto. Enpacar los archivos, proveer instrucciones para el administrador y cualquier entrenamiento requerido ocurre en este momento. Siempre mantenga a su cliente lo mas informado posible, y trate de predecir cualquier pregunta que podra tener. No deje el proyecto con las puertas cerradas; comuniquele al cliente que esta disponible en el futuro para darle mantenimiento y apoyo.

- Entrega al cliente
Asegurese que el cliente este satisfecho con el producto y que todas las obligaciones del contrato hayan sido llenadas. Un proyecto terminado debe dejar a usted y al cliente satisfechos, sin ningun tipo de problema.

- Provee la documentacion y los archivos
Provee la documentacion del sitio web, como una copia del mapa del sitio y detalles de los lenguajes que se utilizaron. Este ayudara a prevenir sorpresas para el cliente en el futuro, y sera util si deciden trabajar con otro desarrollador.

- Documentacion final
Haga que el cliente firme los ultimos cheques, y dele la informacion de contacto para apoyo tecnico, y oficialmente terminen el proyecto. Mantenga una relacion fuerte con su cliente; comuniquese con el un mes despues para asegurarse que todo ande bien.

Como mencionamos al comienzo, esto solo es un proceso de muestra. Su version puede ser modificada como usted guste. Los procesos tambien pueden diferir basados en la naturaleza del producto; por ejemplo, sitios web para ventas, aplicaciones Web y marketing digital tienen requerimientos unicos.

DOCUMENTANDO EL PROCESO

Es importante crear y retener dos versiones de su proceso de diseño web:

Uno para usted o su equipo para usar como guia mientras trabajan en un proyecto, y otro para compartir con sus clientes. Las diferencias entre los dos deben ser muy claras: el suyo debe mantener informacion mas detallada y contener recursos tecnicos para ayudar con el desarrollo; el del cliente debe ser conciso, sin ningun mapa tecnico del proceso.

Herramientas comunes para documentar el proceso de negocio es Microsoft Word, o Microsoft Visio. Si usted es ambicioso, puede desarrollar su propia herramienta interna basada en la Web.

UTILIZAR EL PROCESO

A esta etapa, usted deberia entender como se ve el proceso, incluyendo detalles de cada fase, y debe tener una idea de como construir su proceso de diseño web. Este es un gran paso, pero solo es el primer paso! No se pierda lo siguiente: conocer como un proceso puede mejorar su negocio y como usarlo al interactuar con nuevos clientes.

Refinando el Proceso
El proceso sera diferente para cada diseñador, y para cada proyecto. Desarrolle un proceso para usted mismo, e identifique lo que sea util para usted o su equipo. De esta manera el proceso sera realmente util.

Listas son buenas, pero el proceso puede ser mas util que eso. Muchos de los recursos, herramientas y links localizados en blogs o Twitter caben en diferentes partes de este proceso. Una forma util de refinar el proceso es agregando links de recursos a cada fase, y de alli desarrollar sus propios recursos.

Algunos documentos comunmente usados por diseñadores son:

- Cuestionarios para el cliente,
- Facturas,
- Contrato del proyecto,
- Documentacion para el cliente,
- Cuentas de usuarios,
- Mapa del sitio.

Archivos y Documentos
Documentacion y archivos es muy importante. Sin importar lo mundano que son, puede ayudar a la hora de declarar impuestos, o cuando su empresa comience a expander.

Un Proceso Pone a Descansar al Cliente
Muchos clientes ven el diseño web como una caja negra, aun despues que usted los a tratado de educar en sus metodos. Para ellos, pueden proveer sus requerimientos, sugerencias y contenido, y luego despues de un tiempo un sitio web comienza a tomar forma. Frecuentemente no estan al tanto de aspectos grandes del proceso, como la separacion del diseño y el desarrollo. Tener un proceso organizado y conciso a la mano puede ayudar a organizar los pensamientos del cliente y poner su mente a descansar, y los ayudara a entender donde se esta utilizando su dinero.

La explicacion de mi proceso es siempre el primer paso que tomo con nuevos clientes. Una discucion de como funciona el proceso provee una gran vista del proyecto. Ya que tenga esta platica, el cliente entendera mejor lo que usted necesita especificamente de el, lo que usted estara entregando en ciertos puntos, junto con el tiempo y el tipo de trabajo que usted estara tomando mientras progrese. Mas que nada, la platica puede quitar todo tipo de falta de comunicacion o confusion que el cliente tenga.

Mucho diseñadores estan tan metidos al diseño web para darse cuenta que muchas personas no tienen idea del lo que hacen, que no entienden la terminologia, o no conocen los pasos involucrados para terminar un proyecto. Empezar con un cliente que no conoce estas cosas puede ser abrumador.

Riesgos
Un proceso no puede ser aplicado a cada proyecto. Aunque su proceso puede ser util cuando comience a hablar con un cliente y planear su proyecto, asegurese de revisar el proceso antes que la platica comience y asegurese que quepa con el proyecto.

Los diseños nostalgicos despiertan sentimientos, despiertan memorias y pueden involucrar a una miriada de lectores aunque ellos mismos no se den cuenta. Mas aun, lo retro se ve cool y ofrece a los lectores o visitantes algo que no se esperaban. Asi que, ¿por que no tratamos de impresionarlos con arte impresionante vintage?

Debajo encontrara una celebracion de diseños vintage y retro – anuncios, ilustraciones, cubiertas de libros, pernos y cartelones de los años 1920-1980s. Las imagenes no fueran hechas necesariamente en el siglo 20. Lo vintage vive hoy, y por eso este articulo tambien muestra diseños de artistas y diseñadores que hacen uso de lo vintage y retro en sus trabajos.

Aviso: si despues de leer este articulo tiene ansias de comprar nieve, masticar chicle o comer chorizo, no nos culpe a nosotros.

RETRO COSMICO
Retro Cosmico, Diseños hechos por James White.

Rock Robot!
La cubierta de Daft Punk es elegante y cool: lo retro ya entro!

Yopta project
Diseño de Evgeniy Kiselev.

Andy Gilmore
Jugando con colores estilo retro.

PAQUETES Y PUBLICIDAD

Vendedor de Nieve
Una ilustracion contemporanea.

Publicidad Fortunello
Este diseño es muy efectivo! Nos compramos una nieve despues de verlo!

Kit de Tejer

Hudson – Circus C
Pagina de “Circus Alphabet”, un libro de Whitman Tell-a-Tale, 1954. Ilustracion hecha por Patric Hudson.

Niños y Niñas
Libro nuevo de Betty Crocker para niños y niñas.

Trajes de baño Jantzen
Diseñados por Pete Hawley, 1949.

Remarkable!
Un anuncio de los ’50s.

Beso de Perfeccion
‘Teen Octubre 1961.

Licor del Polo
Un anuncio español de Licor del Polo, 1960.

Anuncio de chicle Wrigley’s Spearmint
Anuncio de Wrigley’s Spearmint puesto en la revista Real America, 1935.

Anuncio de Crema Corporal
¿Puede creer  que este anuncio es de los 70s? TV Radio Mirror, Julio 1972.

Arte Espacial
Bohn Aluminum Glass, 1947.

Colossal Cocktails

Calendario Hotpoint Diciembre
Calendario de anuncios hecho en 1953 anunciando las cocinas electricas.

Instrumentos Flight through

I Wake Up Screaming
Clasico. ¿Cuantos libros con este tipo de cara a leido? Hecho en 1941.

PERNOS Y BOTONES VINTAGE

Puntos Azules en Fondo Cafe

Botones Kawaii

Fans de los Beatles

Sets de botones

Tazitas rosadas

CARTELES Y TIPOGRAFIA

Anuncio de los ’60s – Anuncio en una revista
Pelicula: bimestrale sui problemi della comunicazione audiovisia”.
Estudio de promocion: Studio S&F Cappellato. Milano, Italia

Scott Hansen
El trabajo de Scott Hansen is extremadamente poderoso. Estos carteles impresionan por el uso de colores y figuras geometricas.

Buen dia a todos! Estamos emocionados de tener tan buenos clientes y que nuestra campaña en la Web a sido un exito!!! Para celebrar, queremos darles la oportunidad de ganarse lo siguiente:

- Diseño Grafico para tarjetas de impresion
- Ambos lados seran diseñados
-  Impresion Personalizada, GRATIS!!!

Todo lo que tienen que hacer es lo siguiente para calificar a la promocion:
Subscribirse a nuestra boletin, y confirmar el link que se les enviara por correo electronico. Asi de facil!

Al fin del mes, escogeremos a DOS ganadores entre todos los correos que sean sometidos, apurense y metan los suyos antes que la promocion termine!!!

Encontraran una forma de subscripcion en la siguiente pagina: http://www.graphicsolutionsbaja.com/nosotros/

*Se aplicaran los cobros de envio si el cliente se encuentra fuera del municipio de Tijuana.