Publicidad:
Terra
La Coctelera

Categoría: Diseño Web

Vídeo en la Web: 6 prácticas para mejorar

Vídeos On Line Mauna MediaEstos días hemos estado intensamente trabajando en una serie de vídeos para uno de nuestros clientes. Y la verdad es que cada vez se nos hace más relevante la producción de contenido audiovisual, para las redes sociales e internet en general.

De hecho entendemos que la tendencia en el vídeo para internet, es de crecimiento exponencial y que prácticamente estará en todas partes (Móviles, Tablets, Netbooks, IPods etc.) en los próximos meses, por lo que se nos ocurrió comentarles algunas prácticas para mejorar sus vídeos en los canales digitales:

1. Ser real:

El video online es una excelente manera de proporcionar a tus clientes una mirada realista en tu negocio. Esto es una vitrina importante de la personalidad de la marca o negocio, hacerlo de forma torpe puede ser peligroso e impactar su credibilidad. Antes de grabar su vídeo, te proponemos escribir los puntos con los que deseas diferenciarte y sobre todo los mensajes clave que quieres transmitir con el vídeo. Te proponemos no hacer un vídeo de "venta y mercadeo", en su lugar hacer un vídeo que gire más hacia una conversación con tu audiencia.

2. Escoge un tema interesante:

Elige temas de vídeo que sean entretenidos o útiles para tu público. Los clientes disfrutan de ver - y compartir - contenidos de entretenimiento, tales como una historia interesante acerca de un producto nuevo o un vídeo instructivo que demuestra tu experiencia. Por ejemplo, si posees un negocio de jardinería, puedes crear un pequeño video acerca de cómo plantar rosas, con instrucciones paso a paso. Otro enfoque puede ser crear videos que responden a las preguntas comunes de tu servicio al cliente. Recuerda que mientras más interesantes sean tus contenidos, más gente los seguirá y por supuesto compartirá.

3. Vídeos de corta duración:

Esta es una regla de oro para los vídeos en línea, lo idea es producir vídeos en torno a los dos minutos o menos. Si tienes mucha información o imágenes para compartir, lo ideal es dividirla en una serie de videos más cortos. Es muy importante eliminar cualquier riesgo que implique pérdida de tiempo para tu audiencia visualizando tu contenido.

4. Optimizar para búsquedas orgánicas:

Si aún no lo tienes crea tu propio canal en YouTube y publica tus vídeos allí. Los vídeos de YouTube a menudo reciben un lugar importante en los resultados de búsqueda de Google, lo que realmente puede mejorar tu posicionamiento y atraer más tráfico al sitio web de tu negocio. Cuando cargues un nuevo vídeo en YouTube, recuerda crear un título basado en las palabras clave que deseas que se presente para cuando alguien realiza una búsqueda. Añade una descripción detallada y 10-15 etiquetas de palabras clave acerca de su contenido y tu negocio, incluyendo nombre comercial, para maximizar los resultados orgánicos.

5. Look de impacto:

Para crear videos con la mejor calidad, puedes hoy en día puedes utilizar casi cualquier cámara de vídeo en formato HD de bajo costo. Tómate el tiempo de editar tus vídeos de forma profesional. Nosotros recomendamos que lo hagas con profesionales del área. Si decides hacerlo por tu cuenta, recomendamos usar software profesional para editar. Recuerda colocar el logo de tu marca al inicio y cierre de tu vídeo. Y que no falte la dirección web hacia donde deseas que se dirijan tus clientes luego de ver el vídeo.

6. Compartir en todas partes:

Ahora que el vídeo está en tu canal de YouTube, ¿cómo conseguir que más gente lo vea? Pues bien, puedes publicarlo en otros sitios de vídeo, como Metacafe, Blip.tv, o Video Yahoo!. También puedes (y hoy día creo que debes) compartir tus vídeos en Facebook, Twitter y LinkedIn. Redes Sociales donde se encuentran tus fans y seguidores, de tal forma que puedan ver, comentar, compartirlo con sus amigos y contactos. No te olvides de agregar tus vídeos a tu sitio web, blog, y agregadores RSS.

¿Qué les parece? Si tienen alguna otra sugerencia, por favor no duden en dejar su comentario abajo.

Los dejo con el trailer de la nueva película de Spielberg "Super8" a manera de inspiración:

RadioGastronomica.com por Mauna Media

RadioGastronomica.comTrabajamos intensamente varias semanas junto a Marlon Sanabria y el equipo de RadioGastronomica.com, la primera y única radio digital especializada en destacar la gastronomía mundial.

Este emprendimiento 100% digital y venezolano, acudió al team MaunaMedia para que lo ayudáramos a refrescar su identidad y presencia digital, algo vital y estratégico para este concepto.

Así que desde @MAUNAMEDIA y como parte habitual de nuestros servicios acompañamos a nuestro cliente realizando la conceptualización y diseño de su logotipo, buscando darle una identidad más robusta y orientada al mundo gastronómico.

Luego de esto entramos en la fase de diseño y desarrollo del sitio web, orientando la construcción visual hacia la nueva identidad, la imagen de los locutores de la radio y conservando un estilo comercial atractivo para los anunciantes.

Incorporamos también en nuestro servicio, el trabajo con el reproductor web de la radio y la incorporación de las redes sociales, como parte de la estrategia de Social Media Marketing de esta novedosa radio digital. ¡Nuestro cliente quedó satisfecho!

Sitio Web RadioGastronomica.comCliente: RadioGastronomica.com Proyecto: Identidad y presencia digital. Diseño, concepto de logotipo y Sitio Web. Enlaces sociales: Twitter y Facebook

@PollitoIngles

Estamos muy contentos!

Desde hace varias semanas veníamos trabajando junto a @VanyVany en su hermoso proyecto: www.pollitoingles.com. Nos conectamos con esta emprendedora Venezolana, para ayudarla a darle identidad a @PollitoIngles así como a iniciar sus primeros pasos con una presencia digital 2.0.

¿Qué es Pollito Ingles?

PollitoIngles.com es una plataforma que te permite publicar artículos usados de bebés para intercambiar, comprar o vender! ¡¡Es libre de costos!! La idea es poner en contacto a los padres con las mismas necesidades!!!.

Desde @MAUNAMEDIA como parte de nuestros servicios estamos acompañando a PollitoIngles desde la concepción del logotipo, lo que implica el diseño de una identidad digital, hasta el diseño de su sitio web y por supuesto pequeñas sesiones de Coaching Digital para el despliegue de su estrategia en Social Media.

En las Redes Sociales ayudamos a Pollito Ingles a desplegar su Fan Page de Facebook y continuamente estamos apoyando a Vanessa Marcano a conversar a través de su cuenta de Twitter: @PollitoIngles.

Cliente: PollitoIngles.com Proyecto: Logotipo, Sitio Web, Social Media Facebook y Twitter. Enlaces: www.pollitoingles.com y en Facebook: http://www.facebook.com/PollitoIngles

Mi sitio web: El costo de la Calidad

"No tengo presupuesto para la web". Suele ser una de las frases más frecuentes por estos días, cuando conversamos con potenciales clientes que desean desarrollar una presencia e identidad Web. Son muchas las respuestas que solemos dar a continuación, y dependiendo de cada caso por supuesto. Pero... reflexionaba con @MIGUELBERNAL a partir de estas situaciones, sobre el costo de la calidad en el diseño de una experiencia digital y me pareció oportuno escribir un post. Todo el mundo tiene un primo, sobrino, tío, hermano que "hace páginas webs". Y, con el auge de un montón de aplicaciones (software) gratuitas, desde gestores de contenido hasta "páginas en feisbuk" pasando por los "timeline" de Twitter, pues hace que muchas medianas empresas, con necesidades modestas de presencia e identidad digital para su negocio, se decanten por "el primo" ó por soluciones de "bajo costo".

¿Pero realmente deseas que tu empresa tenga una identidad digital de "bajo costo"? Y, desde mi mirada personal, tampoco tiene que ver con pagar grandes y escandalosas sumas de dinero.

En un mercado global como el que tenemos hoy, el rango de oferta de equipos profesionales para construir sitios web es muy amplio, nosotros estamos claros, que no importa dónde se encuentre su negocio, usted puede encontrar estos servicios hasta en la luna. Pero, ¿cuánto me cuesta encontrar calidad en medio de esta vorágine?

El Costo de la Calidad Web

El Costo de la Calidad

Comienza con la complejidad de la web que desee tener. Una cosa es un sitio web de 5 ó 10 "páginas" y otra muy diferente es colocar su proceso de compra totalmente en internet.

Así que para tener una primera idea de los costos relacionados, quiero proponerte esta lista inicial, a manera de bitácora, de ruta que te permita entender dónde están los costos(*) de tener una presencia e identidad digital con calidad:

  • Registro de dominios: Costo aproximado en US$ 10 a US$ 35 por año por dominio. (Ejem. www.miempresa.com)
  • Alojamiento: Las tarifas varían considerablemente dependiendo de la complejidad de su sitio web, el tráfico que se espera y algunos requisitos de seguridad de información. Costo estimado: servidor compartido, US$ 8 a US$ 50 por mes, plan comercial, US$ 25 a US$ 250 por mes; servidor dedicado, US$ 125 hasta US$ 1.000 + por mes.
  • Diseño Visual ó de Interfaz: Si ya lo tienes no hay problema, pero si ni siquiera tienes el logotipo de la empresa, sin duda vas a tener que recurrir a Diseñadores Visuales (Gráficos) para desarrollar estas piezas, además diseñadores que estén claramente familiarizados con el mundo web. Costo estimado: el arte sin royalties, a partir de cerca de US$ 10 por imagen/pieza, Diseñador Web, US$ 50 a US$ 150 por hora. (esto varía mucho)
  • La creación de contenidos: el desarrollo de contenidos por lo general comienza contigo, pero los servicios profesionales de creación de contenido digital pueden ayudarte mucho. Costo estimado: $ 50 a $ 85 por hora.
  • La gestión de contenidos, configuración e implementación de un CMS: Un Gestor de Contenidos, hace que tu sitio sea más fácil para crear, mantener y actualizar. Costo estimado: $ 50 a $ 85 por hora.
  • Programación: La programación incluye formularios en línea, comercio electrónico y herramientas de CRM, así como componentes personalizados necesarios para que tu sitio pueda ofrecer lo que tu modelo de negocio requiere. Costo estimadísimo: $ 85 hasta $ 125 por hora y / o tarifas planas o tarifas para el uso de aplicaciones de terceros. Nota: Si insistes en la construcción de tu sitio en tecnología Flash, muy probablemente tengas que pagar 25 por ciento a 50 por ciento más.
  • Pruebas de Usabilidad: el Costo estimado es de US$ 35 a US$ 50 por hora (plan de por lo menos durante media hora por página).
  • Google Analytics: Google Analytics es gratuito, y es rápido y fácil de instalar. Existen muchas otras aplicaciones similares más robustas que varían en precio. Costo estimado US$ 50 a $ 85 por hora de instalar y configurar Google Analytics u otros programas, US$ 50 hasta US$ 5.000 + honorarios mensuales de los sistemas más robustos.
  • Blog: Si el blog es considerado por separado de tu sitio web, va a representar un costo adicional. Costo estimado US$ 500 a US$ 2.500 por primera vez el programa de instalación incluido el diseño gráfico, programación y configuración.

Siempre les comento a los clientes que un sitio web, no termina nunca. Tiene tanta vida como el propio negocio que lo desea crear. Por lo que, luego de la lista anterior, existen otros servicios relacionados que pueden ir representando ciertos costos/beneficios en el desarrollo de la identidad digital de una empresa ó marca. Por ejemplo, estrategias de Social Marketing, a través de las redes sociales y que, requieren de presencias digitales robustas, y no de "empaquetados" comprados a bajo costo, ó desarrollados por el "primo que hace páginas webs".

(*) Costos estimados, en US Dollars como referencia para el lector.

Diseño de Interfaces Sociales

En estos días conversaba con un cliente, al que le estoy haciendo el diseño de su radio digital, y me impresionó mucho ver como pedía algo (su web) sin saber realmente ni papa de lo que estaba comprando y, además con algunas funcionalidades "básicas" que hoy día no pueden faltar en una web.

Una de ellas era "la integración con Twitter y Facebook", -ya sabes lo social-, ah! respondí claro!.

Con el auge de las redes sociales los neo-echadores de código y diseñadores como yo, no podemos ya descartar el hecho que la web es eminentemente social, es decir, lo social también es digital y viceversa. De ahí que me den ganas de escribir sobre cómo diseñar interfaces sociales. Pacman Social WakaWaka en facebook

Diseño de Interfaces Sociales

Antes de salir corriendo a incorporar "cosas" sociales a tu sitio web, cabe preguntarse: ¿quiénes son las personas? ¿cuál es el objeto social del sitio web?. Y es que si estamos tratando de hacer un sitio web "más social", es recomendable conocer ¿Quiénes son las personas que visitan nuestro sitio? ¿Son fans, clientes, empleados, lectores del blog? ¿Quién es realmente el público?.

El objeto social

El "objeto social", es lo que la gente viene a nuestro sitio web, para aprender o hablar de eso. Un objeto social podría ser, por ejemplo, algo tan simple como las fotos (como en el caso de Flickr) o tan abstracto como un concepto o una idea (como la famosa pregunta: ¿qué estás pensando? de la gente de Twitter).

La definición del objeto social del sitio web es clave, porque permite a diseñadores/desarrolladores organizar ó filtrar las las características que se pueden incorporar en el diseño, y en consecuencia todas las actividades posibles como: "me gusta, lo pido, mis favoritos, lo toco...etc".

En este punto, y estando sobre la mesa de diseño, es necesario preguntarse: ¿Qué es exactamente lo que motiva a las personas a entrar en nuestro sitio web?. Contestado todo lo anterior, entonces es más fácil identificar los patrones de interacción que están presentes en el diseño del sitio web social.

Por último, un consejo importante. No es posible realizar un plan de desarrollo web social para los próximos 5 años. El diseño de estas interfaces es iterativo en primer lugar y además, está estrechamente ligado al comportamiento de las personas en los medios sociales digitales de la actualidad, se trata de probar y si se falla, volver a iterar y continuar con la evolución del proyecto. La evolución de Twitter (otra vez) es un gran ejemplo de como el # y el @ fueron interpretados por los creadores de esta red, por el uso que las personas les dieron a lo largo del tiempo.

¿Listo para diseñar una interfaz social?

¡Hola Mauna Media!

En el Hasta luego DBAccess, había dejado pendiente contarles sobre mi Hacer, de ahora en adelante.

Hoy lanzamos al mundo a Mauna Media, Experiencias Digitales. ¡Y que mejor fecha que la misma en que se inaugura el Mundial Sudáfrica 2010!. No creo en el azar ni en cosas esotéricas, pero me parece una fecha mágica para declarar y darle vida formal a esta aventura emprendedora.

Mauna Media es un sueño, una cumbre… nuestra cumbre. Surge como casi todo lo que tiene que ver con el Ser y Hacer humano, emerge desde el espíritu emprendedor y en la coordinación de conversaciones diarias y cotidianas. En nuestro caso surgió de múltiples conversaciones entre Miguelacho y Yisus (y con otras personas más), de ese conversar sobre lo digital, lo social, las nuevas organizaciones, el emprendimiento como oportunidad y en definitiva de una visión sobre una vida profesional y personal diferentes, desafiantes y conectadas con nuestra esencia humana.

Mauna Media es una Red de Profesionales Digitales especializada en crear, desarrollar ó impulsar la presencia e identidad digital en la Web Social y Medios Emergentes. En especial es un servicio de consultoría y formación destinados a emprendedores, profesionales y empresas.

Tenemos todo por delante para realizar, por lo pronto los invito a visitar nuestra web www.maunamedia.com ó a seguir nuestros tuiteos a través de @maunamedia.

¡Los esperamos!

Yisus Beto

3 pasos para desterrar el término “Página Web”

Tengo varios años en esto del diseño digital, por lo que hay unas cuantas “páginas web” en mi pasado. Y es que todavía hay personas que me buscan para que “les haga su página web”.

Estudiando intensamente las distinciones de la Ontología del Lenguaje, es inevitable no darme cuenta de las posibilidades que abre ó cierra, el determinado uso de las palabras en el mundo que nos rodea. Incorporadas las distinciones ontológicas en mi “lenguajear” cotidiano, vuelvo a mirar mi oficio de diseñador digital y descubro que “página web” definitivamente limita no sólo el proceso de diseño, sino la compra de quien te pide tener una identidad digital en la web de hoy.

La “página web” como metáfora, ha quedado totalmente en el pasado de la internet.

La palabra "página" tiene que ver con “el papel y los libros”. Y aunque nunca llegó a tener un sentido literal en el internet, fue una metáfora útil cuando el contenido digital en la web era absolutamente estático, cuando se comportaba más como el contenido en los libros.

Pero las posibilidades y capacidades de las interfaces digitales han cambiado radicalmente en la actualidad. Ahora la web es un universo lleno de contenidos y servicios, plataformas, productos y redes sociales. Un ecosistema de aplicaciones de software comunicándose entre sí, juegos, multimedia, todo tipo de dispositivos pequeños ó grandes, móviles, multi-tarea y multi-usuarios conectados a Internet desde cualquier lugar.

Esto es lo suficientemente importante como para que a la hora de diseñar, dejemos de pensar en “sitios” y “páginas”.

Nuevas metáforas

La metáforas son vitales en el diseño de experiencias digitales, porque ellas nos ayudan a facilitar la comprensión del concepto que visualmente queremos transmitir en la interfaz digital.

La “pagina” limita nuestro pensamiento durante el proceso de diseño, aquí algunas ideas asociadas que lejos de abrir, justamente cierran posibilidades a lo nuevo:

Referencia a lo físico (de papel)

Único (una unidad de "una página")

Similitud / conformidad (las páginas tienen el mismo tamaño y forma envolvente… así como en conjuntos)

Secuencia (paso a la página 1, luego a la 2 y luego a la 3)

Linealidad (a su vez la página 1 primero, y luego 2 la siguiente, y después 3, siguiendo una Sucesión (principio, medio y final)

Un solo punto de entrada (la portada)

Espacio limitado (coacción física)

Textos de orientación (visuales como soporte, no el contenido principal) Implica leer y centrar la atención

Todas estas asociaciones son específicas e inherentes a un libro, por lo que pueden significar limitaciones a las tecnologías que estamos utilizando hoy en día.

¿Por qué no animarnos a eliminar el sustantivo “página” de la naturaleza interactiva de la web? Se trata de buscar palabras que generen mundos nuevos, que nos permitan re-pensar nuestro propio proceso de diseño de interacciones digitales.

3 pasos para pensar nuevas metáforas alternativas a “la página web”

1.- Cuando funciona, nadie se dará cuenta. Cuando el nuevo término tiene sentido, nadie te verá raro. Deben ser palabras que tengan sentido para todo el equipo. Implicará un esfuerzo importante, pero es un gran ejercicio pensar en palabras nuevas que abren nuevas acciones, mundos ó situaciones. Sin discriminar, con sentido común.

2.- Crear conciencia lleva tiempo. Para buscar nuevas palabras, para generar nuevos mundos hay que ser más conciente del lenguaje propio. Es decir, tienes que pensar bien primero, lo que vas a decir. También empezar a hacerse preguntas: ¿Si no es una página, entonces qué es? ¿es un espacio? ¿es una mirada? ¿Es descriptiva ó generativa esta palabra? ¿tiene sentido? Es un gran ejercicio de diseño hacerse muchas preguntas, sobre lo nuevo a conceptualizar. Eso produce reflexión.

3.- Aleja los viejos conceptos de los nuevos. Hay muchas más ideas relacionadas con la experiencia de uso y sus asociaciones, de lo que uno se imagina. Comprendiendo mejor las cualidades de lo que estamos diseñando, viendo cómo se comportaría en diferentes contextos de uso: ¿cómo sería en un IPhone este producto? ¿en un blackberry? Deje de pensar como un “diseñador de páginas web”.

Así que, desecha definitivamente esa metáfora de “página web”, simplemente comienza a sustituir esa palabra por otras nuevas. Nos todas servirán, pero te iniciarán en el camino de pensar diferente. Deja salir las nuevas metáforas, déjalas entrar en etapas experimentales de uso, piensa en el contexto de uso y en la experiencia, y finalmente mantente alerta a los nuevos términos que evocan la riqueza de las experiencias interactivas.

Saludos,
->beto

Goodbye, Google

A propósito que en estos días recibimos en DBAccess, nuevamente el reconocimiento como uno de los 100 Mejores lugares para Trabajar de Latino américa, según Great Place to Work Intitute, recordé un post que leí en StopDesign escrito por Douglas Bowman, el diseñador gráfico responsable de las plantillas de Blogger por allá en las edades tempranas de la Web 2.0, y que le he seguido la pista desde aquellos años.

En ediciones anteriores de los reconocimientos de Great Place To Work Institute, en "las 500 mejores" dentro de EEUU, Google fue por 2 años consecutivos el mejor lugar para trabajar en Estados Unidos (por el tamaño de la economía y el desarrollo del país podría decirse del mundo). Justo en ese tiempo, Douglas había dejado su empresa -StopDesign- para irse a trabajar con la empresa de Montain View.

Recuerdo que cuando leí esa noticia en su blog, dije: "Wow, qué más puede pedir este pana?, consiguió trabajo en Google!!", haciendo cosas que me gustan a mí en lo personal: Diseño Visual, Usabilidad, Interfaces etc.

Mi sorpresa fue mayor, cuando leí su post: Goobye, Google.

En ese post, Douglas habla de como empezó a trabajar en Google siendo el primer Diseñador Gráfico puro, armó un equipo de cero e intentó hacer diseño en una empresa donde el 80% de las personas son ingenieros.

Aparte de todo lo bueno, lo interesante, son las razones por las cuales luego de 3 años decidió irse de Google, que resumo:

  • Antecedente: Cuando Douglas se conecta con la empresa, tenía apenas 7 años de fundada, todo este tiempo y todos sus productos sin un Diseñador Visual, sólo ingenieros con experiencia en HCI.
  • Ninguna de estas personas tenía posiciones de liderazgo, ni estaba cerca, como para tomar decisiones relacionadas con el diseño y estética de los productos de Google.
  • Dada la mayoría de ingenieros en la empresa, cada decisión de diseño, era reducida a un simple problema de lógica, eliminando toda subjetividad y mirando sólo lo que los datos indican.
  • Si los datos están a favor ok, sino, se vuelve a la mesa de diseño.
  • Los equipos en google no pueden decidir entre 2 tonos de azul, se realizan hasta 41 pruebas por cada tono de color para ver cuál es el de mejor performance.
  • Las discusiones de diseño podrían ser inclusive por 3, 4 ó 5 píxeles.
Según sus palabras, se cansó de un ambiente donde, cada detalle mínimo de diseño se revisaba exhaustivamente contra los datos, además sin mayor autonomía para tomar decisión en el área de diseño que es justamente su especialidad.

Pareciera que el conflicto se produjo entre la estética del diseño y la lógica de los números, rigurosamente objetivos. En cualquier caso, me parece una experiencia súper enriquecedora. Luego de irse de Google, al cabo de 1 semana, Douglas Bowman se estrenó como Director Creativo en otra pujante empresa de nuestra era en internet: Twitter. Pueden leer su post para más detalles.

Saludos,
->beto