Revuelta

Irene 3 Feb 2016 | 4 comentarios

badd
Hace 13 años comenzaba a escribir un blog sobre diseño y tecnología.
Empezó como un espacio propio para reflexionar, pero tuvo una gran e inesperada repercusión.
Los blogs comenzaban a ser un vehículo de intercambio y ese impulso hizo que Buenos Aires de Diseño explotara.
En los últimos años mi energía ha ido por otros caminos. Pero este año vuelvo a poner mi curiosidad al servicio del diseño y la innovación.
Con fuerzas renovadas, y con un compañero de ruta de lujo: Carlos Carpintero, docente, teórico e investigador del diseño se suma a este espacio.
Buenos Aires de Diseño cumple este mes 13 años y vuelve a la acción.

COMPARTIR

Curso de Diseño Responsive

Irene 10 Sep 2015 Dejá tu comentario

El mes que viene voy a dar un curso de Diseño responsive. Es algo que me apasiona y que me piden, sobre todo los colegas.

Me interesa la capacitación en diseño web, creo que los diseñadores tenemos mucho campo en la web y para estar a la altura necesitamos espacios de aprendizaje.

Asi que si estás interesadx, sumate. Los grupos son reducidos, ¡no te lo pierdas!

La web actual demanda que nuestros diseños se adapten a cualquier dispositivo (móviles, tablets, notebooks, celulares, etc.)

El Responsive Web Design o Diseño Web Adaptable es una nueva técnica de diseño y desarrollo web que utiliza estructuras y elementos de tamaño variable. A través de condicionantes muestra diferentes visualizaciones del mismo sitio, según las dimensiones del dispositivo.

El desafío para los diseñadores es crear una interfaz que sea legible en cada dispositivo.

+ info

RWD-curso2015

COMPARTIR

Open Type en CSS 3

Ejemplo con algunas ligaduras activadas y desactivadas usando Magneta de Positype   -ver link más abajo.
Ejemplo con algunas ligaduras activadas y desactivadas usando Magneta de Positype.

En web, Open Type recién comienza a introducirse con la versión 3 de CSS.

¿Qué es Open Type?
El formato Open Type fue desarrollado por Adobe y Microsoft. Representa una mejora sobre los anteriores, PostScript y True Type, porque trabaja con el set completo de Unicode, que permite disponer de casi todos los símbolos (por ejemplo con fracciones no estándar) y casi todos los idiomas del mundo. Además permite un amplio uso de ligaduras. Mientras que las tipografías PostScript soportan 256 glifos, Open Type soporta más de 65.000. Y esto en un solo archivo: el .otf.
Algunos programas que aprovechan esta capacidad son Adobe InDesign y Photoshop.

Por ejemplo, para poder usar small-caps debo escribir en mi plantilla de estilos:

.smallcaps { font-feature-settings: "smcp" on; }

Puedo escribirlo de 3 maneras: "smcp" on, "smcp" 1 o simplemente "smcp".

Puedo activar m[as de uno simultáneamente: font-feature-settings: "liga", "smcp";.

Pero la implementación de CSS3 no es total y algunas características van siendo implementadas de a poco por los distintos navegadores.
Podemos ver en Can I use una tabla con los navegadores, sistemas operativos y versiones que soportan font-feature-settings.
Como todavía la implementación no es total, el código debo repetirlo con varios prefijos para que cada navegador lo tome:

-moz-font-feature-settings:"smcp" 1;
-ms-font-feature-settings:"smcp" 1;
-o-font-feature-settings:"smcp" 1;
-webkit-font-feature-settings:"smcp" 1;
font-feature-settings:"smcp" 1;

En este tester, podemos probar el funcionamiento de algunas características de Open Type y abajo nos indica qué código CSS3 utilizar.

COMPARTIR

La bicicleta como dispositivo de empoderamiento femenino

Irene 5 Jun 2015 | Dejá tu comentario

tapaEn estos días en que vivimos nuevos aires en cuanto al entendimiento de la problemática feminista, creo que puede interesarles este breve trabajo que escribí para el Posgrado de Género y Diseño que hice con Griselda Flesler.

En este breve documento presento el rol que tuvo la bicicleta como catalizador de los cambios sociales durante la lucha feminista de fines de siglo XIX y principios del siglo XX. El diseño de la bicicleta, los cambios en la indumentaria y la actividad militante de las mujeres en Gran Bretaña y EEUU.

COMPARTIR

La victoria del día después

Irene 4 Jun 2015 1 comentario

La convocatoria #niunamenos, comenzó con un twitt de la periodista Marcela Ojeda y pronto se le sumaron otras para organizar.

Actrices, políticas, artistas, empresarias, referentes sociales … mujeres, todas, bah.. no vamos a levantar la voz? NOS ESTAN MATANDO

La marcha fue masiva frente al congreso y también en otras ciudades del país: Córdoba, Rosario, Mendoza, Jujuy, Mar del Plata, Misiones, La Pampa, Rio Negro, Neuquén, Corrientes, Comodoro Rivadavia, por mencionar algunas.

Es un pequeño paso, pero un importante hito. Es la primera vez que el tema tiene una convocatoria masiva, y que muy distintos sectores se unen bajo un mismo lema. Y es la primera vez en mucho tiempo que en Argentina los medios hablan todos apoyando una misma consigna política.

El colectivo Comunicar Igualdad hizo una recopilación de la repercusión en diarios de todo el país.

(más…)

COMPARTIR

Taller de conceptualización

Irene 16 Abr 2015 | 1 comentario

Carlos Carpintero es un amigo de la casa. Ya hace ¡más de 10 años! diseñó el afiche del blog, entre otras colaboraciones.

En breve va a dictar un taller con muy pocos cupos, no se lo pierdan.

1913512_10153234178949399_3168629977388764916_oApenas doce cursantes. Amo ese número, el producto de la tétrada y la tríada. Lo sé, y pido disculpas de antemano, pero serán las tres clases sobre Diseño más importantes que daré en mi vida y quiero hacerlo bien. Acaso más adelante haya otra chance.

Luego de 18 años de docencia universitaria, voy a dar un workshop sobre PARTIDO CONCEPTUAL. Vengo trabajando en esto hace cinco años. Será en un lugar maravilloso, extraordinariamente bien preparado para dar un taller.

Más información sobre el taller en ODD.

COMPARTIR

Perspectiva de género y diseño

El año pasado tuve la suerte de ser parte del primer curso sobre feminismo, género y diseño.

El curso de Griselda Flesler me enriqueció, creo que abre un espacio necesario en nuestra facultad y me gustaría compartir la convocatoria a la edición de este año, que comienza en junio.

Diseño, Teoría Feminista y Estudios de Género:

Una perspectiva teórica y crítica del Diseño contemporáneo

Desde hace varias décadas, la Teoría Feminista y los Estudios de Género comenzaron a discutir los modos de la construcción del conocimiento de diversas disciplinas. Sin embargo, esta perspectiva ha estado escasamente presente en la enseñanza, en las prácticas, en los relatos históricos y en los discursos de legitimación de la Arquitectura y el Diseño en nuestro país. Este seminario, a partir de los principales lineamientos de la Teoría Feminista y de los Estudios de Género, propone una lectura crítica del campo del Diseño como práctica cultural.

Con tal fin, se analizará cómo las proyecciones de género tienen un impacto en el proceso de diseño, en el uso y la lectura de los objetos y los espacios sociales. En tal sentido, se pretende trazar nuevas miradas que contribuyan a la construcción local de un pensamiento proyectual más inclusivo y diverso.

(más…)

COMPARTIR

Re diseño

Irene 11 Mar 2015 | Dejá tu comentario

Ya venía demorado el rediseño.
Pero acá está. Buenos Aires de Diseño renovado y por supuesto, es Responsive.
badd
En este rediseño estoy usando 2 tipografías de Omnibus: Chivo en títulos y Asap para el cuerpo de texto.

Por ahi vean algún ajuste más, pero si ven algún muerto, me avisan 😀 .

COMPARTIR

Google penaliza a los sitios que no sean móvil-amigables

El diseño responsive comenzó siendo un plus para un sitio web. Con un solo sitio podía ser legible y navegable desde cualquier dispositivo.

Pero ahora Google comenzó una campaña y advierte a través de su blog que la experiencia móvil será parte de los factores que se valúan para subir o bajar en su ranking.

1. Más sitios web móviles amigables en los resultados de búsqueda

A partir del 21 de abril vamos a ampliar el uso de la amigabilidad móvil como un dato para el ranking. Este cambio afectará a las búsquedas móviles en todos los idiomas en todo el mundo y tendrá un impacto significativo en nuestros resultados de búsqueda. En consecuencia, los usuarios encontrarán más fácil conseguir resultados de búsqueda relevantes y de alta calidad que están optimizadas para sus dispositivos.

Para obtener ayuda con la creación de un sitio móvil-amigable, echa un vistazo a nuestra guía para sitios mobile-friendly. Si eres un webmaster, puedes estar listo para este cambio mediante el uso de las siguientes herramientas para ver cómo ve Googlebot sus páginas:

  • Si desea probar algunas páginas, puede utilizar la prueba móvil-friendly.
  • Si usted tiene un sitio web, puede utilizar sus herramientas para webmasters de Google para obtener una lista completa de los problemas de usabilidad móvil a través de su sitio web utilizando el Informe de Usabilidad Móvil.

También según cuentan en Community Análisis han comenzado a enviar advertencias por email, desde las herramientas para Webmasters.
optimización-móvil-google-webmaster

Cada vez queda menos espacio para el diseño tradicional. ¿Vos ya te adaptaste?

Vía | ABdiseño.

COMPARTIR

Conceptos sobre diseño web responsive

Irene 18 Nov 2014 | 2 comentarios

what-is-responsive-web-design-700x466[1]El diseño adaptable o responsive web design es una manera posible de enfrentar los diversos problemas que nos trae la web actual. Algunas de estas características que nos hace elegirlo por sobre otras opciones son:

Ubicuidad: Una sola web

La web está en todas partes y es una sola web. Es lo que la hace poderosa. Continuamente se agregan dispositivos desde donde podemos acceder y las personas acceden por donde quieren y pueden. La ropa, los electrodomésticos, las paredes, el aire.

Como diseñadores esto nos propone un desafío gigante.

Tenemos que ofrecer paridad de contenidos, facilitar el acceso, dar la mejor opción de legibilidad posible, pero el contenido debe estar disponible para cualquier dispositivo.

No hay que penalizar al usuario por el dispositivo o el navegador por el que accede, sino tratar de darle lo mejor que podamos en cada caso.

Flexibilidad: device agnostic

Un televisor, una heladera, una campera, unos anteojos, un reloj, un auto… navegación subcutánea.  Todo puede ser un dispositivo con acceso a internet. Cada uno además tendrá un sistema operativo distinto y  -quizás- opciones múltiples de navegadores.

¿Podemos inferir según el dispositivo que detectamos qué tipo de uso le dará o qué velocidad de acceso tiene? Además de que es muy común fallar en la detección, es casi imposible sacar conclusiones según si usa una tablet, un televisor, una notebook o un teléfono. ¿Y si usa los anteojos Google Glass? Por la disponibilidad y los crecientes cambios tecnológicos, es hacer diseño ficción. Puedo dar más opciones si detecto por ejemplo el GPS, pero por que no tenga GPS no debo concluir que poner un mapa es inútil.

La respuesta es ser flexibles. Utilizar breakpoints -puntos de quiebre- en lugar de diseñar por tipo de dispositivo.

Intentar adivinar qué dispositivo utiliza para así controlar es seguir dentro del paradigma anterior.

Rendimiento

Al principio para sostener el control puede que multipliquemos el contenido, ocultando los elementos según qué visualización aplique.

Para mejorar el rendimiento lo mejor es utilizar cargas condicionales. Por ejemplo, cargar una imagen pequeña o grande según el breackpoint, va a permitir una mejor performance y evitar carga de datos innecesarios.

Los CMS pueden ayudarnos en esta tarea, creando diferentes instancias en el momento de la carga.

Tatoo interfaceMejora progresiva

Una de las características de la web con la que debemos trabajar, es la variedad de navegadores y los constantes cambios y la superposición de versiones.

Las versiones anteriores y los navegadore más viejos todavía siguen en uso. Usando detectores de capacidad podemos entregar contenido discriminando las posibilidades de los navegadores.

Y siempre apegarse a los estándares.

Soporte vs. optimización: podemos dar mejores capacidades si es más moderno el navegador, pero no por ello imposibilitar el acceso a las funciones básicas a las versiones anteriores.

Future friendly

Recién mencionaba la navegación web subcutánea, lo cual hoy parece un delirio. ¿Realmente lo es? En tecnología, el futuro -incluso el cercano- es impredecible.

Lo mejor que podemos hacer es pensar en el presente de manera flexible y así llegaremos, con cierta elegancia al menos, al futuro.

 

Algunos divertidos contraejemplos en los que no aplicaron estos criterios wtfmobileweb.com.

Vía | bradfrost

COMPARTIR