Archivo de Interfaces y GUI

grid de datos a la Windows 7

Con FWH se pueden hacer rejillas de datos que marcan la fila actual con un degradado al estilo de Windows 7. La manera de hacerlo está en este hilo de los foros de Fivetech y el resultado es este:

2010-01-21_193635

hola menlo, adios monaco

En OS X la fuente de paso fijo por defecto del sistema ha sido hasta ahora Monaco. Al actualizar a Snow Leopard e instalar mi editor favorito me di cuenta que SL cuenta con una nueva fuente de paso fijo llamada Menlo. Es una fuente muy agradable y que, desde mi punto de vista, reune todas las características necesarias para convertirse en la fuente preferida de los macprogramadores.

Se puede ver un ejemplo de la fuente en este enlace: Menlo, a new monospace font included in Mac y en ArsTechnica también hay una referencia al tema en el artículo Font changes coming to Mac OS X Snow Leopard.

macwidgets for java

En el largo camino del aprendizaje de Java estoy buscando librerías que permitan desarrollar aplicaciones que tengan una estética lo más cercana posible a OS X. Una de ellas, la que pienso que consigue un aspecto más próximo a Aqua es macwidgets. Con esta librería se pueden conseguir barras de botones, paneles laterales y ventanas HUD, entre otros controles, realizados con Java.

El desarrollador de la librería mantiene un blog llamado Exploding pixels donde cuenta cosas relacionadas con el desarrollo de la librería y sobre diseño de interfaces de usuario en el mundo Mac. Uno de los post más comentados en este blog es el que critica la posición de las pestañas en Safari 4, diciendo que al estar por debajo de la barra de direcciones crea confusión pues realmente la barra de direcciones parece compartida entre las pestañas, cosa que no es cierta por su comportamiento. El post en cuestión es Why can’t Safari get tabs right?.

Volviendo a las macwidgets, la mejor manera de hacerse una idea de su aspecto es verlas en funcionamiento. Una de las aplicaciones que las utilizan es jCodeCollector, una aplicación gratuita que permite guardar trozos de código clasificándolo por categorías. El aspecto del programa es tan maquero como muestra la imagen siguiente:

jcc20

diseño de iconos

Una de los elementos que ayuda a dar el salto de calidad a un programa es un icono propio y reconocible. Tanto si piensas hacerlo tu mismo, como si lo vas a encargar a un profesional debes tener en cuenta estos 10 errores en el diseño de iconos que no debes cometer.Todos los iconos de los programas de alanit son personalizados, partiendo de ideas propias para cada uno de ellos. Cuando encargamos un icono primero pensamos nosotros el diseño que debe tener y luego le pasamos la información al diseñador, que es quien le da forma a nuestras ideas.

interfaces multiplataforma

En mi búsqueda de un entorno que me permita hacer software tanto en entorno Windows como Mac estoy encontrado cosas muy curiosas. Cuando hablo de un entorno de desarrollo multiplataforma me refiero a un entorno que me posibilite hacer aplicaciones de escritorio en ambas plataformas, pero no que lo haga directamente a partir del mismo código porque el resultado puede ser peligroso. Cuando se pretende hacer programas que corran en dos plataformas distintas a partir del mismo código puede pasar que en uno de los entornos la aplicación tenga un aspecto imponente, pero en el otro el interfaz despiste bastante a los usuarios. Esto es debido a que un determinado control en un entorno puede tener una funcionalidad determinada y una forma de interactuar con él, mientras que esa manera de trabajar en el otro entorno no sea la habitual.Un ejemplo de esto es la barra lateral que podemos añadir a un formulario. En Mac tiene la función principal de organizar y clasificar elementos, mientras que en Windows puede servir también para ejecutar acciones. Los propios exploradores de archivos en ambos entornos nos dan cuenta de esa funcionalidad. En Windows el explorador de archivos permite ejecutar acciones sobre los archivos de una carpeta, y esta funcionalidad ha sido mimetizada por muchos desarrolladores de controles para distintos entornos, como el VTaskBox de CanalFive o el Themed Windows XP style Explorer Bar para VS2005.La barra lateral de un formulario en Mac tiene otra funcionalidad bastante distinta. El Finder no permite manipular archivos a través de la barra lateral, sino que se tiene que hacer a través del menú de la aplicación. Lo que sí se puede hacer es añadir nuevos grupos o ubicaciones, lo cual se puede hacer normalmente a través del menú de la aplicación. Algunas aplicaciones usan unos pequeños botones que están en la parte inferior de la barra lateral para hacer esto, como por ejemplo mi admirada Delicious Library.¿ Es posible hacer utilizar un interfaz como la barra lateral de Mac en una aplicación Windows ? Sí es posible, otra cosa es que el usuario sepa lo que tiene que hacer con ella. Hay aplicaciones que usan una barra lateral Mac en aplicaciones Windows. Una de ellas es Librarian Pro, que es una aplicación de catalogación para Windows y Mac y tiene toda la pinta de estar hecha con REALbasic. Desde mi punto de vista la aplicación está desarrollada para Mac y luego llevada a Windows a golpe de compilación, con lo que el interfaz es completamente maquero. Así en la barra lateral aparecen agrupadas las colecciones y para añadir un nuevo elemento en una colección hay que usar un botón de la barra de botones que abre un menú y permite elegir el tipo de elemento a dar de alta. Para mi gusto este interfaz descoloca a un usuario normal de Windows, y se debería haber planteado de otra manera. Cada entorno tiene sus peculiaridades en el interfaz habitual y la manera de interactuar con las aplicaciones, y creo que no es bueno portar directamente aplicaciones entre entornos, sino que se debe respetar la manera habitual de trabajar en cada uno de ellos.

lanzadores de aplicaciones

Un lanzador de aplicaciones es basicamente una alternativa al menú de inicio de Windows o a la carpeta de aplicaciones de OS X y permite arrancar aplicaciones mediante el teclado. Es un programa residente que se activa con una combinación de teclas y mientras escribimos el nombre de la aplicación que queremos arrancar nos muestra una lista de aplicaciones candidatas por ese nombre. Es un tipo de aplicación que no se usa habitualmente, pero que una vez te acostumbras a usarla se te hace comodísima.Comencé a interesarme por los lanzadores de aplicaciones cuando tuve mi iMac. Enseguida me di cuenta de que una de las aplicaciones que más pasión suscitaba entre los maqueros era una llamada QuickSilver. La primera idea que uno se lleva de QS es que es un lanzador de aplicaciones, pero con esta aplicación se pueden hacer muchas cosas más como manipular ficheros y aplicaciones. En la web de los desarrolladores de QS hay un montón de enlaces a tutoriales que explican como sacar todo el provecho de la aplicación, y se puede hacer con ella cosas tremendas.Yo la uso a un nivel muy básico, pero QS me ha permitido no usar el dock como lanzador de aplicaciones y tenerlo despejado, con unicamente las aplicaciones que tengo en funcionamiento.Lo más parecido a QS que he encontrado para Windows ha sido Launchy. No es tan potente ni versátil como QS pero cumple su cometido. Lo único reseñable es que a diferencia de QS, a Launchy hay que ayudarle para que haga bien su cometido aunque la verdad es que los problemas con que se encuentra son culpa de Windows . Mientras que en Mac las aplicaciones tienen que estar en la carpeta Aplicaciones del Finder, en Windows las puedes tener en cualquier carpeta del disco duro y se pueden haber añadido a la carpeta de programas del menú inicio o no. De ahi viene la necesidad de configurar las rutas en que Launchy tiene que buscar los programas, pero una vez hecho esto el programa funciona a la perfección. El aspecto visual de Launchy tampoco está tan logrado como QS, pero algunos de los skins que trae son agradables.A mi nunca me han gustado los escritorios llenos de iconos, como tampoco me gustan las mesas llenas de papeles. Pienso que es imposible encontrar un icono cuando hay docenas de ellos en el escritorio colocados sin ningún criterio ni orden. Siempre he tenido un escritorio lo más despejado posible, con unas pocas carpetas que contienen accesos directos clasificados por temas. Con los lanzadores de aplicaciones estoy reduciendo drasticamente el contenido del escritorio y cuento con una manera fácil y cómoda de acceder a las aplicaciones.

cleartype y fuentes para programar

Una de las cosas que me disgusta es ver un PC con Windows que tiene las fuentes borrosas. El motivo habitual es que se le ha cambiado la resolución de pantalla a mayor, porque con la resolución óptima las letras son muy pequeñas. Las letras en monitores LCD se ven en condiciones óptimas al máximo de resolución que admiten, y si les cambias la resolución a mayor entonces se ven borrosas. El motivo es que al cambiar la resolución a mayor el pixel no coincide con el tamaño de un punto de resolución y la tarjeta se las apaña a su manera para mostrar las letras de la pantalla con lo que aparecen los llamados dientes de sierra. La solución pasa por usar el sistema de anti-aliasing de Windows y poner fuentes grandes en el sistema. El anti-aliasing en Windows se ajusta mediante un powertoy llamado cleartype tuner. Con esto se consigue tener las letras más grandes y con una mejor calidad que cambiando la resolución de pantalla. En Genbeta explican como usar este powertoy.En el mundo Mac esto es mucho más fácil. Por defecto el efecto de anti-aliasing - que en algunos sitios se traduce por suavizado o alisado - de fuentes está activado, lo cual desde mi punto de vista es un acierto. En el mundo Windows el 80% de los usuarios ni saben lo que es el suavizado de fuentes, con lo que pierden la oportunidad de mejorar la visión de su sistema. Otra cosa que llama la atención es la diferente manera en que se aplica el suavizado de fuentes en Windows y Mac. Mi admirado Spolsky habló sobre ello y también se pueden encontrar otros post interesantes sobre el tema como este de CodingHorror.Para mi la personalización del entorno de trabajo es un tema capital, y como paso mucho tiempo con un editor el tema del tipo de letra es fundamental. No es sólo tener el anti-aliasing activado, sino usar una fuente que sea clara y que facilite la lectura del código. A raiz del post de CodingHorror sobre fuentes de letra para programar comencé a usar Consolas y para mi esta fuente es imbatible. La uso tanto en Windows como Mac y para mi es elegante, clara y bonita como ninguna otra fuente que haya usado antes para programar.

libra

A través de Genbeta he conocido Libra, un programa de catalogación personal con una pinta estupenda. Para entendernos es un Cuaderno de Bitácora con una interfaz espectacular. El programa presenta los ejemplares de nuestras colecciones como si los tuvieramos expuestos en una estantería, mostrando las carátulas o las portadas de cada uno de ellos. La introducción de datos se hace de manera automática: el programa lee el código de barras del libros, disco o video y se conecta con Amazon para recuperar los datos del mismo. Además tiene varias opciones para importar/exportar datos, y por si fuera poco es gratuito para uso personal. Una pasada, ¿ verdad ?La realidad es que Libra es un clon para Windows de Delicious Library. Para los que no lo sepan, Delicious Library es una de las killer app del universo Mac. Es LA aplicación de catalogación personal del mundo Mac, con todos los premios del mundo mundial. Una auténtica pasada de aplicacación que exprime el API de Cocoa como pocas. La versión 2 promete ser ya la repanocha. Y lo mejor de todo es que es una aplicación original, en que los programadores han exprimido al máximo su creatividad para crear una interfaz totalmente rompedora.Cuando veo una aplicación como Libra, la sensación es agridulce. Por una parte reconozco el mérito del desarrollador, pero por otra parte no me parece nada bien que se clone un programa. Si un programador quiere demostrar su valía debe hacerlo con una aplicación que muestre sus dotes técnicas y que sea original. Spolsky dice que los buenos programadores, aquellos a los que debes contratar, son los que hacen las cosas de manera elegante y son capaces de terminar las cosas. Clonar un programa no me parece nada elegante.A mi me clonaron un programa y no me sentó nada bien.

escritorio febrero 2007

desktop2007.jpg

Algo cansado del escritorio Luna Element, mi nuevo escritorio tiene estos elementos:

Tengo Windows que parece Linux y Linux que parece OSX. Algo raro está pasando.

el menú de apagado de Vista

Internet tiene cosas impagables, como la reciente polémica sobre el menú de apagado del inminente Windows Vista.

La cosa comenzó con un artículo de Spolsky criticando la usabilidad del menú en cuestión. Al par de días apareció una traducción del artículo al castellano, por si la cosa no quedaba clara.

La cosa no acaba ahí, pues a los pocos días el autor del menú explicaba los motivos del desaguisado en otro post, que también ha sido traducido.

La cosa tiene su miga. Mientras que los seguidores de las ventanas esperan como agua de mayo la salida e implanteación de Vista, cada vez hay más gente crítica con la manera de hacer las cosas de esta empresa. Y sobre todo, hay alternativas. Recuerdo que hace cosa de un año, comentaba con un amigo la jugada de Apple de usar procesadores de intel. La discusión era sobre si la intención de Mac era que los usuarios de PC se pasaran a Mac o si por el contrario querrían vender OSX a los usuarios de PC. Ahora creo que hay una tercera via, que los usuarios de PC y Windows se pasen a Mac y OSX. Al menos será más fácil apagar la máquina.