En los últimos años Matinée se ha puesto las pilas en cuanto a crear hype con sus opening en Ibiza, como hizo en 2012. Pero lo que ha hecho este año se supera por todos lados con Ibizious, la marca que ha creado para dar otra vez bombo a sus fiestas.

No sabemos si realmente se llevará a cabo la bebida como tal, pero el rollo ochentero que combina con esos pelos cardados, ropa de colores chillones, ferraris testarrosa y demás parafernalia (incluido el temazo que ha creado Taito Tikaro junto con Flavio Zarza) da como resultado este pedazo de clip.

La realización es de Ernest Desumbila, de Limón Estudios.

Ficha técnica:

PRODUCIDO POR: LIMON ESTUDIOS
DIRECCIÓN: ERNEST DESUMBILA
PRODUCTORES EJECUTIVOS: ALBERT MONTERO, ALEJANDRO LÓPEZ
EDICIÓN Y POSPRODUCCIÓN: LIMON ESTUDIOS
DIRECTOR DE PRODUCCIÓN: ALEJANDRO LÓPEZ
COORDINADOR DE POSPRODUCCIÓN: ALBERT MONTERO
DOP: FELIPE CONTRERAS SOTO
DIRECTOR DE ARTE: IVÁN TRIVIÑO
ESTILISTA: JESS MONTERDE
MAQUILLAJE: RUBEN MÁRMOL
COREOGRAFÍA: LES FILLES FÖLLEN
DISEÑO DE SONIDO: HUE CREATIVE STUDIOS
JEFE DE PRODUCCIÓN: JORGE LLAMA
COORDINADORA DE PRODUCCIÓN: LUNA LLADÓS

Pues bien, un pequeño consejo a la hora de realizar un nuevo website, es realizar un análisis de la competencia y del sector mediante los esquemas de colores de sus sitios web. Si están correctamente realizados, podemos descubrir qué colores emplean más frecuentemente en función de su sector. Como pega a la herramienta encontramos que no te incluye los valores de blanco y negro en los análisis, y que sería bastante interesante incluirlos.

Pongamos un ejemplo:

En el ámbito tecnológico, hay gigantes como Facebook, WordPress,  Instagram, Microsoft y Dropbox. ¿Qué tienen en común estos elementos? Si os habéis fijado bien, un uso predominante del azul, y verde en muchos casos. Según la teoría del color, el azul es el color tecnológico por excelencia, al ser un color limpio, y que siempre ha estado asociado a la electricidad. Aun viendo variantes y contrastes podemos ver que la teoría del color se aplica en estos casos. Siempre se puede arriesgar en crear websites innovadores que no cumplan esta norma y quieran desmarcarse por ello, como puede ser el caso de Pinterest.

Por ello esta herramiente se debe utilizar como uso orientativo a la hora de diseñar, y no tomárselo a rajatabla.

A continuación os dejo el análisis de este blog. ¿Cuál es vuestro esquema de color?

Olga Carreras es consultora de accesibilidad web, UX y arquitectura de la información.

En el artículo de hoy nos explica los fundamentos básicos del prototipado web, el cual considero perfectamente válido para aplicaciones móviles. En el video se desarrollan los siguientes puntos:

Arquitectura de la información o planos: Un diagrama con la estructuración de la aplicación, teniendo en cuenta aspectos fundamentales como el

Maquetas de baja / alta fidelidad: Diagramas donde se emplea prototipado de baja fidelidad (sketching, wireframes, storyboard) en los puntos iniciales de la aplicación, pasando posteriormente a maquetas más elaboradas cuyo fin es un prototipo funcional o maqueta de alta fidelidad.

Los negocios actuales se presentan con el doble problema de tratar con diversos clientes a través de distintos dispositivos. El Responsive Design*  y las web móviles son dos soluciones de negocio a su disposición. Este artículo proporciona ideas para las 2 estrategias de diseño web y ayuda a las empresas a tomar una decisión sobre su negocio. El número creciente de usuarios con distintos dispositivos presiona a la industria a a replantear sus estrategias de diseño web. El Responsive Design y las web móviles han surgido como dos nuevos avances en los enfoques de diseño. Cada una tiene sus ventajas y desventajas. De acuerdo con un estudio de febrero de 2012, realizado por Localeze y 15miles, el 92% de los smartphones de EEUU busca información sobre negocios locales. El mismo informe muestra que el 86% de las búsquedas son desde tablets y que al menos el 75% de las búsquedas móviles terminaron en una compra en el comercio. Con estos dos datos decisivos la elección entre responsive y diseño móvil se ha convertido en un tema delicado para las empresas.

Entendiendo el Responsive design

El Responsive Design es en términos generales, un diseño que funciona en distintos dispositivos. El diseño se adapta automáticamente a varios tamaños de pantalla y los resultados que muestra dependen de cada uno. Puedes mostrar el mismo contenido, imágenes y videos en varias plataformas para tus distintos usuarios. El responsive design es una solución para todo en la que los usuarios pueden acceder a la información desde cualquier lugar y cualquier dispositivo. Puedes diseñar distintos estilos para distintos tamaños de pantalla que ofrezcan a tu usuario una fácil usabilidad. No hay lugar para la redundancia, liderando el contenido amigable para buscadores, en todos los casos.

¿Por qué necesitas una web móvil?

Una web móvil es aquella cuyos usuarios pueden acceder desde sus teléfonos móviles. El diseño automáticamente detecta el tamaño de pantalla del teléfono, para proporcionar una atractiva experiencia de usuario. Estas páginas se pueden alojar en el propio dominio de la web. Las web móviles son diseñadas para generar un mayor volumen de ventas para los negocios y más tráfico desde distintos dispositivos. Por ejemplo, tiendas online móviles permiten a sus usuarios comprar o buscar sus productos mientras atienden a sus clientes. A veces las compañías deben rediseñar partes de sus web sobre móviles con otra estrategia. Este método ayuda a construir una fortaleza de la marca y así la recuerden sus usuarios.

Beneficios del Responsive Design

2013 es la época del la web multiplataforma. Echemos un vistazo a los beneficios del Responsive Design:

Responsive Design mantiene el contenido, imágenes, videos y a veces incluso los enlaces cuando está diseñado para distintas plataformas como pc, tablet, portátil, móvil y televisión. Cada nueva plataforma no requiere código separado, por lo que si realizas cambios básicos para una plataforma, automáticamente se actualizan en el resto. El Responsive Design ahorra tiempo , dinero y por ello es altamente beneficioso para las startups. El responsive design no es solo sensible a los distintos dispositivos ya que ofrecen una experiencia de usuario personalizada. No importa en qué plataforma se accede ya que muestra el contenido relevante basado en datos sobre sus usuarios. Con el Responsive Design puedes crear diseños únicos para distintas plataformas que pueden llevar inicialmente un tiempo extra diseñando. Sin embargo, pueden ser la mejor y más segura inversión para el futuro.

Desventajas del Responsive Design

Estas son algunas de los inconvenientes que las compañías deben considerar antes de enfocarse en esa dirección. Vamos a mostrarles: Puede haber algunas partes de la web donde el CSS no se puede implementar. Por lo tanto, puedes tener que eliminar algún contenido o mostrarlo dependiendo de la situación. Incluso si partes el contenido en partes puede resultar el conjunto muy engorroso. Por lo tanto algunos nuevos diseños moverán a los existentes para aguantar el contenido. El Responsive Design abastece un conjunto de plataformas con distintos usuarios. Cuando las empresas se sientan delante del primer diseño, el proceso puede consumir una gran cantidad de tiempo para el diseñador web que perfila los diferentes estilos del diseño sobre los distintos tamaños de pantalla.

Beneficios de una web móvil

De acuerdo con BIA/Kelsey, las búsquedas móviles serán las mismas que en su equivalente versión de escritorio en 2015. Aquí están los beneficios de la web móvil: Con una web móvil las empresas pueden ofrecer fácilmente una experiencia personalizada a sus usuarios. Las compañías pueden obtener una evaluación minuciosa del usuario usando encuestas y entrevistas. Esta información es entonces implementada en sus sitios móviles. Los usuarios que acceden a una web móvil están principalmente interesados en hacer una rápida decisión de compra o que desean involucrarse con las empresas de una manera seria. Así marcas invierten una buena cantidad de tiempo y dinero en desarrollar interfaces interactivas para sus usuarios nuevos y existentes. Con una web móvil no tienes que preocuparte por el código heredado. Los diseñadores web pueden empezar de cero incluyendo nuevas técnicas y lógicas para poporcionar experiencias a sus usuarios. Así las compañías no necesitan perder mucho dinero construyendo una web móvil. Por otra parte, las empresas pueden experimentar este nuevo sitio móvil como un rediseño de su web actual.

Desventajas de construir una web móvil

Al igual que los responsive design, una web móvil tiene algunos inconvenientes. Veámoslos:

El principal inconveniente es que está centrado en un único dispositivo como es el teléfono. Si las compañías quieren proporcionar cualquier solución para los usuarios otros dispositivos como tablets, la web no será útil. Por otra parte, si las empresas quieren contruir una web responsive design tendrían que invertir un dinero y tiempo extra en el proceso. Además, es necesario añadir un grupo de contenido a mayores para que la web móvil sea operativa. Este contenido es muy diferente de la web principal. Los cambios hechos en el sitio principal no serán duplicados en la web móvil. Ambos sitios deben ser completados para los buscadores y pueden terminar perdiendo la batalla del posicionamiento.

No hace falta decir que, una web móvil necesita más mantenimiento y supondrá un coste a las empresas. Ambos sitios requerirán diferente contenido así como el mantenimiento resultando en costes y esfuerzos. Esto podría ser molesto para los usuarios y puede dar lugar a un tráfico inestable en los 2 sitios web.

¿Cuál es la mejor solución para tu negocio?

Es imperativo para los negocios entender sus necesidades antes de tomar una de las 2 decisiones. Vamos echar un rápido vistazo, a los requisitos vitales básicos para cualquier negocio:

• ¿Cómo de fácil es actualizar la web?
• ¿Cuánto se tarda en crear la web para varias plataformas?
• ¿Es la web amigable para los buscadores?
• ¿Cómo de fácil es actualizar la web con código nuevo?
• ¿Cómo es en general la experiencia de usuario de la web?
• ¿Es posible realizar cualquiera de las estrategias?

Diferentes negocios ofrecen servicio a distintos clientes. De cualquier modo, la estrategia que elijan las empresas deben estar seguros que no  sólamente aseguran la consistencia del tráfico sino mantener o mejorar la generación de ingresos. El Responsive Design o una web móvil debe llevar a una experiencia integral para los usuarios y los negocios, incluso en el futuro.

* Responsive Design: Aquel tipo de web programada para adptarse a los dispositivos independientemente de su resolución.Puedes obtener mas información en mi artículo Conceptos básicos sobre Responsive Design.

Nota: Investigando sobre el informe, he encontrado el estudio más reciente correspondiente al 28 de marzo de 2013.

—

Este artículo corresponde a una traducción y adaptación de Responsive Design or Mobile Website: Which Web Design Strategy Must Businesses Opt For In 2013?

Aquí os dejo un enlace muy interesante (a nivel de información y a nivel de realización) donde Google explica como funciona su buscador, todo ello implementado con unas animaciones realizadas mediante código.

How Search Works

Introduces una fotografía, eliges el texto, color y tipografía, y ya tienes lista tu imagen. Recomendada para los hipster de la casa :D

Enlace: Photolettering