Cuatro detalles que no deberías descuidar en tu web

Al igual que en la vida real, un negocio no puede descuidar su imagen, la web de un negocio tampoco debe presentarse de forma descuidada. Porque una mala imagen puede hacer que un potencial cliente simplemente ni siquiera se plantee el hecho de adquirir nuestro producto o servicio, por muchos beneficios o ventajas que este pueda ofrecerle y todo eso sin antes «probar» o «consultar». Y todo por descuidar la imagen.

De esta forma, nadie gustaría de encontrarse con un producto con aspecto deteriorado, con polvo sobre estanterías o con un aspecto desaliñado de los dependientes. Pues bien, en la «vida online» para un poco de lo mismo. Y en el caso de la web ¿que cosas son las que deberíamos evitar para no mostrar ese aspecto desaliñado y descuidado?.

Una de las cosas más importantes a día de hoy en la web es el contenido, y no solo porque Google lo dice, sino que debemos revisar convenientemente los contenidos que ofrecemos y evitar tener datos desactualizados. No hay nada peor que eso, ya que muestran dejadez y abandono. Acaso, ¿si vemos una tienda con aspecto antiguo no pensamos que todo lo que hay dentro será también antiguo? Así pues debemos cuidar de mantener la información importante actualizada como podría ser los datos de contacto, intentar actualizar nuestras descripciones de productos/servicios y evitar referencias antiguas siempre que sea posible (y estos solo deberían aparecer a modo historial si es necesario).

Pero para que queremos contenido si la página no funciona como debe. Así pues tener una sección de la web que no funciona es como tener en la tienda una máquina para arreglar un determinado producto y que este no funcione, un auténtico desastre. Deberemos por tanto asegurarnos que todas las secciones de página funcionan correctamente.

Dice el refrán, que más vale una imagen que mil palabras. Pero si esa imagen es mala, mejor sería no ponerla ya que estaríamos ofreciendo de nuevo señales de dejadez y ofrecerá una mala sensación, por tanto evitemos incluir imágenes de mala calidad. Aunque tener imágenes hoy en día es un aspecto importante si estas no contribuyen sino que podrían perjudicar, es mejor tener un texto solo que acompañado de malas imágenes.

Por último, debemos cuidar el diseño y la estructura de la página. Y es que si todo esa mal organizado, posiblemente el visitante se perderá en el caos de nuestra página y acabará por abandonarla sin haber logrado encontrar lo que buscaba. También debemos intentar que el diseño se adapte lo máximo posible a los tiempos que corren, porque no nos olvidemos que estamos en internet y aquí es todo muy dinámico y se busca siempre estar al día. Por tanto hay que evitar tener una estructura desorganizada y un diseño anacrónico.

Cuatro cosas evidentes pero que a veces podrían olvidársenos y dar al traste con cualquier proyecto online.

WebColourData te ayuda a conocer el esquema de colores de un sitio web

El color es algo que se sabe desde hace muchos años que influye en la percepción de los usuarios, no solo en la web sino en todos los aspectos. Así pues la elección de un color adecuado es siempre muy importante y también en un proyecto web. Para ayudarnos en dicha misión existen proyectos como Web Color Data, servicio que nos permite conocer de una forma muy sencilla los colores que se utilizan en un determinado sitio web.

De esta forma, bastará con introducir la URL de la web que queremos analizar y nos devolverá un resumen de los colores empleados con sus correspondientes códigos hexadecimales. De esta forma podremos partir de un esquema de colores dado y usarlo como punto de inicio para nuestro proyecto. Además de esta función, también ofrece un par de herramientas más como Pictacolous, que nos permite subir una imagen a partir de la cual se generaría la paleta de colores que se ajuste a dicha imagen. Otra herramienta interesante y de uso casi obligado sería
CheckmyColour, herramienta con la cual podemos ver si los colores de nuestro proyecto web cumplen las sugerencias del W3C de cara a facilitar la lectura de nuestra web.

modern.Ie un servicio para analizar y validar nuestra web

Cualquiera que desarrolla webs seguro que ha empleado más de una vez alguna herramienta con la cual validad el código para comprobar que cumple los estándares existentes en el momento, bien sea en cuanto a la accesibilidad, a las hojas de estilo CSS o el código HTML. De hecho, cumplir esos estándares y probar que nuestra web se muestra como debe en diferentes plataformas y navegadores es algo que todo desarrollador debe realizar.

Pues bien, Microsoft ofrece un servicio bajo el nombre de modern.IE en el cual tendremos no solo una herramienta para validar nuestra web, sino que además tendremos opción de ver el resultado de nuestra web en varios navegadores (y no solo Internet Explorer, sino que también con otros navegadores disponibles en Internet Explorer). Y aunque muchos podrían mostrar cierto recelo ante esta opción por la habitual negativa de Microsoft a respetar los estándares, parece que finalmente los de Redmon están cambiando de actitud y tratan de contribuir a la independencia de la plataforma y navegador haciendo un uso más fiel de los estándares HTML5 y CSS3.

Para la prueba de nuestra web en varios navegadores se ofrece el servicio BrowserStack, en el cual deberemos registrarnos y nos permitirá su uso durante 3 meses de forma completamente gratuita, lo cual nos puede ahorrar bastante tiempo. También ofrecen recursos para la descargas de máquinas virtuales de diferentes versiones de Windows e Internet Explorer, que nos permita probar en el campo de trabajo los resultados.

iconsDB.com iconos para tus proyectos web

iconsDB.com es un proyecto donde encontraremos un extenso repositorio de iconos con los cuales aderezar nuestro proyecto web. Donde destaca este servicio es en ofrecer iconos clasificados por color, ofreciendo un simple pero eficaz sistema de etiquetas que nos ayudará a encontrar el icono que nos hace falta. En la web encontraremos iconos en los formatos más habituales: ICO, PNG, JPG y GIF, además de varios tamaños, desde los 16×16 a los 512×512 pixeles. También ofrecen un buscador como alternativa para encontrar lo que buscamos más rapidamente. Sin duda, una interesnte propuesta para apuntar en vuestros favoritos.

Las WebFonts son estandarizadas por el w3c

La utilización de fuentes especiales en las webs, ha sido siempre un tema delicado a la hora de diseñar una página web. Y es que en caso de emplear una fuente fuera de las más habituales, podía llevar a que la web no se visualizase correctamente, estropeando así la experiencia de uso de la página. Pues bien, este problema podría cambiar con las Web Open Font, o también conocidas como WOFF. Este formato de tipo de letras fue desarrollado originalmente por Apple y ahora ha sido estandarizado por el w3c. Este formato de fuentes ya es soportado por los principales navegadores web (y solo en algunas versiones móviles se han experimentando problemas).

¿Y que es lo que ofrece WOFF? Pues bien, con este formato de fuentes, los creadores ya no dependerán de las fuentes que el usuario tenga instaladas en el dispositivo con el cual visualiza la página web. En su lugar el servidor será el que suministre la fuente y el navegador el que se encargue de mostrarla. Por ejemplo en Google Web Fonts tendremos más de 600 fuentes WOFF disponibles cuyo uso es libre. Sin duda, un interesante avance que facilitará enormemente la labor a la hora de diseñar las páginas webs sin que tengamos que preocuparnos porque los usuarios quizás no vean correctamente nuestra web.

La importancia del Responsive Web Design

El reciente uso de dispositivos móviles no solo ha cambiado la forma en que los usuarios navegan por la red, sino que también la forma en que los diseñadores deben crear las páginas web. Así pues, para estos últimos, cada vez es más necesario tener en cuenta los diferentes dispositivos que se van a conectar y visitar las páginas web. Si bien, hasta hace relativamente poco, la tendencia era que las resoluciones de pantalla y los tamaños de estas fuesen creciendo, ahora nos encontramos con que nuevamente hay que tener en cuenta pantallas de dimensiones más reducidas. Así pues ha surgido el Responsive Web Design, es decir un diseño web sensible a los dispositivos.

Es más, esta necesidad de hacer webs adaptadas a los diferentes dispositivos, no solo es de cara a ofrecer una mejor experiencia a los usuarios, sino que por ejemplo Google, ya indicó hace tiempo que las webs adaptadas para dispositivos móviles tendrían cierta preferencia. Así pues el spider GoogleBot-Mobile tendrá en cuenta si las webs han adaptado su contenido y esto mejorará el posicionamiento de la web.

Si bien, muchos desarrolladores inciden en la complejidad que supone el adaptar los diseños a tantos formatos distintos, la evolución que proporcionan los @mediaqueries han facilitado mucho el trabajo. Así con una buena planificación inicial y un pequeño esfuerzo adicional, la web podrá adaptarse con suma facilidad a distintos dispositivos, por lo que desde estas líneas os recomendamos a que se investigue en esta línea y ese pequeño esfuerzo inicial se verá recompensado.

Nueva era en Microsoft = Nuevo Logo

La verdad es que últimamente en Microsoft no paran. La inminente llegada de Windows 8, tiene a toda la compañía revolucionada. Y seguramente esto no solo se deba a la llegada de su nueva criatura, sino a la necesidad de que las cosas empiecen a cambiar. Y es que Microsoft, parece que ha estado ligeramente dormida en los laureles y la proliferación de los tablets y smartphones, algo que la misma compañía intentó popularizar sin éxito durante muchos años, ha cambiado en gran medida el sector tecnológico. Este cambio esta empezando a arrinconar a los PCs tradicionales, que es precisamente el principal mercado de Microsoft.

Pero parece que la bestia se ha despertado, o al menos eso quieren hacernos ver. Windows 8, es la apuesta de Microsoft para combatir en esta nueva etapa que se cierne. Y la demostración de que es su caballo ganador, está en que paulatinamente todos sus servicios han ido adoptando la estética de esta nueva versión del sistema operativo. Así es como le ha llegado el turno al logotipo de Windows, las tan características banderitas de cuatro colores que ya cuentan con 25 años de vida. Ahora se ha optado por simplificar el logotipo y simplemente estamos ante cuatro sencillos cuadros, muy de los tiles, muy del aspecto «sencillo» que tendrá Windows 8. Aquí tenéis una imagen con los dos logos (arriba el nuevo y debajo el antiguo):

Si queréis opinar sobre este nuevo logo, sobre si os gusta más el nuevo o el viejo o cualquier cosa relacionado sobre estos cambios de aspecto que está llevando a cabo Microsoft, no dejéis de añadir vuestros comentarios.

Responsinator, prueba tu web para distintos dispositivos móviles

En la web de Responsinator encontrarás una útil herramienta que te permitirá comprobar como se visualizará tu proyecto web en distintos dispositivos móviles. Así pues, a través de esta web tras introducir la url de nuestro sitio web veremos como se mostraría en un iPhone, en un SmartPhone con Android, en un iPad o en un Kindle todo en un mismo sitio. Sin lugar a dudas una buena forma de comprobar que nuestro diseño se adapta adecuadamente a cada uno de estos dispositivos, cosa especialmente necesario con el creciente auge de estos.