“El 20% de nuestro tiempo con una suite de productividad lo pasamos usando las opciones de copiar y pegar…”

Twitter de MSBlogspain

El tamaño de los botones de copiar, pegar y cortar en el nuevo menú de Firefox 4 es muy pequeño. Si el porcentaje de uso de estas funcionalidades es similar en Firefox al que tienen en Office su tamaño debería ser mayor.

–0–

“20% of our time with a productivity suite we had using the options to copy and paste …”

Twitter de MSBlogspain

The size of the buttons to copy, paste and cut on the new menu of Firefox 4 is too small. If the percentage of use of such features in Firefox is similar to that of Office then its size should be larger.

]]> http://www.tentandote.com/2010/10/12/mejora-deusabilidad-para-firefox-4-aumentar-el-tamano-los-botones-de-cortar-copiar-y-pegar-es-en/feed/ 3 http://www.tentandote.com/2010/09/14/simular-procesos-de-interaccion-y-animar-interfaces-con-microsoft-visio/ http://www.tentandote.com/2010/09/14/simular-procesos-de-interaccion-y-animar-interfaces-con-microsoft-visio/#comments Tue, 14 Sep 2010 08:39:30 +0000 tentandote http://www.tentandote.com/?p=922 Nota:

Si no te has leido el primer libro de la trilogía de Milleniun “Los hombres que no amaban a las mujeres” y tienes pensado hacerlo, cosa que te recomiendo, sáltate los párrafos entrecomillados que vienen a continuación y sigue leyendo más abajo ya que la cita es un pasaje importante del mismo:

–0–

“Kurt Nylund había hecho en total dieciocho fotografías desde la ventana de la segunda planta de Sundströms Herrmode. En diecisiete de ellas, se veía a Harriet Vanger.

Harriet y sus compañeras de clase llegaron a Järnvägsgatan justo en el mismo instante en que Kurt Nylund empezó a hacer fotografías. Maikel estimó que las fotos se hicieron en un lapso de unos cinco minutos. En la primera, Harriet y sus compañeras estaban bajando la calle en dirección al fotógrafo. En las fotos que iban de la dos a la siete se las veía de pie mirando el desfile. En otra, ya se habían desplazado unos seis metros más abajo. En la última, posiblemente sacada un poco más tarde, el grupo ya había desaparecido.

Mikael agrupó una serie de instantáneas en las que cortó a Harriet por la cintura y las manipuló hasta conseguir el mejor contraste posible. Las guardó en un archivo aparte, abrió el programa Graphic Converter y activó la función diaporama. El resultado fue similar a una película muda entrecortada, con saltos de fotogramas, donde cada imagen se mostraba durante dos segundos.

Harriet llega, imagen de perfil. Harriet se detiene y mira calle abajo. Harriet vuelve la vista hacia la calle. Harriet abre la boca para decirle algo a su amiga. Harriet se ríe. Harriet se toca la oreja con la mano izquierda. Harriet sonríe. De repente, Harriet, con la cara en un ángulo de unos veinte grados a la izquierda de la cámara parece asombrada. Harriet abre los ojos de par en par y ha dejado de sonreir. La boca de Harriet se convierte en una fina línea. Harriet fija la mirada. En su cara se puede leer… ¿qué? ¿Tristeza, conmoción, enfado? Harriet baja la mirada. Harriet ya no está.

Mikael volvió a pasar la secuencia una y otra vez…”

–0–

Una de las herramientas fundamentales que utilizamos hoy día cuando diseñamos una web o una aplicación web o móvil, son los prototipos.

En contraposición a ellos, uno de los documentos de trabajo más comunes que se han estado utilizando principalmente hasta hace muy poco tiempo para producirlas (y que se siguen utilizando y son necesario para muchas otras cosas) han sido los funcionales que describen textualmente de manera detallada las páginas, la estructura y funcionalidades, los casos de uso, así como los procesos de interacción que se dan cuando el usuario interactúa con determinadas partes de la interfaz mediante diagramas de flujo.

No obstante, aunque los funcionales son muy importantes de cara al desarrollo back, carecen de la fuerza descriptiva y aclaratoria de los prototipos desde un punto de vista de usabilidad, tanto para visualizar de forma óptima cómo ha de ser la interfaz, dónde tienen que ir exactamente sus elementos y cómo se interrelacionan, como para visualizar los procesos de interacción que se dan en la web o aplicación de una manera más satisfactoria.

No es lo mismo colocar un literal encima de un campo input de texto, que situarlo al lado. No es lo mismo tampoco ponerlo a la izquierda o a la derecha, o elegir uno u otro orden de aparición. No es lo mismo agruparlos visualmente mediante una “caja” o línea que los rodee, que dejarlos al “aire” en una región abierta por la que fluya la mirada sin barreras utilizando la mera alineación de los mismos a izquierda, derecha, arriba o abajo, para que queden relacionados mediante la aplicación de algunos de los principios básicos de la Gestalt.

Y tampoco es lo mismo leer una descripción textual de cómo funciona un elemento de una interfaz, que visualizarlo mediante prototipos en los que se ve de manera gráfica su comportamiento (por ejemplo, la secuencia de agregar un producto a un carrito de la compra en una tienda electrónica).

Esta es una de las razones por las que me gusta tanto Microsoft Visio para prototipar.

Porque entre otras cosas, permite simular una suerte de “animación de la interfaz” yendo más allá de la mera narrativa visual estática del espacio y del tiempo del papel que Tufte explica de manera brillante en su excepcional “Envisioning Information”.

En la novela de Millenium “Los hombres que no amaban a las mujeres”, uno de los personajes centrales, Mikael Blomkvist, ordena una serie de fotografías tomadas en breves intervalos durante un tiempo de cinco minutos y luego los reproduce en una secuencia animada con un programa informático en el ordenador con el fin de poder obtener una determinada historia o secuencia completa de acontecimientos que reflejan las fotografías.

De manera análoga y en lo que al diseño de interacción se refiere una de las claves para explicar interacción es la animación de la interfaz como si de una película se tratara. Con Visio se puede recrear esta animación creando “n” prototipos en los que en cada uno se presente un estado distinto de uno o varios componentes de la interfaz y visualizándolos sucesivamente hacia delante y hacia atrás mediante una función de Microsoft Visio que para mí me resulta imprescindible y que utilizó de manera habitual y automática cuando trabajo:

la tecla F5 de previsualización a pantalla completa de la página

En un archivo de Visio con, por ejemplo, 30 prototipos presionando F5 y utilizando las teclas de avanzar o retroceder podemos realizar una simulación virtual animada de un proceso  para mostrárselo al cliente o a los desarrolladores. Además, podemos exportar el archivo a un documento PDF para verlo con Acrobat Reader que permite hacer lo mismo.

Un ejemplo: la secuencia de imágenes de la interacción con un buscador de manera estática y lineal en las imágenes, a continuación, y de forma animada abriendo el PDF del enlace y usando las teclas de avanzar – retroceder página:

Aunque los prototipos nos cuentan una narrativa y dicha narrativa se puede apoyar (y se apoya cuando trabajamos) en descripciones textuales al margen y llamadas mediante círculos a las mismas, fijaros en la fuerza descriptiva que transmite un PDF en el que el cliente puede “animar” la interfaz:

Animar interfaces en Microsoft Visio (PDF)

Podéis abrir el archivo y utilizar las teclas de avanzar – retroceder para visualizar la interacción.

El siguiente vídeo es una propuesta de rediseño para las tabs de Firefox que presenté en su día a uno de los primeros Concept Series de Mozilla Labs (os recomiendo verlo a pantalla completa con resolución Full HD que es como mejor se aprecian los detalles). La captura la hice con Camtasia y es una sucesión de 120 prototipos previsualizados a pantalla completa:

En un trabajo normal no se debe llegar ni mucho menos a semejante grado de detalle porque los cambios que se quieran realizar son muy costosos en tiempo y esfuerzo. Para nuestro día a día, lo ideal es hacer un único prototipo para cada estado de interacción de un componente. En plan casero, con las teclas de avanzar retroceder página podemos controlar manualmente los tiempos para acelerar o retardar la animación y si deseamos algo más profesional, podemos editarlo posteriormente con un editor de vídeo:

El prototipado en papel está muy bien para simular los procesos interactivos y testear las cosas de manera rápida, a bajo coste y en un estado inicial, con el fin de comprobar si funcionan correctamente o si existe algún problema serio de usabilidad. Está metodología además, es muy útil y práctica para algo más formal y trabajado dado que, además de tener la posibilidad de animar la interfaz, podemos generar directamente un documento entregable en PDF.

Es fantástico poder enseñar directamente en pantalla y mostrar de forma animada a los compañeros de desarrollo y al cliente cómo van a funcionar las cosas.

El equipo de UX de Mozilla utiliza la comparación de múltiples pequeños usando imágenes estáticas. Ponen todos los estados de interacción de un componente en una misma y larga imagen. Al lado de cada uno de ellos se acompaña una descripción textual que lo explica.

El siguiente es un ejemplo del funcionamiento de Ubiquity en la barra de Firefox para un futuro comando “Shop for” al que se le aplican modificadores (por cierto, acabo de descubrir que Flickr permite descargarse la imagen en el formato original en que la subió la persona que creó el archivo y que en este caso se puede editar directamente en Fireworks :D

Ubiquity – Shop for comand + modifiers. Prototipo original de Aza Raskin

Si os animáis, me gustaría conocer vuestra opinión y vuestras metodologías de trabajo acerca de cómo hacéis para simular la cinestesia -la animación-, los movimientos y las transiciones- con las que tenemos que bregar cada vez más. Prototipos, tipología de notaciones para describir elementos y tiempos que uséis, cómo indicáis los estados de interacción etc.

Tab Candy es uno de ellos

Por fin Mozilla está enseñando los dientes ante los apabullantes movimientos de sus competidores, especialmente de Chrome y de Opera, y su acelerado ritmo de desarrollo.

Y lo hace con estilo. Con una derrochadora muestra de creatividad, innovación, talento y diseño logrando que las novedades que presentan terceros navegadores parezcan no tener más que un carácter meramente anecdótico.

Tab Candy es mucho más que un simple add-on. Es el primer vistazo que nos permite echar Mozilla a lo que puede ser la base de la nueva generación de sistemas operativos que se nos vienen encima. Una generación de sistemas que se van a caracterizar por:

• Ser ubicuos: Podremos utilizarlos en cualquier momento, desde cualquier lugar con conexión a Internet. En lo que respecta a Firefox además de la versión para PCs, laptops y notebooks, está disponible para móviles la versión para Nokia, y en beta, para Android.
• La independencia de dispositivo: Podremos usarlos en, y con cualquier tipo de dispositivos, cada versión adaptada a las características del hardware correspondiente.
• Estar centrados en la Nube: Ser sistemas operativos nativos de, y concebidos para  la World Wide Web.
• Estar sincronizados y ofrecer escritorios virtuales: En el momento en que el dispositivo correspondiente tenga un punto de conexión con Internet la sincronización será automática y transparente para el usuario. Los documentos, las fotografías, las canciones, los libros se almacenarán en la nube en un espacio personal de cada individuo. Mozilla acaba de lanzar Firefox Home que permite sincronizar con el iPhone el historial, los bookmarks y las pestañas que estén abiertas en el ordenador o dispositivo de sobremesa. Por otra parte Sync, es un proyecto que se ha graduado en los Labs, que permite sincronizar toda la información personal entre navegadores instalados en diferentes equipos. En el momento actual y según declaran en la página del proyecto está sufriendo cambios de interfaz de usuario para su plena integración con Firefox 4.
• Ser la identidad digital. Lo estamos viendo en las últimas distribuciones de las diferentes versiones de Linux y lo vamos a ver en Firefox. El sistema operativo tiende a perder su carácter de sistema operativo (y por ende su nombre rémora de una época caracterizada por centrarse en el software y no en las personas) para convertirse en un sistema personal. El reto será gestionar la privacidad de la persona, su identidad digital, y aquí, Firefox tiene mucho que decir.
• Ser sociales:  Centralizarán la gestión de toda la actividad digital social de la persona. Una persona – un navegador – un mundo de relaciones sociales. Permitirán gestionar las redes sociales en las que estemos inscritos. En este sentido, insisto, es extraordinariamente excitante lo que puede llegar a surgir de una red social descentralizada, no controlada por nadie como puede llegar a ser Diaspora, y su posible y futura integración con Firefox. En el momento actual Mozilla está desarrollando Contacts, una extensión que permitirá gestionar los contactos personales de distintas redes sociales como Facebook o Yahoo.
• Herramientas de comunicación: Una de nuestras principales actividades como seres humanos que somos, es la comunicación. Los nuevos sistemas operativos tenderán a integrar de forma nativa y gestionar todos los servicios y herramientas de comunicaciones que usemos:
  • A corto plazo la comunicación que mantenemos a través de blogs, servicios de microblogging, correo electrónico, feeds, podcasts y vídeos.
  • A medio plazo: la comunicación con terceros mediante voz y vídeoconferencia, y la integración de servicios como la televisión o la radio.

  En este sentido, la apuesta de Mozilla para Firefox se llama Raindrop. Es un módulo que permitirá gestionar de manera conjunta el mail, los feeds y los servicios de microblogging como Twitter. Asimismo Thunderbird antes o después terminará igualmente integrándose en Firefox.

• Plataforma de Software como Servicio en un primer momento: Las aplicaciones ya no se instalarán ni en el dispositivo, ni en el sistema operativo. Las aplicaciones residirán en la nube. No obstante y de cara a cuando no haya conexión con Internet, es llamativo el desarrollo en el que desde hace ya unos cuantos años lleva trabajando Mozilla llamado Prism. Éste módulo permitirá idealmente utilizar las aplicaciones de la nube en local aun cuando no exista conexión con la Red.
• Herramientas de productividad en un segundo momento: Las aplicaciones como tales tenderán a evolucionar e integrarse de forma nativa e invisible con los navegadores. El futuro es Ubiquity. La barra de navegación se va a convertir en una línea de comandos o línea de lanzamiento de interacción. La barra de navegación pasará a ser el punto para comenzar a escribir un mail, buscar un libro, añadir un contacto a nuestra agenda, etc. Será una interfaz líquida que presentará una apariencia distinta de acuerdo al servicio invocado.  Lo que se venderá, o alquilará, o explotará mediante modelos freemiun basados en economía de escalas y en la Larga Cola serán servicios o funcionalidades. Para entender cuál puede ser el nuevo modelo de negocio que puede emerger es recomendable leer el artículo que publicó en su día Aza Raskin sobre la línea lingüística de comandos y el nuevo paradigma de interacción.
• Ser gratuitos. Los beneficios no vendrán del software como producto per-se. El software será un medio para la venta de productos físicos o de terceros productos: gagdets, ordenadores, etc, o vendrán derivados de la explotación y comercialización de funcionalidades concretas invocadas a través de la línea de interacción, de la explotación de datos estadísticos del uso de los mismos, de la explotación de los datos de las búsquedas que realicen los usuarios o, simplemente serán sistemas operativos basados en desarrollos de software libre u Open Source.

Firefox se está convirtiendo paulatinamente en un sistema operativo ubicuo y en la nube. Así, es interesante observar la evolución natural que está sufriendo su interfaz, comparándola con el sistema desktop por excelencia de hoy día: Windows.

Éste es el escritorio de Windows 7:

Ver imagen ampliada en Flickr

Esta, la interfaz de Firefox 4  Beta 3:

Llama la atención las similitudes que pueden establecerse. En Firefox 4 se está dando literalmente la vuelta a la interfaz de Windows 7. Quizá no de manera consciente e intencionada pero sí de forma natural conforme evoluciona el producto.

Tanto en el sistema operativo de Microsoft como en el navegador existe un botón principal que da acceso a las operaciones más comunes:

Botón de inicio de Windows 7

Windows tiene una versión centrada en el dispositivo de hardware local, en las herramientas de productividad (ofimáticas, tratamiento de imágenes, hojas de cálculo, etc) y en el ocio y entretenimiento local (mis imágenes almacenadas en mi disco duro, mis canciones almacenadas en mi disco duro… una concepción opuesta a la tendencia actual del mercado que es la de consumo del ocio bajo demanda -música, vídeos y películas- mediante streaming, y de la gestión de la identidad y de la vida digital centrada en la World Wide Web).

Por otro lado, no ha sido hasta la llegada de Vista cuando han incluido un box que facilita la búsqueda directa de programas y archivos en el ordenador local, o el lanzamiento de aplicaciones. No obstante no está integrado con la World Wide Web ni orientado a facilitar la búsqueda en la misma. Los resultados se abren en el explorador de Windows y no amplían el rango a la Web en caso de ser necesario o requerido por parte del usuario, algo que debería cambiar en próximas versiones de Windows.

En cuanto a Firefox 4 Beta 3 y a su botón de inicio, tiene una visión netcentrica orientada puramente a la gestión de las páginas web, del navegador y de la navegación realizada en una sesión concreta:

Botón de inicio de Firefox 4 Beta 3

Mozilla reserva estas funcionalidades para el botón de inicio mientras que planea una Home Tab o suerte de “escritorio” como pestaña que se abra al comenzar la sesión en Firefox y que contendrá accesos directos a las aplicaciones en la nube más utilizadas por el usuario, contactos, historial de navegación, etc.

Esta aproximación es similar a la de otro gran jugador que está por llegar a la vuelta de vacaciones, Chrome OS, aunque en este caso parece que el botón de inicio tendrá la misma apariencia que el resto de pestañas de aplicaciones en línea.

Llama la atención la imagen del avatar del usuario presente en la esquina inferior izquierda junto a su dirección de mail ¿nombre personal en el futuro?, y el botón para deslogarse o cerrar la sesión. Ello implica que en cualquier dispositivo sea nuestro o de terceros, en el que esté instalado Chrome OS podremos nada más logarnos, disfrutar de nuestro sistema operativo personalizado, documentos, música, etc.

No obstante y aun cuando constituyen avances significativos, con Tab Candy se está dando un nuevo paso en su conceptualización e interfaz:

Tab Candy es un metaescritorio. Algo parecido a los “Espacios” -Spaces- y al Expose de Leopard aunque no igual.

En su interior se crean lo que Aza denomina espacios de trabajo que no son sino agrupaciones o grupos de pestañas realizadas por el usuario de acuerdo a sus propias necesidades y a su forma de organizar y categorizar la información del mundo (cada uno, tenemos una visión particular y diferente que adquirimos en base a nuestras experiencias, nuestro conocimiento, vivencias cotidianas etc. El conocimiento que evoca un ítem en la mente de una persona y las asociaciones que realiza con otras entidades informativas son propias de cada uno y diferentes de las de los demás. Por ende, un buen sistema de recuperación de información debería facilitar la creación de forma natural de estas agrupaciones para cada usuario. Tab Candy lo hace).

Ver imagen ampliada en Flickr

La disposición espacial de los espacios de trabajo según quiera el usuario (puedo reordenarlos y asignarles la posición que quiera arrastrándolos donde le parezca oportuno) y la organización de las pestañas en los mismos, facilita su posterior búsqueda y acceso. Adicionalmente el usuario podrá nombrar los grupos como desee y, en el futuro, personalizar su apariencia, guardarlos, compartirlos con terceros, etc.

Por último, en la parte inferior tenemos disponible un acceso rápido a las últimas pestañas abiertas por el usuario.

Tab candy es un metaespacio informativo que va más allá de la metáfora actual de los escritorios de los actuales sistemas operativos y quizá lo más interesante, es que subsume en sí la World Wide Web. Es un prototipo funcional que convierte en realidad parte de la visión del Zoom World de Jef Raskin: una interfaz de zoom inmersivo cuyos únicos límites eran los de la World Wide Web.

Una posible, bellísima y potente visualización de la Red hipertextual de redes por excelencia, con un extraordinario potencial.

Tab Candy es algo nuevo y fresco. Firefox está tendiendo a convertirse en un sistema operativo personal, en la nube.

Por fin.

Y tenía que venir, como no, por parte de los chicos de Mozilla y de la innovación colectiva de los Concept Series. Bien por Aza y por el equipo de Experiencia de Usuario de Firefox y Mozilla Labs.

Con este post, esta casa cierra por vacaciones hasta septiembre. Disfrutar del verano, sed malos todo lo que podáis y a la vuelta queridos lectores, nos reencontramos.

Confieso que tenía franca curiosidad por ver cómo resolvían el tema en cuanto al diseño gráfico de los laterales de la barra de tabs. Mirar una captura de la nightly de hoy (16 de junio de 2010) de Firefox 4 para Windows 7 en la que los bordes por donde aparecen y desaparecen las tabs aparecen planos y sin una línea que los remarque:

Echarle un vistazo ahora a la maqueta del diseño gráfico de la interfaz que han publicado para Mac, concretamente a los puntos que marcan las flechas amarillas, los laterales de la “barra de tabs” por las que aparecen y desaparecen éstas (nota: a pesar de que se ven mal las imágenes en el blog porque aparecen por debajo del texto de la columna derecha, no he querido reducirlas para que se aprecien correctamente los detalles. Para ver bien cada imagen lo único que tenéis que hacer es posicionaros encima de ella, dar botón derecho del ratón y seleccionar la opción “Ver imagen” para verla a pantalla completa en el navegador sin que os moleste la barra lateral del blog):

Os pongo a continuación la maqueta sin las flechas amarillas para que podáis apreciar mejor el diseño gráfico de los bordes de la barra por los que aparecen y desaparecen las tabs:

Fijaros en cómo jerarquizan los elementos de la interfaz de mayor a menor importancia situándolos en diferentes capas de profundidad mediante el uso de las sombras para crear un efecto de oclusión (unos elementos delante de otros). Concretamente pueden distinguirse 4 capas de información o de elementos de la interfaz:

1. La capa de color amarilla: Tab activa que contiene los principales elementos de la interfaz del navegador:
   • Los botones de adelante y atrás para realizar las correspondientes operaciones a través del historial de páginas visualizadas.
   • La barra de navegación o “barra maravillosa” junto a los botones de recargar/parar que ahora han fusionado en uno, situados al final.
   • El box de búsqueda para ejecutar consultas contra los buscadores, que inexplicablemente, versión tras versión, siguen sin fusionarlo con la barra de navegación mientras que en Chrome ya sólo tenemos una única barra de navegación en la interfaz principal. ¿Las causas? ¿? supongo que será cuestión de dinero o que tengan especificado por contrato con los buscadores el hecho de que siga separada o no lo sé pero desde luego, debería tender a desaparecer y fusionarse con la barra de navegación principal en aras de mejorar la usabilidad y simplificar la interfaz principal. El referente en este aspecto es, como comento, Chrome.
   • El botón de los marcadores que posicionan en último lugar, a la derecha, otorgándole gran importancia de acuerdo al estudio que hicieron del uso de los menús y que se sumariza en el mapa de calor que generaron a partir de los datos obtenidos de los usuarios que tenían instalada su herramienta de testeo remoto Test Pilot (para más información, no dejéis de leer el post de Alex Faaborg al respecto). En el mapa de calor podéis observar cómo el menú bookmark y sus opciones son las más usadas (se indican mediante el color rojo). ¿Por qué posicionándolo en ese lugar le están otorgando una relevancia especial, en mi opinión por varias razones:
     • La mitad derecha de la pantalla es aquella en la que para los diestros, normalmente se suele encontrar con mayor frecuencia posicionado el cursor del ratón. Esta afirmación está basada en mi mera percepción por lo que debéis tomarla con pinzas (como todo lo que digo, por supuesto) hasta que no haya estudios formales que la corroboren.
     • Por tanto, es más rápidamente alcanzable por el cursor del ratón al tener que recorrer el mismo por término medio una distancia menor desde la posición original en la que se encuentre.
     • Está posicionado al final de la barra muy cerca del borde derecho de la pantalla. Cualquier cosa que esté situada cerca de los bordes de la pantalla va a poder ser alcanzada con mucha mayor rapidez por el cursor del ratón ya que el borde actúa como guía visual, límite, barrera y freno del cursor en su desplazamiento. El movimiento tiene que ser menos preciso y por tanto se ejecuta con mayor rapidez hasta alcanzar el objetivo -el botón del marcador-.
     • Esta situado en el lugar en el que termina el escaneado visual de la parte superior de la interfaz -la cabecera global del navegador- lo que significa un refuerzo cognitivo de su posición en nuestra memoria de corto plazo.
2. La capa de color rojo correspondiente al botón de la home, situada en segundo plano por detrás de la amarilla. Contiene el botón para volver a nuestra Home Tab o página que tengamos configurada por defecto en las preferencias. Se aprecia que está en una capa diferente de la amarilla por el borde inferior contínuo, negro, que lo separa de la misma (o la parte correspondiente del borde superior de la capa amarilla).
3. La capa marrón en la que están situados los controles de cerrar, minimizar y maximizar. El título de la tab activa centrado, los controles de desplazar a izquierda y derecha la barra de tabs, el control de nueva tab (el “+” situado a la derecha) y el control que despliega el menú con la lista de los títulos de las tabs abiertas en la barra de tabs. Todos estos controles están agrupados en la misma capa y aquí viene lo interesante porque… ¿cómo han resuelto el problema de la jerarquización de la capa de la barra de tabs respecto a las demás a través del diseño gráfico…¿?…pues aplicando una sombra en el lateral de la barra de tabs (lo que marcaba en la maqueta superior con las flechas amarillas). Ello crea el efecto de un bolsillo de un pantalón o de una página en la que con un cúter hiciéramos un corte y por el mismo pasásemos una tira de papel que pudierámos deslizar a uno u otro lado según nos conveniese. Vamos, exactamente el mismo efecto que aplicaba el equipo de UX de Monster para crear puntos focales de atención en su página, y concretamente, en cuanto a cómo diseñaban las tabs que daban acceso a los apartados de “Información personal”, “Experiencia”, “Formación”, y “Objetivos profesionales” (podéis leerlo bajando por el post, como al quinto pantallazo aproximadamente).Una solución de diseño gráfico la del equipo de UX de Firefox francamente inteligente.
4. La capa gris de la barra de tabs propiamente dicha que, con su diseño gráfico, se “introduce” y emerge de la capa marrón.
   

Por concluir, la jerarquización de los elementos de una interfaz no sólo se consigue mediante un buen uso de los colores (y remito nuevamente al post de Monster en el que hablaba de ello). Otro gran recurso además, que tenemos a nuestro alcance son las sombras que ayudan a crear un efecto de oclusión o superposición de los elementos de la interfaz y por ende, de capas de información.

Me encanta Firefox. En su equipo de diseño se respira y se vive la Experiencia de Usuario en mayúsculas. Y lo mejor, es que hay mucho de su trabajo cotidiano que hacen público para uso, disfrute y aprendizaje, de todos.

Me gusta bucear por los webs de la Fundación Mozilla, por sus Wikis y sus grupos de discusión. Y me gusta porque son uno de los lugares donde más Diseño de Interacción y Diseño de Información aprendo.

El equipo de UX de Mozilla es francamente bueno y algunas de sus discusiones son antológicas y de libro. No hay muchos sitios en donde se pueda aprender interacción como en estos lugares en donde uno tiene la sensación de que realmente la Experiencia de Usuario se valora en lo que vale. Razones no les faltan. Con un público de 300 millones de usuarios, o lo haces bien, o pasas a ser jugador de segunda en nada de tiempo.

En España, aunque la UX ha avanzado muchísimo desde el 2000, todavía nos quedan un par de vueltas antes de que nos pongamos al mismo nivel que en otros países en cuanto a inversión de recursos en UX se refiere. Por aquí, no conozco muchos lugares donde de manera sistemática se hagan tests de usuarios como parte del proceso de diseño/rediseño de los sites o productos que se acometen y se haga diseño centrado en el usuario por mucho que se predique que se hace. El coste que conlleva tanto económico, como en tiempo y Recursos Humanos lo hacen inviable dado que, de momento, no hay muchos clientes que puedan o quieran asumirlo cuando pueden tener un producto “más o menos” aceptable desde un punto de vista de usabilidad con una rebaja de presupuesto del ¿30? ¿40%?

No obstante, poco a poco, se va abriendo brecha y algunas empresas punteras sensibilizadas van poniendo en marcha sus propios labs (que por cierto, a ver para cuando alguna consultora se anima a realizar la inversión y abre su propio dominio que empiece con labs.xxxxxx.xxx). El problema es una vez más el coste, aunque hay jugadores muy grandes que podrían acometer la inversión holgadamente. Todavía falta implantar realmente una cultura del I+D+i.

Y volviendo a la materia que da origen al título de este post, navegando por los Wikis de Mozilla he ido a dar con esta maqueta en donde se plantea el rediseño del sistema de notificaciones para Firefox 4.0.

Me gusta la forma en que se han utilizado los colores para comparar las características del antiguo rediseño y el nuevo por las siguientes razones:

• Los colores definen capas de información, relacionan elementos y permiten realizar con precisión comparaciones entre ellos.
• Permite hacer emerger el conocimiento implícito en el rediseño explicitándo gráficamente las razones por las que se lleva a cabo, para que sean entendidas sin ambiguedades y rápidamente por parte del cliente.
• Facilita juzgar fácilmente el peso que se le otorga a los distintos elementos de la interfaz y la mejora que supone en cuanto usabilidad.
• Facilita estudiar la interrelación semántica que se establece entre los distintos componentes de la interfaz y entrar a considerar cuestiones como la idoneidad de su posicionamiento espacial.

Sin el uso de los colores sobre un prototipo en blancos, negros y grises, no sería posible obtener una visión y realizar una comparación tan clara de la interfaz original y la propuesta como evolución como se consigue en el presente ejemplo. Una buena práctica que se puede utilizar en nuestro trabajo diario:

Propuesta de rediseño para las notificaciones de Firefox 4.0. Los colores definen capas de información delimitando y relacionando con claridad y sin ambiguedades los distintos elementos de la interfaz original y la propuesta. La maqueta es de Alex Faaborg

(*) Para ver otro buen ejemplo de comparación de interfaces y uso del color (en este caso se comparan estados) se puede echar un vistazo a: “A piece with a lot of screenshots about the close tab behaviour in Google Chrome”

]]> http://www.tentandote.com/2009/12/29/utilizar-codigos-de-colores-para-resaltar-diferencias-en-el-rediseno-evolutivo-de-una-interfaz/feed/ 1 http://www.tentandote.com/2009/12/13/abrir-el-codigo-de-internet-explorer-y-microsoft-windows-y-evolucionar-hacia-su-integracion-con-la-world-wide-web/ http://www.tentandote.com/2009/12/13/abrir-el-codigo-de-internet-explorer-y-microsoft-windows-y-evolucionar-hacia-su-integracion-con-la-world-wide-web/#comments Sun, 13 Dec 2009 20:00:26 +0000 tentandote http://www.tentandote.com/?p=253 Actualización 19/12/2009 (*):

En un post reciente publicado en CNET titulado “Por qué Microsoft debería abrir el código fuente de Internet Explorer” (“Why Microsoft should open-source Internet Explorer”), Matt Assay comenta que:

“Bien, he aquí una sugerencia para Microsoft como una buena forma de responder: Ofrece Internet Explorer como open-source.

Combate al Zorro de Fuego (NT. por Firefox, el navegador, juego de palabras) con fuego.

Olvida Office. Olvida  Windows. Olvida todas la otras fuentes que generan millones de dólares de efectivo. Microsoft no tiene ingresos directamente vinculados a Internet Explorer, pero IE es la puerta de entrada a la siguiente fase de su crecimiento. Ofrécelo como open-source“.

“So, here’s a suggestion for Microsoft as just one good way to respond: open-source Internet Explorer.

Fight Firefox with fire

Forget Office. Forget Windows. Forget all those other billion-dollar cash cows. Microsoft has no revenue directly tied to Internet Explorer, but IE is the gateway to the next phase of Microsoft’s growth. Open-source it”.

Esto es algo que llevo pensando desde hace mucho mucho tiempo. Microsoft debería abrir el código fuente de Windows y de Internet Explorer ya, y ya que estamos, Apple debería hacer lo propio con el de Snow Leopard y el iPhone OS. Coincido con el análisis de Mat Assay a medias por las siguientes razones (y por favor, que nadie me ponga la etiqueta de a este no le gusta tal…   o cual… empresa, en Thinkepi nos dedicamos precisamente a hacer esto, prospectiva de información):

• Hay una fuerte tendencia a nivel mundial a consumir y utilizar software de código abierto. Contra el código abierto y en lo que se refiere a grandes paquetes ofimáticos o herramientas como los sistemas operativos, es muy muy difícil luchar. Es una cuestión de economía de escalas, por muchos programadores que se tenga contratados, por mucho que se tenga a gente brillante y auténticos genios en nómina, nunca se podrá tener a más voluntarios ni a un mayor número de personas, ni de genios trabajando a la vez, que en un proyecto de código abierto.
• El trabajo colaborativo incentiva la creatividad y la innovación. Compartir el conocimiento y reutilizarlo produce la alquimia de las multitudes. El trabajo colaborativo genera sinergias imposibles de obtener mediante el actual modelo de trabajo basado en el individualismo y la competitividad. Los proyectos open-source son colaborativos y su trabajo abierto y libremente difundido. No es necesario que todos los que participan en ellos sean genios. Hasta el más mediocre puede tener en algún momento una chispa de genialidad que puede ser aprovechada o llevada a la práctica si es documentada y libremente compartida a través de plataformas abiertas.
  
• La Investigación, el Desarrollo y la Innovación cuestan mucho si eres un único jugador, y muy poco si tus potenciales desarrolladores y colaboradores son miles o cientos de miles de voluntarios.
  
• La motivación en un trabajo por mucho que te incentiven y en un proyecto open-source es completamente diferente. En un trabajo remunerado eres un trabajador, en el otro eres un voluntario que participa en el desarrollo de un producto por muchas razones entre las que, el dinero, no siempre es la más importante.
  
• Google está transformando el mundo. Literalmente. Y lo está transformando entre otras razones porque es una empresa tecnológica mundial y sus productos son ubicuos. Y como empresa tecnológica ha nacido en y está centrada en la World Wide Web, que es la plataforma, el canal, el medio y la herramienta en torno a la cual se están articulando las nuevas y emergentes Sociedades de la Información. El capital del siglo XXI es la Información (con mayúsculas), la Findability, la comunicación y la socialización. Está transformando la economía desmontando el concepto de empresa opaca, cerrada, echando abajo sus proxys y cortafuegos, y de trabajo entre cuatro muros que ha imperado desde la primera revolución industrial hasta nuestros días. Está deslocalizando las empresas, está haciendo emerger nuevas formas de relacionarse socialmente y de vivir gracias a, y a través de la tecnología. Está echando abajo las fronteras y el concepto físico de nación y las nacionalidades. Esta derribando las barreras lingüísticas facilitando por primera vez en la Historia una comunicación entre las personas en tiempo real, sincrónica y/o asincrónica de diferentes naciones. Está transformando las sociedades y el mundo. Y lo está haciendo desarrollando proyectos y software open-source y creando comunidades sociales de desarrolladores. Aportando herramientas y plataformas para que sean los usuarios quienes desarrollen y mejoren sus productos, creando la masa crítica de usuarios para que los productos echen a rodar sólos.
  
• El próximo sistema operativo de Google -Chrome- es open-source y está plenamente centrado en la World Wide Web, no es un sistema operativo al uso, tampoco es un navegador. Es una mezcla de ambos. Microsoft debería centrar ya Windows en la Red, evolucionándolo radicalmente y cambiar su modelo de negocio basado en la venta de software en cajas empaquetadas hacia uno centrado en el navegador -sistema operativo-. Sea con Gazelle, sea con Internet Explorer sea con…  ¿? integrando Azure, Office Live, Messenger y Bing en un escritorio virtual manejado por Explorer o ese otro nuevo navegador/Windows/sistema operativo. Tiene un año o menos. El tiempo que tarde Google en lanzar al mercado Chrome OS. A partir de ahí el punto de inflexión para Google va a ser tremendo y explosivo. Ya lo está siendo con las aplicaciones ofimáticas en la nube que está desarrollando. Es pura cuestión de tiempo que éstas comiencen a tener un grado de usabilidad que permita comenzar a competir en igualdad de condiciones con Microsoft Office.
  
• El crecimiento del SO de Google va a ser explosivo porque aporta servicios de una utilidad tremenda y de una calidad desde un punto de vista de la usabilidad, excepcional (para muestra, dos botones, Google Maps Navigation y Google Goggles y el resto de aplicaciones nativas de la Web) combinado con un factor clave, sus servicios son gratuitos para los usuarios ya que sus principales modelos de negocio (entre los que se encuentra la publicidad) están basados en el Freemiun.
• Hoy día el ordenador personal local no tiene sentido sin una conexión a la Red. Sí, puedes no estar conectado a la Red pero te estarás perdiendo el principal leit motiv para tener y pagar por el coste de un ordenador: Tener una identidad digital y acceder a la mayor biblioteca y fuente de conocimiento del Mundo. La World Wide Web es canal, producto, plataforma y red, profesional, social y personal y la puerta para acceder a la World Wide Web es el “navegador”.
  
• Los productos que se desarrollen para los usuarios deben estar en la Red, accesibles en todo momento, sometidos a un proceso continuo de evaluación, mejora y rediseño evolutivo de la interfaz que sea transparente para los usuarios. El modelo de creación y distribución del software ha cambiado. No tiene sentido seguir manteniendo un modelo de negocio basado en la venta de licencias de productos empaquetados en cajas y desactualizados desde el mismo momento en que se crean, no tiene sentido hacer pasar al usuario por el trámite de tener que instalar en su casa el software que ha comprado que viene en una caja cerrada y en un soporte obsoleto, un CD o un DVD, de tener que sufrir incompatibilidades de hardware, de tener que actualizar drivers (si es capaz de actualizarlos), de sufrir ralentizaciones en el proceso de su trabajo, de tener que descargarse megas y megas y gigas y gigas de constantes y continuas actualizaciones (de seguridad, mejoras, etc), de tener que reiniciar el ordenador día sí y día también para actualizar cuatro parches, de tener que entender cómo funciona una máquina cuando debería ser a la inversa, que la máquina le entendiera a él, a sus necesidades, que le auxiliara constantemente en sus tareas, en sus búsquedas, que le asistiese para brindarle aquella información que necesita en el momento en el que la necesita. No. Ya va siendo hora de superar todo eso. Se tiene que poner el acento donde se tiene que poner, en el usuario y en sus necesidades. La capa tecnológica debe ser tal que el ordenador se vuelva invisible porque al usuario no le importa lo más mínimo y para eso, el desktop tradicional se tiene que empezar a diluir y a fusionarse con la World Wide Web. Ya no hay barreras ni razones para mantenerlas. El “navegador” es la clave de la próxima generación de los sistemas operativos y su desarrollo debe de ser social, abierto y basado en estándares abiertos. Ya no hay razones para que no sea así. Lo contrario conlleva sufrir un lento declive en el mercado.
  

Microsoft y Apple deberían abrir ya sus sistemas operativos y centrarlos en la World Wide Web. Microsoft debería abrir el código fuente de Internet Explorer. El ecosistema es flexible y todos los actores se retroalimentan. Cada uno encuentra su parcela antes o después pero ahora mismo, el navegador es casi la capa tecnológica con la que más tiempo pasa el usuario interactuando durante su jornada laboral y fuera de ella. Y todavía lo va a ser más cuando las aplicaciones se trasladen masivamente a la nube. Es hora de abrir navegadores y software y evolucionar los modelos de negocio hacia modelos freemiun, basados en suscripciones, en micropagos y en venta de servicios. Y por supuesto, diluyendo la máquina y centrándose en la persona, no en los ingresos por venta de software.

El punto de partida para Microsoft, como concluye Asay, debe ser abrir el código fuente de Internet Explorer y comenzar a pensar en cómo evolucionarlo y fusionarlo con el futuro sistema operativo Windows.

(*) Noticia publicada en Genbeta: IDC sugiere que Windows 7 podría ser el último sistema operativo en local. Vía: 9to5Mac

…porque no están desarrollando un Sistema Operativo. Lo que están desarrollando es una Interfaz Humana.

O lo que es lo mismo están evolucionando el concepto de los actuales sistemas operativos que están tendiendo a converger en la nube, a ser multidispositivos y multimodales.

Intento explicarlo de forma breve.

Me estoy terminando de leer “The Humane Interface: New directions for designing interactive systems” de Jef Raskin, el padre de Aza, jefe de Experiencia de Usuario de Mozilla Labs. El título es literal y lo dice todo acerca de lo que están haciendo los ingenieros de la Fundación Mozilla:

“La Interfaz Humana: Nuevas direcciones para diseñar sistemas interactivos”

Han transcurrido 34 años desde que apareciera la primera versión de la interfaz gráfica de Macintosh que fue desarrollada por Steve Jobs y Jef Raskin, y 34 desde la aparición de la primera versión de Windows.

Y aún a pesar de que han transcurrido tres décadas, los sistemas operativos siguen siendo tan duros, tan extraños y ajenos para los usuarios como un transbordador espacial.

Un sistema operativo no está centrado en las personas, en los humanos, lo está sobre todo en las máquinas y en un modelo de interacción artificial y extraño a cómo pensamos y funcionamos. El Diseño de Interacción está centrado literalmente en la Interfaz Gráfica de Usuario (GUI) cuando debería estar centrado en el usuario, en la persona, en lo que quiere hacer, en dar respuesta a sus necesidades, sus objetivos y sus tareas.

Sí, los actuales Sistemas Operativos lo hacen, pero están anclados en un modelo conceptual que, para más pecado, está centrado en el paradigma de la metáfora del escritorio (desktop) local y en un modelo de interacción basado en un periférico, el ratón que va siendo hora de que sea superado. En cuanto a los periféricos de entrada Apple acaba de dar el primer tímido paso para ir más allá de la tremenda limitación que supone interactuar con una interfaz virtual a través de un dispositivo tan extremadamente limitado como el ratón. Una herramienta que no sólo NO amplifica las capacidades humanas (la función de nuestras manos) sino que además las está limitando tremendamente y por ende anclando el diseño, la evolución de las nuevas interfaces humanas y el Diseño de Interacción.

Hay que dar otro paso. El ecosistema social y tecnológico está preparado. Tenemos la tecnología hardware y software necesaria para llevar a buen puerto tal empresa y comenzar a hacer que los ordenadores sean menos máquinas y más humanos y que la interacción que mantenemos con ellos se parezca más a las de las personas y menos a las de los robots basadas en la asimilación de conductas y patrones de interacción “artificiales” inventados como metáforas del mundo real por los Diseñadores de Interacción.

El objetivo de la Fundación Mozilla es ambicioso. Está desarrollando la primera Interfaz Humana. Es una apuesta ganadora porque no rompe con lo anterior y con lo que está funcionando actualmente, sino que no es ni más ni menos que  una nueva capa inteligente que permite un diálogo y una interacción más fluidas entre la persona y las interfaces gráficas de los actuales sistemas operativos (Windows, OS X, Ubuntu, Gnome, Android…) buscadores y World Wide Web.

Lo más interesante, además y aquí no sé si en la Fundación Mozilla son plenamente conscientes de esta circunstancia, es que el día de mañana si quisieran, dicha interfaz podría ser independiente incluso del navegador utilizado por el usuario: Firefox, Internet Explorer, Chrome, Opera o cualquier otro…

…ya que lo único que hace falta es una línea de texto, un campo input en el que introducir texto u órdenes ya sea mediante el teclado físico o virtual o mediante la voz y un área en la que apareciese la interfaz ad-hoc pertinente con la que interaccionar o dicho de otra forma, menos críptica y más tangible: Ubiquity o evolucionar como están evolucionando las actuales barras de navegación de los navegadores hacia barras de interacción con un lenguaje o formas más humanos.

La de Mozilla es una apuesta ganadora porque además va a fusionar otra interfaz todavía más revolucionaria de una forma totalmente transparente y natural para el usuario: la interfaz de Google. Imita la exitosa estrategia de neg0cio del buscador basada en la Larga Cola y los modelos freemiun con suma brillantez y lógica naturalidad evolutiva desde un punto de vista tecnológico.

Al nuevo modelo de interacción que ofrece Ubiquity -abierto a su desarrollo y evolución por parte de la comunidad de programadores y con la iniciativa de JetPack, abierto también a usuarios sin conocimiento de programación- se da una tremenda y potente solución a algo que ha sido el talón de aquiles de la moderna Biblioteconomía y Documentación desde sus orígenes hace cien años y algo crítico para las personas y su actividad diaria: la Findability o cualidad de poder navegar por un sistema de información digital y recuperar los documentos o la información puntual que necesiten en cualquier momento.

En el contexto tecnológico en el que nos encontramos, este “sistema de información digital” es la World Wide Web, y al centrar el desarrollo tecnológico en ella, el Ordenador Personal -Personal Computer- se desvanece surgiendo la Identidad Digital -Digital Identity- o Espacio Personal -Personal Space- centralizada en esa Interfaz Humana “navegador”, que son precisamente los ejes en los que está trabajando Mozilla.

En Firefox se va a fusionar Ubiquity, Google ¿Bing? Wikipedia, etc, etc… y se va ha hacer totalmente transparente el sistema operativo que corra por debajo. No interesa la herramienta tecnológica, interesa el servicio y la funcionalidad que presta.

Al integrar Google en la nueva Interfaz Humana, Mozilla se asegura a futuro la percepción de su principal fuente de ingresos incorporando automáticamente todas las mejoras que desarrolle el Buscador, mientras que ellos se centran en evolucionar la capa crítica en cuanto a la interacción con los usuarios y la Experiencia de Usuario se refiere.

Y por supuesto, al desarrollar Firefox como proyecto de código abierto, multiplataforma y multidispositivo creando y dinamizando una comunidad social y de usuarios se asegura su éxito a futuro.

Es un modelo de negocio ganador. Y lo más paradójico es que es bueno para todas las partes implicadas en el ecosistema tecnológico: Google, Microsoft, Apple… todos ganan con esta nueva Interfaz Humana por dos razones fundamentales:

• porque la base que sostiene sus modelo de negocio -los usuarios- van a seguir necesitando, al menos de momento, los actuales sistemas operativos comercializados,
• y porque el tiempo que los usuarios van a dedicar tanto en su trabajo como en su ocio, se va a incrementar y perpetuar sea la dirección que sea en la que evolucionen sus herramientas tecnológicas.

Todo está convergiendo en la World Wide Web y en la nube.

Después de treinta años por fin estamos superando el paradigma del Sistema Operativo, del Ordenador Personal y de sus periféricos tradicionales.

Por fin se está desarrollando la Interfaz Humana.

Os recomiendo que os leáis “The Humane Interface: New directions for designing interactive systems” de Jef Raskin. Es una nueva concepción de Sistema Operativo que creo que está tomando una dirección insospechada a albur del actual desarrollo tecnológico.

En cuanto a la gestión de identidades en Firefox podéis echar un vistazo a la última maqueta publicada por Alex Faaborg sobre ello o a la de la navegación por los bookmarks y etiquetas. Tengo muchas ganas de ver la nueva interfaz de Firefox 3.7.

You-Centric: The Future of Browsing from Carsonified on Vimeo.

Visto lo visto, ya no sé cómo se debería comenzar a llamar al navegador.

Sistema operativo se me antoja un nombre extraño, algo ajeno al concepto sobre el que está trabajando la Fundación Mozilla.

El espacio, el tiempo, la tecnología y la interfaz tienden a volverse ubicuas.

En palabras de Aza:

“Piensa en lo que quieres hacer, no en cómo lo vas a hacer”

La Web es nuestra.

La Web es tuya, no de terceros.

La tecnología no es el fin en sí ni debería ser el fin que subyaciese detrás de cada trabajo que como diseñadores hacemos. Es el medio. El medio para dar expresión a nuestras necesidades sociales y personales como seres humanos que somos:

• la necesidad de relacionarnos –> el navegador como herramienta social
• la necesidad de comunicarnos, de hablar, de compartir –> como herramienta de comunicación (superando barreras idiomáticas)
• la necesidad de trabajar, de hacer cosas –> como herramienta de producción, de aprendizaje, cultural, de ocio.

La tecnología no es el fin, el fin es asistir y ayudar a desarrollar a la persona como ser social. Poner de forma ubicua, intangible, en el espacio y en el tiempo, en cualquier lugar, en cualquier momento en que se requiera la tecnología al servicio de las necesidades de la persona.

Ese es el objetivo. Ese es el fin. No se trata de tener un sistema operativo. Un producto enlatado con “n” aplicaciones que nos permiten hacer “n” tareas.

Una pieza de software cerrada y propietaria. Ligada a uno o “n” dispositivos. Un ordenador, un neetbok, un teléfono móvil…   un…  ¿?

No.

Se trata de la persona, del individuo social, y de sus necesidades. La interfaz es un medio, no un fin. Dile al ¿navegador -sistema operativo-? lo que quieres hacer y que éste te permita hacerlo.

No se trata de vender aplicaciones de software enlatadas. No se trata de nombres. Se trata de verbos.

¿O acaso yo, tú, él… nosotros sabemos lo que es la tecnología y lo que es y cómo se utiliza una aplicación de software cualquiera que sea?

No se trata de nombres. Se trata de verbos. De lo que queremos hacer, no de cómo lo vamos hacer.

Esa es la filosofía, y cito una vez más el artículo de Aza que enlazaba en el último post.

No se trata de tecnología. La tecnología es irrelevante por sí misma para el ser humano. Se trata de la función, de dar respuesta a la necesidad.

¿Cómo llamamos a los navegadores? ¿Navegador social? ¿Identidad digital? ¿Identidad social? ¿Yo digital?

Me tiene fascinado la evolución que está tomando la Web, los navegadores, la tecnología, y como no podía ser de otra forma, las sociedades, y las personas.

La revolución nos está alcanzando, las barreras lingüísticas, espaciales, temporales, sociales están cayendo. Llega la ola y con ella, algo nuevo.

Merece la pena echar un vistazo detenido a las propuestas (prototipos) iniciales:

• Integración de los marcadores en la “Awesome bar”
• Integración de la historia en la “Awesome bar”
• Uso del área de contenido del navegador para visualizar los bookmarks

así como a las maquetas de las mismas:

• Maquetas de Firefox 3.7
• Maquetas de Firefox 4.0

Cosas que llaman la atención:

• La “Awesome bar” evoluciona decididamente hacia una línea de comando funcional textual/gráfica. Es de suponer que para la versión 4.0 hay una tentativa de incorporar Ubiquity a la misma. El proyecto es complejo, muy complejo.
• Parece que por fin se fusionan la barra de navegación y el box de búsqueda. No tiene ningún sentido que estén separadas como sucede en la actualidad, y menos aún sí se va a dotar al área de contenido de una nueva pestaña con nuevas funcionalidades tales como la presentación de los últimos sites por los que se ha navegado, aquellos más visitados, un box de búsqueda más grande, etc, como ya sucede en otros navegadores como Safari o Chrome. Aza ha publicado diversos posts sobre ello. A ver en qué queda la cosa.
• La interfaz se va preparando para las pantallas táctiles y cada botón/elemento funcional de la interfaz tiene un área claramente definida para ser pulsada. Habría que optimizar algunas por su pequeño tamaño.
• Aparece una opción en la esquina superior derecha que da a entender que el usuario podrá logarse en el navegador. Firefox comienza a dar pasos para su conversión a su vez en un sistema operativo. Al respecto, Opera Unite ya está en beta. ¿Integrará Firefox 4.0 Weave? ¿y Prism?  Ahora mismo Mozilla está a remolque de la innovación en lugar de liderándola como debería ser. Material para hacer cosas nuevas tienen de sobra, especialmente en lo que a gestión de multipestañas se refiere.
• Se racionaliza por fin la interfaz descargándola de la actual sobrecarga funcional/cognitiva. Se oculta el menú de navegación bajo el botón de herramientas en la línea de lo que hacen Explorer o Chrome. Estándar de interfaz que se está imponiendo en los navegadores.
• Las pestañas pasan a posicionarse en la parte superior englobando, como debería ser, todo el área inferior. La jerarquía de información queda por fin claramente definida y se consagra el cambio de filosofía del navegador hacia el sistema operativo. Una ventaja adicional de posicionar las pestañas en la parte superior es que dejan un espacio en blanco suficiente entre el borde superior del monitor o pantalla y el comienzo de la parte de arriba de las pestañas para que, especialmente en Windows y a pantalla completa, se pueda usar el cursor presionando el botón izquierdo del ratón para definir un área que abarque a una o varias pestañas. Con ello se puede seleccionar una o varias a la vez para ejecutar operaciones sobre todas de manera conjunta a través del botón secundario del ratón, o mediante otros atajos. En este sentido, insisto, Mozilla debería dar un paso decidido y comenzar a aplicar algunas de las innovaciones vistas en el Mozconcept de verano en lo que a la gestión de las pestañas se refiere y crear los espacios de trabajo de los que hablaba Aza.

Hay más, pero de momento, ahí lo dejo.