Categorías Uncategorized

Affordance en usabilidad web o, ¿para qué sirven las cosas?

Para conseguir que el usuario obtenga una experiencia totalmente satisfactoria cuando accede a nuestra web, es importante allanarle el camino para que pueda encontrar rápidamente aquello que busca. Para ello, nos hacemos eco del término anglosajón «Affordance«, un concepto utilizado para centrar el diseño de una página web en los elementos de interacción (call to action), como pueden ser botones o indicadores select (desplegables).

La affordance se define como la cualidad de un objeto para evocar la idea de la acción que se generará si interactuamos con él. Los elementos web se comunican por sí mismos y nos indican como se usan a través de su apariencia.

Categorías Uncategorized

Cómo afecta a nuestra accesibilidad y posicionamiento técnicas de ocultación de contenido

Podemos hallar diferentes opiniones en torno a si el rastreador de Google castiga al usar técnicas CSS de ocultación de contenido. Unos opinan que se trata de un bulo, que Google no interpreta el CSS. Sin embargo, otros llegan a afirmar que en la indexación se tasa la experiencia de usuario, teniendo la capacidad de saber cómo el usuario ve un sitio en su navegador; esto implicaría leer y comprender CSS.

Categorías Uncategorized

Herramientas para visualizar tu web en dispositivos móviles

Adaptar una página web a los distintos navegadores de los dispositivos móviles no es una tarea fácil. El diseñador web suele encontrarse con ciertas dificultades que acudiendo a determinadas herramientas (gratuitas), llegan a amenizar y acelerar el proceso.

Si lo que buscamos es saber cómo se adapta nuestra web a los dispositivos móviles, obtener informes de errores, puntuación de adaptabilidad, usabilidad y eficiencia, herramientas como mobiReady, W3C mobileOK Checker, Gomez, o Modify Headers Add-on para Firefox son recomendables.

Categorías Uncategorized

Adobe, el amanecer de una nueva generación de programas de diseño

Adobe anunció en junio que no habría una nueva Creative Suite y que a partir de ahora toda innovación vendría a través de Creative Cloud, con lo que pasan de la licencia permanente a la suscripción mensual.

Debido a esto, no podemos evitar hacernos una pregunta, ¿qué será de los creadores de Photoshop?

Categorías Uncategorized

Top 20 páginas web diseñadas bajo el concepto Flat Design

Dada la tendencia actual en el diseño web marcada por el concepto Flat Design, a continuación hacemos una recopilación con algunos de los mejores ejemplos de páginas web diseñadas basándose en las pautas que marcan este estilo.

Como podréis apreciar, la simplicidad, funcionalidad y los colores suaves predominan en todas y cada una de ellas.

Categorías Uncategorized

Gráficos de Retina para Diseño Web

La tecnología Retina Display es el término con el que Apple bautizó al sistema de alta resolución desarrollado por Sharp y que desde 2012 empezó a integrar en sus propios productos.

A grandes rasgos podemos decir que esta tecnología consiste aumentar el doble de píxeles físicos en pantalla, por ejemplo; 10 píxeles en un monitor estándar corresponderían a 20 píxeles en un monitor de retina. De esta forma se supera la resolución percibida por el ojo humano, por lo que éste no puede distinguir los píxeles en la pantalla y se crea una sensación de continuidad propia del papel impreso.

Categorías Uncategorized

Long shadow, un nuevo recurso para el Flat Design

No hace mucho hablábamos de un cambio de estilo en el diseño web que dejaba atrás el Skeumorfismo y abría paso al Flat Design, cobrando protagonismo la simplicidad y la eliminación de cualquier tipo de realismo tridimensional (sombras, profundidad, brillos…)

A pesar de que el Flat Design no lleva mucho tiempo en el mundo del diseño ya empezamos a ver una nueva tendencia que pretende ponerse de moda, el Long Sadhow o sombra extendida.