Material Design

En el Google I/O 2014 se reveló un nuevo lenguaje de diseño para Android y Chrome OS... su nombre es Material Design y promete llevar un aire nuevo a las interfaces de usuario de smartphones y tabletas con Android, así como para aplicaciones Web (y particularmente para el celular). A primera vista vemos colores más vivos, un mayor espaciado y un mayor sentido de la tipografía y las animaciones.

La idea principal de Material Design es servir de lenguaje de diseño común en un amplio rango de dispositivos y, por tanto, de experiencias de usuario. Desde el celular hasta la Web, pasando por las tablets, podrán servirse de este lenguaje de diseño. Está diseñado sobre todo para ser utilizado en dispositivos táctiles, pero no deja de lado otros métodos de entrada como el teclado, el mouse o la entrada por voz.

Todos los elementos de una interfaz que siga este lenguaje de diseño pueden tener relieve. El mundo real no es plano, por lo que la representación del mundo real que Material Design nos permitiría crear tampoco lo sería. De igual modo, un objeto en el mundo real sigue una serie de leyes físicas; cada objeto dentro de una interfaz de Material Design también debería seguirlas.

Lo principal es entender las aplicaciones y los elementos que forman parte de ellas, porque su interacción será idéntica a la del mundo real. La tipografía también tiene mucho más sentido en este nuevo lenguaje de diseño: distintos tamaños y cuerpos permiten crear jerarquías. Tienen un sentido, más allá de ser atractivas a la vista. Las animaciones también buscan imitar la interacción de los objetos en el mundo real (y, por cierto, prometen 60 frames por segundo, incluso en la Web). Desde luego se nota que le han dedicado mucho trabajo a este nuevo lenguaje de diseño para sus interfaces, cuidando muchos de los detalles

La Web también estará más integrada en el sistema, e incluso podrá parecer nativa (siempre que siga los principios de Material Design). Las aplicaciones en esta nueva versión de Android también contarán con nuevos modos de integrarse con el sistema. Por ejemplo, las búsquedas podrán estar más integradas, o podrán mantener varios elementos en la lista de aplicaciones recientes por ejemplo, cada pestaña de Chrome.

Para mas información, visita el sitio de Material Design
Atte. DM

Tweet

Google Web Designer

Google acaba de presentar una nueva herramienta para crear contenidos en HTML5 llamada Google Web Designer. Esta herramienta fue presentada el pasado junio y finalmente este martes, ha salido a la luz para todos los usuarios.

De nuevo buscando darle un empujón aún más efectivo al HTML5, Google presentó una interesante herramienta llamada Google Web Designer, que podrá ser usada tanto por diseñadores web profesionales así como también por personas que no tengan entendimiento de código. Disponible en su versión beta, resuelve algunos de los problemas más importantes de la web, el de la compatibilidad entre dispositivos. Pero, más que nada Google Web Designer es un programa completo para poder diseñar, un programa que está al día en cuanto a las tendencias del mercado, y que puede ser muy sencillo de usar.

Google Web Designer ya está disponible para todos los usuarios en una versión beta gratuita que se podrá descargar tanto para Mac como para PC. Esta herramienta permite construir publicidades creativas de una manera muy sencilla para DoubleClick y AdMob.

Google ha denominado a esta plataforma como una herramienta de gran calidad... las personas que se dedican a la publicidad tendrán en Google Web Designer un gran aliado, pues permite crear anuncios fácilmente en HTML5, tanto para plataformas de escritorio como para dispositivos móbiles.

Además, Google Web Designer cuenta con una funcionalidad similar a la que podemos encontrar en Dreamweaver. Por un lado, podemos trabajar pura y exclusivamente en el diseño, mientras que por el otro, también tendremos la libertad, sin limitaciones, de trabajar directamente con el código para hacer las modificaciones necesarias. Es importante aclarar que aún desde Google Web Designer se puede trabajar con el código, y no es necesario usar un software adicional. En cuanto al editor visual, lo que busca Google es remover la necesidad de trabajar con HTML5 y CSS3, para poder hacer que las personas estén más concentradas en la generación de una experiencia visual.

La nueva herramienta puesta en marcha por Google es compatible con JavaScript o CSS, permitiendo al usuario manipular todo tipo de códigos. Por último, Google Web Designer cuenta con la opción de previsualizar el anuncio antes de publicarlo en cualquiera de las plataformas que el usuario tenga instaladas.

Visita el sitio de Google Web Designer
Atte. DM

Tweet

Semantic Web Builder

Expertos del Fondo de Información y Documentación para la Industria (INFOTEC) desarrollaron un modelo tecnológico gratuito apto para que diversas instituciones públicas y privadas gestionen su información bajo los estándares de la web 3.0 (denominada web semántica). El Semantic Web Builder.

El ingeniero Javier Solís González, Gerente de Desarrollo de Nuevos Productos de INFOTEC, explicó que SWB Portal es una tecnología informática de Código Abierto (Open Source) destinada a construir portales web con mayor interoperabilidad. Este “portalizador” permite a las empresas, organizaciones e instituciones actuar en conjunto en la construcción informativa de cualquier portal de internet.

Los sitios web diseñados a partir de SWB Portal posibilitan que, en la industria, todas las áreas laborales con acceso a esta herramienta, puedan  construir en conjunto todo el contenido de las páginas que conforman su portal. De manera que áreas como las administrativas, operativas, de logística o las relacionadas con mercadotecnia, pueden gestionar su información sin la dependencia de un área que centralice esa labor.

Incluso, agregó Solís González, debido a sus cualidades semánticas, SWB Portal posibilita el diseño de portales configurables de acuerdo a las necesidades de quien ingresa a consumir la información (los visitantes). “Por ejemplo, un portal puede auto-configurarse de acuerdo a la necesidad de la persona que ingrese, ya sea cliente, proveedor, visitante de determinada edad, sexo, escolaridad, entre diversas posibilidades”, detalló el experto.

Por otra parte, un portal semántico diseñado con la herramienta SWB Portal posibilita mayor seguridad ante ataques de hackers, debido a que la información se encuentra descentralizada. “Las diversas configuraciones que dan forma a las páginas del portal se encuentran en memorias virtuales y no en un servidor central lo que impide grandes vulnerabilidades”, puntualizó el funcionario de INFOTEC.

Los usuarios que ingresen a un portal semántico diseñado mediante SWB Portal observarán de inmediato los beneficios de la búsqueda semántica, en diversas ocasiones etiquetada como “la búsqueda que interpreta el pensamiento”. Ello debido a que gracias a las potencialidades de la Plataforma SemanticWebBuilder para etiquetar,  clasificar y contextualizar la información existente el usuario encontrará lo que necesita de una manera más amable y certera respecto a los navegadores convencionales (2.0).

En palabras del ingeniero Solís González, las entidades que podrían obtener mayor beneficio de esta tecnología son aquellas que, debido a su tamaño, requieren que diversas áreas produzcan y difundan información. Reconoció que las medianas y grandes empresas, instituciones gubernamentales, así como organizaciones no gubernamentales, son las entidades que podrían beneficiarse con esta tecnología.

Actualmente, cerca del 90 por ciento de instancias gubernamentales como la Secretaría de Educación Pública, la Secretaría de Gobernación o la Secretaría de Energía, entre muchas otras, han probado con éxito la funcionalidad de SWB Portal. Los usuarios pueden apreciar páginas más rápidas y su búsqueda de información es mucho más eficiente. Desde 2007 tal herramienta ha sido liberada bajo un esquema “Open Source” y puede ser descargada.

Visita el portal Semantic Web Builder
Atte. DM

Tweet

Google Engage

Ayer salió Google Engage para Agencias, un nuevo programa de educación e incentivos totalmente gratuito para los diseñadores web, especialistas en SEO, consultores de Marketing y profesionales de publicidad independiente que ofrecen servicios web a pequeñas y medianas empresas.

En Google, se comprometen a diario a colaborar con el desarrollo de la economía digital: ayudar a las empresas a tener presencia online y hacer crecer tu negocio con la ayuda del Internet que es fundamental para tu éxito. Ellos saben también que muchas pequeñas y medianas empresas confían en agencias más pequeñas o profesionales independientes para administrar su presencia online y sus campañas de marketing digital. Para facilitarles este trabajo, ayer lanzaron Google Engage para Agencias, un nuevo programa de educación e incentivos totalmente gratuito.

Quienes participen en Google Engage recibirán acceso gratis a capacitaciones sobre las soluciones para empresas de Google (AdWords, Apps, Analytics, entre otros), material de ventas, soporte, posibilidad de presentar los exámenes en certificación de Google AdWords sin costo alguno e incentivos para hacer crecer sus negocios y los de sus clientes.

¿Cuáles son los beneficios de formar parte?
Atraer más clientes: Diferenciarse de sus competidores gracias a las herramientas online y el conocimiento de los productos de Google. Además, pueden usar los cupones gratuitos de Google AdWords y sumar un incentivo más para atraer nuevos clientes.
Fortalecer la relación con sus clientes: Crear más valor para sus clientes a través de la formación y aplicación de nuevas técnicas comerciales online.
Posicionar su marca: Al brindarles a sus clientes nuevas maneras de realizar sus negocios online.

Visita el sitio de Google Engage
Atte. DM

Tweet

CuantoCobrar

Uno de los mayores problemas del “Freelance” es que no existe una formula mágica de establecer una tarifa por el trabajo o proyecto realizado. Se deben considerar varios factores para poder calcular un precio final a los proyectos, aquí es donde CuántoCobrar nos podría salvar el día.

CuantoCobrar es desarrollada por MD Interaktiv, agencia de origen mexicano fundada por gente con 6 años de experiencia en México, USA, España y Canada dentro del entorno gráfico y web. Calcula cuanto puedes cobrar por tus servicios profesionales independientes tomando en cuenta factores como el tipo de proyecto, cliente, ubicación, así como tu educación y experiencia laboral. CuantoCobrar es una utilidad que te ayudará en este proceso.

La aplicación es muy fácil de usar, lo primero que tienes que hacer es ingresar datos generales sobre ti: como tu formación academica, el tipo de trabajo que desempeñas, tus gastos, etc. Posteriormente tendrás la opción de generar nuevos proyectos para realizar el cálculo de tus servicios. Tienes la opción de elegir entre varios tipos de proyecto como Diseño gráfico, Community Management, Ilustración, Diseño Multimedia, Publicidad, SEO, Diseño Web, Diseño UX / UI, Redacción. Cada proyecto tiene sus propias preguntas, mismas que te recomiendo contestar lo más cercano a la realidad posible ya que en esto se basará el cálculo de tu tarifa.

Tarifa ideal por hora

Lleva una bitácora de tus gastos laborales y personales para que al encontrar el precio que puedes cobrar por hora, todos estos gastos sean cubiertos. Renta, equipo de cómputo, transporte y demás cosas que deben ser tomadas en cuenta a la hora de cotizar un proyecto.

Hasta 75 proyectos diferentes

Puedes cotizar proyectos específicos dentro del ambiente gráfico y, principalmente, web. Desde cuánto le cobrarás a tu tío por crearle su cuenta de twitter, hasta el rediseño responsivo del nuevo sitio web de una empresa mediana.

CloudSync

CuantoCobrar cuenta con tecnología CloudSync, por lo que puedes usar la aplicación desde varios dispositivos, manteniendo la misma información todo el tiempo. Podrás crear cotizaciones en tu iPhone y revisarlas o modificarlas en tu iPad.

Consejos para llevar tu negocio

Consulta cada semana hasta 3 pequeños tips que te ayudarán a cumplir tus metas profesionales. Consejos acerca de como llevar tu negocio freelance o incluso dar el salto para tener tu propia empresa, así como enterarte de las nuevas tendencias y tecnologías de tu área.

Visita el sitio de CuantoCobrar

Atte DM

Tweet

Mejorando.la Conferencia Ciudad de México

Llega el 3er evento de diseño y hacking en la web más importante de España y América latina: Mejorando.la Conferencia. En esta ocasión transmitiendo desde la Ciudad de México. El Viernes 24 y Sábado 25 de Febrero podrás participar de doce conferencias donde se hablará del futuro del diseño web y la fusión del arte con la tecnología en internet. Además de HTML5, CSS3, jQuery, 3D, fotografía y hacking.

Los Participantes
David Kadavy (@kadavy)
Es un reconocido diseñador freelance, presidente de Kadavy, Inc y autor del libro “Design for Hackers: Reverse-Engineering Beauty“. Además cuenta con múltiples inventos y creaciones que buscan satisfacer necesidades, resolver problemas y facilitar procesos utilizando la tecnología. En la conferencia hablará sobre el tema que más sabe: “Diseño para Hackers“.

Iván Castro (@ivancastro)
Es un destacado diseñador, fotógrafo, productor de vídeo, profesor y conferencista. Es fundador de “Aire Academia” y realiza trabajos de locución, producción de vídeo y animaciones para empresas como CNN y Univisión. Los temas que abordará en la conferencia serán: “Arte, color y diseño en 3D” y “El secreto de la iluminación en fotografía“.

Miguel Angel Alvarez (@alvarezmiguelan)
Es el líder y fundador del proyecto desarrolloweb.com y además de educar a la comunidad sobre tecnologías de desarrollo y creación de contenido interactivo para la web, ha incursionado en nuevos mercados para proveer de contenido en otros idiomas como el portugués. En la conferencia anterior deleitó a todos con una excelente Introducción a jQuery y en esta ocasión hablará sobre “Diseño web con jQuery” y “Diseño y animación en la web móvil“.

Stephanie Falla Aroche (@stephaniefalla)
Es comunicadora social, es autora del libro “adictos a la comunicación“. También es la organizadora de los cursos y eventos de mejorando.la en la región hispana. Además de ser la organizadora de la conferencia, dará una charla titulada: “Publica tu mente al mundo“.

John Freddy Vega (@freddier)
Es el fundador de Cristalab.com, es expositor en varios eventos sobre tecnología en Latinoamérica y socio fundador del proyecto mejorando.la en donde se ha destacado como locutor, profesor y conferencista. En las anteriores ediciones habló sobre “Cómo se construye el nuevo Internet” y “La web después del 2012“. En esta ocasión nos hablará de “Programación para artistas“.

Christian Van Der Henst (@cvander)
Ha participado en múltiples eventos como conferencista y es socio fundador del proyecto mejorando.la que se transmite vía streaming, dicta cursos y organiza eventos sobre las tecnologías web más importantes del momento. En la primera conferencia habló sobre el “Momento HTML5” y en la segunda sobre “El camino a CSS4“. Ahora su tema será: “Diseñando experiencias de consumo”

La comunidad de diseño web hispana está creciendo y desarrollándose a pasos agigantados. Por ello en esta ocasión se da la oportunidad a algunas personas que están impulsando buenos proyectos que aportan al presente y al futuro del diseño web.

Celeste North (NuFLix), Ricardo Azurdía (Shiftt), Adan Avelar (Vecindad Gráfica) entre otros.. serán los que aportarán con interesantes presentaciones a lo largo de la conferencia.

Visita el sitio Mejorando.la Conferencia
Atte. DM

Tweet

Google GoMo

Reconociendo que tener una presencia móvil es más complicado de lo que parece, Google lanzó una iniciativa llamada Google GoMo este Lunes 31 de Octubre, que tiene como objetivo ayudar a las empresas a resolver las complicaciones que involucra aparecer en móviles.

Como Jesse Haines, responsable de marketing de los anuncios para móviles de Google explica en el blog de Google Mobile Ads, GoMo (abreviatura de "go mobile"), está diseñado para ayudar a las empresas que han establecido una presencia móvil pero resulta que no está funcionando tan bien como debería . En el ejemplo de Haines, una empresa que vende pañuelos atrae a un cliente potencial, pero que el cliente es rechazado por un sitio que no funciona correctamente.

"Esto sucede miles de veces, todos los días porque los sitios web de las empresas no funcionan bien en los teléfonos inteligentes ", dice. El mensaje dirige a los lectores a HowToGoMo, que incluye una visión de cómo el sitio se ve actualmente "en el móvil", así como recursos para ayudar a re-construir su sitio. Este último incluye enlaces para seleccionar proveedores y permite que el visitante se califique como DIYers por la cantidad que planean gastar y el tiempo en que tienen la intención de construir su sitio móvil.

Para Google, la meta es crecer aún más su negocio de publicidad móvil, que está en una tasa de activar $ 2.5 mil millones este año frente a $ 1 mil millones el año pasado. Google también ha ampliado su formato de publicidad móvil el mes pasado.

Aunque yo personalmente prefiero las aplicaciones nativas, siempre he dicho que un sitio web para móviles es la mejor cosa. GoMo probablemente no va a cambiar la totalidad del paisaje de la Web móvil en unos pocos años, pero siempre estamos contentos de ver un paso adelante para cuestiones como estas.

Para mayor información, visita la página de Google GoMo
Atte. DM

Tweet

Wix

Wix nos acerca una completísima herramienta para desarrollar páginas de flash con acabado profesional. Ahora con Wix puedes crear plantillas para MySpace, widgets, tarjetas y más, con opciones totalmente configurables, sin complicaciones y de una calidad asombrosa.

Antes, si querías tener un sitio web para darte a conocer a ti o a tu empresa y mejorar la llegada de nuevos clientes, se tenía una dificultad muy grande si no contabas con conocimientos suficientes. Ahora las cosas pueden ser un poco distintas, pues ya no es estrictamente necesario saber complicados lenguajes de programación para montar tu propia página web y que además de todo sea vistosa y redituable.

El primer paso consiste en elegir tu proyecto, ya que Wix no es solamente una herramienta para crear páginas web, sino que también es útil para desarrollar animaciones, plantillas para MySpace, pancartas, pequeños Widgets para insertar en sitios que ya tengas, entre otra decena de posibilidades. Cuando has elegido lo que quieres comenzar a crear, viene la parte divertida:

Wix dispone de una enorme cantidad de diseños pre-establecidos, aunque siempre dará la opción para que comiences tu web desde cero. Lo mejor de estar editando lo que en algunos minutos será tu sitio, es la probabilidad casi nula de que te frustres: absolutamente todo es configurable, todos los elementos pueden moverse, agrandarse, achicarse, rotarse, cambiarse y eliminarse. Y si hay algo que todavía no descubres cómo hacer, el asistente te guiará. Incluso estando en inglés, tiene el don de eliminar la duda en menos tiempo del que has tenido para planteártela.

Honestamente, el asistente de edición es tan completo que difícilmente pueda agregarse algo. Tan solo que Wix además de permitirnos insertar bloques de texto e imágenes, puede incorporar listas de música, slides, álbumes de fotografías, vídeos, y por cada uno de los elementos, una infinidad de combinaciones posibles de diseños y colores.

Sin exagerar, Wix es una herramienta para exprimir y concretar de una vez la meta del sitio web propio, o en todo caso para desquitarnos desarrollando bonitos agregados para las páginas que ya tenemos. Salvo la redirección a tu propio dominio (Wix otorga nada más una dirección del tipo http://www.wix.com/tunombredeusuario/tunombredewix), todos los servicios ofrecidos por Wix son gratuitos hasta el momento. Una herramienta gratis que nos permite inmiscuirnos en el universo Flash, sin saber demasiado.

Visita el sitio oficial de Wix
Atte. DM

Tweet

Adobe Muse

Adobe Muse acaba de salir del horno en su versión Beta, una aplicación para el diseño y publicación de sitios web en HTML sin la necesidad de teclear o escribir una sola línea de código. Este lanzamiento busca facilitar a los diseñadores la creación de sitios web basados en estándares HTML5 y CSS3 combinando textos, imágenes y gráficos de la manera más sencilla posible, similar a como lo haríamos en InDesign.

Esta nueva aplicación, desarrollada sobre la plataforma AIR, contiene entre sus características, mapas de sitio, páginas maestras, menús y elementos de navegación interactiva que son tan fácil de usar como "arrastrar y soltar". La interfaz es muy amigable y cuenta con pestañas en la que tendremos nuestro mapa del sitio, un modo de previsualización, modo de diseño para editar gráficamente nuestro sitio, y una pestaña para publicar el sitio y verlo ya en producción.

El flujo de trabajo es muy similar al que ya conocemos en Adobe InDesign pero también parecido a la forma de trabajar que tiene Flash Catalyst. Nos permite además agregar fragmentos de código de Google Maps, YouTube, Facebook, etc para incorporar nuestro contenido que tengamos en dichas aplicaciones. Es una herramienta, que como mencionamos está aún en modo "beta" y que habrá que probar y analizar, así como ver su evolución para saber y conocer sus alcances y sus limitaciones.

La versión final de Muse se planea lanzar a principios del 2012 y tendrá un costo para aquellos que quieran seguir utilizando esta herramienta. Hasta ahora el precio que está establecido por Adobe será de $20 USD por mes o $180 USD por año.

Puedes descargar y probar esta aplicación en el sitio oficial de Adobe Muse
Atte. DM

Tweet

Adobe Edge

Adobe Systems anunció el primer preview público de Adobe Edge, una nueva herramienta de diseño HTML5 disponible de manera gratuita en Adobe Labs para Mac y Windows. Los diseñadores web pueden usar esta herramienta para crear animaciones, similares a las creadas con Flash Professional, para páginas web usando estándares como HTML, JavaScript y CSS.

Dado que HTML5 es un estándar en movimiento, Adobe dice que están adoptando una metodología de desarrollo abierta para Adobe Edge. Por ahora, esto significa que la compañía esta lanzado la aplicación a través de la página Adobe Labs antes de lo que haría con otras aplicaciones con la intención de que los usuarios aporten más para el producto final. Adobe Edge aún no está considerado un beta pero está siendo diseñado como una herramienta rápida y liviana para profesionales con la idea de complementar las herramientas web existentes de Adobe, como Adobe Dreamweaver CS5.5, Adobe Flash Professional CS5.5, y Adobe Flash Builder 4.5.


El preview te permite agregar movimiento a documentos HTML existentes sin tener que modificar la integridad de diseño CSS, y también te permite crear contenido visualmente rico desde cero, usando herramientas de dibujo familiares que producen elementos HTML al estilo CSS3. Puedes importar gráficos como archivos SVG, PNG, JPG, y GIF y modificarlos usando CSS3. La etapa de diseño utiliza WebKit para el diseño, preview, y manipulación de contenido. El contenido creado con Edge está diseñado para trabajar con los navegadores modernos como los que se encuentran en Android, BlackBerry Playbook, iOS, HP webOS, y otros dispositivos móviles, como también Firefox, Google Chrome, Safari, e Internet Explorer 9.

“Durante el último año Adobe ha entregado varios hitos importantes HTML5 incluyendo contribuciones a jQuery, código para WebKit, y mejora HTML5 mejorado para Creative Suite 5.5,” expresó Paul Gubbay, vicepresidente de Diseño e Ingeniería Web para Adobe, en una declaración. “Ahora, con Adobe Edge, estamos llevando las herramientas HTML5 a un nivel totalmente nuevo y estamos esperando recibir retroalimentación realmente útil de la comunidad durante los próximos meses, a medida que refinamos nuestro producto.”

Visita el sitio de Adobe Labs y descarga Adobe Edge
Atte. DM

Tweet