miércoles, 1 de febrero de 2012

De cómo un recurso puede llegar a afectar la calidad del trabajo

Este post es para explicar mejor cómo influye el tratamiento de la imágenes en los medios digitales, porque de eso solemos hablar casi siempre en este blog. Por eso, la realización de este ejercicio, en el que tomanos dos fotos de nuestra amada pachamama, con el fin de demostrar lo que en clase aprendimos, del tamaño, la resolución, los píxeles y vectores, entre otras cosas.


Esta fotografía tiene un tamaño de 640 x 640 píxeles:
Y a continuación, modificamos sus medidas a 50 megapíxeles para observar su proceso de transformación. En este caso particular, cambia su tamaño, pero visualmente y en digital, no se ve tan afectada como ocurre en el caso contrario.


 Adicionalmente tomamos una imágen, que puede ser utilizada como ícono y le cambiamos sus medidas, de 50 megapíxeles a 640 megapíxeles y el proceso de deformación es evidente, obtenemos una imágen totalmente deforme, como vimos anteriormente.
Todo esto denota, que evidentemente, las imágenes pueden lograr darle vida a un texto, enriquecer el diseño de la información, pero sobre todo la delicadeza con la que deben ser tratadas, usando los programas adecuados y eficientes para la optimización de las mismas.

Con la Times leo mejor



El uso de las fuentes en los medios digitales es tan importante, que hay quienes dejan de leer textos porque les cuesta entender uno que otro tipo de letra o simplemente porque no se acostumbran a otra cosa. Sobre todo cuando se usan esas letras que estan adornadas con un montón de cosas, muy al estilo de las que arropan los establecimientos, tiendas y todo lo que hay en la Colonia Tovar, estado Aragua. Que en este caso, no es tan desfavorable, porque se quiere resaltar el aspecto colonial, cultural, turístico de la zona.

Pero, una tipografía que está acompañada de arabescos que no dejan percibir la verdadera figura de la letra, simplemente en web: NO FUNCIONA.

Muchos se acostumbran a la Arial o a la Times, no usan más que esos dos tipos de latras, pero más allá de ellas hay una extensión de recursos que pueden ser utilizados para enriquecer las webs.

AL crear una se debe tomar en cuanta tanto la visibilidad y comprensión que dan las letras en el entorno digital, como también en el impreso, porque quien prefiere llevar a casa toda esa información, le gustará leer fácilmente lo que ahí se expone, pero ahora en papel.

En los diarios digitales se usa con frecuencia Times New Roman y Georgia para el texto y Verdana o Arial para el texto en general. Muchas veces en estos medios, los textos son planos, pero cuando se busca crear una imagen con ellas, hay opciones más grandes, con sombras y efectos, que pueden ayudar a enmarcar una información en otro contexto.

Nunca deje de lado la importancia de la tipografía, estudiela y recuerde que cuando seleccione alguna de ellas, tome en cuenta que debe estar en su computador, de modo contrario el navegador mostrará una fuente por “default” lo cual no es nada favorable. Experimente, cree.

El recorrido visual en la web




Entre las tantas diferencias que hay entre leer un texto impreso y uno digital, está el recorrido visual que el humano realiza cuando sus ojos se posan frente a cada uno de ellos. Según estudios realizados por una empresa estadounidense llamada Poynter,  la vista del humano se mueve de manera muy interesante en el plano web, por eso, es fundamental conocer con detalle ésta información para saber dónde colocar lo más relevante.

Ese recorrido se hace, en la mayoría de los casos, en forma de L, F o E, por esa razón es que vemos que en los principales diarios de noticias del mundo, la información que rompe el celofán, siempre está en la esquina superior izquierda, con una tipografía específica, más grande y sobresaliente.

De algo tan sencillo como la ubicación de la información, dependerá el éxito o el fracaso de las webs. Si cada cosa está en su lugar, entonces la experiencia del usuario será favorable.

La mirada, en esta área, nunca será lineal, la vista, solita caminará por distintos lugares, de una manera desordenada, cosa que no pasa cuando alguien lee un periódico, una revista o cualquier otra publicación impresa. De esa manera el movimiento de los ojos es lineal. Esta es una de las experiencias obtenidas con un grupo de personas que sirvieron para construir el estudio. Pero la web sigue cambiando y éste a penas es el comienzo para descubrir la conducta humana y el papel de los medios digitales.

Lo que a ciencia cierta sí se sabe, es que la gente sí lee en Internet y que hay que darle la posibilidad al usuario de elegir lo que quiere ver leer. Nunca obligarlo a ver lo que el editor web quiera que se vea. Porque a nadie le gusta que lo obliguen a ver absurdos o de cosas poco interés para el individuo.

Si quiere tener mayor referencia de este recorrido visual, puede visitar la web: http://www.juanmerodio.com/2010/eyetracking-conoce-como-mira-el-usuario-tu-web-para-destacar-lo-que-te-interese/ 


Cuando de colores se trata



El color es una de esas herramientas indispensables en todo diseño web, primero que nada, porque cuando estamos en una página de la cual probablemente vamos a obtener información, debemos, primero que nada, identificar cuál será el contenido que allí encontraremos y más allá de eso, debemos entenderla. Y con el buen uso del color, podemos lograrlo.

¿Cómo se hace?

Una de las primeras cosas en las que se debe pensar, es en que la información plasmada debe asociarse con colores y de su empleo va a depender una buena identificación con el producto.

Utilizar muchos colores es en algunos casos contraproducente, pero en otros, se puede recurrir al círculo cromático ampliamente y plasmarlo lo mejor posible en la web.

Un ejemplo de ello es la actividad de la creación de la web: www.sunmusic.com que yo diseñé. Allí decidí tomar varios colores, como rojo, verde, amarillo, azul, entre otros, sencillamente porque la temática me lo permitió. Cree una web de música, específicamente reggae, un tema fresco y realmente colorido.



Esos colores los utilicé en el menú principal. Como se ve en la imagen anterior. Además decidí reutilizarlos en cada una de las columnas para identificar la sección que se estaba tratando, logrando  hacer un enlace visual fácil de captar.

Éste es sólo un ejemplo de todo lo que puede lograrse aplicando la teoría del color. Según la página: http://www.webusable.com/coloursMix.htm se debe usar tres colores mínimo, para que la página no sea aburrida. Con esta descripción, puede ayudarse a identificar cada quien con cada cual.

·         Color Primario: es el tono básico de la página, el que la define, y el que ocupa la gran mayoría de la misma. Sería el color del atributo "background" de la página.

·         Color Secundario: es el segundo tono predominante en la página, aunque en mucha menor medida que el primario. Normalmente debe acotar o resaltar áreas y debe ser bastante próximo en tono al primario.

·         Color Destacado: es el color que se utiliza para resaltar aspectos concretos de la página. Por definición debe contrastar mucho con los colores primario y secundario y, por tanto, debe utilizarse con moderación.

Analizando más cada uno de estos aspectos le será más fácil enfrentar un reto web, pero lo más importante es que sea usable, agradable y amiga.

Este es el reto digital





Cuando entendí el verdadero significado de la palabra: usabilidad, fue cuando enfrenté el reto de hacer una web capaz de ofrecer productos y poder adquirirlos en pasos cortos y eficientes.
Este se replanteó varios años más tarde. Nació con la idea de hacer un portal de noticias, de un tema realmente especializado, pero logrando que los usuarios pudieran disfrutar del contenido e interactuar facilmente, pero sobre todo, de navegar y navegar sin problemas, logrando efectividad.
Y es que efectivamente ese el reto que tenemos quienes estamos detrás de toda esta inmensa nube, llena de aciertos, desafíos, retos y equivocaciones. La idea es plasmar buenas ideas y claridad para lograr buenas oportunidades y visitas placenteras.
        Por eso el éxito de Google y el bendito modismo: “googlealo”. Quien ha estado frente a un computador con internet sabe de lo que hablo. Nada más sencillo que usar Google para ubicarlo todo, hasta buen contenido para hacer un excelente Trabajo especial de grado, si es que de usar las redes se tiene conocimiento. Esto demuestra que lo eficiente se convierte en indispensable en este mundo donde la competencia es letal y divina. Google, ese gran monstruo se sigue creciendo. Porque sencillamente es:

         Entendible
         Novedoso (A pesar del tiempo que tiene al aire)
         Comprensible
         Inteligente
         Atractivo.

Y repito, ese es el reto. Los sitios webs que se siguen desarrollando no deben ser pensados como una manera sencilla y veloz de hacer dinero. El punto está en ofrecer más. Diseñar pensando en cómo el usuario podría sentirse más cómodo o captar mejor los “pages”, con el fin de nadar en ellos sin trabas.



A todo hay que darle usabilidad, enfrentarse al reto de ponerse en los zapatos de quien día a día va a clickear muchos links en busca de lo que necesita. Más allá de los colores y el diseño de todos esos sitios que nos invaden a diario y que muchas veces abandonados por la sencilla razón de que no entendemos NADA de lo expuesto.A ingeniársela, a crear, organizar y dar claridad. El reto a penas comienza.

+ Usabilidad: Atributo de calidad que mide lo fácil que es de utilizar un objeto, servicio o ítem.