Las ventajas de usar Wireframes son por un lado que el equipo y el cliente se centra en el diseño de contenidos y no en el diseño visual, y por otro lado, definiendo la organización y estructura en etapas previas al diseño y programación se evitan cambios posteriores más costosos, reduciendo así costos y tiempos.

La información que deben contener los wireframes es:

• Inventario de contenido.
• Elementos cómo: cabeceras, enlaces, listas, imágenes, formularios, etc.
• Vínculos, títulos, etc.
• Layout.
• Notas que nos indiquen el comportamiento de algunos elementos.

En general esta herramienta es parte del proceso de arquitectura de infomación y permite definir el detalle del contenido de las páginas más relevantes, por ello es aconsejable realizar el wireframe antes de empezar con el diseño y la programación del proyecto web.

Es evidente que el uso de wireframes es una muy buena idea para el desarrollo de proyectos web, más aún si los enriquecemos con otras dimensiones, como por ejemplo con indicios para la construcción del HTML y CSS. Es también una valiosa herramienta para determinar claramente los contenidos a nivel de página, junto con marcar hitos con el cliente respecto al desarrollo del proyecto.

Para más información sobre los wireframes y su utilización os recomiendo leer el siguiente post de Olga Carreras.

Herramientas relacionadas:

Hoy he probado la aplicación MockFlow de prototipado  para aplicaciones web, me ha resultado muy fácil de utilizar y con un gran número de posibilidades para configurar tu wireframe. Su principal  ventaja es que es una aplicación online, permitiendo realizar modificaciones en el wireframe que se mostrará en todos los equipos que estén visualizando la aplicación a tiempo real.

Para descargar la aplicación visita el sitio de MockFlow: www.mockflow.com

Ver un ejemplo de un wireframe creado con MockFlow: Prototipo de revista online

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

Con el boom de las redes sociales, como Facebook, Tuenti, MySpace o Twitter, y de las webs 2.0, donde lo crucial es la participación y el dialogo entre usuarios, las empresas vieron que no podían descuidar ese flanco de consumidores, aquellos que con sus comentarios tenían la capacidad de perjudicar o beneficiar a una empresa, además de suponer un nuevo reto para llegar a los potenciales clientes que abandonan otros canales publicitarios como la televisión o la prensa. La profesión surgió en EE UU y desde finales de 2008, con la maduración de redes como Facebook, llegó a España.

AERCO (Asociación Española de Responsables de Comunidad) define Community Manager (CM) como:

«quien se encarga de cuidar y mantener la comunidad de fieles seguidores que la marca o empresa atraiga, y ser el nexo de unión entre las necesidades de los mismos y las posibilidades de la empresa. Para ello debe ser un verdadero experto en el uso de las herramientas de Social Media».

Entre las responsabilidades del Community Manager (CM) destacan:

1. Escuchar.
   Monitorizar constantemente la red en busca de conversaciones sobre nuestra empresa, nuestros competidores o nuestro mercado.
2. Circular esta información internamente.
   A raíz de esta escucha, debe ser capaz de extraer lo relevante de la misma, crear un discurso entendible y hacérselo llegar a las personas correspondientes dentro de la organización.
3. Explicar la posición de la empresa a la comunidad.
   El CM es la voz de la empresa hacia la comunidad, una voz positiva y abierta.
   Responde y conversa activamente en todos los medios sociales en los que la empresa tenga presencia activa (perfil) o en los que se produzcan menciones relevantes.
   Escribe artículos en el blog de la empresa o en otros medios sociales, usando todas las posibilidades multimedia a su alcance.
4. Buscar líderes, tanto interna como externamente.
   La relación entre la comunidad y la empresa está sustentada en la labor de sus líderes y personas de alto potencial. El CM debe ser capaz de identificar y “reclutar” a estos líderes, no sólo entre la comunidad sino, y sobre todo, dentro de la propia empresa.
5. Encontrar vías de colaboración entre la comunidad y la empresa.
   La mayoría de directivos desconoce cómo la comunidad puede ayudar a hacer crecer su empresa.
   El CM les debe mostrar “el camino” y ayudarles a diseñar una estrategia clara de colaboración.

Si quereis saber más acerca de esta profesión, os animo a que os descargueis este PDF elaborado por AERCO (Asociación Española de Responsables de Comunidad) y los chicos de Territorio Creativo.

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

Red Innova 2010 pretende volver a ser un encuentro referencia de innovación, tecnología e Internet para los mercados de habla hispana y portuguesa.

Entre los temas estrella de esta nueva edición de Red Innova destacan las nuevas tecnologías, la transformación de los mercados, el e-commerce, cloud computing, la relación entre medios tradicionales y online o los entornos sociales. El desarrollo de todas estas temáticas se llevará a cabo a través de conferencias, talleres de trabajo y mucho networking.

El encuentro contará con la presencia del presidente de Google España, Javier Rodríguez Zapatero, el vicepresidente de búsquedas de Yahoo para Europa y América Latina, Ricardo Baeza-Yates, el director general de Red.es, Sebastián Muriel o la consejera delegada de Tuenti, Koro Castellanos entre otros.

Además en el marco del encuentro Red Innova se realizará la segunda competición de Startups de Iberoamérica en la que 15 empresas innovadoras relacionadas con la tecnología y con un alto potencial de crecimiento puedan presentar sus proyectos ante especialistas y representantes de empresas de capital riesgo.

Red Innova 2010 tendrá lugar los próximos 14 y 15 de junio en Madrid y el coste de las entradas oscila entre los 250 y los 340 €.

Para más información de Red Innova 2010 accede a www.laredinnova.com.

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

Google TV es una nueva experiencia tecnológica que fusiona la televisión e Internet convirtiendo a la web en el canal de contenidos más completo imaginable.

Esta plataforma ofrecerá un sistema de búsquedas en el televisor que permitirá acceder a numerosos contenidos web (desde vídeos de Youtube, fotografías en Picasa, participación en servicios online como chats, redes sociales…) pasando por programas de televisión o contenidos propios.

Los directivos de la compañía mostraron durante Google I/O el funcionamiento de Google TV que estará basada en sistema operativo Android y que funcionará sobre el navegador Chrome.

Según ha sido anunciado Sony fabricará los primeros aparatos de televisión y Logitech fabricará un descodificador que permitirá usar Google TV en un televisor convencional. Se calcula que en octubre comenzarán a venderse en Estados Unidos los primeros televisores con Google TV integrado.

Con este anuncio parece clara la intención de Google de introducir la navegación online y las búsquedas en los televisores con el objetivo de seguir liderando el mercado de la publicidad que solo en Estados Unidos mueve 70.000 millones de dólares en anuncios de televisión.

Interesados pueden acceder a más información de Google TV desde www.google.com.

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

Ejemplo:
En el caso de un automóvil, por ejemplo, su interfaz de usuario estaría formada por el volante, los pedales de acelerador, freno y embrague, la palanca de intermitente y así sucesivamente.
En el caso de un sistema operativo o de un programa de ordenador, el usuario interactúa con él a través de sus menús, iconos, pulsaciones del ratón, etcétera.

Lo cierto es que, a medida que los sistemas se vuelven más complejos, también resulta más difícil diseñar buenas interfaces de usuario que permitan abstraer al usuario de esa complejidad subyacente. Pero, precisamente por esa misma razón, cada vez cobra más importancia el diseño de interfaces de usuario que permitan a éste formarse un modelo mental del sistema lo más intuitivo posible.

A continuación se citan los diez principios generales del diseño de interfaces de usuario que propone Jakob Nielsen, tal vez el experto en usabilidad mundialmente más conocido, en su artículo Ten Usability Heuristics:

1. Visibilidad del estado del sistema:
   El sistema debería mantener siempre informados a los usuarios sobre qué está haciendo, a través de una realimentación apropiada y en un tiempo razonable.
2. Correspondencia entre el sistema y el mundo real:
   El sistema debería hablar el lenguaje del usuario, esto es, usar palabras, frases y conceptos que le fueran familiares, siguiendo los convenios del mundo real y haciendo que la información aparezca en un orden lógico y natural.
3. Control del usuario:
   Puesto que muchas veces los usuarios nos equivocamos y elegimos alguna función del sistema por error, es necesario que haya siempre una “salida de emergencia” para salir de esa opción lo más cómodamente posible y, en general, proporcionar mecanismos que permitan deshacer los cambios producidos por una acción no deseada, así como repetir acciones ejecutadas con anterioridad.
4. Consistencia y estándares:
   Evitar el empleo de distintas palabras, situaciones o acciones para el mismo elemento. Hay que seguir, además, en cada caso, los convenios existentes.
5. Prevención de errores:
   Es mucho mejor disponer de un diseño cuidado que prevenga que se produzcan errores a que se diseñe para que se envíe buenos mensajes de error.
6. Reconocer mejor que recordar:
   Minimizar el esfuerzo memorístico del usuario haciendo visibles los distintos objetos, acciones y opciones. Éste no debería tener que recordar en un cuadro de diálogo, por ejemplo, la información mostrada en una pantalla anterior. Las instrucciones de uso deben ser visibles o, al menos, tiene que poder accederse fácilmente a ellas.
7. Flexibilidad y eficiencia de uso:
   El sistema puede proporcionar una serie de atajos para los usuarios expertos sin que éstos sean perceptibles para los principiantes, adaptándose así a ambos tipos de usuarios. También debería permitir personalizar aquellas acciones más frecuentes que llevan a cabo los usuarios.
8. Estética y diseño minimalista:
   Se debe evitar mostrar información irrelevante o que rara vez es necesaria. Cada unidad extra de información que incluyamos en una pantalla va a competir con el resto y disminuir así la visibilidad relativa de otra información más importante.
9. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de los errores:
   Los mensajes de error deberían expresarse en lenguaje natural (nada de códigos de error), indicar el problema de forma precisa y sugerir una posible solución.
10. Ayuda y documentación:
    Aunque lo ideal sería que el sistema estuviese tan bien diseñado que no requiriese documentación, puede que aun así sea necesario proporcionar instrucciones de uso. En ese caso, tendrá que ser fácil encontrar en ellas lo que necesitamos, deberán estar centradas en las tareas que realiza el usuario, enumerar, allí donde sea necesario, la secuencia concreta de pasos que hay que realizar para llevar a cabo una determinada acción y, por último, no ser demasiado extensas.

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

Nivo Slider

Coin Slider

JQuery Popeye 2.0

jqFancy transitions

Easy Slider

Galleria

Image Flow

Imagen Slider

JQuery Circle Plugin

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

Durante la sesión, la profesora Sandra Sieber, directora del departamento de Sistemas de Información, ofreció algunas claves sobre la necesidad de aplicar la web 2.0 en las empresas, centrando el debate en si ésta pasará de moda o si tiene alguna utilidad real que las compañías pueden aprovechar.

“Lo que está claro es que la web de hace diez años y la de hoy en día, bien poco tienen que ver. Hemos pasado de una web (1.0 si se quiere) pasiva e unidireccional, en la que lo que se hacía principalmente era leer, a una web 2.0 activa y bidireccional en la que no sólo podemos leer, sino también escribir, participando en la creación de contenidos  no por interés económico, sino por puro reconocimiento social”, comentó la experta.

Según la profesora de IESE, lo que ha hecho la web 2.0, con sus blogs, wikis, redes sociales y demás, es abrir “nuevas vías de interacción que por fuerza obligan a las empresas a repensar sus planes de comunicación, y permitir reestructurar los flujos de trabajo”.

Para comprobar si la teoría se aplicaba en el mundo real, el IESE, en colaboración con Cisco Systems, el Rochester Institute of Technology (Nueva York) y la Henley Business School (Reino Unido), realizó un estudio internacional, en el que participaron un centenar de empresas, y cuya principal conclusión fue que la web 2.0 está ganando relevancia, pero no en todos los niveles de la empresa: se detectó un incremento del uso de las herramientas de redes sociales, pero también la necesidad de una mayor implicación de los departamentos de IT en estas iniciativas.

La web 2.0 tiene sus riesgos si se gestiona mal, como recordó Sieber con algunos ejemplos reales, pero también grandes oportunidades: puede cambiar la forma de hacer I+D, y facilita mucho el llamado crowdsourcing (tercerización masiva, esto es, plantear problemas y ofrecer recompensas a quien dé con la solución), abaratando costos.

Finalmente, la experta aconsejó que cada empresa evalúe, tome y asuma su decisión, pero que tenga en cuenta que si decide no actuar, siempre habrá otros que podrán actuar por ella.

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

www.bestwebgallery.com

www.unmatchedstyle.com

www.foliofocus.com

www.cssmania.com

www.cartcraze.com

www.cssgarden.com

www.siteinspire.com

www.cssstar.com

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios

Facebook implementa los estándares de HTML 5 para la reproducción de vídeos haciendo innecesario la instalación del plugin de Flash para poder disfrutar de los vídeos en la Red social líder en el mercado con más de 400 millones de usuarios en todo el mundo.

Flash, la tecnología de Adobe, continuará presente en Facebook, aunque la idea es ir sustituyéndola progresivamente por la quinta versión del lenguaje HTML.

Ya no es sólo Apple la que predica por el cambio rápido a HTML5, YouTube, Vimeo, Netflix, Facebook, ABC, CBS, CNN, MSNBC, Fox News, ESPN, NPR, Time, The New York Times, The Wall Street Journal, Sports Illustrated, People o National Geographic se encuentran en la misma situación que Facebook.

Recientemente, Steve Jobs (cofundador de Apple) hizo unos comentarios hacia la herramienta de Adobe en los que aseguraba que: “todos los estándars relativos a la web deberían ser abiertos. HTML5 ha sido adoptado por Apple, Google y muchos otros, permitiendo a los desarrolladores web crear gráficos avanzados, tipografía, animaciones y transiciones sin necesitar un ‘plugin’ de una ‘third party“.

Finalmente. Jobs recomendaba a la compañía que “Quizá debería centrarse más en crear grandes aplicaciones HTML5 para el futuro y menos en criticar a Apple por dejar atrás el pasado“.

Philip Gronwold, analista de producto del navegador Opera tiene claro que el futuro está en el formato HTML 5 y así se lo hace saber a TechRadar: “Hoy el contenido de Internet depende de Flash, pero desde Opera pensamos que el futuro de la web está basado en estándares abiertos y esta tecnología de Adobe no lo es”. El analista apoya así la postura de Apple y de  Steve Jobs.

Pese a que todavía existen una gran cantidad de contenidos en Internet que sólo son ejecutables mediante Flash, el apoyo recibido a HTML5 apunta nuevamente que el fin de la tecnología de Adobe que tan buenos resultados a ofrecido durante los últimos tiempos, está cada día más cerca.

• Recomendar en Facebook
• Sigueme en tweeter
• Suscribete a los comentarios