por Omar Benyakhlef | Diseño de páginas web, Diseño para móviles, Diseño Web, Google, Usabilidad
Cada vez son mayores las exigencias de las páginas web que diseñamos. Imágenes más grandes y pesadas o efectos que hacen más atractiva la experiencia usuario, hacen que sea indispensable comprobar si esa experiencia que estamos buscando no nos devuelva justo lo contrario, es decir, una página que tarda mucho en cargar y que como resultado nos da una tasa de abandono cada vez mayor. Nos gusta navegar y la oferta es inmensa, si un sitio nos hace esperar acabamos por abandonarlo antes de que cargue.
(más…)
por Omar Benyakhlef | accesibilidad, Diseño para móviles, Diseño Web, Fuentes, Google, iPhone, Usabilidad
El año 2017 fue denominado por Google como“El año de los móviles” en base a su informe anual Consumer Barometer 2017. Por primera vez en la historia, el uso de Internet en dispositivos móviles registraba un porcentaje superior al 50 % en los 63 países incluidos en el estudio. España es en este sentido uno de los países más “adictos” a su uso, un 91% de los usuarios online se conecta a través de su Smartphone, los mismos que Hong Kong o en Singapore.Un 64% ve vídeos online y un 79% utiliza su móvil para realizar búsquedas, una de las cifras más altas del mundo, muy por encima de la media mundial que es del 65%.
Estos datos son suficientemente relevantes como para prestar una mayor atención al diseño web móvil, especialmente a las tipografías utilizadas. Desgraciadamente nuestra labor como diseñadores web viene condicionada en la mayoría de las ocasiones por las guías de estilo establecidas por nuestros clientes.
El uso correcto de la tipografía en el diseño web móvil es fundamental en la usabilidad y experiencia del usuario, veamos lo que dicen los expertos sobre cómo mejorar este uso en dispositivos móviles. (más…)
por Omar Benyakhlef | Android, Diseño de páginas web, Diseño para móviles, Diseño Web, Google, Usabilidad
El color es un elemento indispensable a la hora de diseñar una App, una web, publicidad… Puede determinar de modo determinante la usabilidad de tu aplicación o sitio web.
El color ayuda a hacer visible la jerarquía, la navegación o arquitectura de un diseño, hace que el usuario muestre más o menos interés en nuestros contenidos y una vez interesado, puede hacer que la experiencia sea positiva o que no vuelva a usar nuestro diseño nunca más.
(más…)
por Omar Benyakhlef | Diseño para móviles, Diseño Web, Google, HTML, iPhone, jQuery Mobile, Mobile, Tutoriales
Guía Google para optimizar web mobile
Si estás pensando en diseñar una web para smartphone, Google pone a tu disposición una guía gratuita con todo tipo de consejos, trucos y código para optimizarla y obtener los mejores resultados.
Para empezar, lo primero que Google te recomienda es realizar un diseño web receptivo, es decir, utilizar el mismo HTML para todos los dispositivos, independientemente de su resolución, y utilizar CSS para decidir los cambios según estas resoluciones.
Esta guía, te ofrece además, la posibilidad de consultar la compatibilidad entre smartphones o recomendaciones para el uso de javascript en tu sitio.
En definitiva, se trata de una guía realizada por Google, eso significa que si quieres tener contento a Googlebot, léete esta guía y síguela al pie de la letra 😉
por Omar Benyakhlef | Diseño de páginas web, Diseño para móviles, Diseño Web, Google, Photoshop
La geolocalización forma parte habitual del diseño web y aplicaciones para teléfonos y tablets. En numerosas ocasiones nos vamos a encontrar con la necesidad de diseñar incluyendo mapas de Google Maps, controladores de mapas, ubicaciones, pins de localización…
En este post de recursos de diseño web, vais a encontrar una gran variedad de mapas y demás útiles para realizar con éxito vuestros diseños de geolocalización.
(más…)
por Omar Benyakhlef | Google, Tutoriales
Afortunadamente cada vez existe mayor libertad a la hora de diseñar una web. Hasta hace poco sólo podíamos utilizar las fuentes de sistema, las «arial, verdana,times,…». El uso de una fuente fuera de este grupo podía suponer una catástrofe visual si el usuario que entraba a ver la web no tenía instalada dicha fuente en su máquina. Existía la posibilidad de «hacer trampa» con flash o con imágenes, pero los inconvenientes eran tantos que salvo contadas ocasiones, no merecía la pena contemplarlo.
Ahora como sabeis, existen varias formas de utilizar cualquier fuente en vuestros sitios, @font-face rule, Tipekit, Fonts.com Web Fonts, Fontdeck, Webtype, WebINK,… Hoy sin embargo vamos a ver sólo Google Web Fonts, veremos las mejores fuentes que nos ofrece, sus ventajas e inconvenientes.
(más…)
