TRANSCRIPCIÓN:

En el último par de meses se ha venido discutiendo en foros y blogs de Internet sobre la muerte completa de Adobe Flash, a partir del anuncio de Adobe de parar el soporte para Flash Mobile Player. Esta herramienta que permite la interacción compleja para aplicaciones y animaciones web, ha sido poco a poco desplazada por los estándares HTML5, CSS3 y Javascript entre otras. El tráfico de Internet se dirige cada vez más a realizarse a través de dispositivos móviles (celulares, tablets), pantallas de televisión y demás interfaces táctiles, los cuales muchos no soportan la tecnología Flash.

Como lo menciono en un principio, Flash es muy bueno para sitios que requieren de una interactividad rica en experiencias y branding como por ejemplo para videojuegos o películas, en donde el contenido pasa a segundo término y los audiovisuales al primero. Desgraciadamente la mayor parte de la web no es así. Se requiere compatibilidad a través de cualquier dispositivo y una buena optimización del sitio en motores de búsqueda, lo que Flash ciertamente ha dificultado.

También hay que tomar en cuenta que al final no existe un “Internet Móvil” por sí sólo. Se accede al mismo por muchos tipos de dispositivos. Esto es por lo que desarrolladores están considerando dejar la herramienta para implementar a su trabajo los nuevos estándares.

Darme cuenta de esto me es un poco triste pero también tranquilizador. Fui de los Diseñadores que emprendieron entusiastamente el aprendizaje de Actionscript, pero cuando llegó la versión 3.0 a cambiar todo, me hizo tomar la decisión de esperar un poco para ver si en realidad iba a valer la pena pulirme en el lenguaje. Y esto porque después de aprender Lingo en Macromedia Director, se aprende el tiempo que te lleva. Ese mismo tiempo que puedes invertir en mejorar tus técnicas de ilustración, tu habilidad administrativa o por supuesto estándares web validados. Aunque paradójicamente siempre hay nuevas herramientas que dominar (léase Adobe Edge o Muse), por lo menos nos aseguramos que podamos estar más al día con un desarrollo más universal y accesible.

Lo triste es pensar en tantas animaciones y experimentos visuales que quedarán en bóveda.

Lo mejor es que casi todos mis clientes ya están conscientes de esto porque utilizan su iPad o Blackberry para navegar, y no pueden ver sitios o banners en Flash.

Algunas notas relacionadas al tema:
With Adobe backtracking Flash, it’s time we did too. Boagworld.
Is Flash dead? Netmagazine.com
Adobe to Focus on HTML5 App Development

1. Primero y más importante: Layout con CSS, no solamente estilo. Es decir, hacer layouts sin tablas. El porqué es importante. El cómo se hace. Cómo funciona el box-model. Dónde sí utilizar tablas. Al día de hoy esto es básico.

2. SEO: ¿Saben cómo he aprendido de SEM & SEO? Pues bloggeando. Tuve un maestro de Mercadotecnia que gracias a su entusiasmo obligó a toda una generación a abrir sus blogs para responder ejercicios, hacer ensayos y demás. Desgraciadamente no moderó a sus alumnos y terminaron dejándose ataques anónimos entre ellos, peléandose en clase y finalmente a nosotros nos nos promovió esa actividad. Pero la experiencia de mantener un blog te enseña a aprender a analizar fuentes de tráfico, términos de búsqueda y mucho conocimiento que termina afectando la redacción de nuestros contenido en Internet. En clase de Internet y sus medios jamás tocamos este tema.

Ustedes dirán: “el SEO no es tan difícil”, “se aprende en la marcha”, pero la verdad es que es todo un submundillo que tiene sus mañas y beneficios, y si se puede aprender lo antes posible tiene una gran rentabilidad.

3. Los estándares web. Ahora que Internet Explorer 9 ya los considera, es el momento perfecto para aprender a diseñar con estándares. Si el html era la tabla de multiplicar, los estándares serían la tabla de dividir (un poco más difícil, aunque involucra saberse las tablas anteriores). Ejemplos de uso práctico que involucran los web standards: Saber cuando usar flash, cuando no, cuando usar funcionalidad con javascript o con tecnología Spry. Para todo eso hay que educarse o seguiremos viendo sitios completos hechos en flash, titulares y copywrites en imagen y demás barbaridades. También informar los beneficios de la accesibilidad en CSS: crear hojas de estilo para diferentes formatos y dispositivos. Una cosa más que aprendí gracias a un diseñador inglés de nombre Paul Boag es a su vez considerar cuando el proyecto en cuestión no costea el uso de estándares, dependiendo de la realidad, el presupuesto, el tiempo, etc.

4. Otra cosa que me hubiese encantado aprender es la personalización de Sistemas de Administración de Contenido, algo tan de moda hoy. Los llamados “sitios autoadministrables”. Admito que se entra en un área de diseño de sitios dinámicos pero el diseñador gráfico siempre puede entrarle. Lo único que necesita saber es como funcionan estos sistemas.

5. Definir nuestra posición como diseñador y no como programador (hasta cierto punto ‘admitir’). Que el diseño sea una actividad multidisciplinaria no significa que nuestro campo de acción sea todólogo. Y sobre todo en web, donde sistemas requieren un conocimiento de programación especializado. Esto se lo mencioné al maestro, ya que afecta también como se enseña el diseño web. Admitámoslo: nosotros aprendemos más con imágenes, somos más visuales. Y pienso que a veces el maestro no lo consideraba.

El tener a todo un grupo de alumnos nuevos en el tema con intimidantes hojas de código no sólo no era lo más apropiado a mi parecer, sino que tenía a la mayor parte en constante duda y retrasando el avance. El hands-on training es más en un taller donde ya se conocen los fundamentos. Como ejemplo de lo más lindo propondría lo que hace Lynda.com: prepara presentaciones explicando de forma muy visual los fundamentos y en términos sencillos, para después pasar al software.

¿Por que incluyo este último punto? Porque muchos diseñadores creen que hoy todo se puede hacer sin saber programar tanto y no siempre es así. Hay que saber de entrada cuando un proyecto se escapa de nuestra capacidad.

Después de tener más experiencia utilizando Dreamweaver y WordPress le sugiero al docente que en vez de tratar de hacernos diseñar todo en vista de código (como un notepad), existe todo una interfaz a base de cuadros de diálogo, páneles de CSS y comportamiento que nos ayudan como diseñadores a administrar todo. Ojo que no diga que no haya que aprender el código. Sí. Pero creo que para nosotros los diseñadores es más fácil generar el código a base de esta interfaz gráfica y con la repetición, ir viendo como trabaja el código. De cualquier manera para establecer reglas y parámetros hay que saber lo que son los selectores, seudo-selectores, IDs, clases, selectores compuestos, etcétera. Pero no esperen que nos aprendamos todos los tags como tablas de multiplicar. Seguro los consultaremos cuando los vayamos utilizando, después de conocer los que son fundamentales.

Hablando de las tablas de multiplicar, a mi hermano de secundaria ya le enseñaron HTML. Antes me parecía increíble pensar que a esa edad los chicos siquiera lo entendieran. Pero para mi sorpresa sí que lo entienden. Seguro que es a base de lo mismo que les comento arriba. Sistemas WYSYWYG y bajo repetición. ¿Las etiquetas HTML serán las nuevas tablas de multiplicar para la educación media?

¿Y tu paleta de que la quieres?

Toda clase de diseño a mi parecer debería terminar con una sesión informativa de cómo cobrar lo que se está diseñando. A cuanto se cotiza un banner animado, una animación en flash, un sitio informativo, en cuanto salen los programadores para distintos tipos de proyectos, etc.

Por último, y bajo la recomendación de muchos expertos que he leído en la red social Quora, lo optimo para estar preparados para tomarle el paso a HTML5, Css3 y Javascript (no hablemos de otras tecnologías que atañen más a un programador) es aprender los cimientos que ya son compatibles con estas últimas tecnologías. Es decir, si vamos a aprender HTML5, pues las etiquetas básicas siguen siendo las mismas de HTML, igual con los selectores de CSS, pero ya irlos viendo bajo la perspectiva de lo último que hay, y dejar el abanico abierto. En el tema de comportamientos (behavior), en un curso es comprensible que no se alcance a ver, pero bajo la misma técnica de repetición y uso de las librerías básicas creo que es más que suficiente para que el diseñador novato aprende como funcionan (no se diga que significan a detalle, pero por lo menos que hace que funcionen, volviendo al punto pasado).

Pd. Si enseñara HTML5 lo primero que enseñaría sería a utilizar webfonts (agréguenla a la cuenta).
Pd2. Sugerencia para los maestros de Diseño: más infografías y más motion graphics

A partir de la propuesta de la tecnología de CSS2, fue que se pensaron en varios métodos para generar tipografía personalizada que fuese instalada de forma temporal mientras navegamos por páginas, para poder verlas. Esto sólo fue plausible a partir del incremento de nuestro ancho de banda, con el paso del tiempo. También tuvo mucho que ver la retinencia de las fundidoras en liberar sus fuentes tipográficas, ya que los métodos requerían descargárselas.

Empresas como TypeKit emergieron con un método para que, de manera mensual, tu pudieses pagar por tener acceso a los archivos.js para poder llamar a esas fuentes remotas via CSS y desplegarlas en los navegadores de tus visitantes, a través del selector @font-face. Luego surgieron más iniciativas, entre ellos la notable: una librería abierta de Google, la cual puedes usar utilizando su API.

Ahora MyFonts.com pudo negociar con las fundidoras, la venta de gran parte de su catálogo a diseñadores que necesitemos opciones de tipografía que no podían ser implementadas hasta el momento. Lo mejor es que con esta tienda ya no habría pagos mensuales, sino que las utilizarías tal y cual comprases una fuente de instalación local: para siempre. Lo malo es que cuesta lo mismo que si compraras una tipografía normal (a menos que comprases ambas, te saldría la webfont en 50% menos, lo cual, si ya estás pensando en diseñar para web, pienso que sería el razonamiento más adecuado comprar ambas versiones). Otra ventaja es que éstas las puedes utilizar en cualquier número de sitios que desées.

Calluna Sans, una de las tantas fuentes que ahora ofrece MyFonts.com para utilizar como webfont.

Puntos importantes:

• Los Webfonts funcionan en: Firefox 3.5+, IE 5+, Opera 10+, Chrome 4+, Safari 3.1+, iOS Mobile Safari y Andriod 2.2+.
• El precio base es para páginas con no más de 10,000 visitas. Perfecto para sitios pequeños o blogs personales. Si te pasas, tienes que aumentar la versión de tu licencia (hence más dinero).
• La empresa ha pensado que Agencias de Diseño y revendedores de hosting puedan aprovecharse de comprar tipografías y reutilizarlas. Esto puede que no sea permitido, según las letras pequeñas de su sección descriptiva. Tendrían que pagarse licencias individuales.

Fuente oficial: MyFonts Newsletter y su sección informativa de WebFonts.
Estas son buenas noticias que me gusta publicar.

En otras noticias, HTML5 ya tiene un logo oficial, en donde por cierto, pueden apreciar el uso de Webfonts. Pueden darse cuenta como al cargarse el tipo de letra, esta es sustituida por la webfont determinada al ser “llamada de forma remota”.

Los divido por temas en los que estoy más relacionado (ya sea por el diseño, por el trabajo, la bloggeada, etc, etc). Muchos de ellos ya los he posteado anteriormente, sobre todo en el asunto musical, en el podcast o twitter de Mx Rocks.

También sé que harán falta muchos artículos trascendentes pero como les repito, ésta es una elección individual. Específicamente para los de diseño, otros artículos los he cubierto en el blog de Diseñografía; estos son añadidos que vendrían mejor en una compilación pues únicamente se trata de listas de recursos útiles que han realizado otros blogs, que no tendría gran caso repostear. Espero les gusten.

Personales, cultura, finanzas y empleo.
Six Keys to Being Excellent at Anything – Tony Schwartz – Harvard Business Review
5 Things You Love to Discuss That Nobody Else Cares About | Cracked.com
The 9 Stupidest Things Americans Believe from Dan Abramson
SER PENSADOR: El ejercicio del pensamiento crítico puede resultar odioso para la sociedad
13 Jobs in Hard Times
When Cosplay Gets Remixed: Shogun Vader – Boing Boing
¿Un nuevo capítulo? – El Universal – Bicentenario
Este último artículo habla sobre la permanencia del papel en los libros.
Geeks vs. Hipsters – Gizmodo.

Medios Sociales
The do’s and don’ts of asking someone out online – CNN.com
Social Media Cartoons
Serie de tuits acerca de Twit… Por favor lean esto si son usuarios de Twitter.
Oh you naughty tweeters – you’ve upset the establishment | Technology | The Observer

Cine, video y cómic
5 Annoying Trends That Make Every Movie Look the Same | Cracked.com
Hawaii Chair – 25 Worst (We Mean Best) Infomercials – TIME TIENEN QUE VERLOS.
The Best Indie Comic Books – Comics Feature at IGN
15 Movies that Killed People. 15 películas que influenciaron en asesinatos.
Top 40 best free legal movies you can download right now – TECH.BLORGE.com

Creatividad, Diseño y recursos relacionados.
“La creatividad se aprende igual que se aprende a leer”
Why Nothing Will “Save” Print Media | Techi.com
BBC Mundo – Creatividad: ¿una forma de locura?
50 Interesting and Useful Infographics for Web Designers – Noupe Design Blog
Client Presentation Tips for Designers – Freelanceswitch.com
Five Ways to Write Magnificent Copy | Copyblogger
So You Want To Be A Designer: Top 5 List « Aza on Design
10 Essential Free E-Books for Web Designers
Most Popular Colors of the Year 2010 [infographic]
Business Blog / Color of the Year 2010: By The People [infographic] by COLOURlovers
Buenos Aires de Diseño » Decálogo del buen diseñador
Gráficos autoreferentes | Hazme El Chingado Favor
50 Most Creative Anti-Smoking Advertisements | 10Steps.SG

Tecnología
El SEO y sus miserias » El Blog de Enrique Dans y la continuación: Mal SEO ¿es el “todos lo hacen” una disculpa?
Official Google Blog: What we’re driving at Nota sobre los autos de Google que se conducen solos.
Font Preview – Google Font Directory Directorio y aplicación poderosa para instalar fuentes en tu página.
YouTube Charts – Lo mejor de YouTube.
¿Qué nos inspira a bloguear? en ALT1040 (Blogs)
CAN/SHOULD NEWS BLOGGERS BE OBJECTIVE? y sigue con “Como distinguir a un periodista de un blogger”. Ambas muy relacionadas.
Scientists regrow section of bone

Salud, Educación y Sexualidad

Es curado el primer hombre de VIH – Isopixel.net
Educación a Debate – Las dos UABC
Warning: Racism Is Bad for Your Health | | AlterNet
Homofobia relacionada con excitación homosexual, revela estudio
Ya era hora: SEP promoverá el sexo responsable en Vivir México (Educación)
MADATOMS – WHAT YOUR OPPOSITION TO GAY MARRIAGE MEANS by Rick Paulas – Artist: Josh House

COLOURlovers hacen un notable estudio sobre los colores que utilizan las principales marcas con mayor presencia en línea, apoyados por Alexa, Compete y Nielsen. Según el estudio, en la web pululan los logos azules y rojos, aunque muchísimos startups no hacen una investigación en forma sobre el tema, como lo fuera facebook. Si leen la entrada, expanden un poco el estudio hacia la dominancia de los colores rojo y azul en el ámbito corporativo americano.

¿Significa esto que hay en realidad pocos caminos del color en el diseño de marcas? En realidad no, sugieren los autores. Una marca se crea con más que sólo su logotipo. La calidad, la promoción constante y la experiencia que genera son igual o más importantes que la identificación cromática (y formal) de la marca. Pero saber las tendencias de color ayuda a los diseñadores a conocer las asociaciones simbólicas que la gente tiene de empresas que consideran buenas o en el top-of-mind del ciberespacio. Mark Zuckenberg, por ejemplo, cuenta que al ser preguntado sobre del porqué eligió el color azul para el icono de facebook, responde que era el único color que el puede apreciar, pues es daltónico. Ahora más de 500 millones de personas van y observan un sitio web azulado muchas horas por semana.

Fuente: ColourLOVERS

Recordemos que desde el lanzamiento de esta Suite Creativa, uno de los grandes fuertes de Adobe Flash CS5 era el poder crear paquetes ejecutables en los sistemas operativos de iPhones y iPods Touch, pero debido a la visión inicial de Apple, la cual no consideraba a Flash una plataforma adecuada para desarrollar, se truncaron las posibilidades de meter aplicaciones a la tienda.

Parece que Adobe gana este round, gracias a las peticiones de los desarrolladores. Espero que con esto a muchos de ellos, y también Diseñadores, les entre nuevamente el ánimo de crear pensando en esta plataforma. Queremos ver más aplicaciones en español.

Ahora, vamos aprendiendo AS3.0

Foto de One Lucid Pixel.
Fuente: Apple.com

Inspirado en el post de Grace Smith “Why Web Design Doesn’t Cost ₤40″, la Diseñadora, Apple Fangirl y adicta a twitter nos comparte de sus conocimientos el porqué el desarrollo de un sitio no puede valer tan poco.

Aunque tampoco es raro ver este tipo de oferta, no me parece inapropiado señalar lo que involucra pagar menos por un medio de comunicación tan importante con el usuario como lo es una página. No sólo es una fuerza de ventas, si no parte de la imagen que verá el público de una empresa, que por lo tanto no puede ser tomado a la ligera. Debe de ser legible, identificable y memorable, como lo debería ser cualquier Diseño. Las primeras reacciones que tuve al mencionar este tipo de prácticas a mis compañeros fueron algo de sentido común, pero que tal vez no todos lo sepan:

Solamente el precio de contratar un dominio y hosting por un año te cuesta alrededor de 500 pesos al año. Esto es: comprar el nombre de tu sitio y el hospedaje para el mismo, no el Diseño.

Sobre el proceso de Diseño, a los artistas visuales nos queda claro que algo barato y rápido no puede tener gran detalle ni ofrecer toda la calidad que se requiere; y un trabajo urgente y de gran calidad seguro no te saldría barato. Esto lo menciona Sergio Cuevas en la famosa Guía Básica de Costos y Procedimientos del Diseño Gráfico (Libro Rojo). No he hablado mucho de esta obra en este blog, aunque lo he leido más de un par de veces. En él, Sergio Cuevas también desarrolla el del porque se ha subvalorado el Diseño: la disponibilidad tecnológica, la crisis económica y la actitud de los clientes y diseñadores al respecto del tema. A pesar de esto, hay cuestiones muy precisas que le dan valor a un Diseño:

• Una buena conceptualización que asista la promoción del negocio. En este caso todo el proceso de planeación y desarrollo creativo es eliminado si sólamente se crea una página a través de un templete prefabricado.
• El tiempo de construcción, codificación y pruebas. No importa que tipo de trabajo sea: se tienen que revisar los textos, posicionar bien los elementos, revisar su funcionalidad y si se utilizan imágenes de Internet, verificar los derechos de las mismas. A su vez no esperes servicios de monitoreo y mantenimiento a tales precios.
• Las inversiones intangibles como la educación y las tangibles como un buen equipo de trabajo, que te asegura que se entregará un proyecto a tiempo, siguiendo estándares de Diseño Web y presentación adecuada. Grace enumera otros más como la fotografía (ya sea de catálogo o no), los costos de operación (reuniones, llamadas telefónicas, mercadeo) e impuestos entre las más claras.

Si lo que busca usted es ahorrarse el precio de una agencia de publicidad la opción apropiada para un trabajo de calidad sería contratar a un freelance, asegurándose que éste tenga un portafolio de calidad y de preferencia que tenga experiencia en empresas de su giro. Si no es así, mejor entre a la innumerable cantidad de servicios que le ofrecen un constructor de sitios gratuito.

La palabra clave que no debe de olvidar es Retorno de Inversión.

Esto por supuesto aplica también al Diseño de Gráficos: Logotipos, papelería, señalización, etc. Les pido por favor que le echen un vistazo también al artículo del Creativo Jacob Cass al respecto “Why professional logo design does not cost $5.00″.

Adicionalmente, Google estará integrando el soporte a un nuevo catálogo de webfonts de código abierto, las cuales han pasado a ser parte de la librería de Typekit. Pueden verlas en su Google font directory.

Lee la nota completa en el sitio de Typekit.

Para utilizarla sólo hay que llenar los campos y la calculadora te hace el favor de hacer el cálculo. Espero les sea de utilidad. Cabe señalar esta traducción:

Recuerda que tu tarifa por hora debería siempre considerar factores como la demanda del mercado, estándares de la industria, tu nivel de habilidades y experiencia – ¡cosas que desafortunadamente no las puede cotejar la calculadora!

Obviamente la calculadora está en dólares, así que tomando en cuenta lo mencionado anteriormente, pueden darse una mejor idea de como se calcula su tarifa. También estoy conciente que esto no es Estados Unidos, pero es una buena referencia para proyectos de alcance mayor (nacional o internacional).

Por favor compartan este post si creen que a alguien le interesaría. Es una más de tantas herramientas que ayudan a nuestro gremio a concientizar lo que vale el trabajo de un freelance. Seguro a muchos nos caen trabajos por cuenta propia. Ah, y aprendan inglés

Fuente: FreelanceSwitch.com

Simplemente eso: revisa cualquier párrafo o fuente en pantalla. Aquí el LINK.

http://www.typetester.org

• Se escriben con letra inicial mayúscula los sustantivos y adjetivos cuando forman parte del nombre de una institución, de un monumento, de un partido político, de una entidad.
- Se reunió el Consejo de Seguridad de la ONU. – He obtenido un préstamo del Banco Industrial. – Debemos seguir las normas que marca la Real Academia Española. – Vamos a visitar el Museo de Arte Moderno. – Estudia en la Universidad Autónoma de Madrid. – La Cámara de Comercio editó su memoria anual.

Consideramos al Diseño Gráfico como una entidad, por eso a partir de hoy lo escribiremos con mayúsuculas.

•    Se escriben con letra inicial mayúscula los títulos y nombres de dignidad, como Conde de la Maza, Marqués de Cádiz; los nombres y apodos con que se designa a determinadas personas, como Gran Capitán, Alfonso el Sabio”.
- El Sumo Pontífice reside en Roma. – Los Reyes Católicos conquistaron Granada. – Enrique el Navegante impulsó la navegación.

Consideramos a la Licenciatura en Diseñado Gráfico como un título de dignidad, por lo que lo escribiremos en mayúsculas.

•    En leyes, decretos y documentos oficiales suelen escribirse con mayúscula todas las palabras que expresen poder público, cargo importante, . Ejemplos:
- Secretario    - Ministro    - Gobierno – Director    - Inspector Jefe

Ubicamos el área de Diseño Gráfico en un cargo importante, y si los políticos pueden transmitir sus mensajes, ha sido por el poder visual del Diseño Gráfico. Nuestro trabajo se ve allá afuera, por lo que consideramos que tiene poder público. Por eso lo escribiremos con mayúsculas.

Se escriben con mayúscula:

• Los nombres de las disciplinas científicas en cuanto tales. Ejemplos:
- Soy licenciado en Biología.
- Ha estudiado Filosofía.
- La Psicología ha vivido un resurgimiento en los últimos años.

Sabemos que el Diseño no es una ciencia en forma. Pero como su procedimiento se basa en el método científico, lo nombraremos aquí con mayúsculas.

Suelen escribirse con mayúscula los nombres de determinadas entidades cuando se consideran conceptos absolutos. Ejemplos: la Libertad, la Ley, la Paz, la Justicia. Los nombres de fechas o cómputos cronológicos, épocas, acontecimientos históricos, movimientos religiosos, políticos o culturales. Ejemplos: la Antigüedad, la Hégira, la Escolástica, el Renacimiento.

Tenemos claro hasta donde llega el Diseño como concepto, y lo consideramos como una parte representativa de nuestra cultura, que se encuentra en constante movimiento. Por eso lo escribiremos en este espacio, con mayúscula incial.

Antiguamente, se escribía con mayúscula la primera palabra de cada verso. Por esta costumbre, las letras mayúsculas reciben también el nombre de versales.

Para nosotros el Diseño llega a ser Poesía. Por ello aquí se escribirá con versales.

Para finalizar, dejamos claro que sabemos que Dios también se escribe con mayúscula. Pero no caeremos en tal agrrogancia, pues sabemos que si creamos, es a través de todo lo que existe, y de su chispa inexplicable que llamamos inspiración.

Fuentes:

Educared, Ortografía de la Lengua Española. Capítulo III. España, 1999. ISBN 84-239-9250-0 http://www.educared.net/educared/visualizacion/jsp/diccionarioOrtografia/index.jsp?idapr=12_67_esp_1__ sábado 16 de enero 1:47 a.m.

Colegiomareda.org, Reglas fundamentales de ortografía, http://www.colegioromareda.org/primaria/3ciclo/Ortograf%C3%ADa.htm sábado 16 de enero 1:47 a.m.

Funcionalidades:

• Guarda imágenes capturadas de cada uno de los navegadores.
• Soporte en IE8, Safari 4, Chrome 3.0 y Firefox 3.5.
• Disponibilidad de reglas y guías.
• Explorar las capturas para observar detalles en cada previsualización.
• Registro con hoja transparente para anotación de las diferencias de algunos detalles (Onion Skin Registration).
• Retraso de capturas. Esto te da la capacidad de capturar una imagen de tu sitio cada 10 segundos, para que observes que es lo que se está cargando en cada momento.

Prúebalo gratis en: Adobe Labs
Observa el tutorial:

El contenido es el rey. Una de las premisas básicas que manejan los desarrolladores web es esto. La gente se mete a un sitio principalemente para obtener la información que buscan, y que ella lo permita funcionando bien. El diseño visual es importantísimo sí, pero no es el protagonista en este campo, si no el contenido: lo que tiene que incluirse en la página, lo que el visitante busca, lo que quiere ver/saber y necesita hacer.

Sobre videos en tu página de inicio

Los videos en la página de inicio deberían tener una duración de 1 a 2 minutos. Nunca más de 3 minutos. De hecho, tampoco en otro lugar que no sea la página de inicio deberán durar demasiado. El límite de atención del usuario de hoy en día lo demanda.

Pases de jQuery y widgets de moda

Los pases son pequeños widgets que permiten deslizar contenido en un mismo espacio, al estilo de un SlideShow pero no necesariamente tienen que ser fotografías, sino por ejemplo, titulares de artículos, novedades o secciones de tu sitio. Si este pase es de fotografías, ten cuidado con la velocidad con la que pasan las diapositivas cuando hagas una transición automática. Cuando no es de fotografía sino de links o titulares, y el usuario tenga que presionar botones o arrastrar barras para cambiar el contenido, asegúrate de que sea notorio: primero, que el usuario sep a que allí hay un slider y en segunda que sea intuitivo el como hacerlo.

Juega con la composición de tu sitio si tienes imágenes con mucha textura inherente. Por ejemplo, imágenes para la página de un museo, que contiene una iluminación rica o contenido variado en texturas. Juega con la composición de tu sitio para que concuerde con esa variedad. Que no sea una serie de bloques solamente, si no explorar con test-wrapping y titulos de distinta variedad. Sobre los posts en los blogs, dejan este increible artículo de Smashing Magazine de como bloggers juegan con composición para darle frescura a sus publicaciones.

¿Qué hay de tener publicaciones del blog en el homepage?

Como ven, la mayoría de la consulta se tomó en base a homepages, pues son lo primero y referente que ve uno en una página web, además de que en la mayoría de los casos, da paso inherente a un estilo que veremos en la mayoría del sitio. El comentario de Paul fue, que en su caso, procura mantener el blog separado del sitio corporativo, pues además de que se llega a perder el control de lo que uno vende en su sitio base, los lectores del blog lo comienzan a percibir como posts comerciales, y se dificulta quitarles esa conexión directa a su servicio profesional. Por eso él tiene un sitio externo al de su empresa. En mi caso, uso un subdominio, que puede o no atraer a los lectores a visitar el sitio raiz.

El gran problema de la web hoy

Los dueños del sitio. Para Paul ese es el problema del diseño de sitios web hoy en día. “No es que sea un comercial para mi manual de dueños de sitios, pero siento que, aunque ya se tiene una mejor concepción de lo que es Internet, como funciona y todo lo que se puede hacer con el, no hay una comunicación efectiva suficiente entre los desarrolladores y los dueños de los sitios. Cuando hablamos de los dueños nos referimos a la empresa o marca al que se le desarrolla el sitio; la insitución que termina operando y promocionando su contenido, aunque no lo actualicen ellos manualmente, cada vez está ocurriendo más.

Boagworld es un podcast orientado a todo aquel que diseña, desarrolla y mantiene sitios web como tiempo completo. Lo conduce Paul Boag y Marcus Lillington, presentado por Headscape.co.uk, su despacho de desarrollo de sitios y es sin duda el podcast más escuchado con respecto al tema. Una gran influencia para diseñografía, es ampliamente recomendado pues toca temas no sólo web, sino de freelancing y comunicación visual. Pueden escucharlo visitando su sitio Boagworld.com o buscándolo en iTunes como “Boagworld”. Sin duda su manual es una gran contribución para el mundo de desarrollo web y nuestra relación con clientes sobre el tema.

Paul usualmente cobra 54 euros por media hora de consultoría. Más información en este enlace.