211service.com
Herramientas para un mejor diseño web
Si le gusta (o no le gusta) el diseño de esta o cualquier página web, puede ver el código fuente y ver cómo lo crearon nuestros diseñadores; la opción está en el menú Herramientas de muchos navegadores. Esta apertura es una de las mejores cosas de la Web, dice Scott Klemmer , profesor de la Universidad de Stanford que dirige el grupo Interacción entre humanos y computadoras. Pero agrega que, a menos que sea un diseñador o codificador web experimentado, es difícil saber qué parte del código hace qué. El laboratorio de Klemmer crea herramientas que ayudan tanto a los diseñadores novatos como a los experimentados a aprovechar el contenido web existente para mejorar y adaptar sus diseños más rápidamente.
La mejor manera de desarrollar un diseño fácil de usar que agrada al programador, al diseñador y al cliente es crear muchos prototipos, la mayoría de los cuales se descartarán. Pero la remodelación de un diseño mediante prueba y error lleva mucho tiempo, por lo que Klemmer está tratando de automatizar el proceso. Muchas de sus herramientas se pueden descargar gratis de su laboratorio o de socios, incluido Adobe. Miles de personas han descargado una herramienta llamada Plano , que ahora está disponible como complemento para las herramientas Flash y Flex Builder de Adobe. A través de Blueprint, los diseñadores que codifican una página pueden buscar ejemplos de código sin tener que hacer clic en las páginas de resultados generados por los motores de búsqueda convencionales. Los experimentos del grupo de Klemmer demostraron que los programadores profesionales que usaban Blueprint completaban las tareas un 28 por ciento más rápido y escribían un código de mayor calificación que los que usaban motores de búsqueda web tradicionales.
Otra herramienta, Bricolage, que Klemmer y su alumno Ranjitha Kumar desarrollaron hace unos meses, puede tomar cualquier página web y volver a renderizarla al estilo de otra, gracias a un algoritmo que separa el contenido de una página de sus plantillas estilísticas. La idea no es permitir que las personas copien diseños al por mayor, sino facilitar la lluvia de ideas. En lugar de tomar horas para hacer cada nueva maqueta de una página, puede ver si una dirección en particular es interesante, dice. Bricolage también se puede utilizar para rediseñar rápidamente una página para mostrarla en diferentes dispositivos, como una computadora de escritorio, un teléfono Android o un iPad.
En el diseño, hay tantas partes interesadas (la gente de tecnología, el cliente, los diseñadores) y los diseños son difíciles de describir con palabras, dice. Tener ejemplos a mano ayuda a acelerar el proceso: en el trabajo creativo, usted infiere y desarrolla experiencia al observar un gran corpus de ejemplos. Klemmer señala que los estudiantes de arte aprenden qué hace que una pintura sea buena, no estudiando listas de criterios, sino observando ejemplo tras ejemplo, pinturas buenas y malas. Lo que constituye un buen diseño puede ser tan difícil de articular como lo que constituye una buena pintura, especialmente cuando personas con diferentes vocabularios (diseñadores web, programadores y clientes) intentan comunicarse.
Klemmer, que tiene 33 años, inicialmente planeó ser artista y diseñador gráfico. Cuando estaba haciendo su trabajo de pregrado en la Universidad de Brown, dice, se inspiró en cuánto podían hacer las computadoras para facilitar el trabajo creativo. Una pasantía en el grupo de expertos Interval Research del cofundador de Microsoft, Paul Allen, consolidó su ambición de crear herramientas de software para diseñadores. Klemmer dice que uno de los objetivos de Interval era desarrollar la generación de herramientas de interfaz de usuario que vendrían después de la interfaz gráfica de usuario.
Una ambición similar sustenta el trabajo de Klemmer en la actualidad: quiere hacer que la Web sea más accesible. El usuario de la Web de hoy probablemente esté en un dispositivo móvil y, a medida que la población envejece, más usuarios de la Web tendrán una visión o habilidades motoras limitadas. Pero crear una nueva versión de un sitio para cada tipo de usuario o dispositivo requiere muchísimo tiempo. Con las herramientas que está desarrollando, un diseñador podría crear una versión canónica de un sitio web y luego desarrollar un software que automatice la conversión de este diseño en versiones que funcionen para una variedad cada vez mayor de personas que pueden estar viéndolo.