Diseño web y Posicionamiento en buscadores

Ejecución de código a través de imágenes GIF en Sun Java Runtime Environment

2009-04-22T20:50:00.002+02:00

Se ha encontrado una vulnerabilidad en Sun Java Runtime Environment (JRE) que puede ser aprovechada por atacantes para ejecutar código arbitrario.

El fallo se debe a un error a la hora de procesar imágenes GIF y puede ser aprovechado para provocar un desbordamiento de memoria intermedia basado en heap a través de una imagen GIF especialmente manipulada con un ancho de imagen de 0.

El problema está solucionado en (para Windows, Solaris, y Linux)

JDK y JRE 5.0 Update 10 o posterior.

SDK y JRE 1.4.2_13 o posterior.

SDK y JRE 1.3.1_19o posterior.

J2SE 5.0 está disponible desde:

http://java.sun.com/javase/downloads/index_jdk5.jsp

J2SE 5.0 Update 10 para Solaris está disponible en los siguientes parches:

J2SE 5.0: update 10 (proporcionado con el parche 118666-10

http://sunsolve.sun.com/search/document.do?assetkey=urn:cds:docid:1-21-118666-10-1)

J2SE 5.0: update 10 ( proporcionado con el parche 118667-10 (64bit)

http://sunsolve.sun.com/search/document.do?assetkey=urn:cds:docid:1-21-118667-10-1)

J2SE 5.0_x86: update 10 (proporcionado con el parche 118668-10

http://sunsolve.sun.com/search/document.do?assetkey=urn:cds:docid:1-21-118668-10-1)

J2SE 5.0_x86: update 10 ( proporcionado con el parche 118669-10

(64bit)

http://sunsolve.sun.com/search/document.do?assetkey=urn:cds:docid:1-21-118669-10-1)

J2SE 1.4.2 está disponible desde:

http://java.sun.com/j2se/1.4.2/download.html

J2SE 1.3.1 está disponible desde:

http://java.sun.com/j2se/1.3/download.html

Autor: Laboratorio Hispasec

http://www.hispasec.com/unaaldia/3009/ejecucion-codigo-traves-imagenes-gif-sun-java-runt

Fuente: http://www.webtaller.com

Los usuarios pueden influir en el ranking de una página

2009-04-22T20:44:00.002+02:00

Desde hace mucho tiempo ya existían especulaciones de que los algortimos del buscador de Google podrían usar informaciones de AdSense y Google Analytics para calcular el ranking de una página en el índice del buscador.

1st Search Engine Rankings Seo Blog ha realizado varios experimentos con 100 usuarios anónimos y ha llegado a resultados muy interesantes.

1. Experimento: Cual es el efecto de los clics en el Ranking?

Una página que estaba fija en la posición 10 del ranking para una palabra clave y que no tenia AdSense o Google Analytics fue tomada como base para este experimento.

Durante una semana, los 100 usuarios buscaron en Google esa palabra clave y solo hicieron clic en la página mencionada en la posición 10. Poco después, esta página apareció en la posición 2.

Parece que Google registra la relevancia que dan los usuarios a los resultados y registran las páginas más pinchadas, así como también la relevancia que dan usuarios que vuelven nuevamente a esa página mediante la misma búsqueda.

2. Experimento: Influencia del tiempo de permanencia en una página

Una página con Google Analytics que se encontraba en la posición 78 para una palabra clave fue usada para este experimento.

Los 100 usuarios entraron a esta página y estuvieron 1 hora leyendo, haciendo clics, etc. El tiempo de permanencia de los usuarios en la página aumento considerablemente.

Después de una semana, la página subió de la posición 80 a la 33.

Esto demuestra, que los datos de Google Analytics serían usados para calcular el ranking del buscador.

Conclusiones

Aunque estos experimentos no son representativos, muestran que Google ahora ya no solamente esta usando los parámetros clásicos como el PageRank, el numero de enlaces, enlaces relevantes, etc, sino también a los mismos usuarios del motor de búsqueda y varios de sus servicios como AdSense y Google Analytics para calcular el ranking de las webs.

Y todo esto explica mucho mejor, porqué desde hace algún tiempo el posicionamiento de webs se ha complicado de sobremanera.

Con este tipo de métricas, páginas sin contenido interesante para los usuarios van a ir bajando cada vez más en sus posiciones. Esto vale sobre todo para aquellas páginas que solo sirven para redireccionar el tráfico a anuncios de afiliados como AdSense y otros, ya que los usuarios solo permanecen algunos segundos en estas páginas.

Fuente: http://www.webtaller.com

Cómo hacer una presentación

2009-04-06T19:02:00.002+02:00

No hay nada peor que ver a alguien leer un power point. Si en tu presentación te dedicas a leer el power point, cualquier de los que esté allí sentado, podrá leer más rápido que tu. No lo hagas.

Apréndete tu material y habla. Deja que la gente pregunte y tu respondas. No estamos en clase dónde hay que seguir al profesor. Tu tienes ideas claras y buenas, tu audiencia tendrá las suyas.

Llévate todo el material aprendido. De esta forma tu presentación serás tu. No el power point.

No uses power point Si usas power point, el centro de la presentación será la pantalla y no tu. Haz que todo seas tu. Tu hablas, tu enseñas, tu pones ejemplos, tu dibujas, tu gesticulas, tu respondes.

Tu debes ser el centro de la presentación o tu producto. No power point.

Usa demostraciones de tu producto, películas, dibujos, que sirvan para apoyar tu discurso. No pongas una sesión de fotos aleatorias en el fondo... eso tampoco vale. Todo de ser relevante o quitarse de la presentación.

Deja 3 ideas clave No pretendas que la gente recuerde todo. Empieza con 3 ideas clave. Desarrolla cada una y termina con estas 3 ideas clave de nuevo. Concentra todas las energías en 3 ideas (o menos). De esta forma conseguirás dejar algo claro cuando termine la reunión.

Por otro lado, tener como objetivo 3 ideas clave te forzará a que tu presentación sea concisa, breve y esté bien argumentada.

No te lies, no aburras, no desarrolles. Busca las 3 ideas clave que van a hacer que tu audiencia te crea y dilas. Esta es la parte más difícil.

Contar cosas genéricas, contar cosas sin sustancia, leer una presentación... no es lo que la gente espera de ti. Cuenta algo que merezca la pena ser contado a los amigos, familiares, colegas de trabajo. Algo que la gente recuerde. Algo que merezca la pena ser escuchado.

Busca esa historia y cuéntala.

Algunos trucos para diseñar banners de éxito

2009-03-21T14:44:00.001+01:00

Algunos trucos para diseñar banners de éxito

Para conseguir que nuestro anuncio sea realmente atractivo, antes de lanzarnos a diseñar el banner debemos sentarnos a pensar en estas cuestiones:

¿Qué pretendemos conseguir exactamente con el anuncio? ¿Atraer público? ¿Atraer a un determinado público?

¿Cuáles serán los indicadores del éxito de esta campaña? ¿Las visitas? ¿Las compras?
¿Estamos buscando un alto porcentaje de click through?

La gente que acuda a visitarnos, ¿qué deseamos que haga? ¿Click en nuestros banner publicitarios? ¿Comprar productos?

¿Quién puede estar interesado en lo que tenemos que ofrecer?

¿Quién cumplirá con más probabilidades nuestros objetivos?

Una empresa tradicional deseará que su nombre y logo figuren claramente en el banner, pero si lo que queremos es un alto número de clicks deberemos dejar el pequeño espacio de que disponemos libre para frases e imágenes más sugerentes.

Hemos de tener bien claro cuál es nuestro público para saber dónde hemos de colocar los banners. Esto es aún más importante que el propio diseño.

Es importante el realizar varios diseños distintos que irán rotando o cambiándose cada poco tiempo. Todo se vuelve viejo rápidamente en la Red, y nadie presta atención a un banner la tercera vez que lo ve, por muy llamativo que resultase la primera vez.

La animación aumenta el impacto del anuncio, sin embargo, una animación pesada o chapucera puede indicar al potencial visitante que no vale la pena hacer click sobre ella. Vigila el tamaño; vale más algo sencillo que se cargue pronto a un trabajo artístico que no llegue ni a verse.

Los estudios demuestran que la gente responde mejor a los colores brillantes, como el azul, verde y amarillo, y a ciertas combinaciones de colores, como el amarillo con el azul oscuro. Sin embargo, las audiencias más sofisticadas se ven más atraidas por los colores oscuros. El blanco, rojo y negro sólo deben ser utilizado para contrastar.

El texto es muy importante. las estrategías incluyen el formular preguntas, usar mensajes crípticos y directivas (El tan visto: Click here!). Evita el ridículo sentido de urgencia: Pulsa aquí o pierde un millón de pesetas.

La elección de la fuente también es importante. Probablemente no echarán un segundo vistazo a tu banner, así que mejor que lo entiendan todo a la primera. Utiliza tipografías claras, como Futura, Swiss y Helvetica.

El banner atractivo debe mostrar claramente un beneficio al cliente en su título: "Ahorra dinero en la próxima declaración de la renta".

Los banners que parecen enlaces de texto tienen un alto porcentaje de click through.
Los pequeños botones animados en una esquina del banner indicando "Pulsa aquí", aumentan considerablemente el porcentaje de click through.

Guía breve para crear sitios web Accesibles

2009-03-21T14:30:00.001+01:00

Para todas las Pautas y Puntos de Comprobación: www.w3.org/WAI

Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
Mapas de imagen: Use el elemento map y texto para las zonas activas.
Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".
Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS para la maquetación donde sea posible.
Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
Marcos: Use el elemento noframes y títulos con sentido.
Tablas: Facilite la lectura línea a línea. Resuma.
Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de http://www.w3.org/TR/WCAG.

Autor: W3Chttp://www.w3.org/WAI/References/QuickTips/qt.es.htm

El fichero Robots.txt

2009-03-21T13:57:00.002+01:00

Explicamos el porqué del archivo robots.txt y como se construye dicho archivo.

Para comenzar tenemos que comentar lo que son los robots y qué función cumplen dentro de la red de redes. Un robot es un programa más o menos complicado que se dedica a rastrear nuestras páginas webs y guardar su contenido en una base de datos y seguir los enlaces que tengamos a otras páginas web. Esto nos beneficia pero también nos puede perjudicar, ya que a veces no nos conviene indexar ciertas páginas de nuestras webs.

Actualmente los robots actúan de tal forma que lo primero que hacen es buscar en la raíz de nuestra página si tenemos un archivo llamado robots.txt, si lo encuentra lo lee y sigue las directrices que en él se encuentran, si no lo encuentra empieza a rastrear toda la web.

Por este tema es importante crear bien este archivo y pensar que páginas queremos que sean rastreadas y cuáles no, ya que las que no sean rastreadas no serán indexadas en los navegadores.

Este archivo es muy fácil de construir tan solo tienes que saber ciertas pautas y podrás hacerlo sin problema. El archivo robots.txt puede construirse para que se aplique solo a los robots de determinados buscadores.

Pasamos a escribir un ejemplo para ir explicando las posibilidades:

User-agent: * # aplicable a todos los robots
Disallow: / # impide la indexacion de todas las paginas.

En este ejemplo los robots no podrían indexar ninguna pagina del dominio. User-agent lo que nos dice es a que robots se les aplica las características que le siguen debajo. Si usamos el * estamos diciendo que esas reglas son aplicables para todos los robots. Pero también podemos hacerlo para determinados robots, como ves en el siguiente ejemplo:

User-agent: lycra
User-agent: BadBot
Disallow: /

En este ejemplo los robots lucra y BadBot tendría prohibida la indexación de cualquier pagina del dominio.

El disallow nos dice los archivos o carpetas que queremos que no sean indexadas. De esta forma podríamos hacer un archivo como este:

User-agent: *
Disallow: /tmp/prueba.html
Disallow: /logs

Este ejemplo lo que haría sería prohibir la indexación de la carpeta logs y el archive prueba.html a todos los robots.

Con esto ya podríamos realizar un archivo robots.txt perfectamente válido, pero también existen términos para determinar en qué horas queremos que esos robots rastreen nuestras páginas. La forma de construirlo es la siguiente:

Visit-time: 0300-0400 #esta opción obligaría a rastrear las paginas solo de 3 am a 4 am

Recuerda que las horas siempre se colocan en Greenwitch

Por otro lado podemos decirle que indexe una página o varias cada equis tiempo, para ello se utiliza la siguiente sintaxis:

Request-rate: 1/30

Siendo el 1 el número de documentos a rastrear y el 30 el tiempo que transcurre entre un rastreo y el siguiente.

Es importante saber que no puedes dejar líneas en blanco ya que no funcionaria, el robots dejaría de leer en el momento que encuentra la línea en blanco.

Otro aspecto que no he comentado antes pero que habréis notado es que los comentarios ser realizan utilizando la #.

Un ejemplo completo seria el siguiente:

User-agent: *
Disallow: /tmp/prueba.html
Disallow: /logs
Visit-time: 0300-0400

Esto permitirá a todos los robots rastrear todas las paginas menos prueba.html y la carpeta logs, además solo podrían indexar de 3 de la mañana a 4.

fuente: www.webtaller.com

Qué es en realidad el buen diseño web

2009-03-21T13:48:00.000+01:00

Un sitio comercial en donde el buen aspecto debe predominar y mantener una línea de diseño coherente con una imagen corporativa preestablecida. Pero para una aplicación web destinada a cientos o miles de usuarios y que tiene interacción con el usuario todo cambia.
Hace un tiempo, charlando con amigo programador que me mostraba un proyecto que quería lanzar, noté que si bien la idea del sitio era muy interesante y el funcionamiento intuitivo y usable el diseño o aspecto general era demasiado austero, dicho en otras palabras; era horrible. Con buenas intenciones le dije que podía diseñarle algo mejor, hacer una maqueta y que modifique luego él.Mi asombro fue cuando negó mi ofrecimiento y me dijo que un sitio austero y sencillo tiene más posibilidades que un sitio muy elaborado en diseño. Me pareció “medio incorrecta” su observación y pasé a otro tema. Siempre pensé que un sitio debe cautivar por su aspecto.

Sin embargo la idea me quedó en la cabeza, una cosa obviamente es un sitio comercial en donde el buen aspecto debe predominar y mantener una línea de diseño coherente con una imagen corporativa preestablecida. Pero para una aplicación web destinada a cientos o miles de usuarios y que tiene interacción con el usuario todo cambia.

Últimamente me he dado cuenta de que los usuarios de aplicaciones ya no quieren las cosas bonitas, porque eso les transmite la idea inconsciente de “comerciabilidad”; se le transmite la idea de que algo en el fondo quieren venderle, de que algo le van a cobrar. Digo esto después de “encuestar” a muchos usuarios que son fanáticos de aplicaciones simples, casi sin diseño. Hice esto porque estoy desarrollando una aplicación junto con un amigo y deseaba saber que es lo que realmente quieren los usuarios.

Descubrí lo siguiente:El sitio debe ser Funcional: el sitio debe responder siempre a lo que el usuario espera, nunca debería defraudarlo. El usuario entra con una idea fija en la cabeza, lograr o encontrar algo, si no lo logra se verá engañado calificando el sitio como poco útil o poco preciso. La garantía es que nunca más vendrá. En cambio si el sitio cumple nos aseguramos un lugar en sus favoritos.

El diseño debe ser usable: muchos siempre han pensado que un sitio usable es uno que tiene tipografías grandes y colores llamativos. Nada más lejos, un sitio usable tiene solamente lo que necesita el usuario, nada más. No sobra ningún vínculo y se destaca de manera visual lo que más necesita. Todo está a su alcance con el menor esfuerzo visual.

El diseño debe ser Sencillo: creo que esto es lo más importante y al mismo tiempo lo más difícil de lograr. Como diseñadores tenemos una tendencia de cargar las cosas para estilizarlas, pero a veces cometemos el error de entorpecer o saturar el aspecto de un sitio.El ojo del usuario se concentra en pocas cosas, mientras más ornamentos u objetos tenga más demorará en encontrar cada cosa.

El diseño debe “hablar”: El usuario debe poder identificar y generar un esquema en un pantallazo de como se compone el sitio y como deberá moverse en el mismo. Esto se logra aplicando los principios de la usabilidad y utilizando recursos visuales de una manera muy sutil. Por ejemplo, se debe determinar claramente lo que es contenido dinámico de lo que es estático. Esto es parte sensible en la navegación general.

Debe estar bien programado: la buena programación ayuda a la sencillez y a la velocidad de carga, creo que el contar con una buena programación es importantísimo. Mientras en menos cosas intervenga el usuario más adicto se hará a la aplicación o al sitio que navega. Por ejemplo, el otro día estaba utilizando un sitio que permitía subir trabajos de diseñadores, cuando hacía el upload de imágenes la aplicación me dijo que las imágenes deberían tener determinado ancho en píxeles. Automáticamente salí del sitio y busqué otra aplicación porque no tenía ganas de editar cada imagen. Mientras más fácil hagamos la vida del usuario más cariño le tomará a tu sitio.Un sitio bien programado también es muy rápido. No precisas tampoco meter AJAS por todos lados, debe existir equilibrio.

El diseño no precisamente debe ser llamativo: Flickr, Youtube, Facebook, realmente no poseen un gran diseño, más bien son austeros y apuntan al uso del texto medianamente estilizados para lograr un buen diseño, pero no impresionan a nadie. La verdad es que ganan por la utilidad del mismo. Cuando conocí youtube hace unos tres años, me dije que este sitio era un fracaso por el diseño pobre que tenía, que equivocado que estaba.El diseño debe se utilizable, no debe porque despistar al usuario ni mucho menos distraer la atención principal. En el caso de flickr nada sobra ni nada falta. Creo que es el mejor modelo de donde nos podemos agarrar.

Simple pero no desagradable: Muchos en el afán de lograr la máxima simpleza rayan la austeridad absoluta o el mal gusto, descuidando combinaciones de colores, tamaños de tipografías y espacios de blancos. Se debe buscar el equilibrio, esa es la clave.Alguien dijo que el buen diseño pasa totalmente desapercibido, no nubla ni distrae al usuario.

Estas son mis observaciones, la verdad es que son muchos los factores que inciden en el éxito de un sitio, pero como siempre digo, si pensamos en el perfil de usuario que visitará el sitio estaremos muy cerca de lograr siquiera que nos vuelvan a visitar.

Selección de colores armónicos

2009-03-21T11:46:00.004+01:00

Teoría del Color

"El color no existe" Con esta idea tan llamativa comienzan la mayoría de los artículos y manuales que he leído sobre teoría del color. Ávido por conocer los secretos de la utilización del color y su aplicación practica, me he encontrado con todo tipo de estudios. Bastoncillos, conos, percepción, ondas, luces, pigmentos son conceptos que plagan estos fárragos y que casi ningún autor se atreve a pasar por alto.

De vez en cuando encuentro algún comentario acerca de los significados emotivos, psicológicos, simbólicos o semánticos, con los que uno puede estar más o menos de acuerdo dependiendo de su cultura, educación y experiencia. No a todos nos parece que el verde sea "calmado" y el amarillo sea "extrovertido". Aun así esta bastante asentada la identificación de los colores con determinadas sensaciones. Esto me ayuda a la hora de impregnar significado a una comunicación grafica.

También he hallado numerosas representaciones graficas de las diferentes clasificaciones de color: lineal, triangular, hexagonal, circular, cuadrado, cónico, cúbico y hasta esférico. Todos ellos son intentos de plasmar bi o tri dimensionalmente las variedades del espectro cromático basándose en determinadas variables. Todos ellos son igual de validos si se saben utilizar.
A pesar de todo hay buenos estudios que son amenos y dirigidos a una utilización practica como por ejemplo la teoría del color de newsartesvisuales.com.

Sin embargo en muy pocas ocasiones he encontrado recomendaciones para el uso del color con el ordenador. Solo alguna nota accesoria al respecto de los significados de los diferentes modelos de color: HLS, HSB, RGB, CMYK, LAB... Ni siquiera los vendedores de software indican como sacar un rendimiento optimo de sus selectores de color.

En fin, que después de haberlo intentado mucho me encuentro prácticamente en el punto de partida: ¿cómo elijo los colores? ¿qué modelo utilizo?

Los modelos de color perceptivos y reproductivos

En 1905 Alber H. Münsell formulo un sistema de ordenación del color basado en la percepción humana. Percibimos el color a través de ondas luminosas que poseen varios atributos, ósea características distintivas de una sensación, percepción o modo de apariencia. Münsell identifico tres atributos:

Matiz, o Tono, que es el color en si mismo, es la longitud de la onda luminosa. Un tono es el verde, otro tono es el cian y otro tono es el violeta. Es el nombre técnico de lo que coloquialmente conocemos por "color". La espectro visible abarca entre el rojo y el violeta, es decir entre los 380 y 780 nanómetros de longitud de onda..

Saturación, o Croma, que es la mezcla del los colores entre si. Es decir la interferencia de las ondas con otras de diferentes frecuencias. Una saturación alta supone que apreciamos el color en toda su pureza, limpio de interferencias. Una menor saturación indica que el color tiene mezcla con otros colores con los que interfiere. Cuando las ondas de todos los colores se perciben con igual valor el matiz no se diferencia y se visualiza exclusivamente el color blanco.

Brillo, o Valor, se refiere a la intensidad lumínica. Es la frecuencia de la onda luminosa. Una luminosidad alta hace que el color se aprecie más vibrante e intenso y una bajada en la frecuencia produce que color se apague hacia el negro.

Un color viene definido por tanto por sus valores de tono, brillo y saturación. Cualquier color se puede identificar con unos valores de estas tres variables. El negro se obtiene cuando no hay brillo (ausencia de luz). Los grises se obtienen cuando la saturación es baja (mezcla o interferencia luminosa alta). De los grises el blanco es el más brillante (máxima frecuencia de ondas de distintas longitudes).
Este modelo de representación del color se conoce como HSB (Hue, Saturation, Bright):

Una variación de este modelo fue desarrollada por Tektronix en 1978 para proporcionar un modelo más fácil de usar y de percibir. Es conocido como modelo HLS (Hue, Light, Saturation).
En el modelo HLS la saturación no varia hacia el blanco sino que baja hasta el gris. En este modelo el atributo de brillo se sustituye por el de Luminosidad:

Luminosidad, o Claridad. Es la mezcla del color con el blanco o el negro. Un color será más luminoso cuanto mayor cantidad de blanco posea o más oscuro cuando se le añada negro.

El modelo HLS facilita la localización de muchos colores, los pasteles, los ocres muy utilizados industrialmente.
Los modelos HLS y HSB se denominan modelos perceptivos de color por tomar sus atributos de la observación del funcionamiento de la percepción humana de la luz.

Por otro lado las técnicas de reproducción del color necesita utilizar otros modelos no basados en la percepción:El RGB para la representación a través de pantallas, televisores, monitores y escaner basados en haces luminosos.El CMYK para la representación en pintura, imprentas, editoriales basados en mezcla de pigmentos.El LAB para algunas cámaras fotográficas y escáner.
Estos modelos se basan en los condicionantes físicos para su reproducción, por eso se conocen como modelos reproductivos de color.

Estos modelos reproductivos han impuesto sus sistemas de representación (validos para la industria) en los diferentes programas informáticos y se han convertido (sobre todo el RGB, y CMYK) en los estándares de selección de color en el ordenador.

A pesar de no ser los más extendidos en el software, los modelos perceptivos (HLS, HSB) son los más adecuados para la selección del color en los procesos creativos, porque permiten realizar variaciones más acordes a las percepción humana. Posteriormente se pueden utilizar los modelos reproductivos para extraer los valores necesarios para su representación impresa o en pantalla.

Así lo entendió Bill Gates cuando desarrollo Windows. Creo un letrero de selección de color basado en el sistema HLS y el RGB. Permite seleccionar el color a través de los atributos HLS: Matiz, Saturación y Luminosidad y a su vez obtener los valores RGB para su reproducción en pantalla. Simple pero efectivo.En este letrero las variaciones de matiz se representan sobre la horizontal del cuadrado. Las variaciones de saturación se representan en su vertical y las variaciones de luminosidad se representan en la barra lateral.

Otros desarrolladores de software también lo han entendido así creando letreros más o menos complejos en los que se muestran los atributos de diferentes modelos. Véase por ejemplo el caso de PhotoShop que compagina el modelo perceptivo HSB para seleccionar el color con los reproductivos RGB, Lab, CMYK, y web (igual al RGB) para su posterior representación.

De acuerdo, pero ¿como utilizo esto de un modo productivo y fácil? ¿Cómo puedo utilizar los modelos para seleccionar un grupo de colores armónico?

Armonía perceptiva
Parece acertado pensar que los colores armónicos son aquellos que tienen cosas en común, que se parecen, y que los contrastados son los que tienen más diferencias entre si.

¿en que se parecen? Es evidente que varios naranjas son armónicos entre si, tienen el mismo color. Pero ¿en qué se parecen un verde un rojo y un amarillo que armonizan entre ellos?

Los modelos reproductivos de color se muestran poco adecuados para explicar (o seleccionar) grupos de colores armónicos. Difícilmente podremos encontrar un grupo de colores que sean consistentes entre si con solo variar alguno de sus colores básicos.

Los modelos perceptivos de color sí permiten seleccionar grupos de colores armónicos. Para ello solo se necesita variar uno de sus atributos y mantener iguales los otros dos. Serán armónicos entre si aquellos colores que tengan la misma saturación y brillo / luminosidad y diferente matiz. O también serán armónicos aquellos colores que tengan el mismo matiz y saturación pero diferente brillo / luminosidad.

No existe acuerdo entre cual de los dos modelos perceptivos, el HSB o el HLS, es más adecuado para este cometido. Cualquiera de los dos podría proporcionarnos colores similares. Hay quien considera el modelo HLS más próximo a la percepción humana y fácil de entender. Lo que si es seguro es que debe utilizarse un solo modelo. El creativo debe ceñirse a un único modelo en cada trabajo: ya sea el HSB, o el HLS, ya que los valores de sus atributos no son intercambiables.

Podríamos dividir el grado de similitud de los colores en tres niveles dependiendo de la cantidad de atributos que poseen iguales:

Armónicos: Aquellos que tienen dos atributos iguales y uno diferente.

Consistentes: Aquellos que poseen un atributo igual y dos diferentes.

Contrastados: Aquellos que tienen los tres atributos diferentes.

Veamos ejemplos del modo en que pueden seleccionarse los colores.

Para el coloreado de un logotipo se decide utilizar el color azul, naranja y el verde por sus connotaciones psicológicas y simbólicas. Se desea por tanto encontrar tres colores armónicos. La solución más adecuada seria encontrar tres colores que tengan matices diferentes pero que mantengan la misma saturación y brillo / luminosidad. En base al modelo HSB se localizan tres colores armónicos con distinto matiz, igual saturación y brillo.

CorelDraw facilita mucho esta labor. Incorpora en su selector de color un "mezclador "y permite utilizar todos los modelos descritos. En este caso se ha utilizado el modelo HSB. Partiendo de unos determinados matices colocados geométricamente sobre la rueda del espectro cromático, Se han encontrar variaciones en saturación o brillo y se han añadido a la paleta de trabajo. Para estos colores se ha fijado el brillo a 100, y la saturación a 56 y se han variado los matices entre 48, 97 y 216.

Otro ejemplo:

Para la selección de los colores de las barras de menús de un sitio web se decide utilizar los colores GRIS, rojo y azul. Para los enlaces y los rollovers se decide utilizar diferentes luminosidades de estos colores. Se consigue así un grupo de colores "próximos". Para este caso se ha utilizado el modelo HLS a través del selector de color de Windows. Para ello se varia entre los matices 8 y 177, la saturación 187 (rojo y azul) y 0 (el gris), y las luminosidades 142 y 193. En total se localizan los siguientes colores:

Los programas de desarrollo web de Macromedia facilitan este proceso convirtiendo a hexagesimal los valores RGB hallados a través del selector de color de Windows. En ese letrero se pueden añadir los colores a una paleta de colores personalizados:

En conclusión, un método simple pero efectivo para la selección de colores, es:

Primero seleccionar un determinado numero de matices basándose en sus connotaciones psicológicas y simbólicas. El matiz es el atributo en el que se aprecian mejor las variaciones. En ellos se mantiene el mismo valor de saturación y luminosidad para que sean armónicos.

En segundo lugar hallar una variación en el atributo de luminosidad de los anteriores matices. Se les asigna un determinado numero de variaciones en la luminosidad para que sean consistentes. Es preferible hacer esta variación en la luminosidad (intensidad) ya que las variaciones de este atributo se perciben mejor que las variaciones de la saturación (interferencia).

De este modo con un sistema gráfico y matemático se puede encontrar una cantidad concreta de colores armónicos o consistentes. Si se seleccionan 4 matices armónicos sobre los cuales se hacen 3 variaciones de luminosidad se obtendrán 12 colores consistentes.

Y por fin tenemos un sistema de selección de combinaciones de colores sencillo y efectivo que esta basado en la percepción y lo que resulta más interesante: funciona

Artículo original de Luis Miguel Richart
http://www.vectoraula.com/articulos/color/

El PC del Webmaster

2009-03-21T11:41:00.005+01:00

En este artículo vamos a describir las herramientas básicas que debe tener instaladas el PC de un desarrollador web.

El trabajo de un webmaster se desempeña en varios frentes, como programación, mantenimiento, administración, etc. Para cada tarea será imprescindible contar con una herramienta adecuada. Al ser un trabajo multidisciplinar, se requieren muchas herramientas distintas, aunque en definitiva, unos pocos programas bastan para posibilitar las tareas que un webmaster debe desempeñar.

Para el sistema operativo de nuestro PC, debemos tener en cuenta que la mayoría de los servidores web utilizan con S.O Linux, y los visitantes Windows, por ello es importante poder probar nuestro site con ambos sistemas. Una solución muy interesante es tener en el PC de desarrollo instalado Linux y acceder a él desde de otro equipo, con Windows, para las pruebas del site.

El servidor que recomendamos es sin duda el Apache 2.0, que tiene la mayoría de los sites y es gratuito.

Para el desarrollo de páginas web en diferentes lenguajes (PHP, Perl, HTML, CSS), sería interesante contar con un buen editor web: UltraEdit-32 o CrimSom Editor (estos programas cuentan con funciones muy interesantes, como poder escribir por columnas) y aparte soporta conexión FTP con nuestro servidor web.

Junto a estos editores es recomendable disponer de Dreamweaver MX, que nos permite una creación de código mucho más rápida, y facilita la integración con las hojas de estilo (CSS).

A la hora de la edición de imágenes existen muchos programas, Adobe PhotoShop es sin duda el más avanzado, pero su coste es alto, por lo que una solución más económica podría ser Fireworks.

Nuestro equipo debe de contar con los principales navegadores para poder probar la portabilidad de nuestro site, Internet Explorer, Netscape, Firefox y Opera deberían ser suficientes.

La Base de Datos será MySQL, la más extendida y soportada por todos los servidores web. Gratuita y de fácil uso, debe ir acompañada de alguna herramienta de administración como MySQL-Front. Otra solución podría ser el PostgreSQL, que soporta transacciones, y tiene un mejor soporte para triggers y procedimientos en el servidor, pero cuenta con ciertas desventajas, como el consumo de mayores recursos. Es más lenta y posee límite del tamaño de cada fila de las tablas a 8k (salvo recopilación).

Para cliente FTP existe disímiles soluciones CuteFTP, NicoFTP o Filezilla. Todas son buenas soluciones rápidas, seguras y fácilmente configurables. Por lo que respecta a CuteFTP, es un producto Shareware, aunque Filezilla y NicoFPT son completamente gratuitos.

Para usuarios más avanzados que creen animaciones, Flash Mx es sin duda la mejor herramienta, aunque Swish también puede ayudarnos en pequeñas animaciones, sobre todo las de texto.

Esto seria todo en cuanto a software. Podríamos añadir muchas más herramientas pero esta seria la configuración más básica.

En cuanto al sistema de archivos es recomendable poseer una carpeta con todas las imágenes que vamos utilizando en nuestros site, esto nos permitirá tener una buena biblioteca de imágenes y nos ahorra tiempo de desarrollo y largas búsquedas.

También es interesante tener otra biblioteca de estilos (CSS) y otra con nuestros script de programación.

En resumen, el paquete Studio Mx de Macromedia, en un equipo con servidor Apache 2.0, con un editor web, un cliente FTP, una base de datos MySQL y una buena organización de archivos nos permitirá tener un buen entorno para empezar a trabajar.

Autor: Jose A. Molina
http://webmolina.net/
Fuente: webtaller.com

Cómo diseñar páginas web

2009-03-21T11:20:00.004+01:00

Contratar los servicios de un especialista sin conocer al menos las nociones más elementales del servicio que estamos contratando, es entregarse totalmente a la buena voluntad y profesionalismo del especialista.

Por ejemplo, cuando uno acude a una agencia de servicio automotriz, es vital contar con los conocimientos básicos de los diferentes sistemas mecánicos y eléctricos de nuestro vehículo para que las decisiones sobre los trabajos de mantenimiento no sean tomadas unilateralmente por la agencia, aún cuando ellos sean los especialistas responsables de emitir las recomendaciones.

En el caso particular de la industria del Internet, gran parte de los fracasos en muchos de los programas de mercadotecnia se deben a que los directivos y ejecutivos que están tomando las decisiones no tienen ninguna experiencia previa y por lo mismo no cuentan con los conocimientos más elementales en materia de diseño de páginas Web y estrategias de comercio electrónico.

Si Usted está por tomar las decisiones sobre su campaña de mercadotecnia en Internet, o inclusive en el caso de que tales decisiones ya hayan sido tomadas, es recomendable que adquiera al menos estos conocimientos básicos que le permitirán entender con mayor precisión por qué el éxito o fracaso de un proyecto de marketing por Internet.

En seguida presentamos lo que nosotros consideramos como los conocimientos esenciales para poder tomar decisiones más fácilmente en proyectos de diseño Web. Considerando que su tiempo es muy valioso, estamos presentando esta información en dos grupos. El primero de ellos nos revela la información de supervivencia, o sea aquellas nociones que son verdaderamente indispensables de conocer. Si Usted dispone de mayor tiempo para la lectura de este artículo, el segundo grupo nos provee información adicional que también resulta de gran utilidad en el diseño de páginas Web.

Nociones básicas en diseño Web:

1. El contenido es definitivamente el componente más importante de una página Web.

2. Existe más de una metodología para diseñar Sitios Web. Investigue y seleccione la que Usted considere más conveniente de acuerdo a sus fines de negocio.

3. Es recomendable que las funciones especiales como búsquedas, chat en línea y foros de discusión sean implementadas en una segunda o tercera versión cuando el sitio esté ya produciendo un tráfico significativo.

4. Asegúrese de comprar una página Web, no una película. La animación gráfica es una técnica de diseño Web que está siendo utilizada indiscriminadamente por los diseñadores en México.

5. Diseñar una página Web efectiva es mucho más complejo de lo que parece en un principio (Ley de Murphy).

6. Los costos de servicios Web en paquete se han reducido al mínimo, de igual forma han disminuido los buenos resultados y el retorno sobre la inversión.

7. Los precios de los servicios de registro y hospedaje de dominios son muy semejantes entre un proveedor y otro por tratarse esencialmente de recursos de cómputo y comunicaciones, no así los costos de diseño de páginas Web, ya que la metodología de diseño y la calidad del producto final varía considerablemente entre una agencia y otra.

8. Usted no puede cotizar una página Web sin dar a conocer las especificaciones mínimas. Para conocer el costo de diseño de una página Web, necesita cuando menos definir el índice del contenido del sitio y los idiomas en los que desea transmitir su mensaje de negocios.

9. El hospedaje de sitios y el diseño Web son dos especialidades muy distintas. Por lo general es más conveniente seleccionar diferentes proveedores para estos dos servicios.

10. En Internet, los negocios se ganan hoy en día en los motores de búsqueda, por eso es tan importante el posicionamiento en buscadores.

11. Registrar una página en motores de búsqueda y posicionarla en los primeros lugares son dos cosas muy distintas.

12. Recuerde que el prestigio de su empresa y sus marcas están en juego, defina una estrategia acorde a la dimensión de su organización. Si Usted es el líder en su industria, no siga la misma metodología que la tienda de la esquina.

13. Las páginas Web sencillas difícilmente promoverán su negocio en el Internet. Sólo si Usted hace las cosas bien, los clientes llegarán a su página Web.

14. Por lo general, no existe un apropiado balance entre lo que deseamos que contenga nuestra página y lo que estamos dispuestos a pagar por ella.

Más nociones sobre diseño Web:

1. Investigue antes de tomar sus decisiones. Una buena fuente de información pueden ser las experiencias de otras empresas.

2. Todas las agencias se dicen especialistas, sin embargo pocas pueden demostrarlo.

3. Las necesidades de los clientes no son simples, por lo mismo las páginas Web no pueden ser tan sencillas como la mayoría de las personas las conciben al diseñar un Sitio Web por primera ocasión.

4. Los sitios se deben diseñar pensando en las necesidades de nuestros clientes, no en nuestros propios intereses.

5. Las páginas Web deben ser actualizadas al mismo ritmo de los cambios en su negocio. El mantenimiento de un sitio es una actividad muy fácil de ejecutar cuando existe un verdadero compromiso por parte del equipo de trabajo responsable.

6. Tenga especial cuidado con los sitios desarrollados en animación gráfica (formato tipo película), ya que el tiempo de acceso por lo general es mucho más lento, la información no es legible en algunos casos y esta técnica inhibe el posicionamiento en buscadores.

7. Quizá para Usted resulte atractivo, pero los clientes no desean esperar 5 minutos a que comience a rodar la película de su página Web. Ellos esperan ver la información a los pocos segundos de dar un clic sobre su dirección en Internet.

8. El diseño Web basado en marcos (frames) facilita el desarrollo del sitio, sin embargo en la actualidad no se recomienda ya su aplicación en el diseño de páginas Web de negocios por los problemas técnicos que ocasiona tanto en la operación como en el posicionamiento en buscadores.

9. Los sitios en construcción, siempre están en construcción.

10. Es muy conveniente que Usted esté registrado como dueño de su dominio. Esto le evitará enormes dificultades en un futuro.

11. El nombre de su dominio debe ser definido junto con un especialista, ya que esto tiene más relevancia y consecuencias de lo que Usted se puede imaginar.

12. Para generar más oportunidades de negocio a través de su página Web, es necesario producir el máximo tráfico posible.

13. Su Sitio Web competirá contra cerca de 5 mil millones de páginas, así es que si Usted está interesado en hacer negocios en Internet está obligado entonces a implementar un sitio diseñado profesionalmente.

14. Su página Web no necesita estar en 1000 motores de búsqueda, sólo en los 5 más importantes.

15. El posicionamiento en motores de búsqueda es complejo, laborioso y costoso, pero muy redituable en términos del retorno de inversión.

16. Muchas de las estrategias que siguen las empresas en su intento de posicionar su página Web terminan en fracaso porque no son efectivas.

17. Si su página Web no fue diseñada desde un principio con el objetivo de lograr posicionamiento en motores de búsqueda, es muy probable que tenga que ser rediseñada enteramente para lograr el posicionamiento que Usted desea.

18. Para saber qué tan efectiva es una página Web, no la evalúe en términos de cómo luce visualmente sino mas bien en cómo se desempeña al usarla.

19. El costo de una falla en el servicio de hospedaje y/o correo electrónico es mucho mayor que el costo anual del propio servicio, por lo mismo, es muy importante seleccionar una compañía que nos garantice un alto desempeño en sus comunicaciones y la continuidad en la operación.

20. Vender en línea es mucho más complejo que simplemente incorporar un carrito de compras a su página Web.

Fuente webtaller.com