Dise�o de experiencia usuaria

Podscasts en espa�ol sobre dise�o de experiencia

Sun, 14 Apr 2013 20:12:49 -0500

Escucha a Daniel Torres Buriel de Espa�a, Natalia Vivas de Colombia, Ivan Alarcon de Costa Rica y la Comunidad de Dise�o de experiencia de Chile que desde hace casi un a�o han tenido la gran inciativa independiente y grupal de difundir en nuestro idioma sus experiencias y conocimientos sobre dise�o de experiencia mediante podcasts (audio).

Aqu� les dejo los encontrados hasta la fecha.

�

Podcast de Iv�n Alarc�n

Arquitectura de la Informaci�n, �entrevista a Jorge Arango

Dise�o de Experiencias, entrevista a �Jose D�az

Investigaci�n de Usuarios, entrevista a Ana Domb

Podcast de Natialia Vivas y Daniel Torres Buriel
Comentan sus inicios en el campo, consejos, experiencias y que est�n haciendo sobre UX actualmente

Primer Podcast sobre Experiencia de usuaria

Segundo Podcast sobre Experiencia de usuaria

Tercer Podcast sobre Experiencia de usuaria

Cuarto Podcast sobre Experiencia de usuaria

�Podcast de la Comunidad de Dise�o de�experiencia de Chile

Dise�o de interacci�n, etnograf�a, interfaces y comportamiento

Mitos de la experiencia de usuario

En unos meses espero actualizar este post con mas podscast de estos conocedores de UX en habla hispana

Pruebas de usabilidad, mitos y leyendas

Wed, 10 Apr 2013 08:46:43 -0500

Como para no ser tan dogm�tico y mantener vivo este blog, les dejo velozmente mi s�ntesis del un art�culo publicado hace dos meses por Rolf Molich amigo y colega de la leyenda de la usabilidad Jakob Nielsen, el cual echa por tierra algunos conceptos acerca de la eficacia de las pruebas de usabilidad.

El expone cinco creencias acerca de las pruebas de usabilidad y discute si son mitos o no.

��Los resultados presentados se basan en 9 estudios serios y de gran escala llevadas a cabo desde 1998. Se les llama CUE para la Evaluaci�n de Usabilidad Comparada. Los resultados pueden ser dif�ciles de creer. Es por eso que hemos llevado a cabo estudios repetidos dobles y triples comprobar los resultados. Nuestros resultados y los an�lisis han sido revisados y publicados en revistas de prestigio como BIT - Comportamiento y Tecnolog�a de la Informaci�n y JUS - Revista de Estudios de Usabilidad� (Molich)

�Todos los que hemos le�do a Nielsen podemos dudar en la respuesta de estas preguntas?

�

�Cinco usuarios son suficientes para conseguir 85% de los problemas de usabilidad para cualquier producto?

Mito. Con los estudios de evaluaci�n de Usabilidad Comparada� se encontraron m�s de 200 problemas diferentes para el estado del arte de un sitio web.� Haciendo los estudios se prob� con 8 usuarios y se inform� de 30 problemas que representa una peque�a fracci�n, luego con 15 usuarios y se llego encontrar un 60% del total.

Molich incluso se atreve a decir que si se hubieran probado con 1000 usuarios f�cilmente se hubiera superado los 200 problemas que es el 100% de los encontrados con la evaluaci�n de Usabilidad Comparada.

Concluye que si realizamos una prueba de usabilidad con pocos usuarios solo podemos reportar� la punta del iceberg.

Sin embargo, las pruebas de usabilidad siguen siendo muy �til y valiosas, el autor est� de acuerdo con Nielsen de que solo basta con probar con pocos usuarios pero en un ciclo iterativo, es decir, una vez que se han llevado a cabo cinco sesiones de prueba, hacer los ajustes de los problemas encontrados� y luego llevar a cabo sesiones de prueba adicionales con otros pocos usuarios.

La curva de Nielsen & Landauer: una prueba con 5 participantes le permite identificar m�s del 80% de los problemas con un sitio.

�El principal objetivo de un test de usabilidad es encontrar problemas de usabilidad? � � � � � � � � � � � � � ��

Mito. La raz�n principal �de las �pruebas de usabilidad es sensibilizar a los dise�adores y programadores que los problemas graves de usabilidad existen desde la concepci�n del producto que est� dise�ando

Claro que las �pruebas de usabilidad son para descubrir problemas de usabilidad y puedan ser corregidos. Sin embargo, es muy costoso, as� que encontrar problemas no debe ser el �nico prop�sito de llevar a cabo un test de usabilidad.

Molich concluye que debemos utilizar las pruebas de usabilidad para motivar a sus compa�eros de trabajo a tomar medidas y evitar problemas de usabilidad.

�

�Las pruebas de usabilidad proporcionan resultados m�s fiables que las opiniones de expertos?

Mito . Los estudios evaluaci�n de Usabilidad Comparada contrastaron los resultados de las pruebas de usabilidad de un sitio web con los resultados de las revisiones por expertos de la misma p�gina web. Los estudios mostraron claramente que no hubo diferencias significativas en la calidad del resultado. En realidad, los resultados de las revisiones por expertos eran mejor sustentadas y m�s baratas de obtener que los resultados de las pruebas de usabilidad.

Hay varias razones por las pruebas de usabilidad no son perfectas. Uno de ellos es que son a menudo realizadas con metodolog�as deficientes y no sistem�ticas. Otra es que las pruebas a menudo no cubren todas las tareas que los usuarios pueden lograr hacer, solo las importantes. Una tercera raz�n es que los participantes en la prueba con frecuencia no son representativos.

Las, pruebas de usabilidad son mucho mejor que las cr�ticas de expertos para convencer a las partes interesadas (jefes o due�os de empresas), esc�pticos acerca de los problemas de usabilidad.

Personalmente estoy de acuerdo con Molich hasta cierto punto, hay algo que de todas maneras las pruebas con usuarios finales les puede dar a los expertos que son los comportamientos inesperados en la interacci�n que para el experto le puede parecer �sentido com�n� pero al observar se da cuenta que no todos lo tienen.

�Los comentarios positivos en un informe de la prueba de usabilidad son in�tiles?�� 

Mito .Todos apreciamos elogios por nuestro trabajo. Es por ello que los informes de pruebas de usabilidad debe contener un equilibrio entre hallazgos positivos y problemas.

A menudo las pruebas usabilidad informan verdades inc�modas. Los hallazgos positivos importantes tienen dos prop�sitos, el primero es evitar remover caracter�sticas que para los usuarios son vitales y lo segundo es que sea m�s f�cil aceptar los problemas encontrados.

Molich �nos sugiere que al menos el 25% de los comentarios en un informe de usabilidad debe ser positivo.

�� 

�Las pruebas de usabilidad pueden ser realizadas por cualquier persona?

Precisar. Cualquiera puede sentarse con un usuario y pedirle al usuario llevar a cabo algunas tareas en un producto. As� que, en principio, cualquier persona puede hacer pruebas de usabilidad.

Pero las pruebas de usabilidad de calidad que ofrece resultados fiables son diferentes.

Se �requiere de habilidades como la empat�a y la curiosidad, de un profundo conocimiento de lo que se est� probando, conocer de buenas pr�cticas de interacci�n y directrices de usabilidad, tener experiencia en moderar las sesiones de prueba una buena comunicaci�n de los resultados en el informe final y m�s.

Pero, �Qu� es lo que se desea? Bueno, r�pido y barato!
Bueno.�Un test de usabilidad debe considerarse como un proceso industrial. As� como los procesos industriales son controlados por reglas que est�n escritas, revisadas y observadas. Estas permitir�n evaluar la calidad de nuestro trabajo.

R�pido.�Pruebe con cuatro a seis usuarios, con m�s es una p�rdida de tiempo ya que encontrar "todos" los problemas, incluso todos los cr�ticos no es posible. Escribir informes breves, idealmente dentro de 24 horas despu�s de la sesi�n de prueba final.

Barato.�Casi nunca es justificado el costo de tener dos o m�s especialistas que trabajan en un test de usabilidad, considere cuidadosamente usar un laboratorio de usabilidad caro o un par de salas de reuniones ordinarias con equipos de TV de bajo costo suficiente para observar las pruebas, considere la posibilidad de las pruebas de usabilidad a distancia o incluso sin supervisi�n para reducir costos. Se ha comprobado con los estudios de Evaluaci�n de Usabilidad Comparada� que estos m�todos funcionan casi tan bien como las pruebas de usabilidad tradicional.�Y finalmente prevenir es mejor que curar.

Muchos de los problemas detectados por un test de usabilidad nunca deber�an haber ocurrido, pues deber�an haber sido prevenidos por el conocimiento de los dise�adores y programadores y recorridos cognitivos de especialistas en usabilidad

Fuente, art�culo original

La naturaleza siempre toma el camino m�s corto

Sun, 10 Feb 2013 11:15:42 -0500

Seguramente han escuchado sobre un principio del dise�o conocido como KISS "Keep It Short and Simple", seg�n Wikipedia surgi� hace un buen tiempo ante la creciente complejidad de los sistemas inform�ticos, pero tambi�n nace por una de las tanta interpretaciones del principio de la parsimonia que es una contribuci�n filos�fica del fraile franciscano y genio fil�sofo Guillermo de OckHam en la edad media, seg�n el cual, nos dice que

"En igualdad de condiciones, la explicaci�n m�s sencilla suele ser la correcta".

Este principio es muy conocido con el nombre de la Navaja de Ockham que interpretado por nuestro lado, nos dice que la posibilidad de elegir entre dise�os equivalentes desde el punto de vista funcional, naturalmente se elige el m�s simple.

En pocas palabras, es preferible la sencillez que la complejidad en t�rminos de utilidad y uso. Estos principios fueron interpretados de diversas maneras por algunos conocidos compa�eros en com�n de toda la vida.

Arist�teles dijo.
"La naturaleza siempre toma el camino m�s corto"

Albert Einstein dijo.
"Todo deber�a hacerse los m�s sencillo posible, no lo m�s simple posible"

Debemos apuntar siempre en la media de lo posible a un dise�o m�s limpio, quit�ndole peso visual para llegar a resultados m�s eficientes. Es decir, disminuir la probabilidad de que las personas que usen nuestra interface produzcan errores inesperados en su uso.

Es como en la vida misma, cuanto m�s carga o esfuerzo requiramos para lograr una tarea menos probable es que esa tarea la realicemos con �xito, a esto lo llaman, el principio del m�nimo esfuerzo. Cuando hablamos de carga hablamos de un grado que nace de la actividad f�sica y mental.

En el dise�o de interfaces debemos minimizar esta carga en la media de lo posible, la carga mental o cognitiva ll�mese al esfuerzo de memoria percepci�n, resoluci�n de problemas y la carga f�sica o cinem�tica, vale decir, n�mero de pasos, cantidad de movimientos, distancia de elementos, tareas repetitivas, etc.

Por citar un ejemplo cl�sico dentro de la evoluci�n de los sistemas operativos. Algunos seguramente hemos tenido la experiencia de operar en DOS mediante l�neas de comando, el cual ten�amos que memorizarlos y recordarlos cada vez que quer�amos ejecutar alg�n proceso en la pc. Con la llegada de la interfaz gr�fica en sistemas operativos como MS-Windows, esto permiti� ver los grupos de comando en botones con texto f�cil de entender, con eso ya no ten�amos que memorizarlos.

Un ejemplo de reducci�n de carga cinem�tica es el uso de accesos directos o atajos en los sitios web para entrar a secciones muy usadas, evitando una buena cantidad de clics y recorridos visuales para llegar a una secci�n en x nivel.

Los c�digos QR disminuyen la carga cinem�tica. En este ejemplo salva el esfuerzo de escribir la direcci�n web para ingresar a la p�gina en Facebook de la tienda.

En el dise�o de sitios web para m�viles la reducci�n de la carga cinem�tica es un factor decisivo para la experiencia de uso, como sabr�n el movilizar contenido y funciones a interfaces para m�viles conlleva dar al usuario lo m�nimo indispensable para que concretice los procesos que queremos que haga en el sitio. Por lo tanto, los elementos de interacci�n como los accesos directos o atajos y distancias de los botones deben ser adecuados para el uso con una mano, teniendo en cuenta que no se usa mouse y solo disponemos de un par de dedos para interactuar con este.

La eficacia en el aprendizaje del usuario frente a una nueva interface se beneficia, pues la informaci�n se es mostrada gradual y progresivamente, reduciendo la probabilidad de errores en su interacci�n. Esto tambi�n lo vemos en dise�os arquitect�nicos. Un ejemplo, en las largas colas en l�nea recta en los parques tem�ticos, ferias, circos, etc. no solo frustran si no hace disuadir a nuevos espectadores, una estrategia en el dise�o de interiores es mostrar poco a poco peque�os segmentos de la cola de manera progresiva y no la vean en su totalidad, ver figura

Son diversas las estrategias para controlar el nivel de esfuerzo cognitivo y cinem�tico. Uno muy importante es el control de la complejidad de la informaci�n, que se reduce en mostrar �nicamente la informaci�n necesaria o requerida en un momento dado, esto ayudar� a tener pantallas limpias y reducir la complejidad si caer en la confusi�n.

Ejemplo 1. En dise�o arquitect�nico

Prototipo de un puesto de espera para ingresar a una feria de atracciones, donde el largo de las inmensas colas es aparece progresivamente, adem�s muestran distracciones adicionales en pantallas de video.

Ejemplo 2. En el dise�o de sitios webs

Google hace poco hizo un cambio en la p�gina de b�squeda de im�genes, ahora muestra solo 4 opciones y ya no todas las opciones abiertas en el extremo lateral izquierdo.

A preferido elevar la carga cinem�tica por haber elevado en n�mero de clic en 2 o en 3 para llegar a filtrar, al parecer no es la gran masa que usa esas opciones de filtrado.

Ejemplo 3. En dise�o de webs para m�viles

El sitio m�vil de ElPais.com oculta sus el total de sus secciones bajo la opci�n SECCIONES ubicada en el extremos superior derecho. De este modo mantiene una pantalla limpia reduciendo el grado de complejidad

Hay muchas investigaciones al respecto, que han contribuido a la formulaci�n de leyes y principios muchos de ellos conocidos, como la ley de Hick, el principio de Pareto, la ley de Miller con la regla del n�mero 7, las leyes de la simplicidad de Jhon Maeda y tendencias como el minimalismo que naci� en el plano de la arquitectura en los sesentas teniendo como lema principal el conocido "menos es m�s" y que en los �ltimos a�os ha sido aplicado en el mundo del dise�o web y digital. Todo esto contribuye a mejorar la usabilidad y la utilidad de nuestros sitios webs.

----------------

Libros de referencia:

Cognitive load during problem solving: efect of learning
de jhon Sweller, 1988, vol. 12 Pags. 257 - 285;

Traning wheels in a user interface
de Jhon M, Carroll y Caroline Carrithers vol 27(8), pags. 800-806

Principios Universales de Dise�o
de William Lidwell, Kritina Holden y Jill Butler, 2011, pags. 188 - 189

�Qu� nos sugiere el principio de alinear en base al �rea?

Fri, 1 Feb 2013 07:58:36 -0500

Despu�s de unas largas vacaciones, aproximadamente dos meses, retorno al mundo del dise�o UX, con un art�culo relacionado al principio de la alineaci�n en base al �rea o peso visual, el cual espero que le sea de su inter�s y aplicaci�n.

A muchos nos ha tocado manejar alg�n tipo de administrador de contenido para subir un art�culo a nuestro blog o administrar alg�n sitio web, pero lo m�s seguro, que si han desarrollado un documento con texto e im�genes en un procesador de texto y si han redactado un correo electr�nico y han tenido que insertar im�genes y alinearlas ya sea hacia izquierda, derecha o centradas, pues bien, tanto los administradores de contenidos, procesadores de texto o software para enviar correos centran la imagen en base a los bordes, ya sea del texto escrito o del ancho del espacio destinado a poner contenido.

Aqu� un ejemplo:

�Es, pues, de saber que este sobredicho hidalgo, los ratos que estaba ocioso, que eran los m�s del a�o, se daba a leer libros de caballer�as, con tanta afici�n y gusto, que olvid� casi de todo punto el ejercicio de la caza, y aun la administraci�n de su hacienda. Y lleg� a tanto su curiosidad y desatino en esto, que vendi� muchas hanegas de tierra de sembradura para comprar libros de caballer�as en que leer, y as�, llev� a su casa todos cuantos pudo haber dellos; y de todos, ningunos le parec�an tan bien como los que compuso el famoso Feliciano de Silva, porque la claridad de su prosa y aquellas entricadas razones suyas le parec�an de perlas, y m�s cuando llegaba a leer aquellos requiebros y cartas de desaf�os, donde en muchas�

Aparentemente vemos que la imagen est� centrado con respecto al p�rrafo, es m�s, nos hemos acostumbrado a asumir que ese es el centro, pero si hacemos un peque�o esfuerzo visual notamos que no est� a un 100% alineadas entre s�, pues, al no ver los bordes que nos sirven de gu�a para centrar, nos toca centrar visualmente tomando en cuenta los elementos que vemos (p�rrafo e imagen) y lo centramos por peso visual, esto hace que imaginariamente movamos la imagen un tanto m�s a la izquierda pues el texto del p�rrafo no es sim�trico, es decir, vemos que en lado derecho de ese bloque de texto es irregular, dejando espacios vac�os que no forman parte del elemento (p�rrafo).

Ejemplo:

Para lograr una alineaci�n adecuada se debe colocar los elementos en el eje de alineaci�n, de manera que en cada lado quede un �rea visual igual. Es decir, imag�nense que el �rea del texto fuera una masa y la imagen que debemos centrar la colocar�amos encima de esta, entonces para conseguir el equilibrio est� imagen debe estar alineado con el eje de su centro de masa.

Esta alineaci�n en base al �rea representa la m�s solida entre elementos de formas irregulares, mientras que la alineaci�n basada en los bordes es m�s s�lida con elementos sim�tricos.

Cuatro im�genes alineadas por el borde

Cuatro im�genes alineadas por el �rea o peso visual

Fuente: Principios universales de dise�o

Principios universales de dise�o

Fri, 1 Feb 2013 07:14:58 -0500

El dise�o es infinito y no hay f�rmulas, pero s� que existen principios, leyes, fen�menos, efectos y metodolog�as.

Este libro es como un manual o gu�a de referencia imprescindible para dise�adores, ingenieros, arquitectos, profesionales de experiencia usuaria y estudiantes que buscan ampliar y mejorar sus habilidades como profesionales.

Lo mejor que encuentro en este libro es la claridad y elegancia con que introduce al lector en el mundo del dise�o, muy ilustrado y con un lenguaje digerible, mientras lo peor que encuentro, es la falta de profundidad en el tratamiento de la mayor�a de los principios, algo desordenado en cuanto a agrupar principios, puesto que encontramos, metodolog�as, efectos, fen�menos visuales, leyes y estudios dispersos entre los 125 principios.

Lo recomiendo como uno de los libro de cabecera para toda la gente que quiere iniciarse en el dise�o de experiencia usuaria

FICHA T�CNICA
Autores: William Lidwell, Kritina Hiddern y Jill Butler
T�tulo: Principios universales de dise�o
Editorial: Blume
P�ginas: 272
A�o: 2011

D�nde comprarlo: Amazon.es

Dise�o de interface moderna (ex-Metro). Propuesta interesante de interacci�n en t�ctiles

Fri, 30 Nov 2012 13:25:05 -0500

Seguramente has escuchado el �ltimo producto de Microsoft, el Windows 8 esa interfaz de los mosaicos en movimiento, fotos y tipograf�a grande.

Secci�n del panorama. Fuente ntim007 de deviantart

Panorama completo. Fuente ntim007 de deviantart

Pues bien, el lenguaje de dise�o en que se basa la nueva interface de Windows phone y Windows 8 fue llamado Metro, por temas de patente cambio de nombre a algo como "Dise�o de interface moderna" y se basa en principios abstractos, basados en la iconograf�a de los sistemas de transportes muy usados en los paraderos y aeropuertos, ya que estos son universales pues sin necesidad de saber el idioma o la nacionalidad son entendidos, este lenguaje de dise�o tambi�n da una mayor relevancia a los tama�os de tipograf�a. Es limpio y ligero, con tipograf�a "segoe" clara, d�ndole los pesos necesarios para categorizar los contenidos mostrados, dise�o responsivo es decir, se adecua al tama�o del dispositivo, en la interface, no hay bordes es decir en pantalla completa y finalmente utiliza conceptos en dise�o netamente digitales, que es lo contrario al Skeumorfismo que usa Apple mas cargado pero intuitivo pues usa met�foras visuales del mundo real.

Prototipado Ex-Metro. Fuente ssummers1 de flicker

Dise�o Ex-Metro. Fuente media smashingmagazine

Hace poco particip� como coordinador en el desarrollo de una aplicaci�n en Windows 8, y me jalo la atenci�n la simplicidad visual y su complejidad inicial en el uso. Claro est�, que es cuesti�n de habituarse, ya que apaga y abre algunos principios de usabilidad probados en las interfaces que estamos acostumbrados usar y en que tan r�pido y predecible es la interface para que la gente se habit�e consistentemente.

Al ver el conjunto de mosaicos, llamado por ellos panorama, vino a mi mente, dos leyes de la percepci�n visual, La ley de Fittz (mayor tama�o de los elementos de interacci�n) y la ley de la continuidad (Gestalt) esto por la tipograf�a grande e incompleta (en m�viles) o en el pedazo mostrado en el lado derecho de la pantalla del siguiente mosaico (en tablets), y dije que genial. Sin embargo, como dije vi apagar algunos principios de la usabilidad, como elementos ocultos, botones planos e iconos lejos de la affordances y una en especial, el uso del mouse en la versi�n PC el cual mantiene el mismo estilo (ex-metro) exclusivo para dispositivos t�ctiles.

Panorama de la p�gina principal de S�nica. Fuente s1 celularis

Comenc� a investigar sobre lenguaje o patr�n de dise�o y encontr� para mi asombro el �ltimo estudio de usabilidad hecho por la empresa de Jacon Nielsen, realizado hace dos semanas a 12 usuarios no novatos. Aqu�, una s�ntesis de las conclusiones de este estudio.

A pesar de estos resultados y luego de haber asistido al evento de lanzamiento de Windows 8 y escuchar todas sus bondades; aun tengo fe, que este dise�o moderno puede imponerse en los dispositivos t�ctiles, vamos a ver como lo toman los usuarios reales. Microsoft ya tiene antecedentes con grandes innovaciones, recordemos que con el Windows 95 hubo un cambio importante de la forma de interactuar con un sistema oper�tivo.

Las pruebas nos pueden dar un buen indicador, sin embargo, como digo en clases, un especialista en usabilidad, un profesor ux o consultor en dise�o de interacci�n pueden dar una opini�n muy cercana a la soluci�n, pero la �ltima palabra lo da la gente con el uso en un contexto determinado y a trav�s del tiempo. Aun creo que es muy prematuro decretar si es poco usable o no mediante un estudio de usabilidad

Me remito a un caso personal, aun pienso que el mouse y el touch son como el clavo y el tornillo, hay que saber cu�ndo usarlos. Hasta ahora el mouse me hace m�s �til y amigable en mi vida profesional que el touch, este �ltimo solo lo uso para consultar desde mi m�vil.

Nielsen decret� una usabilidad decepcionante a Windows8

Fri, 30 Nov 2012 11:53:19 -0500

Les dejo una s�ntesis de la conclusi�n que nos deja luego del estudio de usabilidad realizado el 19 de Noviembre del 2012

El nuevo dise�o de Windows METRO es obviamente orientado a dispositivos t�ctiles, pero Microsoft impone tambi�n este estilo a usuarios de PC de escritorio.

�Qu� tan bien funciona para los usuarios reales realizando tareas reales?
Para averiguarlo, hemos invitado a 12 usuarios de PC con experiencia para probar Windows 8

Doble Desktop = Carga cognitiva, mayor uso de la memoria
Windows8 tiene dos caras para el usuario; una pantalla de inicio adecuado para tabletas y una versi�n para PC de escritorio orientado. Por desgracia, con dos ambientes en un solo dispositivo es un problema de usabilidad por varias razones:
� Los usuarios tienen que aprender y recordar a d�nde ir para que funcione.
� Cuando se ejecutan los navegadores web en ambas �reas de dispositivo, los usuarios s�lo ver (y recordar) un subconjunto de sus p�ginas web abiertas en un momento dado.
� El cambio entre los entornos aumenta el costo de la interacci�n (tiempo, memoria)
� Los dos entornos de trabajo diferente, hacen una experiencia del usuario inconsistente

Una sola ventana para todo = tareas complejas
La estrategia de una sola ventana funciona bien en tabletas o en la peque�a pantalla del m�vil. Pero con un monitor grande y decenas de aplicaciones y sitios web que se ejecutan simult�neamente, un usuario avanzado de PC definitivamente perder� la capacidad de ver varias ventanas al mismo tiempo.
Ahora se debe mantener la informaci�n de una ventana en la memoria a corto plazo de los usuarios

Reducci�n del nivel de Affordance
La interfaz de usuario de Windows 8 es completamente plana. No hay presencia 3D ni de sombras sutiles en sus elementos de que indiquen lo que es clickeable

A modo de ejemplo, mira este men� de configuraci�n:

�D�nde puede usted haga clic en? Todo se ve plano, Como resultado, muchos usuarios en nuestras pruebas no hicieron clic en este comando cuando intentaban acceder a una de las caracter�sticas que esconde. Los iconos son planos y monocrom�ticos

Poca Informaci�n
Parece una tendencia entre los dise�adores poner muy poca informaci�n. Ver ejemplo:

Desafortunadamente los dise�adores de Windows 8 se emocionaron y quisieron jalar la atenci�n visual de los usuarios mediante carrusel de fotos y contenido dentro accesos directos a diferentes tipos de aplicaciones. El resultado de la prueba hizo que los usuarios se sientan en un carnaval con decenas de pregoneros grit�ndoles al mismo tiempo

www.latimes.com en Windows 8

A pesar de que se ejecuta en una tableta de 10,6 pulgadas, Bing Finanzas muestra solo un trozo de contenido (m�s 3 cotizaciones del mercado de valores) en la pantalla principal y Los Angeles Times se limita a tres titulares y un anuncio, de hecho, ni siquiera muestra el t�tulo completo de la nota principal y el resumen tiene espacio para s�lo 7 palabras. Vamos,
�Esta peque�a cantidad de noticias es todo lo que puede caber en 1366 � 768 p�xeles?

www.latimes.com en el navegador

Al visitar el sitio web del peri�dico desde un navegador te da mucha m�s informaci�n. S�, las fotos grandes son agradables, s�, dise�os amplios son agradables. Pero los usuarios quieren un poco m�s de informaci�n
Como resultado de la baja densidad de informaci�n, los usuarios se ven relegados al desplazamiento incesante para conseguir un modesto resumen de la informaci�n disponible. Se ha demostrado que el desplazamiento horizontal es un desastre usabilidad de los sitios web en PCs.

Excesivos accesos directos en movimiento
Esto funciona bien cuando se utiliza racionalmente, por ejemplo:

� El tiempo mostrando temperatura actual y precipitaci�n del clima
� La aplicaci�n de email, muestra el �ltimo mensaje entrante
� La aplicaci�n de calendario que muestra su pr�xima cita
� Aplicaci�n de mercado, mostrado el tipo de cambio
Desafortunadamente los dise�adores de Windows 8 se emocionaron y quisieron jalar la atenci�n visual de los usuarios mediante carrusel de fotos y contenido dentro accesos directos a diferentes tipos de aplicaciones. El resultado de la prueba hizo que los usuarios se sientan en un carnaval con decenas de pregoneros grit�ndoles al mismo tiempo

Por otro lado, cuando sugerimos a los participantes utilizar otras aplicaciones, no pudieron encontrarlas.
Sabemos por las pruebas de usuario en tabletas y otros dispositivos m�viles que ellos acumulan r�pidamente numerosas aplicaciones, la mayor�a se utilizan rara vez y apenas puede reconocerlas, incluso con iconos est�ticos que nunca cambian.

Iconos de apoyo y de compartir ocultos
Una de las novedades en el dise�o de la interface es el uso de comandos gen�ricos llamados "Charms", que son un grupo de iconos que se deslizan desde el lado derecho de la pantalla despu�s de un gesto al borde derecho (en una tableta) o despu�s de hacer clic con el rat�n a la esquina superior derecha de la pantalla (en una PC). Estos �conos re presentan funcione como Buscar, Compartir en redes, compartir por correo electr�nico y ajustes que se aplican a cualquier contenido que el usuario est� viendo en ese momento.

Hay un viejo dicho, fuera de la vista, fuera de la mente, result� ser correcta, debido a que los "Charms", hac�a que los usuarios a menudo se olviden de usarlos, incluso cuando los necesitaba. Esta forma de interactuar con ellos tiene sentido en peque�os tel�fonos m�viles que en pantallas de tabletas y no tiene sentido en absoluto en las pantallas de PC.

�Cu�l es la utilidad a largo plazo de estos comandos ocultos en Windows 8?
Podr�amos esperar que los usuarios se acostumbren a la necesidad de mostrar los "Charms" y otros comandos no visibles a pesar de que esto consuma carga cognitiva adicional sobre el uso del sistema.
Mi respuesta es que simplemente no se puede dise�ar un sitio web con caracter�sticas ocultas y esperar que se utilicen

Interacci�n gestual propensa a errores
La versi�n tableta de Windows 8 introduce muchos gestos complicados que son f�cil de equivocarse, por lo tanto, se reduce la capacidad de aprendizaje. Muchos gestos son totalmente diferentes. Esto hace que sea dif�cil de aprender y recordar los gestos.
El peor gesto podr�a ser el uno para mostrar la lista de aplicaciones que est�n funcionando, hay que deslizar primero desde el borde izquierdo de la pantalla, e inmediatamente despu�s cambiar de direcci�n y hacer un golpe peque�o en sentido contrario. El m�s m�nimo error en alguno de los siguientes pasos da un resultado diferente.

CONCLUSION: UX Windows 8 d�bil en tabletas y terrible en PC
La usabilidad podr�a mejorarse sustancialmente si hacemos uso restringido de las animaciones activas en las celdas del mosaico, mayor densidad de informaci�n, visibilidad de elementos de interacci�n, y muchas otras directrices de usabilidad.
Los usuarios se perd�an a menudo con la combinaci�n confusa del desplazamiento vertical y horizontal. Todo esto podr�a haberse evitado mediante la lectura de los informes que hemos publicado de forma gratuita.

Fuente: www.useit.com/alertbox/windows-8.html

Balsamiq Mockups. Notaciones para dar formato a texto

Tue, 13 Nov 2012 11:20:30 -0500

Una de las herramientas de f�cil uso y conocidas en el dise�o de wireframes para sitios web y aplicaciones es Balsamiq Mockups. Para aquellos que conceptualizan sus prototipos mediante esta herramienta les dejo algunas muy �tiles notaciones para dar formato a s�lo algunas partes del texto.

Si deseamos tener texto lorem ipsum (lat�n), escribir en el componente Text Area la palabra Lorem y autom�ticamente se remplazar� por un p�rrafo de 70 palabras

Para finalizar, si deseamos poner vi�etas, he aqu� la notaci�n

Grupo La Republica Digital busca desarrollador front-end

Tue, 16 Oct 2012 11:41:38 -0500

CONVOCATORIA CERRADA 25/10/2012

Requisitos:
- M�nimo 2 a�os de experiencia en dicho cargo
- Experiencia en Javascript (JQuery, AJAX)
- Manejo avanzado de hoja de estilos.
- Experiencia en PHP nivel intermedio.
- Experiencia en desarrollo de App para Facebook y Google maps
- Experiencia en trabajar con CMS (de preferencia Drupal 6x, 7x.)
- Nociones de Usabilidad, UX, DxI, HTML5, CSS3, Design Response

Beneficios
- Planilla (2 GRATIFICACIONES + 2 CTS)
- EPS
- 30 d�as de vacaciones al a�o

Los interesados enviar cv actualizado a percy.negrete@glr.pe
Por favor no olvidar indicar pretensiones econ�micas

Evoluci�n del dise�o web

Mon, 1 Oct 2012 09:39:36 -0500

Hace 21 a�os que el dise�o web naci� junto con la internet y su evoluci�n ha estado y sigue ligado al desarrollo de la tecnolog�a. Iniciando con una web textual, web basada en tablas, luego en css, pasando por flash, p�ginas din�micas, web2.0, web Mobile, web tv, etc.

Me atrevo decir que el dise�o web es tan importante en nuestros tiempos ya que se ha convertido en algo imprescindible en nuestras vidas y seguir� si�ndolo ahora en diferentes dispositivos y no solo en navegadores.

La importancia del dise�o de interfaces web radica en que son una de los tres factores para una experiencia usuaria �ptima junto con las variables culturales, el contexto y los objetivos del usuario.

Aqu� presento la evoluci�n del dise�o web a trav�s de 7 etapas.

1990 - 1994. Sitios web basado en texto
1995 - 1997. Sitios web basado en tablas
1998 - 1999. El ascenso del Flash
2000 El �xito del CSS
2000 - 2005. El ascenso del Java script
2006 - 2009. Web 2.0
2010 - Ahora. La web digital