All posts in “Diseño”

Corregir los estilos de Google maps si se utiliza Bootstrap o Fundation

Hace unos dias me encontraba checando un sitio de un buen amigo utilizando el api de google maps y para generar la maqueta usó Fundation de Zurb, cuando llamó mi atención que al cargar los mapas, la barra de zoom y el icono de street view no se visualizaba de forma correcta.

Esto es provocado porque el css del framework “resetea algunos estilos que usa google maps” propiamente estos:

img { max-width: 100% }

Para corregir esto, basta con agregar a nuestro archivo css las siguientes lineas:

.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }

Con esto el problema se habrá solucionado.

Google Fonts se actualiza

Google Fonts, el servicio para extender el uso de la tipografia en sitios web, ha alcanzado la version2. Con varias mejoras entre las que destacan la mejora de rendimiento en dispositivos moviles, y una amplia variedad de tipografias y variantes.

No cabe duda que google se merece un aplauso por este servicio, para que los diseñadores tengan mas opciones a la hora de diseñar sitios web.

Enlace: Google Web Fonts

Live.js. Olvidate del F5

Muchas a veces a la hora de diseñar un sitio web, al estar codificando el HTML y CSS necesitamos verificar lo que estamos haciendo en el navegador, es cuando presionamos la tecla F5 para refrescar los cambios.

Pues con este archivo esa tarea es cosa del pasado. Es bastante ligera y facil de implementar, y nos ahorrará tiempo a la hora de diseñar nuestros sitios.

Sitio: Live.js

Iconos 3D para Twitter

05-final

Y volvemos con mas post sobre este popular sistema de micro-blogging, si bien ha sido tanto el furor que ha causado que muchos bloggers colocan algun enlace para que los visitantes puedan seguir al blog o al autor. Pues bien, para aquellos que desean tener de forma estetica este enlace, nada como estos iconos/imagenes en 3D sobre el pajarillo twitter. Las imagenes estan en tamaño considerablemente grande que solo es necesario ajustar para poder utilizarlo. Mas iconos en el post completo.

Via: LRVisual

Continue Reading

Usabilidad en las escuelas

Entre los numerosos problemas que existen a la hora de desarrollar software, uno de los más recurrentes es el desconocimiento que existe acerca de usabilidad a la hora de desarrollar sistemas(al menos desde mi experiencia ha sido un problema que he visto constantemente).

Es que vamos, un sistema que está mal diseñado, que no es usable para los usuarios, nos ocasiona un gran problema a más de uno, y esto incluye desarrolladores, usuarios, empresa que solicito el sistema, y eso ni se diga si la aplicación maneja procesos vitales.

Esta deficiencia se ve aun más grande cuando hablamos de usabilidad web. Analicemos esta imagen que encontré en la web.

La imagen aunque ya tiene rato que ando dando vueltas en la red, es una realidad que todavía hay en muchas empresas y es ocasionado por varios factores entre los cuales destacan.

  • Poco conocimiento de estándares.
  • Deficiente análisis.
  • Poca información sobre accesibilidad y usabilidad.
  • Casi nula integración entre conocimiento de diseño y de programación.

Este ultimo yo creo que es de los problemas más grandes, ya que en la escuela al menos en el estado de Oaxaca, no existe una cultura del diseño en el desarrollo de software, en la escuela se nos ha enseñado a programar sistemas y que estos funciones adecuadamente, mas no que además de la funcionalidad, una parte importante es que sean fáciles al usuario, intuitivos, USABLES.
Por comentarios de los propios ex compañeros,  quienes tienen conocimientos sobre el tema, ha sido porque por su cuenta se han puesto a investigar y aprender, y esos aspectos(muy importantes a la hora de diseñar aplicaciones) están muy poco valorados en las escuelas.

La mejor opción es leer y buscar referencias sobre estos temas, pero sobre todo leer y comenzar a utilizar lo que se va aprendiendo, aplicarlo en nuestros proyectos, progresivamente notaremos una mejora y nuestras aplicaciones serán mejores y de mayor calidad.