Archivo de Febrero, 2006

27 de Febrero de 2006

Chile potencia alimentaria, reclama Diseño

Sin categoría

envasess.jpg 

Desde el blog chile potencia alimentaria, les adjunto este post escrito por Mario montanari, en donde ofrezco todo el apoyo de Chile País de Diseño a Chile Potencia Alimentaría, ambas iniciativas abocadas en hacer de Chile un mejor país. 

Estimado Mario:

Felicitaciones por abordar en este  post un tema central que los productos nacionales requieren para estar en los mercados globalizados, DISEÑO.

El diseño vende y todos nosotros cuando tomamos el rol de clientes compramos diseño y no productos, como tu bien lo describes compramos experiencias, emociones, estados de ánimo. Nadie se compra zapatos para protegerse los pies, o por que el cuero es brasilero y el hilo es francés, nos compramos un zapatos por que tenemos la emoción que nos vemos bien, como dice mi hijo, “por que te quedan bacán”. Me compro un marisco o un pescado pensado en el placer de degustarlos, no por el número de calorías o proteínas que tiene. Todos estos aspectos tienen relación con Diseño, por lo tanto sin identidad, sin envases que evoquen y provoquen no hay innovación en el producto y tampoco hay ventas.

Hoy  el DISEÑO se ha convertido en una poderosa herramienta de gestión que debemos integrar en nuestras empresas, como lo han hecho todos los países que se han abierto y abren nuevos oportunidades en los mercados del mundo (Suecia, Finlandia, Corea, Japón, Italia, Nueva Zelanda etc.)

Ofrezco todo el apoyo de Chile País de Diseño a Chile Potencia Alimentaría,  ambas iniciativas estamos abocados hacer de Chile un mejor país.

____________________________________________ 

"Diseño de experiencias memorables.

Diseño que convierta en imágenes las emociones del consumidor.

Diseño que contenga memorias y provoque muchos sentidos ocultos de emociones dormidas.

El consumidor quiere “experiencias memorables” Una experiencia ocurre cuando una empresa utiliza los servicios y los bienes como propulsores para involucrar a los consumidores como personas individuales en un evento memorable, es decir, un evento que queda en la memoria de ese consumidor. Las experiencias son esencialmente personales y en último término sólo existen en la mente del consumidor, el cual puede involucrarse a un nivel emocional, a un nivel físico, a un nivel intelectual e incluso a un nivel espiritual. La relación entre imagen y la memoria es indisoluble. La relación entre las experiencias memorables y el incremento de los márgenes es indisoluble.

Nuestras empresas son llamadas a impulsar este desafío. Los diseñadores y antropólogos, creo deben ser nuestros compañeros de ruta. Los diseñadores y antropólogos deben sentarse en la mesas de nuestros directorios. Resulta imperativo que ellos concurran a nuestra intención de construir sentido e identidades en el consumidor de alimentos del siglo XXI. Es importante que los diseñadores y los empresarios del sistema alimentario chileno estemos conscientes del impacto de las palabras e imágenes, todas ellas afectan a los consumidores. En este sentido tenemos una responsabilidad compartida. Desde los códices del Norte de Chile hasta los emblemas Europeos, expresan la idea que cada imagen contiene memorias, sentidos y emociones dormidas".
____________________________________________

Mario Montanari: El profeta alimentario.

Artículo tomado desde El Mercurio. Foto: Manuel Herrera.

montanari.jpg 

Presidente de Invertec, el hombre tras la estrategia agrícola de Bachelet. Mario Montanari ve un horizonte promisorio para la industria alimentaria y confía en que Chile "rankeará" entre los top ten para el Bicentenario.

El empresario cree que, para que Chile entre a las ligas mayores en esta industria, no basta con crear un Ministerio de Alimentación, sino que también modernizar organismos como el Indap, Inia y el SAG.

Mario Montanari predica y practica. Hace 26 años este empresario presidente del holding agroindustrial y acuícola Invertec vislumbró la idea de que Chile podía transformarse en una potencia alimentaria y desde esa época no ha parado tratando de convencer a otros hombres de negocios y, sobre todo, a las autoridades que hagan suya esta visión y que del sueño se pase a la realidad.

Sus palabras han caído en terreno fértil y hoy los alimentos nacionales se venden en casi todo el mundo. Se calcula que, por ejemplo, diariamente 6 millones de personas comen salmón chileno y 7 millones beben nuestro vino.

Pero esas cifras no le bastan a Montanari. Cree que hay mucho camino por recorrer para que Chile entre a las ligas mayores y se ubique entre los 10 países que mandan en este rubro. Hoy aparece en el puesto 17, en un ranking encabezado por Estados Unidos (ver infografía).

Convencido de que para conseguirlo tiene que haber una estrategia país detrás, el empresario reactivó su "canuteo" y decidió sumar más "fieles" a la causa. Y no le ha ido mal: a fines del año pasado creó una página en internet ( www.chilepotenciaalimentaria.cl) que ya recibe más de 130 visitas diarias, con la proyección de llegar a fines de 2006 a 500.

En paralelo, dirigió sus pasos nada más y nada menos que a la entonces candidata presidencial Michelle Bachelet, quien le compró completa la idea. Tanto, que ya anunció que el Ministerio de Agricultura se transformará en una megacartera de Alimentación, integrando a la Subsecretaría de Pesca que hoy está en Economía.

"Conozco mucho a Michelle Bachelet -dice-, estuve con ella en una reunión de empresarios, luego en un acto masivo con campesinos en San Felipe y en un seminario en la Universidad de Chile. En esas ocasiones le planteé estos temas, le envié los libros que he escrito y creo que con su equipo construyó una estrategia país que aportará a combatir la pobreza".

Y es que de aplicarse las políticas correctas, Montanari saca cuentas optimistas: desde 2006 a 2010 se crearán algo más de 250 mil empleos adicionales en el sector, creciendo a una tasa mayor a la del empleo total del país. Para 2030, proyecta que uno de cada tres chilenos trabajará en el sistema alimentario.

Cambios en el menú

Montanari señala que el cambio institucional anunciado por Bachelet va en la senda correcta, pero es sólo una de las tareas para llegar al Bicentenario con exportaciones de alimentos por US$ 14 mil millones y que el sector represente el 14% del Producto Interno Bruto del país (hoy supera el 10%).

"En esta visión sistémica parece obvio que hay que generar un aparato institucional inclusivo, que reúna a todos los actores de la cadena alimentaria y que suman 1 millón 200 mil personas", dice Montanari para referirse a la nueva secretaría, que encabezará el ex rector de la Universidad de Talca, �lvaro Rojas.

Agrega que hay experiencias, sobre todo en países europeos, donde se aplicó este modelo, pero allí las experiencias han sido exitosas previa una profunda modernización del aparato estatal que participa.

Los dardos del empresario apuntan al Instituto de Desarrollo Agropecuario (Indap). "No puede seguir con una acción bipolar: por un lado la economía campesina y por otro los empresarios. Su visión asistencial hacia los campesinos es un gran error; lo que hay que hacer es mejorar esta relación, hacer una economía de contratos, entre estos dos sectores, porque así se dinamiza la producción", explica.

El Servicio Agrícola y Ganadero (SAG) y el Instituto de Investigaciones Agropecuarias (Inia) también deberían aplicar profundas reingenierías. Sobre el primero, señala que hay que reforzarlo, incorporar gente más joven y dotarlo de mayores funciones.

"Si no se hace responsable de la trazabilidad (la posibilidad de encontrar y seguir el rastro a través de todas las etapas de producción, transformación y distribución de un alimento), vamos a tener problemas para competir en Europa y Estados Unidos. Además, hay que mejorar su capacidad digital y las metodologías para analizar los alimentos", indica.

Sobre el Inia, Montanari afirma que "no tiene nada que hacer en Santiago" y propone que sea transferido a cada región, porque allí hay que reforzar los sistemas de innovación.

Si el ajuste de los organismos estatales es clave, también lo es avanzar en innovación, porque a estas alturas, según Montanari, ya se ha transformado en una cuestión de sobrevivencia para la industria.

Y aquí el problema no es invertir más recursos. Según calcula el empresario, el Estado destina a este tema el 0,5% del PIB, una cifra similar a la que exhiben países con los que compite Chile, como Irlanda y Estados Unidos.

"La diferencia es que ellos destinan esos fondos a las empresas y, en ese proceso, multiplican los recursos asignados. Y es que por un peso que pone el Estado, los privados ponen dos. Este cambio de timón le permitiría al país llegar a una cifra cercana al 1% en investigación y desarrollo", explica.

Esto no significa crear nuevos instrumentos, sino que refocalizar el objetivo de los ya existentes, como el Fondef y el Fontec, entre otros. "Sólo así agrega lograremos producir valor para los clientes, con mayor tecnología, mejorando el sistema de gestión, el diseño, etc. Así ellos estarán dispuestos a pagar más por la oferta chilena".

La amenaza del dólar

Pero todos los escenarios proyectados por Montanari, y que la Presidenta electa ha hecho suyos, pueden quedar en el papel si el tipo de cambio sigue a la baja , deteriorando la competitividad sectorial.

"El Banco Central tiene que intervenir, no sólo debe mirar a la macro del país, sino que también a la micro. Espero que Andrés Velasco, el futuro ministro de Hacienda, también tenga esa visión", sostiene.

El empresario reconoce que con los actuales niveles del dólar se complica la posibilidad de entrar a los top ten. "No hay empresa del sector que hoy día dice no esté estimando a qué tipo de cambio todavía aguanta. No es casualidad que estén haciendo estos cálculos: con menos de US$ 510 los agricultores ya están en graves problemas y la agroindustria con menos de US$ 490 tiene severos problemas".

Por eso Montanari sigue predicando. Ahora sus esfuerzos están orientados a sensibilizar a las nuevas autoridades económicas, para que el dólar no se transforme en el enemigo que impida a Chile transformarse en un gigante alimentario.

Mario Montanari Mozzarelli

Tiene 60 años (casado, 4 hijos). Es master en Economía del Centro de Investigación y Docencia Económica (México) y Ph. D. en Economía, U. de México.

Fue subsecretario de Agricultura del gobierno de Allende; vicepresidente del directorio de Ferrocarriles del Estado; director general del Sistema Alimentario Mexicano y director del Indap.

Actualmente es presidente del holding Invertec.

Se espera que la industria alimentaria genere, en el Gobierno de Bachelet, 60 mil empleos anuales.

 

LAURA GARZÓN ORTIZ

 

 

 

 


27 de Febrero de 2006

Los zapatos, Picasso y la TV

Sin categoría

joan2.jpg 

Desde foroalfa. Joan Costa vuelve a aclararnos las ideas mediante el uso de un recurso que maneja excelentemente: el diálogo.

La metáfora, sacada de contexto, puede dar lugar a grandes confusiones. Por ejemplo: que no se distinga claramente la diferencia entre coste y valor o entre medio y mensaje.

Todavía hay quien confunde “coste” y “valor” de las cosas, tal como lo dicen los versos de Machado.

Sin embargo, es muy fácil de entender: Coste es lo que suman todos los gastos que un fabricante debe pagar para producir, por ejemplo, un par de zapatos: es lo que a él le cuesta fabricarlos. Pero el precio que tú tienes que pagar por ellos es más alto que ese coste: es el precio de venta, lo que valen, su valor de mercado o valor de cambio.

Cuando tú compras estos zapatos, también para ti tienen un coste: lo que pagas, y un valor; pero éste es subjetivo. Tú pagas ese precio por ellos porque para ti, lo “valen”. Si no fuera así no los comprarías. Elegirías otros zapatos.

Bueno, yo ya lo tenía claro, pero es cierto que algunos confunden el valor con el precio o el hardware con el software o la gimnasia con la magnesia.

Te pongo ahora otro ejemplo. A ver, ¿cuánto vale un pedazo de papel de un tamaño que apenas te cubre la palma de la mano?

No vale nada. Nadie paga un céntimo por eso.

¿Y cuánto valdría si Picasso hubiera dibujado en este papel unas líneas y las hubiera rematado con su firma?

No tengo ni idea.

Yo tampoco, pero sin duda, bastante más que el mismo trozo de papel antes de que Picasso dibujara encima.

Si, pero ¿se puede calcular cuánto valdría?

No. Es imposible saberlo. En primer lugar porque hablamos de un supuesto y no de un hecho. Y Picasso ya no está aquí para regalarnos un dibujo.

Entonces, lo siento pero has puesto un mal ejemplo y no sirve porque es irreal. Proponme otro caso más concreto, más inmediato.

Más inmediato… ¡Esto es! ¡Ya lo tengo!, pero te advierto que tendremos que dar un pequeño rodeo para argumentar.

Adelante, pero pocos rodeos porque me marean…

Veamos ¿Qué significa esta palabra que acabas de pronunciar: “inmediato”? Significa no mediado. Es decir que no necesitamos interponer mediador o mediación alguna para saber que esto que estamos mirando ahora mismo es la pantalla de tu ordenador.

¡Es evidente! Claro.

Es un conocimiento directo. Lo sabes nada más al verlo, sin tocarlo. Sabes que esto es una pantalla. Sin ningún medio interpuesto entre tú y ella. Inmediatamente.

Es así, y eso sucede todo el tiempo, pues estaríamos frescos si tuviéramos que andar por el mundo sin saber que esto es una silla, esto otro un árbol, esto otro un autobús… y necesitáramos un intermediario que nos tuviera que ir explicando cada cosa.

Perfecto. Ahora bien, imagina que no posees este ordenador, que no sabes siquiera que existe, jamás lo has visto, ni has oído hablar de él…

Ya está borrado.

Pero casualmente encuentras un recorte de periódico con el anuncio de este ordenador. ¡Acabas de enterarte de que existe por la prensa! Este pedazo de papel entonces tiene algún valor porque te trae una noticia que puede interesarte.

De acuerdo. Pero tendrá el valor que yo le dé según si me interesa o no comprar un ordenador.

Cierto, es un valor relativo, subjetivo. Aún así, este trozo de papel no vale, objetivamente nada, porque nadie paga por un anuncio, son gratis (por lo menos, aparentemente).

¿A dónde quieres ir a parar?

A una última reflexión. Fíjate bien. Rebobinemos lo que hemos dicho. Primero, por el simple hecho de que este pedazo de periódico tiene impreso en su superficie un anuncio, el papel deviene “soporte”. Segundo, la información que soporta, el significado del anuncio, es un “mensaje”. Y tercero, éste te ha llegado “por medio” del periódico. Entonces, este trozo de papel que en sí no es nada, de repente es tres cosas a la vez. Tres en uno. Es medio de comunicación. Soporte de imágenes y textos. Y portador de mensajes, contenidos, información.

Total, que está claro que el valor no está en el soporte, sino en el mensaje.

Definitivamente. Aquí quería llegar. Fin del rodeo. Ahora ya podemos volver al principio de la cuestión. Te voy a hacer la misma pregunta que te hice al inicio, ahora sin Picasso; Pero voy a ser más preciso: ¿Cuánto vale un pedazo de papel de 140×77 mm exactamente?

¿…?

No hace falta que lo pienses mucho. No tiene ningún valor. Pero conviene que sepas que éstas son las medidas de un billete de 50 euros. Gracias a la herencia que Gutenberg nos dejó, se puede estampar sobre este rectangulito de papel el dibujo que significa “50 euros”. Entonces, este trocito de papel vale 50 euros.

Digamos que vale “por” 50 euros, porque se ha convenido así. Pero ese valor no lo tiene el papel, que sólo es el soporte o el medio. Lo que vale es, otra vez, el mensaje.

Esta es la conclusión exactamente: El medio NO es el mensaje, como la autopista NO es el viaje.

Sin embargo, según McLuhan, “el medio es el mensaje”.

Lo que escribió McLuhan no niega que el medio y el mensaje existen. Sólo que cuando irrumpió el fenómeno masivo de la televisión, afirmó que el medio reemplazó al mensaje. Se puso en su lugar.

¿Es esto posible?

Sí, pero sólo en sentido figurado. Lo que el “teleprofeta” quiso decir con este juego de palabras es que la presencia masiva de televisores en todos los hogares (el medio) conlleva implícita un significado (el mensaje), y ese mensaje es “la enorme importancia sociocultural de este hecho”.

Pero claro, dicho así la cosa no emociona ni parece tener demasiada importancia. Por eso el autor echó mano de la retórica y le dio este giro metafórico que pone una cosa en el lugar de la otra. El caso es que la metáfora es brillante y seduce porque encierra una paradoja.

Pero sucedió que la metáfora llegó sin avisar y una multitud de seguidores que jamás se molestaron en leer el libro, la tomaron tan al pie de la letra que se quedaron con la metáfora sin entender el sentido: la tomaron como un axioma. Y todavía hoy, tan entusiasmados, la repiten como los loritos repiten el sonido de lo que oyen sin saber lo que dicen.

Tu crítica es fuerte, ¿eh?

Es justa. El viejo proverbio chino ya había advertido lo que sucede: “Cuando el sabio señala la luna, el necio mira el dedo”.

 

24 de Febrero de 2006

Nuevos materiales para nuevos diseños

Sin categoría

plasverde.jpg 

Desde autoblog le adjunto este post donde se muestra un nuevo material, creado por la Mitsubishi, llamado PBS o plástico verde el cual hecho en base a resina de origen vegetal podría llegar a reemplazar el plástico.

Ha costado, pero por fin, motivada por los escandalosos precios del petróleo y la cada vez más preocupante contaminación atmosférica, la industria del automóvil ha movido ficha y ha comenzado a apostar por los híbridos y los combustibles alternativos. Pero no todo se reduce a los motores, la mayoría de los plásticos empleados en el interior de un vehículo son derivados del petróleo y también hay que hacer algo al respecto.

Mitsubishi ha puesto su granito de arena con la creación de una nueva resina de origen vegetal, denominada PBS o "plástico verde". Dicha sustancia se obtiene de plantas de rápido crecimiento como el bambú y la caña de azúcar y se puede utilizar para reemplazar a los plásticos convencionales, o mezclarla con fibras vegetales como las de la imagen de la derecha (de bambú) para crear paneles que pueden sustituir a la madera que normalmente se utiliza como decoración en algunos modelos.

Esta alternativa a los plásticos es el resultado de dos años de colaboración entre Mitsubishi y el Instituto de Tecnología Industrial de Aichi.

24 de Febrero de 2006

Herramientas para diseñadores y desarrolladores

Sin categoría

herramientas.jpg 

Desde el blog user experience en español les adjunto este post, de gran utilidad para diseñadores en general. Una gran recopilación de herramientas que definitivamente solucionarán más de un problema. Ojo que la lista se sigue actualizando.

"Definitivamente si deseas tener un sitio usable, accesible, encontrable, etc. necesitas hacer pruebas una vez tengas tus páginas listas. Por ejemplo unas pruebas de usabilidad (las cuales no son para proyectos Web inmensos ni tampoco necesitan ser pruebas dispendiosas y complejas como lo muestra Nielsen: Con tan sólo 5 usuarios puedes hacer tus pruebas de usabilidad).

Pero si crees que tienes que esperar estas pruebas para revisar tu sitio estás muy equivocado. Existen herramientas que te ayudarán desde la etapa de diseño y programación a montar y revisar una variedad de aspectos que ni te alcanzas a imaginar. Herramientas que te servirán a montar tu sitio o mejorar el que ya tienes montado.

Por ejemplo puedes hacer cosas tan triviales como deshabilitar el JavaScript, las hojas de estilos o los colores para revisar cómo carga tu sitio sin ellos. Puedes revisar tu página contra validadores de CSS, (X)HTML o contra las recomendaciones de accesibilidad WAI o Section 508. Puedes crear automáticamente un menú usable y accesible basado en estilos. Puedes llegar hasta simulaciones tan complejas como ver tu página como la vería una persona con daltonismo.

¿Te suena interesante? Lo mejor es que no te he mencionado que todo esto es gratuito".

A continuación encontraras un gran listado de herramientas clasificadas por:

  1. Add-ons para tu Navegador (Browser Add-ons)

  2. Herramientas para Descargar (Tools)

  3. Herramientas Online (Online Tools)

  4. Validadores (Validators)

  5. Otros recursos (Other resources)

  6. Actualizaciones a este Post (Updates to this post)

Si consideras que falta alguna herramienta o si hay un vínculo muerto o desactualizado por favor escríbeme. Mi interés es mantener este post como una referencia actualizada y de obligatoria visita para quienes trabajamos montando Sitios Web.

1. Add-ons para tu Navegador
Estos add-ons son la mejor compañía para todo desarrollador y diseñador Web. Básicamente facilitan el acceso a muchas herramientas y validadores desde el navegador (IE o Firefox).

  • Aardvark Extension (Firefox, Flock y Mozilla)
    Esta práctica extensión te permitirá revisar cómo están diseñados los sitios que visitas bordeando e identificando cada parte de la página con un color rojo. Te permite identificar divs, p, etc.
  • CheckIE Plug-in (Internet Explorer)
    CheckIE es un plug-in para Microsoft Internet Explorer que reune diversos servicios de evaluación y reparación disponibles en línea, a los que permite acceder a través del menú contextual del navegador (botón derecho). Es posible revisar cualquier página mediante alguno de los 17 servicios de validación y análisis en línea disponibles. Nació como contra-propuesta al Checky que sólo funciona para Firefox.
  • Checky Extension (Firefox, Flock y Mozilla)
    Esta extensión está especializada en la validación y análisis de páginas web. Víncula gran cantidad de validadores y servicios de análisis online. Valida, analiza, revisa e inspecciona todo documento que contenga HTML, XHTML, CSS, RDF, RSS, XML, P3P, vínculos, metadata y mucho más. De obligatoria instalación.
  • HTML Validator Extension (Firefox y Mozilla)
    Esta es una extensión que válida el HTML directamente en tu navegador aprovechando el progama HTML Tidy (el cual reseño más adelante en las 2. Herramientas para Descargar : HTML & CSS) y que viene embebido en los navegadores Firefox y Mozilla.
  • Internet Explorer Developer Toolbar (Internet Explorer)
    Esta toolbar es la homóloga a la Web Developer Toolbar para Firefox pero con menos funciones. Trae una gran variedad de características para explorar y, sobretodo, entender cualquier página Web. Por ejemplo puedes:
    • Localizar, seleccionar y mostrar información de los diferentes elementos de la página.
    • Bordear tablas, celdas, imágenes, etc.
    • Validar la página.
    • Cambiar el tamaño de tu navegador (800×600, 1024×768, etc.).
  • Web Accessibility Toolbar (Internet Explorer)
    De obligatoria instalación, esta toolbar ha sido desarrollada para ayudar en las pruebas manuales de páginas Web en una variedad de aspectos de accesibilidad. Te permite:
    • Identificar los componentes de una página.
    • Usar otras aplicaciones online (como validadores).
    • Simular experiencias de usuario.
    • Tener acceso a referencias y otro tipo de recursos.
  • Web Developer Toolbar (Firefox, Flock y Mozilla)
    Otro excelente complemento para Firefox y similares. Tiene una variedad impresionante de funciones para revisar tus páginas, tus CSS, formularios e imágenes. Permite bordear elementos, cambiar el tamaño de tu navegador, deshabilitar funciones del navegador, etc. Si utilizas Firefox es de obligatoria instalación.

2. Herramientas para Descargar

Accesabilidad

  • A-Prompt
    Esta aplicación examina tus páginas en busca de barreras para la accesibilidad. Frente a los errores que encuentra hace las reparaciones automáticamente (cuando es posible) o te permite que tu las corrijas mediante un asistente.

  • MAGpie
    Esta herramienta te facilita la adición de notas, títulos y descripciones audibles a tu multimedia en Web. Hecha especialmente para facilitar el acceso a personas con discapacidades.

HTML & CSS

  • Bullet-Proof Rounded Corners
    ¿Deseas bordes redondeados en tus diseños sólo con CSS? Aquí está el código que te lo hará y compatiblemente con "todos" los navegadores. Además he aquí un listado completo con todas(?) las técnicas conocidas. Mucho ojo: "Los bordes redondeados en CSS no incrementan la accesibilidad". Lo dijo Christian Heilmann y yo le creó. ;)
  • CSE HTML Validator Lite
    Esta aplicación para Windows te permite revisar y arreglar el HTML que generas. Además trae un completísimo Editor de HTML.
  • CSS Starter
    Faruk Ates te facilita un CSS inicial para tu sitio. Con el arrancarás más fácilmente tus sitios diagramados con CSS. Ya tiene el truco para que las fuentes de tu sitio sean escalables y que se vean de igual tamaño en todos los navegadores, incluidos en IE4 e IE5 (Recuerda trabajar el tamaño de las fuentes en em).
  • CSS Vista
    Esta magnífica herramienta te permite editar tus hojas de estilo en vivo, así que cada cambio que vas haciendo lo ves reflejado simultáneamente en dos paneles que muestran el Internet Explorer y Firefox.
  • Evrsoft First Page 2006
    Este es básicamente un editor que fácilmente reemplaza a Dreamweaver. Trabaja con los estándares Web e incorpora a HTML Tidy. Más de 3 millones de descargas deben significar algo. ;)
  • HTML Tidy
    Esta es una pequeña aplicación que permite limpiar el HTML que generas en tus páginas. Corrige errores sintácticos al igual que hace recomendaciones para hacer las páginas más accesibles. Trabaja bajo la línea de comandos y hay una versión para cada sistema operativo. No te recomendaría descargarla ya que hay versiones online en la sección de 4. Validadores : HTML, además de una extensión para Firefox y Mozilla llamada HTML Validator en la sección de 1. Add-ons para tu navegador y el editor Evrsoft First Page 2006 que acabo de reseñar.
  • Nice Forms
    Mejora el diseño tradicional de tus formularios HTML con este excelente código de BadBoy.
  • Simple Tricks for More Usable Forms
    En este artículo Simon Willison nos regala unos excelentes códigos para hacer nuestros formularios más usables. Totalmente recomendable.
  • sIFR 2.0: Rich Accessible Typography for the Masses
    ¿Has oido hablar de las técnicas para reemplazar textos por imágenes? Esta técnica es un éxito: compatible con todos los navegadores y totalmente accesible. Ya podrás utilizar la fuente que quieras en tus diseños. He aquí un manual en español.
  • Zebra Tables
    Este excelente código te permitirá pintar intercaladamente las celdas de tus tablas sin tener que pintarlas manualmente. Ya no mas clases "celda par" y "celda impar".

Manejo del Color

Menús y Navegación

  • Accessible Website Menu
    ElUltimate Drop Down Menu (UDM) es un menú accessible en DHTML, el cual provee contenido usable para todo tipo de navegador, incluyendo screenreaders (lectores de pantalla), buscadores y navegadores de modo texto. Es gratuito para uso no comercial y a cambio piden un enlace a su página.

  • TemaTres: Gestión de Lenguajes Documentales
    TemaTres es una aplicación Web para la gestión de lenguajes documentales. Se encuentra orientada especialmente el desarrollo de tesauros jerárquicos y también puede utilizarse para desarrollar estructuras de navegación web.

Navegadores

  • Hal Screen Reader
    Este programa te servirá para revisar tu sitio como lo leería una persona ciega, ya que genera un acceso auditivo y mediante Braille. Sirve para acceder todo tipo de programas de Windows, por lo tanto incluye los navegadores. Aunque el programa no es gratuito se puede descargar un DEMO sin caducidad para sesiones de 30 minutos.
  • Navegador Lynx
    Este navegador de sólo texto es usado por mucha gente que no puede usar un navegador tradicional gráfico. Por ejemplo personas con problemas en la vista que utilizan lectores de pantalla. Si no deseas descargar este navegador, en la categoría 3. Herramientas Online : Simulación de Navegadores hay algunos simuladores de Lynx.
  • Navegador pwWebSpeak
    Este navegador ha sido diseñado para quienes deseen acceder Internet de una manera no-visual o combinando audio y gráficas. Es utilizado por personas ciegas o con problemas de ceguera parcial, con dislexia, dificultades de aprendizaje o que están aprendiendo un nuevo idioma. Este navegador “pronuncia” los textos que va encontrando en la página al igual que la muestra gráficamente. Puedes usarlo gratuitamente para revisar la accesibilidad de su sitio.

Patrones de Diseño

Usabilidad

Vínculos

  • REL Link Checker Lite
    Esta aplicación te permite revisar los vínculos rotos de TODO tu sitio, incluyendo los de Javascript y Flash.

  • Xenu’s Link Sleuth
    Otra aplicación que te permite verificar los vínculos de tu sitio, los tradicionales, al igual que los vínculos a imágenes, scripts, etc.

Para facilitar la comparación entre los 1. Add-ons para tu navegador, a partir de esta categoría se especificará la disponibilidad de la herramienta en los Add-ons.

3. Herramientas Online

Fuentes

  • Identify a Font
    Identifica una fuente simplemente respondiendo una serie de sencillas preguntas.
  • TypeTester
    Esta es una aplicación que básicamente te permitirá comparar las fuentes en pantalla. Si utilizas el CSS Starter (en 2. Herramientas para Descargar: HTML & CSS) y/o das los tamaños a tus fuentes en em es imprescindible.
  • What The Font?!
    Identifica una fuente por medio de una imagen. Sube tu imagen y listo!

HTML & CSS

  • Accessibility Tools & Wizards
    En esta página hay varias herramientas entre las cuales se destacan:
    • Accessible Form Builder: Un Constructor de formas accesibles.
    • Acrobot: Automáticamente convierte las abreviaturas y acrónimos en tus textos.
    • List-o-matic: La mejor de ellas. Permite crear CSS menús con base en listas ordenadas. Esta es la forma de hacer menús usables y accesibles.
    • Pop-up Window Generador: Para crear pop-ups accesibles y visibles para los buscadores.
    • Yes No Now!: Genera radio buttons accesibles.
  • Colly’s CSS Rollover Generator
    Genera botones con efecto "rollover" usando CSS y sólo una imagen.
  • CSS Cascading Style Sheet Optimiser
    Optimiza tus CSS.
  • CSS Creator
    Genera las plantillas en CSS para la diagramación de tu sitio. Totalmente recomendado.
  • CSS Formatter and Optimiser
    Optimiza y formatea tus CSS. Excelente su variada configuración y la posibilidad de devolverse de un CSS super optimizado a uno legible.
  • CSS Information
    Revisa todos los estilos internos, externos, importados… de tu sitio.
  • formArchitect
    Crea cualquier tipo de formulario: ¡sin tablas, basado en los estándares web, separando las capas de presentación, contenido y comportamiento, compatible con cualquier navegador y gratis!
  • Format CSS Online
    Otro formateador de CSS. Excelente la gran variedad de opciones que tiene.
  • Free CSS Navigation Menu Designs
    Descarga unos excelentes menús en CSS basados en la técnica Sliding Doors de A List Apart.
  • Inknoise Tools
    Poseen dos magníficas herramientas:
    • The Amazing Rolloverer: Una herramienta para generar botones de menús sin JavaScript y accesibles.
    • Layout-o-Matic: Genera plantillas de diagramación con hojas de estilos (CSS layouts) y con sólo tocar un botón. No tan bueno como el CSS Creator pero te puede servir.
  • List-u-Like CSS Generator
    Como el Layout-o-Matic te permite crear CSS menús con base en listas ordenadas. Increiblemente configurable.
  • W3C Tablin: An HTML Table Linearizer (CHY)
    Este programa de la W3C te permite "linearizar" las tablas que tengas en HTML para así presentarlas de acuerdo a las preferencias que se tengan en la capa de presentación (por ejemplo para un usuario final con un lector de pantalla).
  • Webmaster Toolkit CSS Menu Generator
    Te generará un menú de navegación basado en CSS.
  • Website Contact Form Generator
    Crea un formulario de Contacto para tu sitio en ASP, PHP o Perl.

Manejo del Color

  • CBC: Color Blindness Check (WAT)
    Esta herramienta "re-coloriza" tu página con los colores que vería una persona con deficiencias de rojo y verde.
  • ColorBlender
    Esta herramienta de evaluación de colores es excelente para la creación de paletas: una vez hayas seleccionado tus colores puedes descargar tu paleta para Photoshop (en formato ACT), para Illustrator (en formato EPS) o enviártela por correo.
  • Color Palette Generator
    Genera tu paleta de colores con base en una imagen.
  • Color Schemer Online
    Esta herramienta te permite seleccionar una gama de colores adecuada para tu sitio. Antes de utilizarla te recomendaría leer el artículo Color Tutorial. El obtener una gama de colores accesibles en realidad depende de ti, por lo cual te recomendaría que utilizaras posteriormente otra de las herramientas aquí listadas para revisar tu Manejo del Color.
  • Color Scheme Generator 2
    Mi herramienta favorita para seleccionar colores era el Color Schemer Online hasta que conocí este Generator. Además de que tienes la posibilidad de generar tus paletas de colores, con un solo clic puedes revisar otras armonías posibles, crear variaciones a cada paleta y lo mejor: revisar tu paleta frente a problemas de visión que pudieran tener tus visitantes. Todo en esta harramienta. Totalmente recomendada. Si es de tu interés todavía está disponible la primera versión de esta magnífica herramienta. Aún te recomiendo el Color Tutorial para entender el manejo de las armonías de colores.
  • Colour Contrast Check
    Esta herramienta te permitirá especificar dos colores y determinar si tienen el suficiente contraste para ser vistos por alguien con problemas visuales o en una pantalla en blanco y negro.
  • Colour Lovers
    Otra galería de colores y paletas.
  • Colorblind Web Page Filter (CHY)
    Otra herramienta para revisar los colores de tu página y cómo los verían personas con problemas visuales. Ofrece gran variedad de simulaciones.
  • Considering the Color Blind Design Evaluation
    Otra página para revisar tu HTML y tus colores.
  • Juicy Studio
    He aquí dos herramientas para evaluar colores:
  • VisCheck (CHIE, CHY, WAT)
    Esta herramienta te permite simular cómo vería tu página o tus imágenes una persona con problemas visuales (diferenciación de colores). Es recomendable que utilices el revisor de imágenes más que el de sitios (utiliza una captura de pantalla de tu sitio).

Meta Tags

SEO (Search Engine Optimization)
Gran diversidad de sitios ofreciendo herramientas muy similares… mira con cuáles te quedas.

Simulación de navegadores

  • 1 Hit Screen Size Emulator
    Mira tu sitio en diferentes tamaños de pantalla.
  • 640×480 Test Frame
    Revisa tu sitio en una pantalla de 640×480.
  • BrowserShots
    Pantallas de su sitio bajo Linux en los navegadores Epiphany, Firefox, Galeon, Konqueror, Mozilla y Opera. El servicio se te puede demorar un día o más.
  • Browser Emulator
    Revisa tu sitio en los navegadores: Mosaic, Netscape, Lynx, IE y HotJava.
  • Delorie Lynx Viewer (CHIE, CHY)
    Visor de Lynx para que veas tus páginas con este navegador en modo texto.
  • iCapture
    La pantalla de tu sitio en un MAC vía Safari.
  • ieCapture
    La pantalla de tu sitio en un Internet Explorer.
  • Mac Screenshot Service
    La pantalla de tu sitio en un MAC. Visto con Safari, IE, Camino o Mozilla.
  • Public Lynx Access
    Navega tu página en Lynx via Telnet.
  • SafariTest
    Otro visor de Safari. Excelente la posibilidad de seleccionar el ancho de pantalla en la cual se puede ver tu sitio: 800, 832, 1024 y 1280.
  • Screen Size Tester
    Tu página en infinidad de tamaños estándares.
  • Total Validator
    Este excelente validador te hace la captura de pantalla en diversidad de navegadores de Windows y Linux (17 en total). El Screeshot te llega a tu correo.
  • Yellow Pipe Lynx Viewer (WAT)
    Otro visor de Lynx.

Usabilidad

Otras

  • Favicon.ico Maker
    Haz el icono de tu sitio fácilmente con base en un PNG. De lo mejor!!!


4. Validadores

Accesibilidad

CSS

Feed (RSS, Atom y OPML)

HTML

Peso y Velocidad de Carga

Vínculos

XML

Otros


5. Otros recursos

Libros

Sitios

6. Actualizaciones a este Post

  Feb 16:
      Categorización de las Herramientas para Descargar > Usabilidad
      Nuevos Herramientas para Descargar > Usabilidad > Evaluación Heurística
      Nuevo en Para Descargar > Patrones: Patrones de Accesabilidad
      Nuevo en Para Descargar > Navegadores: Hal Screen Reader

  Feb 14:
      Nuevo en Para Descargar > Patrones: Yahoo! Design Pattern Library

  Feb 10:
      Nuevo en Herramientas Online > HTML & CSS: Website Contact Form
      Nuevo en Herramientas Online > SEO: Talk Digger

  Feb 2:
      Nuevo en Otros Recursos > Sitios: Resources for Web Design
      Nuevo en Herramientas Online > HTML & CSS: Format CSS Online
      Nuevo en Herramientas para Descargar > Usabilidad: uzCardSort
      Nuevo en Herramientas para Descargar > Usabilidad: WebCAT
      Nuevo en Herramientas para Descargar > Usabilidad: CardSword

  Ene 27:
      Nuevo en Para Descargar > Patrones: UI Patterns and Techniques
      Nuevo en Validadores de HTML: NetMechanic Toolbox

  Ene 23:
      Nuevo en Add-ons para tu Navegador: Aardvark Extension
      Nuevo en Herramientas para Descargar > Usabilidad: CardSword
      Nuevo en Herramientas para Descargar > HTML & CSS: First Page 2006

  Ene 20:
      Nuevo en Herramientas Online > Simulación de Navegadores: Public Lynx
      Nuevo en Validadores de HTML: Doctor HTML
      Nuevo en Validadores de Vínculos: LinkScan
      Nuevo en Validadores de HTML: Dr. Watson
      Nuevo en Validadores > Otros: LinkPopularity.com
      Nuevo en Validadores de Accesibilidad: Total Validator
      Nuevo en Herramientas Online > Simulación de Navegadores: Total Validator

  Ene 19:
      Nuevo en Herramientas para Descargar > HTML & CSS: sIFR 2.0
      Nuevo en Herramientas Online > Manejo del Color: Colour Lovers
      Nuevo en Herramientas para Descargar > HTML & CSS: Zebra Tables

  Ene 17:
      Nuevo en Herramientas Online > Fuentes: What The Font?!
      Nuevo en Herramientas Online > HTML & CSS: formArchitect

  Ene 12:
      Nuevo en Otros Recursos > Sitios: ñblog
      Nuevo en Otros Recursos > Sitios: Tooler

  Ene 11:
      Nuevo en Herramientas para Descargar > HTML & CSS: CSS Vista
      Nuevo en Herramientas Online > Fuentes: Identify a Font
      Nuevo en Herramientas para Descargar > HTML & CSS: Nice Forms
      Nuevo en Herramientas Online > Manejo del Color: ColorBlender
      Nuevo en Herramientas para Descargar: Bullet-Proof Rounded Corners
      Nuevo en Herramientas para Descargar: Simple Tricks for Usable Forms

  Ene 6:
      Nuevo en Herramientas Online > Otras: Favicon.ico Maker
      Nuevo en Herramientas Online > Manejo del Color: Color Palette Generator

  Ene 5:
      Nuevo en Validadores de Vínculos: Links Recíprocos
      Nuevo en Validadores de Vínculos: Links Rotos

  Ene 3:
      Nuevo en Validadores de HTML y XML: HTML/XHTML/DocBook XML
      Nuevo en Validadores de HTML: HTML 3.2 Validator
      Nuevo en Validadores de Feeds: Experimental Online RSS 1.0
      Nuevo en Otros Validadores: Favicon Validator
      Nuevo en Otros Validadores: OPML Validator
      Nuevo en Herramientas para Descargar: REL Link Checker Lite
      MAGpie ahora en Herramientas para Descargar: Accesabilidad

  Dic 30:
      Nuevo en Otros Validadores: Web 2.0 Validator

  Dic 29:
      1 Hit Screen Size Emulator ahora en Simulación de Navegadores

  Dic 28:
      Nuevo en Validadores de Accesabilidad: Examinator
      Patrones y Usabilidad ahora en Herramientas para Descargar
      Nuevo en Menús y Navegación: TemaTres
      Categorización de las Herramientas para Descargar
      Nuevo en Validadores HTML: Relaxed – The HTML Validator

  Dic 27:
      Menú del listado

 

23 de Febrero de 2006

Olimpiadas 2006 en Torino

Sin categoría

olimp.gif 

Desde el Burlador les adjunto este post acerca de la imagen de las Olimpiadas de invierno de este año. Un proyecto masivo, ejecutado en varios niveles, el cual captará la atención de cualquiera que se interese en proyectos de comunicación masiva. No dejen de ver los links recomendados y navegar en la sección de identidad e imagen.

"La imagen de los Juegos Olímpicos de Invierno, que se celebran este año en Torino (Turín), Italia, han cosechado buenas críticas dentro del ámbito del diseño gráfico (obviemos a las mascotas…) El partido conceptual gira en torno de la plaza como espacio público y a partir de ella, la mirada de los juegos (look of the games) como lema. La plaza es además un lugar de contrastes, un sitio donde se mezclan arquitectura, cultura, diseño, idiomas y opiniones; donde cada uno gana o intercambia algo con los otros sin perder por eso su identidad, [...]conservando la propria unicità.

Recomendados: Los pictogramas de los Juegos, utilizaciones de la marca olímpica, Look of the Games y los fondos de pantalla, free download (los que no aparecen las mascotas)."

Visto en Advertising/Design Goodness.

olimp1.jpg 

olimp2.jpg 

olimp3.jpg 

olimp4.jpg 

olimp5.jpg