Diseño web elástico

Jeremy Keith ha sacado un nuevo libro muy interesante en formato web, en PDF (en hojas verticales y horizontales) y en formato audiolibro. Gráfico de la teoría arquitectónica shearing layers. De abajo a arriba: sitio (site), estructura (estructure), capa (skin), servicios (services), planificación de espacios (space plan), contenidos (stuff). El libro trata de cómo diseñar un sitio web elástico, es decir, un sitio web que se adapte a todas las variantes de diferentes dispositivos desde los que se accede a la web actualmente. Keith usa en el contenido de su libro el concepto de diseño web responsive y lo lleva […]

Crónica CW15 – María Rox, Creación de Landing Pages

El domingo 7 de junio en el Congreso Web 2015 tuvo lugar la ponencia de María Rox, quien nos habló acerca de cómo crear una Landing Pages que convierta. Así pues, a continuación os muestro distintos aspectos que trató María y que deben estar presentes en una Landing Page. María Rox nos cuenta los aspectos que tiene que tener una Landing Page #CW15 pic.twitter.com/CM5UMpGby3 — Verónica Abizanda (@veniabi) junio 7, 2015 Un header simplificado, con la información básica y necesaria para la Landing Page. Un titular ganador, que llame la atención y sea representativo.La argumentación de la Landing. Una serie […]

Cómo diseñar una web mobile

En estos meses de verano hemos estado trabajando con dos sitios web, uno de ellos dedicado a temas culturales y otro a temas de educación, para abordar el diseño de la versión mobile de cada uno. Y es que contar con una web mobile ahora es algo más que fundamental. ¿Y cómo debemos abordar el diseño de una web mobile? De manera general podemos distinguir dos formas: Adaptar la web desktop a la versión mobile, es decir, construir una web responsive. Llevar a cabo un diseño mobile first. Diseño de una Web Responsive vs Mobile First ¿Qué es esto de […]

Rediseño total de torresburriel.com

Más de un post hay en este blog en el que se cuenta que hemos abordado un rediseño de nuestra propia casa, pero este no es un rediseño más. Va más allá. Desde ahora mismo torresburriel.com ya no es el blog de Daniel Torres Burriel, o el blog de @torresburriel. Es la web de Torresburriel Estudio. Aunque las cosas no son radicalmente diferentes a como podían ser hace un mes, o hace un año, con este rediseño lo que se pone de manifiesto, o esperamos que se perciba como tal, es que lo que empezó en 2003 como un blog […]

La prioridad del diseño en los nuevos proyectos

Hace no muchas fechas hablábamos por esta casa acerca del valor del diseño. Decíamos, “el diseño tiene un coste alto“, y lo decíamos con esas palabras muy a propósito para tratar de señalar que el coste del diseño a muchas personas, o mejor dicho a muchos proyectos, les puede suponer un coste alto. Ahora bien, ¿cuáles son las necesidades que resuelve el diseño en un proyecto digital? ¿Cabe preguntarse si merece la pena incluir el diseño como un coste inicial a la hora de planificar el abordaje de un proyecto digital? En el caso de que la respuesta sea afirmativa, […]

New York Times: diseño de la página de una noticia

Pues ya tenemos la noticia de la semana. El New York Times se ha destapado enseñando un prototipo visual de lo que va a ser el diseño de la página de una noticia en el diario digital. A primera vista me parece un avance significativo que, por fin, la cabecera del diario ceda el protagonismo a la credibilidad del mismo, reduciendo casi por completo su tamaño y presencia para, esta vez sí, ceder todos los focos a lo que potencialmente interesa al usuario ante una interfaz como esa: el contenido, la noticia. Lo que cuenta el periodista. Rediseño de la […]

Proyecto: generación de leads en bodacor.com

Este es uno de esos posts que siempre gusta escribir, publicar y compartir. Se trata de un proyecto. Un proyecto de rediseño de un portal que ayuda a los usuarios a organizar su boda. Concretamente les ayuda a buscar, localizar y seleccionar proveedores de servicios para organizar su boda: Bodacor. Lo que se nos pidió fue ayudarles a organizar los contenidos, arquitectura de la información y diseño conceptual del sitio de cara a optimizar los resultados del mismo, y lo que hicimos fue seguir la metodología de trabajo que a continuación comentamos. En primer lugar, y después de un primer […]

La brecha de las 6 pulgadas

Tenemos un nuevo post del gran Luke Wroblewski titulado Data Monday: The Six Inch Gap en el que plantea una cuestión que supone una patada en la boca a los defensores del responsive design basado en breakpoints, y que desde mi punto de vista no es sino un back to basics en toda regla. Hace una introducción, apoyada en datos que revela el panorama de los tamaños de pantalla de los smartphones. Dice que hasta hace poco, los smartphones modernos no llegaban en el tamaño de sus pantallas a las 6 pulgadas, mientras que las tabletas pequeñas empezaban con tamaños de 7 pulgadas. Esto […]

Listas de lecturas sobre diseño web: Links for light reading

En enero de hace exactamente 7 años hacíamos un post en el que anunciábamos que iba a estar disponible uno de los archivos más enriquecedores que conocíamos en cuanto a enlaces y lecturas en torno al diseño web. En Las lecturas ligeras de Russ Weakley en la web contábamos que Weakley había decidido montar un blog recopilando los mensajes que enviaba con enlaces absolutamente interesantes a la lista de correo del Web Standards Group. Ya avisabamos en la última edición de Lecturas CSS que Russ Weakley, editor de Some links for light reading, se había decidido a poner en un archivo, […]

Reflexiones acerca de proyectos y equipos de trabajo

Es curioso que a raíz de un hecho de índole personal se me haya ocurrido, a través del síndrome del próximo post, escribir acerca de algo de lo que no abunda por este blog. En el título del mismo se avanza algo. La cosa va de proyectos y de equipos de trabajo. A ver si soy capaz de transmitir lo que ronda por mi cabeza. Quiero hablar, básicamente, de cuatro aspectos: Cómo abordar un proyecto de rediseño Cómo seleccionar a los miembros de un equipo de trabajo para ello Cuáles han de ser las primeras acciones a ejecutar en un […]