jbarahona.com

YouTube lanza a prueba su nuevo diseño

YouTube está corriendo en beta su nuevo diseño de pantalla que básicamente ofrece un player más ancho un mejor beneficio a los "videos relacionados" y claro, la caja de búsqueda de Google.

Actuál home

Nueva Home en beta

Via: Mashable

Nuevo diseño de Apple.com

Llama la atención que casi todos los blogs que leo hablan hoy sobre el lanzamiento del beta del Safari 3 cuya gracia es que también es para Windows.
Recuerdo que es beta, o sea aún en revisión y pruebas de manera que cualquier imprevisto es producto de que el programa no está liberado por completo y con garantía del fabricante.

Más imortante que eso, siento es el nuevo sitio que lanzó hoy mismo Apple.
Una aparente rebaja en los menúes generales -eran y siguen siendo 7- y la transversalidad de los contenidos en cajas inferiores hacen que la pantalla aparezca más liviana, a pesar del impactante negro de fondo, recurso usado para darle mayor y mejor visualidad a las imágenes.
El antiguo layout del sitio permanece en el de América Latina y puedes observar qye el menú principal ya se les había escapado de las manos por su tamaño, niveles e incapacidad de recibir los nuevos gadgets y aplicaciones al que Apple nos tiene ya acostumbrado.

Levar el buscador al extremo superior derecho y re-etiquetar los menúes ayudó a hacerlos más liviano y usables carificando otros que ya no son prioridad para Apple como el QuickTime.

Se le da más presencia al Store que porfiadamente sigue sin permitir que los sudacas como yo compren en ella. (me compré mi MacBook Pro en la Aplle Store de la Fifth Avenue y me salió bastante más barato que acá, que multiplican el dolar por $ 1.000.- descaradamente).

Otro avance muy destacable es el buscador que maneja y almacena la base de datos de manera que en la medida qe se va ingresando el keyword de busqueda éste va entregando, al igual que el Spotligth, resultados en una lista inmediata.

El trabajo en las pantallas interiores es limpio, claro y efectvo. No hay cosas que "metan ruido" lo que se agradece.

Una muestra de la preocupación en no desviar la atención del contenido principal es el uso de Ajax en las pestañas laterales que cerradas sólo tienen textos y al abrirse muestran imágenes.

Me encantó el breadcrumb al pie y dentro de flechas que avanzan y el uso de URL amistosas.

Un problema grave es no cumplir en la home con los estándares ya que por mucho que Microsoft dejara de hacer el Explorer para Mac, el código de Apple.com debiese ser estándar y verse dignamente y no como me tocó verlo hoy.

CNN.com en beta

El nuevo sitio de CNN.com está liberado en beta.
Re diseñar un sitio de tanto y variable contenido requiere de varios aspectos ya que la lucha del que genera el contenido es que sean encontrables. Para ser encontrable hay que cumplir con los estándares, cosa que el sitio nuevo de CNN.com no cumple en validación CSS.
Se aprecia un esfuerzo en Arquitectura de la Información ya que entenderán cómo podrá ser administrar los contenidos de una cadena de noticias como CNN.
Lograr esa interfaz calmada y manejable para el usuario no es menor y lo destaco ante otros medios que entregan una cantidad tal de contenidos en la pantalla que no sabes bien para dónde ir y eso a nivel editorial es fundamental. El lector debe leer lo que el medio le encamina, el tema es cómo lo lee y este beta lo logra ya que es a escala humana.
Claramente el buscador con Yahoo! de ésta cadena de TimeWarner es curiosa ya la cadena es dueña de AOL que lanzó hace poco un sitio muy "Yahoo!" en su interfaz.
La inclusión de "Popular News" entrega el poder al usuario ya que es ahí donde se discrimina desde el usuario según la popularidad de las notas. La portada la construyen en algo que sea los usuarios. Heché de menos el recurso de El País de España que permite en todas la notas los comentarios de los usarios.
Una medida inteligente fue desechar el enorme esfuerzo que aún hay que hacer para ver los videos de CNN. Ahora están muy viisbles, liberados y accesibles.
Siguiendo la tónica mundial del recurso blog para construir espacios de conversación, CNN.com los incluye en la home como un activo al usuario, de diseño austero y minimalista, el Blog es directo y simple, pero escueto.
Sin embargo el manejo de los datos del mercado accionario que muestra es pobre al lado del riquísmo trabajo hecho por ejemplo por el New York Times.

En general se agradecen los cambios ya que asumen las normas recientes de diseño de interfaz de webs, pero si no cumple con los estándares no tendrá la llegada que supongo quieren los de TimeWarner, no les vaya pasar lo mismo que MTV que a los 8 meses tuvo que rediseñar completo su sitio.

Google Analytics versión 2 (GAv2)

En las próximas semanas veremos la nueva versión de Google Analytics, el analizador de tráfico de sitios web de la compañía de California.
Hace un tiempo Google compró Measuremap, el visualizador que diseñara Jeffrey Veen (ex diseñador de Wired, Webmonkey) junto a la gente de Adaptive Path.
Measuremap (hablamos sobre él cuando se liberó) es el que uso para seguir el tráfico de éste blog y que básicamente asume los postulados de Tufte acerca de cómo diseñar el dato para transformarlo en comunicación.
Veen y Measuremap fueron los primeros, luego vino Mint y otros que buscan visualizar el enorme caudal de datos que entrega una web a través de unidades visuales sencillas y entendibles por cualquiera con una cercanía siempre a la infografía.
Veen y su equipo de 30 diseñadores están metiendo sus ideas, pies y manos en las nuevas interfaces que vienen para Gmail, Calendario, Blogger, etc.

Lo nuevo en pocas líneas e imágenes:(puedes ver también una Demo)

1. Nuevo modelo de interacción con interfaz más intuitiva y sencilla que permite trabajar con lo general y rápido en una primera mirada y lo profundo y detallado cuando decides hacerlo.(Ajax... que buen invento no?)
   

   

2. Los datos más importantes están a la vista de inmediato en dos clicks.
   

   

   
   

    

3. Mejor construcción de contextos. Lo que permite seccionar los datos en reportes que se guardan. La métrica de los datos no está sola cada vez que entras a buscarla, siempre está en su contexto de manera que disminuyen los clicks para acceder a ella.

   

4. Superior segmentación de la data y la capacidad de construir informes acotados.

   

   

5. Mejora sustancial en la capacidad de compartir los informes y datos con otros.La nueva herramienta hace muy simple compatir los datos que también puedes exportar de mejor manera a PDF, XML, CSV y TSV.

   

   
   

Fuentes:

• Jeffrey Veen Blog
• Avinash Kaushik
• Google Blog
• Blog oficial de Google Analytics

AOL o Yahoo?

AOL acaba de lanzar su nueva home que se parece demasiado a la que Yahoo! tenía hace un tiempo.

Nueva home de AOL

Actual home de Yahoo!

Polar Clock

1 pixel por cada segundo

Bello, bello!

Interface space

Interesante artículo con ejemplos de artistas que han trabajado la simbiosis entre el espacio metafórico de la computadora y el mundo físico.
La reflexión es cómo una interfaz gráfica que le tomó prestado el entorno al escritorio y sus elementos más recurrentes como la carpeta, han logrado construir su propia vida al darle otros y frescos nuevos niveles de comprensión y uso.
La metáfora que en algún momento nos sirvió para cosntruir nuevos y más comprensibles espacios en la pantalla ahora se cuestionan desde el arte.
Cómo es una bara scrolling física?
Cómo alguien puede reconocer en la imagen de una carpeta su propia manera de ordenar su vida digital?
Que apasionante es nuestra existencia cuando el arte ataca!.

Fuente: Design Observer.

Interfaz del notebook de 100 dólares

Mucho se muestra sobre el diseño exterior del Notebook de 100 dólares o el OLPC (One laptop per child), una iniciativa de Nicolás Negroponte y el MIT Lab.
Poco se habla y muestra sobre la interfaz de usuario con que los chicos accederán y activarán el sistema  que traiga el aparato.
El problema es que al parecer los diseñadores hasta el momento no hicieron pruebas de usabilidad de la interfaz del computador, según Yahoo News.
Sugar es el nombre de la interfaz gráfica que permite activar los programas embebidos en la máquina.
La barra básica es activada por íconos que representan los distintos softwares como el AbiWord.

En su Wiki están las instrucciones de cómo opera y a la lectura de alguien como nosotros, con nuestra historia de usuairos usando Mac y algunas desastrozas veces Windows, los íconos se pueden entender, me pregunto cómo los entiende un chico de un país pobre con cero acceso a la tecnología y los sistemas.

El siguiente es el mapa de los beneficiados iniciales con éste subnotebook, en ella se lee claramente que los chicos son con cero o poca experiencia con la tecnología.

• Verde: Países que tendrán acceso al OLPC en su fase piloto.
• Rojo: post fase piloto.
• Naranja: paises cuyos Ministerios de Educación tuvieron un alto interés en accder.
• Amarillo: paises que buscan la ayuda de sus gobiernos (?)

Claramente se probará en países con baja educación digital.
Acá un video del último demo de Sugar.

Más info sobre el OLPC:

• Wiki del proyecto OLPC
• Sitio oficial de OLPC
• OLPC en YouTube
• OLPC en Yahoo!
• OLPC en del.icio.us

Share this

Alguien tenía que poner orden a tanto recurso blog de "menéame", "digg", "del.ico.us", "flickr"... uff tantos...
La propesta es estandarizar en un ícono ShareThis! y evitar este caos creciente de iconitos bajo los post de cada Blog cool que tengas sindicado (estaba a punto de ponerlos!)

Share this

 

Licensing the 2007 Microsoft Office User Interface

Microsoft anuncia a través del blog de Jensen Harris dedicado a la interfaz de usuarios del nuevo Office 2007 que otrogará a quien lo desee las licencias gratis para que cualquier desarrollador de softwares pueda usar libremente la interfaz del nuevo Office2007, incluidas el Ribbon, las galerías y la Mini Toolbar.
Visitando el sitio Office UI Licensing encontrarás toda la información y archivos de descarga necesarios para obtener la licencia y sus guías.
Un interesante documento es la Guia de Diseño de Interfaz que puedes desacargar.

Relacionado: Guia UX para Windows Vista

Es Diseño idiota! (digital)

Suena el despertador, miro la hora y a la vez se prende mi TV.
Bajo a la cocina y me hago un café, pongo unas tostadas.
Conduzco mi auto y subo a mi oficina en ascensor.
Me siento frente a mi Mac y hago unas transacciones bancarias, leo el diario en pantalla, envío mails, reviso la gestión, hablo por teléfono IP, me voy al cajero automático de la esquina a sacar dinero.
Suena mi celular, guardo una reunión, tomo una foto de registro con mi celular.
Conduzco a mi casa, juego Playstation, veo las noticias y luego un DVD.
Revisamos las fotos del viaje a la playa, pedimos más vino por una web, suena el citófono y veo a mis hijos en la pantalla.
Vienen hablando con sus celulares, chatean, hacen sus deberes, jugamos online entre los tres, vamos a comprar una polera y pago con tarjeta de débito.
Volvemos en la noche en el auto que me indica que falta bencina y unos kilómetros para la próxima revisión.
Escuchamos música de mi iPod.
Me acuesto, pongo el reloj para que mañana me despierte y nuevamente  mi vida esté cada instante conectada con pantallas que poseen interfaces digitales que me permiten interactuar con los productos y servcios que a diario uso.
Todas, absolutamente todas esas interfaces digitales alguien las diseñó para mi.
Todas fueron pensadas para que mis activaciones fuesen exitosas, y todas, absolutamente todas las hizo un Diseñador (espero).

The Black Box: back to the basics

BenQ mostró en IF Design Awards el celular concepto BlackBox.
La propuesta apuesta en una caja negra que posee interfaz de múltiples servicios que se activan como unidades según la elección. A través de íconos se activan o desactivan las particularidades de cada sistema.
Sugiere una vuelta a lo clásico; lo básico.

Siguiendo el método de iPod el BlackBox disminuye al mínimo el uso de la palabra como mecanismo de comunicación y privilegia el uso de las convenciones visuales universales y una cuota de aprendizaje menor del usuario.
Es un buen ejemplo de Diseño Emocional que abre puertas en Diseño de Interacción con un producto tan complejizado como es el celular.

Lamentablemente, al menos a través de BenQ no verá la luz este concepto ya que según RCRNews habría pedido su quiebra en Alemania.

:(

Biblioteca de Patrones de Diseño de Yahoo!

Yahoo! disponibiliza públicamente varios de los Patrones de Diseño y de Programación que usa a diario en sus sitios web además del conocido buscador, a través del Yahoo! Developer Network.
Los Patrones son muy usados en el mercado de la programación y funciona sobre la base que el desarrollo y/o solución que alguien(es) hicieron hizo de seguro le servirá a otros.
En Diseño de Interacción hay muchas cosas que a diario hacemos y solucionamos.

En AyerViernes teníamos un problema para desplegar un menú bajo javascript en cascada sobre un flash.
Andreas, que trabajaba en ese tiempo con nosotros ideo una sencilla pero eficiente manera de hacerlo.
Bueno, esa solución tan sencilla (que la incluiremos en nuestra biblioteca de patrones sin duda alguna) era que cuando el mouse pasara sobre el menú el flash de abajo cambiaba por un jpg.
Simple y eficiente y lo pueden ver funcionando en la home de la Fundación Chile. (en la Fundación cambiaron el action-script de la imagenes y ahora se ven otras distintas, pero la solución está ahi, de hecho así es más evidente verla).
El espíritu que hay detrás de compatir soluciones a pequeños problemas a través de patrones es el de colaboración y de no quedarse pegado en algo que tal vez otro ya solucionó.
Soy un convencido que el conocimiento propio y sin compartir no sirve de mucho y que sólo se avanza cuando lo compartes con otro porque con la sumatoria de ambos construyes uno que no existía y tal vez uno nuevo.

Diseño de Intranet para la Fundación Chile

Estamos terminando el trabajo que desarrollamos para la Fundación Chile durante los últimos seis meses. Ha sido un trabajo arduo y muy completo.

La Fundación es líder en innovación y la calidad de sus colaboradores (casi 400) son de excelencia. Se podría decir que confluyen acá profesionales de alta calificación y exigencia que han producido los últimos 25 años innovaciones tan importantes como la introducción y desarrollo de las industrias del salmón, vitivinícola, quesos caprinos, educación y tecnología entre muchisimos proyectos.
Hacerles el Portal y la Intranet ha sido un orgullo ya que cualquier consultora de Diseño se quisiera éste Cliente, exigente pero de excelente trato y disposición a escuchar pero sobre todo dispuesto a aplicar lo que periódicamente fuimos aportando.
Son buenos y aplicados Clientes que siempre han valorado nuestra Metodología de trabajo y los resultados que de ella resulten.
Esta vez les comparto las pantallas que están en producción y programación, pero ya aprobadas de la Intranet.
Como siempre, pudimos aplicar mucha Arquitectura de la Información, Usabilidad, un fino Diseño de Interfaz e Iconografías y programación accesible en CSS2 y XHTML para Oracle Portal.
Que lo disfruten ya que el resultado es uno de nuestros últimos orgullos.

Ir a fotos de pantallas de Intranet en Flickr.

Feed Icons

Microsoft optó por el ícono de sindicación RSS de Firefox -que ya era estándar-  a los propios IExplorer y Office 12, Mat Brett pone a disposición un blog del ícono y sus distintas opciones de aplicación.
Además promueve los Diseñadores que lo apliquen, modifiquen o adapten y publiquen esas adaptaciones en Feed Icons.
Si te quieres descargar directamente el ícono y sus versiones y distintas posibilidades de aplicación, click acá (2.21Mb).

Phylotaxis

Phylotaxis (Phyllos - hoja Taxis - orden) es una exploración gráfica donde la ciencia se encuentra en un delicado equilibrio con la cultura. Así define este hermoso ejercicio el artista Jonathan Harris.
Parte del principio gráfico que la ciencia sería una estructura regular y la cultura caótica y "sin orden" aparente. La mezcla de ambas definiciones gráficas provocan la visualidad Phylotaxis.
Es una estructura derivada de la secuencia Fibonacci (en una secuencia numérica donde cada número es la suma de los dos anteriores).
Esta secuencia simple gobierna los fenómenos tan diversos como el diseño del pétalo de las rosas, de los patrones de crianza de los conejos, y de la forma de nuestra galaxia. 
Es también evidente en el diseño de las grandes pirámides, de la composición de la Mona Lisa, y de la construcción de los violines de Stradivarius.
Harris es el responsable de proyectos que ya hemos hablado acá como 10X10.

Prueba desde Flock

Este post está escrito en el nuevo browser Flock.

Las gracias aún no las conozco, lo bajé recién y estoy trabajando en una herrmienta que permite que publique en este Blog directamente en un editor que flota como una pop-up sobre el browser.

Aún queda mucho por urguetear, pero en un comienzo se ve interesante.

Una cosa que se ve complicada al momento es colocar una imagen con éste post.

file:///Users/jbarahona/Pictures/FlockScreenSnapz001.jpg

Tuve que Editar este post en el editor de Typepad para poder incluirles una imagen porque como ven arriba no resultó subir el doc.

Una cosa que se destaca de inmediato es la rapidez de respuesta del software. Será importante que noten que uso  Mac OSX Tiger en mi Power Book G4.

La interacción web con Ajax

Qué es el Ajax y por qué nos interesa?
Fue la gente de Adaptive Path que la mencionó como Ajax (acrónimo de Asynchronous JavaScript + XML), pero la mecha se prendió en febrero de éste año cuando Jesse James Garret publicó “Ajax, un acercamiento nuevo a las aplicaciones web” hasta la semana pasada que se hizo el O'reilly/Adaptive Path AJAX Summit.
O sea en menos de 6 meses Ajax se posicionó como lo más importante que ha ocurrido en el Diseño de Interacción en el último tiempo.
Ajax para los geeks duros es Javascript asincrónico + XML.
Para las “personas” es un cambio radical en la experiencia de uso de los sitios web.
Cada vez que usas una web y le pides algo ésta literalmente le está dando una instrucción directa al servidor donde está alojado el sitio.
Algo  como “me das ésta página?” y el servidor la “entrega” en un diálogo lineal.
Como dice Derek Powazek, lo de ahora es como escribir una carta, Ajax es mensajería instantánea.

Ajax no es una tecnología, es la suma de técnicas y tecnologías que se comparten para partir el contenido y la programación y dialogar con el servidor mientras tu página se refresca.

Incluye:
•    Presentaciones estándar en XHTML y CSS.
•    Interacción y despliegue dinámico usando Document Object Model
•    Intercambio y manipulación de datos usando XML y XSLT.
•    Recuperación del dato asincrónicamente usando XMLHttpRequest
•    Y JavaScript envolviendo todo lo anterior.

Para los que tenemos cuenta en Flickr  sabemos que al ir al menú “Organizar” éste trae una aplicación en Flash que muestra en tiempo real la posibilidad de cambiar, distribuir y modificar nuestras fotos online.
(de hecho lo más que me impresionó fue justamente ésta habilidad de Flickr)
Bueno eso es Ajax.

Elimina el eterno partir-parar-partir-parar de los sitios introduciendo un motor Ajax entre el usuario y el servidor.
También está en Google Maps y ya se está poblando la web de nuevos modelos metodológicos de programación en Ajax.
La idea es cargar una página y permanecer en ella mientras scripts y rutinas van al servidor en background los datos que el servidor usará sólo en las porciones que la pagina re-cargada requiera.

Por qué nos ocupa?
Porque los motores Ajax cambian para mejor la relación entre los usuario y el servidor; o sea hace que la Experiencia del Usuario sea mejor.
Hace que la tecnología se ausente (como debe ser) y entregue soluciones.
Acerca la idea que la tecnología es anónima ya que cuando la compramos no estamos comprando un manual para usarla; estamos comprando soluciones.
Cuando compras un celular estás adquiriendo la posibilidad de hablar con otros de manera remota llevando el objeto que hará esa promesa, no estás comprando los circuitos ni softwares embebidos que llevan los móviles.

Nos ocupa desde el Diseño porque sin duda afecta la manera como vemos la web. Cambia tu concepción del Diseño si cuentas con motor Ajax ya que la experiencia del usuario es distinta; con Ajax ya no hay esperas entre entre que pides algo a una página y ésta te lo entrega, no hay demora.

También en el artículo de Luke Wroblewsi "Ajax & Diseño de Interfaz" encuentras la mirada desde el Diseño de Interfaz los por qué el concepto Ajax cambia el Diseño.

Cómo trabaja Ajax?
Dejemos que sea el mismo Garret que lo explique “En vez de cargar un pagina Web, al inicio de la sesión, el navegador carga al motor AJAX (escrito en JavaScript y usualmente “sacado” en un frame oculto).
Este motor es el responsable por renderizar la interfaz que el usuario ve y por comunicarse con el servidor en nombre del usuario.
El motor AJAX permite que la interacción del usuario con la aplicación suceda asincrónicamente (independientemente de la comunicación con el servidor). Así el usuario nunca estará mirando una ventana en blanco del navegador y un icono de reloj de arena esperando a que el servidor haga algo."

Cuando se hizo estándar el concepto de web semántica y la programación en XHTML+CSS el Diseño cambió radicalmente, tuvo que adaptarse, entender y aprovechar las nuevas ventajas y aprender de los nuevos códigos.
Hoy Ajax nos plantea un método tecnológico ideal y que pueden tener más que ver con la naturalidad como nos comunicamos que con asumir tecnologías torpes y poco amables como ha sido la web hasta ahora.
El mayor desafío es para los que pensamos y diseñamos la interacción en la web actualmente, como dice Garret las tecnologías están maduras ahora es el tiempo de la interacción; de la Experiencia del Usuario.

La visualidad del dato

Jonathan Harris es un artista de la información que ha llevado a la práctica las ideas de Tufte sobre cómo visualizar el dato duro. O sea cómo hacer para que la data se transforme en información que comunique.
Parece simple pero a Tufte, diseñador y estadístico le ha tomado décadas de estudio que están plasmados en sus libros, papers y conferencias sentar las bases de lo que hoy se entiende en infografía  y ha sido fundamental para lo que es hoy el Diseño de la Interfaz para aplicaciones y especial la web.
Gracias a Tufte es que podemos diseñar interfaces más licuadas y sitios más humanos y digeribles. Es con la investigación de éste diseñador de Yale que hoy entendemos que el visual debe ser simple pero hermoso.
Harris ha trabajo en Fabrica, el proyecto de encuentro experimental de artes y comunicación de Benetton.
Fue con la gente de Fabrica que Harris desarrolló 10x10, un experimento que hoy gana el Webby en la categoría “Mejor navegación y estructura” en los premios del 2005.
10x10 (ten by ten) es una exploración interactiva de las palabras e imágenes que definen el tiempo.
Cada hora se refrescan en una pantalla tipo postal 100 diferentes marcos de imágenes tomadas de los medios de comunicación de todo el mundo a través de otro gran invento que cambió el modo de hacer y entender la web; la web semántica y la sindicación de los contenidos. Los mismos si están online son posible de transformarse en otro contexto distinto para el que fue publicado por cada medio.
10x10 no sólo muestra la imagen si no que la repite en tanto esté siendo publicada, lo que lleva a saber de una sola mirada en éste marco de 100 imágenes cuáles son las más recurrentes.
Lo que me interesa de Harris y 10x10 es cómo hacemos y vemos la interfaz del dato.
- Cómo, porque permite entender y situarse en lo que se hace y hará. Cuáles serán los desafíos para el Diseñador que no es el que dibuja si no el que entiende un complejo escenario mediático donde todo lo que está online es sindicable, obviamente partiendo por el propio.
- Ver, porque soy Diseñador y me emociona la simpleza de la solución, el problema no es de ingeniería ni de diseño si no de comunicación.
El proceso de ver el dato transformado en comunicación es lo que nos debe interesar a los que diseñamos la web, porque ahí está el conflicto esencial de Diseño hoy.

Harris también ha lanzado un visual de un curioso ranking que hace la British National Corpus y que posee un index de más de 100 millones de palabras que ordena por las más usadas.
El proyecto es WordCount y es otra simpleza visual que entrega el ranking de 86.800 palabras.
Posee sólo tres interfaces básicas; un dial (que recuerda al de las radios antiguas), y dos buscadores muy sencillos.
Además hay una representación que iguala la visualidad del ranking a un gráfico sencillo de curva y que permite observar dónde comienza la decadencia de la cantidad de uso mostrado a través de una simple curva que se radicaliza en un momento determinado tal vez en la palabra 1592.

Curiosidades del WordCount?
La palabra más usada es “the”, Chile está en el lugar 10.291 y la última es una en castellano “conquistador”.

Cuando el producto es la interfaz.

Cada vez es más apreciado el Diseño de Interfaz gráfica de Usuario (GUI) en aplicaciones, web y medios digitales en general, donde la GUI es la encargada de varias cosas fundamentales en una industria digital que está entrando a un nivel de madurez medio y  que define los cambios en aplicaciones como los sistemas operativos y la web.
La GUI hoy es la encargada de poner al servicio de las personas, la facilidad de uso (interfaz dialogante), conducción y guía de las posibilidades de manejar un objeto digital, pero sobre todo es hoy la encargada de entregar el ámbito de la Experiencia del Usuario y donde podemos adjetivizar desde el marketing directo los productos y servicios.

Interaction Design Group (IxDG)

IxDG es la en la comunidad de Diseño de Interacción (inglés por el momento) donde compartimos experiencias, estudios, publicaciones y conocimientos sobre el Diseño de Interacción.
Participo hace unas semanas de la lista de discusión general y a diario puedo tener el conocimiento y experiencia de muchos colegas de todo el orbe.
He puesto algunas preguntas (a propósito del trabajo que estoy haciendo en Diseño de Interfaz para aplicaciones transaccionales) y al igual que en otras listas, me responden los gurúes del tema y eso es refrescante y estimulante; tienen los mismos problemas y conflictos que un pingue Diseñador, proyecto de Interacción del sur del mundo.
Al igual que Cadius, la lista de IxDG me ha servido mucho para mi trabajo diario y mis estudios sobre el Diseño de pantallas.

Happy cog rediseña el sitio de Amnesty International USA

El Estudio de Diseño de Jeffrey Zelman, Happy Cog, a rediseñado el sitio de Amnesty International USA sobre la base del principio de hacer terminar el sufrimiento innecesario en el mundo virtual a los que buscan hacer lo mismo en el verdadero.
Vaya analogía!

Google comple 6 años!

Hoy nuestro compañero diario en la web, Google cumple 6 años. Que tiempos aquellos en que lo vimos regordote a lo estilizado y lúdico que es hoy, serán lo s millones? de usuarios, digo... no de dólares!

Diseño para pequeñas pantallas

La limitación principal del diseño de interfaz para un dispositivo del tipo Palm es la pantalla pequeña.
La navegación es a menudo con una puntera, no con un ratón. Al descargar contenidos al dispositivo es posible que sea costoso y tarde un tiempo, los procesadores son lentos, y la memoria es limitada.
Limitaciones para tener en cuenta a la hora de hacer la interfaz de uso?
• Diseñe las disposiciones de una columna y evite los flotadores.
• Optimice su HTML usando margen de beneficio eficiente, semántico y en CSS.
• Reduzca al mínimo el uso de imágenes decorativas, en general evítelas.
• Escriba el buen texto alternativo para las imágenes.
• Evite los efectos dinámicos que requieren específicamente un ratón o un teclado para navegar.

Publicado por Elika Etemad en A list apart.

Ir al artículo completo (inglés)