Mostrando entradas con la etiqueta diseño. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño. Mostrar todas las entradas

9.04.2014

Anuncios en la web: un verdadero tianguis.

La web actual: Saturación de anuncios
La web actual es un mercado sobre ruedas
El Tianguis o mercado sobre ruedas no solo es una muestra de la cultura popular mexicana y su vida con todo su folklore. Es sin duda, una ventana a la ideosincracia del consumidor mayoritario de nuestro país.

Desde un enfoque mercadológico, existen realidades muy particulares a la hora de ofertar productos; por ello, miremos la lógica del tianguista:
a) Mostrar con colores llamativos los precios en cartulinas, que por lo general es casi imposible no ver. A veces, llegando a colgarse a nivel de los ojos, lo que innevitablemente nos hará chocar contra ellos.
b) El vocear fuerte invitando a la compra, destacando alguna virtud del producto (rico, jugoso, grande,barato) y halagando a la "marchante" (transeúnte) aunque dichos halagos sean reverendas incongruencias (decirle "güerita" siendo de tes morena, por ejemplo).
c) El uso de la temperatura con el color y la luz (ambientación), sobre todo cuando se trata de alimentos, por ejemplo con las frutas o las carnes. Para ello, colocan lonas plásticas de color rojo o anaranjado para realzar el color dorado de alguna fritura o de frutos. Inclusive colocan focos de color ámbar para darle brillo y mejor realce. También obviamente sirve para disimular imperfecciones.

Ahora bien, desde un punto de vista de diseño, los puntos a, b, c, hablan de una premisa máxima: "el que no enseña no vende". El "diseño" rudimentario que utilizan los tianguistas sigue una lógica común pero no deja de ser valiosa. Es esta esencia de venta lo que rige cualquier diseño que se jacte como tal. La función del diseño es VENDER. Cuando se entiende esto, queda más claro que todo trabajo que se realice para vender bien y mejor, parte de una mercadotecnia orientada hacia el cliente y un diseño orientado a "invitar" y "persuadir" de los atributos tangibles y no tangibles del producto y jamás en base a un gusto personal.

Si la lógica del tianguista a comprendido esta realidad, me pregunto: ¡¿porqué sigue habiendo clientes que exigen diseños en base a gustos personales como si se tratase de una demostración de su ego?! y a su vez, también me cuestiono: ¡¿porqué todavía existen diseñadores y mercadológos que se envanecen con proyectos altamente elaborados y costosos donde se pierde de vista la comunicación del mensaje en pos de una estética?!. Al parecer, entonces muchos profesionales se embriagan de la bola de teorías y retóricas que en vez de ser un acercamiento al consumidor final son un verdadero estorbo. Ser profesional dista mucho de "cantinflear" eso me queda claro.

En la web, se repite la innercia de saturamiento de publicidad que vemos en off line. He de ahí que plataformas como Adwords, Facebook y otras tratan de monetizarse ajustando sus interfaces para contener la saturación de mensajes publicitarios. La experiencia en on line es que menos es más. Ser concretos y concisos para anuncios efectivos.

Dejemos de jugarle a la retórica seudopolítica en los mensajes, seamos claros al pedir un trabajo de diseño, al plantearlo y al exponerlo. Que en este mundo lleno de contaminación visual y de excesos, busquemos lo que añoramos todos cuando somos consumidores... claridad.

Publicado por Alejandro Doyharzabal

8.29.2014

Responsive Web Design

Formatos web responsive 
¿A estas alturas y aún sin tener una versión móvil de tu web? ¡Bueno, bueno! No te desesperes. En este artículo te voy a explicar todo lo que necesitas para que tu web esté a la última.





 El Responsive Web Design o diseño web adaptable -o adaptativo- en español, fue creado por Ethan Marcotte y es la técnica que se usa en la actualidad para tener una misma web adaptada a diferentes plataformas que nos brinda la tecnología: laptop, tablet y smartphone. Consiste en una serie de hojas de estilo en CSS3 que, usando el atributo “mediaquery”, convierten una web ordinaria en una web multiplataforma, capaz de adaptarse a todos los tamaños que existen, ofreciendo una experiencia para el usuario mucho más amena y cubriendo las necesidades de nuestro público. 

Quedaron atrás las webs que en un móvil tenían que ampliar para poder leerse.


Pero, ¿cuál es el Responsive Web Design? Bueno, como te habrás dado cuenta, las computadoras no son la única pieza de hardware con un navegador web. Con esto quiero decir que las expectativas de los usuarios cambian debido al panorama cambiante de los navegadores web, ya que la gente espera que sean capaces de navegar por la web en sus teléfonos con la misma facilidad que navegan por la web en una computadora de escritorio.

Por lo anterior, el responsive web design hace posible que el contenido de la página se adapte en función de la resolución de la pantalla del visitante, permitiéndole navegar de una forma más cómoda por la web, independientemente de la fuente de acceso, sin tener que hacer zoom continuamente.

 

¿Por qué tu web debería ser Responsive?


Las ventajas del Responsive Design son muchas. Leyendo cuáles son, seguro que te convences para convertir tu web en una web multiplataforma:

• Mejor experiencia de usuario. Eso repercute en la opinión que los usuarios tienen de tu sitio web y el uso que le darán. Mejorará tanto tu imagen de marca, como el tiempo de permanencia en la web y aumentará la tasa de rebote entre páginas de tu web.
• Se acabaron los contenidos duplicados. Si usabas una versión móvil para que los usuarios que accedían a tu web vieran el contenido adaptado al dispositivo, era perjudicial para tu SEOya que eso creaba contenido duplicado y, por lo tanto, Google penalizaba a tu web. Un diseño Responsive evita este problema, ya que es el mismo contenido que se organiza de manera distinta, según el dispositivo en el que se vea.
• Se reducen los costes de desarrollo y mantenimiento de la web. Al usar la misma plantilla para todas las plataformas, se reduce la inversión en mantenimiento y desarrollo, ya que un sólo cambio repercute en todas las versiones.
• Aumenta la viralidad. Un reciente estudio certifica que el 70 por ciento del acceso a las redes sociales se hace a través de dispositivos móviles. Eso significa que, si un usuario accede a nuestra web a través de un Smartphone, seguramente tenga las aplicaciones sociales abiertas y si quiere compartir algo, es mucho más rápido y natural.

¿No crees que el Responsive Web Design sea necesario en tu web?

 
• El 31 por ciento de los usuarios que navegan por internet, a través de dispositivos móviles, lo hace en exclusiva por este medio y no utiliza otros tradicionales como las computadoras portátiles.
• Una de cada 8 páginas vistas en internet son visitadas a través de dispositivos móviles.
• El 75 por ciento de los clientes prefieren una web accesible mediante dispositivos móviles.
• El 79 por ciento de los usuarios que navegan con smartphones, usan sus teléfonos para ayudar en su compra y el 74 por ciento termina comprando como resultado.

Si todavía no crees que el Responsive Web Design sea necesario en tu web, aquí te dejo algunos datos que puede que te hagan cambiar de opinión. Estadísticas Generales de uso móvil:

• El 31 por ciento de los usuarios de Internet móvil “en su mayoría” va en línea utilizando sus teléfonos.
El 75 por ciento de los correos electrónicos se abren, el 60 por ciento de los mensajes de Facebook y 90 por ciento los tuits se emiten desde un dispositivo móvil.
• Una de cada 8 páginas son vistas desde dispositivos móviles.
• El 75 por ciento de los clientes prefieren un sitio amigable móvil.
Las suscripciones móviles pasarán a la población mundial para el año 2014.
• Android es la plataforma más popular para
teléfono inteligente, con una cuota del 50.9 por ciento.
• En 2011 había 835 millones de usuarios de teléfonos inteligentes.
• El 64 por ciento de tiempo de teléfono móvil se gasta en aplicaciones.

Las consultas de búsqueda móvil se duplican durante la temporada de vacaciones.



Multiplataformas webEn el contexto actual de la atomización de los dispositivos móviles y el acceso a la información 24 horas x 7 días, los portales web no solo tienen la ardua labor de mantenerse actualizados, sino que también deben adaptarse a las nuevas tecnologías, a nuevos formatos y a usuarios con perfiles muy diferentes; desde los que se van integrando al mundo digital, hasta los que han nacido bajo la revolución de los dispositivos móviles.

Los entornos de navegación, cuyo potencial solo puede ser aprovechado desde el dispositivo de uso para el cual fueron pensados, imponen una restricción de manejo que deja de tener sentido en un momento dominado por la multiplicidad de canales. No adaptarse a esta realidad parece condenar a los sitios web a brindar una UX (satisfacción total del usuario) cada vez menos amigable.

Unificar los canales de información en una única web, una única URL, un solo espacio virtual que mantenga las mismas funcionalidades y características que definen cada sitio web, adaptándose progresivamente a los cientos de modelos de dispositivos móviles que actualmente están en el mercado, es una tendencia de consumo que llegó para quedarse y parece fortalecerse con el tiempo. Eso es el responsive web design.

Ya no es algo nuevo, desconocido o inalcanzable.

Está aquí, ahora y cada vez son más las páginas web que nacen, o renacen, bajo esta tendencia.

En definitiva, es cuestión de adaptarse a los nuevos patrones de consumo y responder a las necesidades de las personas, ofreciendo sitios web que hagan su experiencia como usuario igual de satisfactoria, indistintamente del dispositivo desde el cual naveguen.



Marco Antonio Molina Rosales
Diseñador Web ABC Digital
Licenciado en Animación y Arte Digital

8.21.2014

La fuerza de Atracción de la imagen

La fuerza de atracción de la imagen se basa en la simplificación del mensaje para una comunicación más efectiva.
La imagen por sí sola es una representación visual de la realidad y su interpretación, depende completamente de la experiencia y percepción humana.
La tecnología, el Internet y las nuevas tendencias culturales, nos bombardean día a día con miles de imágenes, ya sea en medios impresos, multimedia o redes sociales y principalmente con estas últimas, nos volvemos seres cada vez más visuales.
Dada la existencia de aplicaciones creadas en la web para su uso en ordenadores, móviles y tabletas, el fomento a la creatividad y a la creación personalizada de imágenes va en aumento y hoy en día, el reto para impactar a un gran número de personas se ha vuelto una tarea compleja, pues las apps ponen al alcance de las manos del usuario diversas herramientas de creación, que facilitan la expresión y amplían el horizonte visual del mismo.
La fuerza de atracción de la imagen se basa en la simplificación del mensaje que se requiere transmitir, por lo que existen diferentes formas de representación de la misma y que se ven a diario en los medios digitales, aunque los usuarios desconozcan el trasfondo de su creación.
A continuación, te presentamos las llamadas Variables de la Imagen, una herramienta útil para crear innovadoras imágenes dotadas de creatividad y que han sido aplicadas a las representaciones gráficas que vemos a diario principalmente en  los medios digitales:


imágenes_instagram

REPRESENTATIVA

Instagram es uno de los medios que presentan más imágenes representativas, es decir, todo lo que observamos a nuestro alrededor y reconocemos desde la experiencia y el entorno. (Fotografía)


meme_yaoming

ABSTRACTA

Los memes, que son una representación de la realidad reducida a sus componentes visuales básicos, son las imágenes más virales de las redes sociales y se encuentran principalmente en Facebook.

imagen_abstracta


SIMBÓLICA

Es la máxima simplificación de la imagen en donde se reducen los detalles para su reconocimiento, identificación y pregnancia.  Tal es el  caso innovador de los íconos que se adaptan a las aplicaciones móviles y nuevos ordenadores digitales.


imagen_virtual

VIRTUAL

Se da por los diversos medios de comunicación, generalmente son imágenes elaboradas y/o manipuladas con ayuda de un ordenador.

7.03.2014

Transformación de diseñador a programador

Los diseñadores enfocados al web estamos en el mejor momento, somos punta de lanza de una generación que será definida por la tecnología móvil.
diseño_programaciónRealmente no existe una transformación como tal, pero sí una implementación y adaptación de conocimientos. Personalmente, jamás dejaría mi puesto de diseñador por el de un programador, aunque contara con los conocimientos para ello. Me gusta compartir nuevas cosas con personal de otras profesiones y actualmente el diseño y la programación se están haciendo muy buenos amigos pero aun así, no pienso que pudiera apagar mi parte creativa visual y simplemente programar.

Por la demanda actual creo que es responsabilidad del diseñador web promedio conocer bases de php, javascript y mysql (lo cual no pienso que lo convierta en un programador) con estos cimientos se puede entrar al increíble mundo del desarrollo web, en el que dejamos de ser diseñadores solamente y pasamos a desarrollar código desde 0 para hacer funciones y páginas dinámicas. 

No sé si me encuentro predispuesto pero personalmente me cuesta trabajo el orden y como bien sabemos (o no), la programación es una disciplina recta y lógica. Tenemos entonces la parte lógica del cerebro intentando comprender la sintaxis de programación y sus usos, y por otro lado el creativo que ayuda a darle forma a aquello que se compone de 0 y 1; en sí, esa es la meta del desarrollador.

Los diseñadores enfocados al web estamos en el mejor momento, somos punta de lanza de una generación que será definida por la tecnología móvil, el  desarrollar apps y sitios responsivos se está tornando de lo más común en estos días. Para todo esto debemos estar dispuestos a recorrer ese camino que para algunos es tedioso y gris (código), yo creo que el futuro del diseñador web es favorable aunque será un puesto muy común en algunos años, por eso hay que darle importancia a actualizarse e integrar nuevas técnicas a nuestra área de trabajo, siempre es bueno conocer a nuestros primos lejanos, nunca sabes en qué te puedan ayudar, y con las necesidades tecnológicas actuales debemos tomar en cuenta a nuestro lejano primo programación.

Si quieres comenzar el viaje del desarrollo web y se te complica ser tan lineal, te recomiendo Code Cademy, que tiene muchas motivaciones y  flats  muy bonitos aparte de que es gratuita y está en español.