Joel on Software

Se busca: Software
Engineer en Klarna
(Estocolmo, Suecia).

Diseo de interfaz de usuario

para los programadores

Vea esta y otras grandes

ofertas de trabajo en la
pgina de puestos de trabajo
.

por Joel Spolsky

Mircoles, 24 de octubre 2001

Captulo 1: Cmo controlar el Medio Ambiente hace

feliz
La mayora de los programadores de C ++ ncleo duro Conozco odio
programacin interfaz de usuario. Esto me sorprende, porque me
parece la programacin de interfaz de usuario que es la quintaesencia
de fcil, sencillo y divertido.
Es fcil porque por lo general no es necesario algoritmos ms
sofisticados que la forma de centrar un rectngulo en otro. Es sencillo ,
porque cuando se comete un error, inmediatamente ves y puedes
corregirlo. Es divertido , porque los resultados de su trabajo son
inmediatamente visibles. Te sientes como si ests esculpiendo
directamente el programa.
Creo que el miedo la mayora de los programadores de la
programacin de la interfaz de usuario viene de su miedo de hacer la
interfaz de usuario de diseo . Ellos piensan que el diseo de la
interfaz de usuario es como el diseo grfico: el misterioso proceso por
el cual, latte-beber creativo, todo vestido en negro las personas con
piercings interesantes producir fresco buscando cosas artstica. Los
programadores ven a s mismos como pensadores lgicos analticos:
fuerte en el razonamiento, dbil en el juicio artstico. As que piensan
que no pueden hacer el diseo de interfaz de usuario.
Diseo de la interfaz de usuario En realidad, yo he encontrado para ser
muy fcil y bastante racional. No es una cuestin misteriosa que
requiere un grado de una escuela de arte y una aficin por el pelo-nen
prpura. Hay una manera racional de pensar acerca de las interfaces
de usuario con algunas reglas simples y lgicas que se pueden aplicar
en cualquier parte para mejorar las interfaces de los programas con los
que trabaja.
No voy a darle "Zen y el arte de la interfaz de usuario de diseo". No es
arte, no es el budismo, es slo un conjunto de reglas. Una forma de
pensar racional y metdica. Este libro est diseado para los
programadores. Supongo que usted no necesita instrucciones para

cmo hacer una barra de men; ms bien, es necesario pensar acerca

de qu poner en la barra de men (o si se debe tener uno en todos).
Hay un axioma primario Te voy a ensear que gua todo buen diseo
de interfaz de usuario, y no es difcil de entender en absoluto.
Mi primer trabajo fue en una gran, una panadera industrial. La
panadera fue diseado para tener seis lneas de produccin de pan.
Por cada dos lneas de produccin, se produjo un mezclador de masa,
que produjo 180 kg de masa de grumos que podran desaguar hacia la
izquierda o la derecha:

Bueno, este fue el diseo. En realidad, Mixer C no haba sido

construido todava, ni tena las lneas 3 5 As que el arreglo era:

Alerta lectores se estarn preguntando, "cmo la masa de llegar de

Mixer B a la lnea de produccin de 6?" Bueno, ah es donde Wee Joel
entr. Mi trabajo, si usted puede creer esto, fue a pararse en la
izquierda del Mezclador B, a continuacin, coger los gigantes 180
bultos kg de masa, ya que salieron volando de la mesa de mezclas en
una gran baera con -Ruedas, a continuacin, gire la baera a la lnea
de produccin 6, y, usando un dispositivo de malacate como, levantar
la masa sobre la lnea 6 que tena que hacer esto una vez cada diez
minutos, desde las 10 pm hasta las 4 PM.
Haba otras complicaciones. Line 6 no poda manejar 180 kg de masa
de una sola vez, as que tuve que cortarlo con un cuchillo gigante en
cerca de 10 piezas. Ni siquiera quiero entrar en lo absurdamente difcil
que era.
Los primeros das, por supuesto, que era terrible en este trabajo.
Pareca casi imposible. Cada hueso de mi cuerpo me dola. Mis tenan
ampollas ampollas. Tena dolores en lugares donde yo no saba que
tena lugares.
Al principio yo no poda mantener la lnea 6 se suministra con la masa.
Cada vez que tuvieron una interrupcin en la masa, esto caus una
gran brecha en la lnea de montaje. Cuando la brecha enrollado en el
horno, el horno (gastar una cantidad constante de energa en una
cantidad reducida de la masa) comenz a calentarse ms, que quema
el pan. A veces, la lnea 6 conseguira engomado y detener la
produccin, pero la mesa de mezclas se fue a la derecha en adelante la
produccin de pasta para m, y yo corra el riesgo de quedarse sin
baeras-con ruedas para almacenar la masa. Cuando esto sucedi, me
de hecho, tuvimos que limpiar y aceitar la planta y volcar la masa en el

suelo para ser raspada hasta ms tarde. No es que esto iba a funcionar
muy bien, porque si la masa se hizo mayor de unos 30 minutos que
sera fermentar y no hacer buen pan. Si esto sucediera, haba que
cortarla en pedazos 5 kg y poner una pieza en la mezcla para cada lote
en el futuro.
Despus de una semana o as, yo tengo bastante bueno en la rutina que
realmente lo hubiera hecho, si no recuerdo mal, a 2 minutos gratis por
cada ciclo de la masa 10 minutos para descansar. Me di cuenta de un
calendario preciso y aprend cmo contar el mezclador para saltar un
lote cuando la lnea de produccin se detuvo.
Y empec a pensar por qu, ya que el anuncio de cerveza pide, algunos
das son mejores que otros .
Un da, pensando en este problema, me di cuenta de que una de las
ruedas de baeras-con-tenan ruedas bastante psimo que no se
convertiran as. A veces, esta baera no ir a donde lo empuj, y
tropec con cosas. Este fue un pequeo frustracin. A veces, como yo
estaba tirando la cadena para izar hasta la baera, me rasqu mi
mismo - slo un poco - en una astilla de metal en la cadena. Otra
pequea frustracin. A veces, como me encontr con una baera vaca
para coger una emisin de masa a punto de volar fuera de la mesa de
mezclas, me resbal en un poco de aceite en el suelo. No lo suficiente
para caer, eso s, slo una pequea, pequea frustracin.
Otras veces, me tendran pequeas victorias. Aprend en cuando la
produccin de masa perfectamente para que la pasta fresca llegara
apenas unos segundos antes de que el lote anterior se agot. Esto
garantiza que la masa ms fresca e hizo el mejor pan. Algunas de las
victorias fueron an ms pequeo: Me detectar una pequea gota de la
masa que haban arrojado fuera de la mesa de mezclas y adherido a la
pared, y me raspar con una esptula que llevaba en el bolsillo de atrs
y tirarlo en la basura. S! Durante el corte la masa en trozos, a veces
slo en rodajas muy bien y fcilmente . Diminuto momentos de
satisfaccin, cuando me las arregl para controlar el mundo que me
rodea, incluso en la forma ms pequea.
As que eso es lo que los das eran as. Un montn de pequeas
frustraciones, y un montn de pequeos xitos. Pero ellos suman .
Incluso algo que parece un diminuto, frustracin intrascendente afecta
su estado de nimo. Sus emociones no parecen preocuparse por la
magnitud del evento, slo la calidad.
Y empec a aprender que los das cuando yo era ms feliz fueron los
das con un montn de pequeos xitos y algunas frustraciones
pequeas.
Aos ms tarde, cuando llegu a la universidad, me enter de una
teora importante de la psicologa llamada indefensin aprendida,
desarrollada por el Dr. Martin EP Seligman. Esta teora, respaldada
por aos de investigacin, es que una gran parte de la depresin surge
de un sentimiento de impotencia : la sensacin de que usted no puede
controlar su entorno.
Cuanto ms se siente que usted puede controlar su medio ambiente, y
que las cosas que en realidad se est trabajando, ms feliz eres.
Cuando usted se encuentra frustrado, enojado y molesto,
probablemente es debido a algo que sucedi que no se poda controlar:
incluso algo pequeo. La barra espaciadora del teclado no est
funcionando bien. Al escribir, algunas de las palabras pudieran estar
pegadas. Esto es frustrante, porque est pulsando la barra de espacio y
no pasa nada. La llave a su puerta principal no funciona muy bien.
Cuando intenta convertirlo, se pega. Otra pequea frustracin. Estas
cosas se suman; estas son las cosas que nos hacen infelices sobre una
base del da a da. A pesar de que parecen ser demasiado pequea para
pensar en (quiero decir, hay personas que mueren de hambre en

frica, por amor de Dios, no puedo enojarme sobre barras de espacio

), no obstante, que cambian nuestro estado de nimo.
Hagamos una pausa por un minuto y volver a las computadoras.
Vamos a inventar un tpico usuario avanzado de Windows llamado
Pete. Cuando usted est pensando en las interfaces de usuario, ayuda a
mantener a los usuarios imaginarios en mente. El ms realista que el
usuario imaginario es, mejor se va a hacer pensar en la forma en que
utilizan su producto. Pete es un contador para una editorial tcnica
que ha utilizado Windows para seis aos en la oficina y un poco en
casa. l es bastante competente y tcnica. Se instala su propio
software; lee la revista PC Magazine, y que incluso ha programado
algunas macros de Word simples para ayudar a las secretarias en su
oficina envan facturas. Se est haciendo un mdem de cable en casa.
Pete nunca ha usado una computadora Macintosh. "Son demasiado
caro", te lo dir. "Usted puede obtener una PC de 700 Mhz con 128
Meg RAM por el precio de ..." OK, Pete. Lo conseguimos.
Un da, la amiga de Pete Gena le pide un poco de ayuda de la
computadora. Ahora, Gena tiene un Macintosh iBook, porque le
encanta las cajas translcidas. Cuando Pete se sienta y trata de usar el
Macintosh, rpidamente se frustra. "Odio estas cosas", dice. Es,
finalmente, capaz de ayudar a Gena, pero est de mal humor e infeliz.
"El Macintosh cuenta con una interfaz de usuario como torpe."
Clunky? De qu est hablando? Todo el mundo sabe que el Macintosh
tiene una interfaz de usuario elegante, no? El mismo paradigma de la
facilidad de uso?
Aqu est mi anlisis de este misterio.
En Macintosh, cuando desee mover una ventana, puede tomar
cualquiera de los bordes con el ratn y moverlo. En Windows, debe
agarrar la barra de ttulo. Si intenta agarrar un borde, se reformar la
ventana. Cuando Pete estaba ayudando a Gena, trat de ensanchar una
ventana arrastrando el borde derecho. Frustrante, toda la ventana se
movi, ms que el cambio de tamao como l esperaba.
En Windows, cuando un cuadro de mensaje aparece, puedes pulsa
enter o la barra espaciadora para cerrar el cuadro de mensaje. En el
Mac, el espacio no funciona. Generalmente, usted debe hacer clic con
el ratn. Cuando Pete consigui alertas, trat de despedirlos con la
barra espaciadora, como lo ha estado haciendo inconscientemente
durante los ltimos seis aos. La primera vez, no pas nada. Sin ni
siquiera ser consciente de ello, Pete golpe la barra espaciadora ms
difcil, ya que pensaba que el problema debe ser que el Mac no se
registr su pulsando la barra de espacio. En realidad, s - pero no le
importaba! Finalmente se utiliza el ratn. Otra pequea frustracin.
Pete tambin ha aprendido a usar Alt + F4 para cerrar las ventanas. En
el Mac, esto realmente cambia el volumen . En un momento, Pete
quera hacer clic en el icono de Internet Explorer en el escritorio, lo
que fue parcialmente cubierto por otra ventana. As que l golpe Alt +
F4 para cerrar la ventana e inmediatamente se hace doble clic en el
icono-habra sido. El Alt + F4 elev el volumen en el ordenador y no
cerr la ventana, por lo que su doble click en realidad golpe el botn
de ayuda en la barra de herramientas en la ventana que l quera
cerrado de todos modos, que de inmediato comenz a traer una
ventana de ayuda, por lo que ahora , tiene dos ventanas abiertas que se
tiene que cerrar.
Otra pequea frustracin. Pero, muchacho, se suman. Al final del da,
Pete es malhumorado y enojado. Cuando se trata de controlar las
cosas, ellos no responden. La barra espaciadora y la tecla Alt + F4 "no
funcionan" - para todos los efectos, es como si se rompieron esas
llaves. La ventana le desobedece cuando trata de hacer que sea ms

amplia, jugando un poco de broma donde slo se mueve en vez de

ensanchamiento. Inadecuado ventana. Incluso si todo el asunto es
subconsciente, la sutil sensacin de estar fuera de control se traduce
en indefensin, lo que se traduce en infelicidad. "Me gusta mi equipo",
dice Pete. "Lo tengo todo preparado para que funcione exactamente de
la manera que me gusta. Pero estos Macs son torpe y difcil de usar. Es
un ejercicio de frustracin. Si Apple ha estado trabajando en MacOS
todos estos aos, en lugar de jugar un poco con Newtons , su sistema
operativo no sera un desastre ".
Derecha, Pete. Sabemos mejor. Sus sentimientos vienen a pesar del
hecho de que el Macintosh es realmente muy fcil de usar - para
usuarios de Mac. Es totalmente arbitraria qu tecla se presiona para
cerrar una ventana. Los programadores de Microsoft, que eran,
presumiblemente, la copia de la interfaz de Mac, probablemente
pensaron que estaban aadiendo una nueva caracterstica interesante,
ya que permite cambiar el tamao de las ventanas arrastrando
cualquier borde. Los MacOS 8.0 programadores probablemente
pensaron que estaban aadiendo una nueva caracterstica fresca
cuando le permiten mover las ventanas arrastrando cualquier borde.
La mayora de las guerras de la llama usted lea acerca de los
problemas de interfaz de usuario se centran en el tema equivocado.
Windows es mejor porque le da ms maneras de cambiar el tamao
de la ventana. As que lo que? Eso no viene al caso. El punto es, la
interfaz de usuario no responde al usuario en la forma en que el
usuario espera a responder? Si no fuera as, el usuario se va a sentir
impotentes y fuera de control, lo mismo que yo senta cuando las
ruedas de la baera masa no se volvi a m me empujaron y me
encontr con una pared. Bonk.
IU es importante porque afecta a los sentimientos, las emociones y el
estado de nimo de sus usuarios. Si la interfaz de usuario est mal y el
usuario se siente como que no pueden controlar su software, que ,
literalmente, no sern felices y van a echarle la culpa a su software. Si
la interfaz de usuario es inteligente y las cosas funcionan de la manera
que el usuario los espera para trabajar, van a ser alegre como se las
arreglan para lograr metas pequeas. Hey! Arranqu un CD! Es slo
funcion! Niza software! Wooooooooooo!
Para hacer feliz a la gente, hay que dejar que ellos sienten que tienen el
control de su entorno. Para ello, es necesario correctamente
interpretar sus acciones. La interfaz tiene que comportarse de la
manera que esperan que se comporte.
Por lo tanto, el axioma cardinal de todo el diseo de interfaz de
usuario:
Una interfaz de usuario est bien diseado cuando el
programa se comporta exactamente como el usuario
pensaba que sera.

Como dijo Hillel, todo lo dems es comentario. Todas las dems

normas del buen diseo de interfaz de usuario son slo corolarios.

Captulo 2: Cmo averiguar lo que esperaban

Cuando un nuevo usuario se sienta a usar un programa, que no vienen
con una pizarra totalmente limpia. Ellos tienen algunas expectativas
de cmo creen que el programa va a funcionar. Si que han utilizado un
software similar antes, van a pensar que va a trabajar como el otro
software. Si que han utilizado cualquier software antes, van a pensar
que el software se ajuste a ciertas convenciones comunes. Pueden
tener conjeturas inteligentes sobre cmo la interfaz de usuario se va a
trabajar. Esto se conoce como el modelo de usuario : es la
comprensin mental de lo que el programa est haciendo por ellos.

El programa tambin cuenta con un "modelo mental", slo que sta se

codifica en los bits y se ejecutar fielmente por la CPU. Esto se llama el
modelo de programa , y es la ley . Como aprendimos en el captulo
uno , si el modelo del programa se corresponde con el modelo de
usuario, que tiene una interfaz de usuario con xito.
Veamos un ejemplo. En Microsoft Word (y la mayora de los
procesadores de texto), cuando se pone una imagen en el documento,
la imagen es en realidad incrustada en el mismo archivo que el
documento en s. Puede crear la imagen, arrastre en el documento, a
continuacin, elimine el archivo de imagen original , pero la imagen
todava permanecer en el documento.
Ahora, HTML no le permite hacer esto. Documentos HTML deben
almacenar sus imgenes en un archivo separado. Si usted toma un
usuario que se utiliza para los procesadores de texto, y no sabe nada de
HTML, y sentarse abajo delante de un buen editor WYSIWYG HTML
como FrontPage, es casi seguro que pensar que la imagen va a ser
almacenada en el archivo. Llame a este usuario modelo de la inercia ,
si se quiere.
As que tenemos un conflicto infeliz del modelo de usuario (la imagen
se inserta) versus modelo de programa (la imagen debe estar en un
archivo por separado), y la interfaz de usuario est obligado a causar
problemas.
Si usted est diseando un programa como FrontPage, usted acaba de
encontrar su primer problema de interfaz de usuario. Realmente no se
puede cambiar HTML. Algo tiene que dar para que el modelo de
programa de acuerdo con el modelo de usuario.
Tienes dos opciones. Usted puede tratar de cambiar el modelo de
usuario. Esto resulta ser muy duro. Usted podra explicar las cosas en
el manual, pero todo el mundo sabe que los usuarios no leer los
manuales, y que probablemente no deberan tener que. Puede que
aparezca un cuadro de dilogo poco explicando que el archivo de
imagen no se integrar, pero esto tiene dos problemas: es molesto para
los usuarios avanzados y los usuarios no leer los cuadros de dilogo, o
bien (vamos a tomar ms de esto en Captulo Seis).
As que, si la montaa no va a Mahoma ... su mejor opcin es casi
siempre va a ser para cambiar el modelo de programa, no el modelo de
usuario. Tal vez cuando se inserte la imagen, se puede hacer una copia
de la imagen en un subdirectorio bajo el archivo de documento, por lo
que al menos puede hacer coincidir la idea de que el usuario que la
imagen se copia (y el original se puede eliminar de forma segura).

Cmo puedo saber cul es el modelo de usuario

es?
Esto resulta ser relativamente fcil. Slo tienes que preguntar! Escoja
cinco personas al azar en su oficina, o amigos, o familia, y decirles lo
que su programa lo hace en trminos generales ("es un programa para
hacer pginas web"). Luego de describir la situacin: "Tienes una
pgina web que usted est trabajando, y un archivo de imagen llamado
Imagen.JPG Usted inserta la imagen en su pgina web.". Entonces
ellos hacer algunas preguntas para tratar de adivinar su modelo de
usuario. "Dnde est el cuadro? Si elimina Imagen.JPG, ser la
pgina web todava ser capaz de mostrar la imagen?"
Un amigo mo est trabajando en una aplicacin de lbum de fotos.
Despus de insertar sus fotos, la aplicacin muestra un montn de
imgenes en miniatura: pequeas copias de madrugada de cada
imagen. Ahora, la generacin de estas miniaturas tarda mucho tiempo,
especialmente si usted tiene una gran cantidad de imgenes, por lo
que quiere almacenar las imgenes en el disco duro en alguna parte
para que slo se tienen que generar una vez. Hay un montn de
maneras que poda hacer esto. Todos podan ser almacenados en un

archivo grande llamado Miniaturas . Todos podan ser almacenados

en archivos separados, en un subdirectorio llamado Miniaturas .
Puede ser que sean marcados como archivos ocultos del sistema
operativo para que los usuarios no saben acerca de ellos. Mi amigo
eligi una forma de hacerlo es que crea que era la mejor solucin de
compromiso: se almacena la imagen en miniatura de cada imagen
Picture.jpg en un nuevo archivo llamado picture_t.JPG en el
mismo directorio. Si usted hizo un lbum con 30 fotos, cuando
terminamos, haba 60 archivos en el directorio, incluyendo las
imgenes en miniatura.
Se podra argumentar durante semanas acerca de las ventajas y
desventajas de diferentes esquemas de almacenamiento de las
imgenes, pero como resulta que, no hay una manera ms cientfica
para hacerlo. Pregntale a un grupo de usuarios que piensan las
miniaturas van a almacenar. Por supuesto, muchos de ellos no saben o
no quieren cuidar, o que no han pensado sobre esto, pero si le
preguntas a un montn de gente, usted comenzar a ver algn tipo de
consenso. La eleccin popular es el mejor modelo de usuario, y le toca
a usted para hacer el modelo del programa coincide con ella.
A continuacin, usted tiene que probar sus teoras. Construir un
modelo o prototipo de su interfaz de usuario y dar algunas personas
tareas que cumplir. A medida que trabajan a travs de las tareas,
preguntarles qu creen que est pasando. Su objetivo es averiguar lo
que ellos esperan. Si la tarea es "insertar una imagen", y se ve que ellos
estn tratando de arrastrar la imagen en el programa, se dar cuenta
de que es mejor que arrastrar y soltar el apoyo. Si van al men
Insertar, te dars cuenta de que es mejor tener una opcin de imagen
en el men Insertar. Si van a la barra de herramientas de fuente y
sustituir la palabra "Times New Roman" con las palabras "Insertar
imagen", que ha encontrado una reliquia que no se ha introducido
para interfaces grficas de usuario y todava est a la espera de una
interfaz de lnea de comandos.
Cuntos usuarios Qu se necesita para probar su interfaz en? Tu
instinto puede ser "cuanto ms, mejor", lo que tiene sentido para
experimentos cientficos. Pero ese instinto es errneo. Casi todo el
mundo que hace las pruebas de usabilidad para ganarse la vida parece
pensar que cinco o seis usuarios es suficiente. Despus de eso, se
empiezan a ver los mismos resultados una y otra vez, y los usuarios
adicionales son slo una prdida de tiempo.
Usted no necesita un laboratorio de usabilidad formales, y que en
realidad no tiene que traer en los usuarios "de la calle" - se puede
hacer "pruebas de usabilidad 50 cent" en la que simplemente agarrar
la siguiente persona que ve y pide que intentar una prueba de
usabilidad rpida. Asegrese de no derramar los frijoles y les dice
cmo hacer las cosas. Pdales que "pensar en voz alta" y entrevistarlos
utilizando preguntas abiertas para tratar de descubrir su modelo
mental.

Si su modelo de programa es no trivial, que

probablemente no es el modelo de usuario.
Cuando tena 6 aos y mi padre trajo a casa una de las primeras
calculadoras de bolsillo del mundo, una HP-35, trat de convencerme
de que tena una computadora en su interior. Pens que eso era poco
probable. Todos los ordenadores de Star Trek eran del tamao de una
habitacin y tena grandes grabadores de cinta de carrete a carrete.
Pens que slo haba una correlacin inteligente entre las teclas del
teclado y los elementos individuales de la pantalla LED que le pas a
producir resultados matemticamente correctos. (Hey, yo tena 6
aos).
Una regla general importante es que los modelos de los usuarios no
son muy complejas. Cuando las personas tienen que adivinar cmo un
programa va a funcionar, tienden a adivinar las cosas simples, en lugar

de las cosas complicadas.

Sintese en una Macintosh. Abra dos archivos de hojas de clculo de
Excel y archivo de documento de Word. Casi cualquier usuario novato
adivinara que las ventanas eran independientes. Ellos miran
independiente:

El modelo de usuario dice que al hacer clic en Hoja de clculo 1 traera

esa ventana al frente. Lo que realmente sucede es que Hoja de clculo
2 llega a la parte delantera, una sorpresa frustrante para casi todo el
mundo:

Pues resulta que, modelo de programa de Microsoft Excel dice que

"usted tiene estas hojas invisibles, uno para cada aplicacin, y las
ventanas se 'pegado' a esas hojas invisibles. Cuando usted trae Excel al
primer plano, todas las dems ventanas de Excel se movern reenviar,
tambin. "
Riiiight. Hojas invisibles. Cules son las posibilidades de que el
modelo de usuario incluido el concepto de hojas invisibles?
Probablemente alrededor de cero. As que los nuevos usuarios se
sorprendern por este comportamiento.
Otro ejemplo del mundo de Microsoft Windows es la combinacin de
teclas Alt + Tab que cambia a la "prxima" ventana. La mayora de los
usuarios probablemente asumir que simplemente rota entre todas las
ventanas disponibles. Si usted tiene ventana A, B, y C, con un activo,
Alt + Tab debera llevarte a B. Alt + Tab de nuevo le llevar a C. En
realidad, lo que pasa es que la segunda Alt + Tab te lleva de vuelta a A .
La nica manera de llegar a C es mantener pulsada la tecla Alt y pulse
la tecla Tab dos veces . Es una buena manera de alternar entre dos
aplicaciones, pero casi nadie se lo imagina, porque es un modelo un
poco ms complicado que el modelo de rotacin-entre-disponibleswindows.

Ya es bastante difcil para que el modelo de programa se ajusta al

modelo de usuario cuando los modelos son simples. Cuando los
modelos se vuelven complejas, es an ms improbable. As que elige el
modelo ms simple posible.

Captulo 3: Opciones
Cuando usted va a un restaurante y ves un cartel que dice "No se
admiten perros", se podra pensar que la muestra es puramente
prescriptivo: Mr. restaurante no le gustan los perros alrededor, as que
cuando se construy el restaurante le pones ese signo.
Si eso era todo lo que estaba pasando, habra tambin una seal de
"No hay serpientes"; despus de todo, a nadie le gusta las serpientes. Y
una seal de "No hay elefantes", porque rompen las sillas cuando se
sientan.
La verdadera razn por la que es signo no es histrico: es un marcador
histrico que indica que las personas utilizan para tratar de traer a sus
perros en el restaurante.
La mayora de las seales de prohibicin estn ah porque los
propietarios de un establecimiento estaban enfermos y cansados
de la
gente que hace X, por lo que hicieron un cartel pidiendo que por favor
no . Si usted entra en uno de esos cincuenta aos comensales ma-y-pa,
al igual que el Doodle del yanqui en New Haven, las paredes estn
cubiertas con carteles que decan cosas como "Por favor, no ponga su
mochila sobre el mostrador," la evidencia ms antropolgica que las
personas utilizan para poner sus mochilas en el mostrador mucho. Por
la edad de la seal se puede averiguar cuando mochilas eran populares
entre los estudiantes locales.
A veces son ms difciles de averiguar. "Por favor no traiga botellas de
vidrio en el parque" debe significar que alguien cort a s mismos pisar
vidrios rotos al caminar descalzo por el csped una vez, y es una buena
apuesta que demandaron a la ciudad.
El software tiene un registro arqueolgico similares, tambin: se llama
el cuadro de dilogo Opciones. Tire hacia arriba de la Herramientas |
cuadro de dilogo Opciones y ver una historia de los argumentos de
que los diseadores de software tenan sobre el diseo del producto.
Hay que abrir automticamente el ltimo archivo que el usuario
estaba trabajando? S! No! Hay un debate dos semanas nadie quiere
herir los sentimientos de nadie, el programador pone en una #ifdef en
defensa propia, mientras que los diseadores se pelean. Finalmente
slo deciden hacer que sea una opcin.
Ni siquiera tiene que ser un debate entre dos personas: puede ser un
dilema interno. Yo slo no puedo decidir si debemos optimizar la base
de datos de tamao o velocidad. De cualquier manera, terminan con
cosas como lo que es inequvocamente el dilogo ms idiota "asistente"
en la historia del sistema operativo Windows. Este dilogo es tan
estpido que se merece algn tipo de premio. Un nuevo conjunto de la
categora de premio. Es el cuadro de dilogo que aparece cuando se
intenta encontrar algo en Ayuda:

El primer problema con este dilogo es que es una distraccin. Usted

est tratando de encontrar ayuda en el archivo de ayuda. Usted no, en
ese momento, les importa un comino si la base de datos es pequea,
grande, personalizado, o cubiertas de chocolate. Mientras tanto, este
cuadro de dilogo perverso, malvado le est dando conferencias poco
pedantes que debe crear una lista (o base de datos). Hay cerca de tres
prrafos all, la mayora de los cuales son completamente confuso. Ah
est la frase dolorosamente incmodo "el archivo de ayuda (s)". Usted
ve, usted puede tener uno o ms archivos. Como si importara en este
punto que no puede haber ms de uno. Como si se hizo la ms mnima
cantidad de diferencia. Pero el programador que trabajaba en ese
dilogo estaba obviamente angustiada de no creer en la posibilidad de
que podra haber ms de un archivo de ayuda (s) y sera incorrecto
decir archivo de ayuda, ahora, no?
Ni siquiera voy a comentar cmo la mayora de la gente que quiere
ayuda no son el tipo de gente que entiende este tipo de arcana. O que
incluso los usuarios avanzados, los programadores con doctorado en
Ciencias de la Computacin que saben todo acerca de los ndices de
texto completo, no sera capaz de averiguar lo que realmente se est
pidiendo a elegir.
Para colmo de males, esto no es ni siquiera un dilogo ... es un
asistente (la segunda pgina de la que slo dice algo as como "gracias
por la presentacin de ti mismo a este desperdicio innecesario de su
tiempo", para parafrasear). Y es bastante obvio que los diseadores
tenan alguna idea de cul opcin es la mejor; despus de todo, ellos
han tomado la molestia de recomendar una de las opciones.
Lo que nos lleva a nuestra segunda regla importante de diseo de la
interfaz de usuario:
Cada vez que usted proporciona una opcin, te ests
preguntando al usuario para tomar una decisin.

Preguntar al usuario a tomar una decisin no es en s mismo algo

malo. La libertad de eleccin puede ser maravillosa. Las personas
aman a pedir bebidas a base de espresso de Starbucks porque
consiguen hacer tantas opciones . Grande-media-caf descremadamocha-Valencia-con forma de ltigo. Extra caliente!
El problema viene cuando se les pregunta a tomar una decisin que no
se preocupan . En el caso de los archivos de ayuda, la gente est
buscando en el archivo de ayuda porque estn teniendo problemas
para lograr algo que realmente quieren lograr , como hacer una
invitacin de cumpleaos. Su tarea invitacin de cumpleaos ha sido
lamentablemente interrumpido porque no pueden averiguar cmo
imprimir al revs globos, o lo que sea, por lo que estn pasando en el
fichero de ayuda. Ahora, un poco de ayuda-index-motor-programador

molesto a Microsoft con una idea exagerada de su propia importancia

para todo el esquema de las cosas tiene la audacia , el descaro , para
interrumpir al usuario , una vez ms y empezar a ensear las cosas de
los usuarios acerca de hacer listas ( o bases de datos). Este segundo
nivel de interrupcin tiene relacin alguna con las invitaciones de
cumpleaos, y es simplemente garantizado para dejar perplejo y
finalmente mear fuera el usuario.
Y cree que yo, los usuarios se preocupan por muchas menos cosas que
usted podra pensar. Estn utilizando su software para realizar una
tarea. Ellos se preocupan por la tarea. Si se trata de un programa de
grficos, es probable que quieran ser capaz de controlar cada pixel
hasta el ms mnimo nivel de detalle. Si se trata de una herramienta
para construir un sitio web, usted puede apostar que son obsesivo
acerca de cmo obtener el sitio web para ver exactamente de la manera
que ellos quieren que se vea.
Ellos no , sin embargo, les importa un pice si propia barra de
herramientas del programa se encuentra en la parte superior o la parte
inferior de la ventana. No les importa cmo se indexa el archivo de
ayuda. Ellos no se preocupan por muchas cosas, y es responsabilidad
de los diseadores a tomar estas decisiones por ellos para que ellos no
tengan que hacerlo. Es el colmo de la arrogancia de un diseador de
software para infligir una eleccin de este tipo en el usuario
simplemente porque el diseador no poda pensar lo suficiente para
decidir qu opcin es realmente mejor. (Es an peor cuando intenta
encubrir el hecho de que usted est dando al usuario una eleccin
difcil mediante la conversin a un asistente, al igual que las personas
WinHelp. Como si el usuario era un tarado que necesitaba tomar un
poco de dos pasos mini-curso en la eleccin que se les ofrece para que
puedan hacer una educada decisin.)
Se ha dicho que el diseo es el arte de tomar decisiones . Cuando se
disea un bote de basura de la esquina, lo que tienes que hacer
elecciones entre exigencias contradictorias. Tiene que ser fuerte para
que no sople. Tiene que ser la luz por lo que el recolector de basura
puede volcar hacia fuera. Tiene que ser grande, por lo que puede
contener una gran cantidad de basura. Tiene que ser pequeo para que
no moleste pueblos en la acera. Cuando usted est diseando, y tratas
de abdicar su responsabilidad al obligar al usuario a decidir algo, usted
est probablemente no est haciendo su trabajo. Alguien ms va a
hacer un programa ms fcil que realiza la misma tarea con menos
intrusiones, y la mayora de los usuarios les va a encantar.
Cuando Microsoft Excel 3.0 sali en 1990, fue la primera aplicacin al
deporte una nueva caracterstica llamada una barra de herramientas.
Era una caracterstica sensible, la gente le gust, y todo el mundo lo
copi - hasta el punto de que es raro ver a una aplicacin sin que nadie
ms.
La barra de herramientas tuvo tanto xito que el equipo de Excel hizo
investigacin de campo utilizando una versin especial de Excel que se
distribuyen a unas pocas personas; esta versin mantiene estadsticas
sobre cules eran los comandos ms utilizados y les inform de nuevo
a Microsoft. Para la prxima versin, aadieron otra fila de botones de
la barra, esta vez contiene los comandos ms utilizados. Gran.
El problema era, que nunca lleg a disolver el equipo de la barra de
herramientas, que no pareca saber cundo dejar suficientemente
bueno solo. Queran que seas capaz de personalizar la barra de
herramientas. Queran que usted sea capaz de arrastrar la barra de
herramientas en cualquier lugar de la pantalla. Entonces, empezaron a
pensar en cmo la barra de men es realmente slo una barra de
herramientas glorificado con palabras en lugar de iconos, por lo que
permiten que arrastre el barra de men en cualquier lugar que quera
en la pantalla, tambin. Personalizacin en los esteroides. Problema: a
nadie le importa! Nunca he conocido a nadie que quisiera que su barra

de men en cualquier lugar excepto en la parte superior de la ventana.

Pero aqu est la (mala) broma: si intenta desplegar el men Archivo y
agarrar accidentalmente el men del bar un poco demasiado a la
izquierda, que da un tirn de toda la barra de men, arrastrndolo
hasta el nico lugar donde poda posiblemente no quiero que sea: el
bloqueo del documento que est trabajando.

Cuntas veces has visto que ? Y una vez que hayas hecho esto, por
error, no est claro lo que hiciste o cmo solucionarlo. As que aqu
tenemos una opcin (que se mueve la barra de men) que nadie quiere
(ok, tal vez 0,1% de todos los humanos lo quiere), pero que se
interpone en el camino para que casi todo el mundo.
Un da un amigo me llam. Ella estaba teniendo problemas para
enviar correo electrnico. La mitad de la pantalla era gris, dijo.
La mitad de la pantalla era de color gris?
Me tom cinco minutos a fuego el telfono para averiguar lo que haba
sucedido. Ella haba arrastrado accidentalmente la barra de
herramientas de Windows para el lado derecho de la pantalla, luego
ampliado accidentalmente:

Este es el tipo de cosa que nadie hace a propsito . Y hay una gran
cantidad de usuarios de computadoras por ah que no pueden
conseguir por s mismos de este tipo de desastre; por definicin,
cuando accidentalmente cambias una de las opciones en el programa,
usted no sabe cmo volver a reconfigurarlo. Es una especie de

chocante cuntas personas desinstalar y volver a instalar su software

cuando las cosas empiezan a comportarse mal, porque al menos saben
cmo hacerlo. (Han aprendido a desinstalar en primer lugar, porque
de lo contrario todas las personalizaciones rotos es probable que acaba
de regresar).
"Pero espera!" que usted dice. "Es importante contar con opciones
para avanzados los usuarios que deseen modificar su entorno! " En
realidad, no es tan importante como usted piensa. Esto me recuerda a
cuando trat de cambiar a un teclado Dvorak. El problema era que yo
no uso una computadora. Yo uso todo tipo de ordenadores. Yo uso las
computadoras de otras personas. Utilizo tres ordenadores con
bastante regularidad en casa y tres en el trabajo. Yo uso las
computadoras en el laboratorio de pruebas en el trabajo. El problema
con la personalizacin de su entorno es que simplemente no se
propague , por lo que es ni siquiera vale la pena.
La mayora de los usuarios avanzados utilizan varios ordenadores con
regularidad; actualizan su equipo cada dos aos, se vuelva a instalar su
sistema operativo cada tres semanas. Es cierto que la primera vez que
se dieron cuenta de que podra volver a asignar por completo el
teclado en Word, que cambi todo a su alrededor sea ms de su
agrado, pero tan pronto como se actualizan a Windows 95 esos ajustes
se perdi, y no eran los mismos en trabajan, y, finalmente, slo
dejaron de reconfigurar las cosas. Le he pedido a muchos de mis
amigos "power user" acerca de esto; casi ninguno de ellos hacer
cualquier personalizacin que no sea el mnimo necesario para que su
sistema se comporten razonablemente.
Cada vez que usted proporciona una opcin, te ests
preguntando al usuario para tomar una decisin. Eso significa
que tendrn que pensar en algo y decidir al respecto. No es
necesariamente una mala cosa, pero, en general, siempre se debe
tratar de minimizar el nmero de decisiones que las personas tienen
que hacer.
Esto no significa eliminar toda eleccin. Hay suficientes opciones que
los usuarios tendrn que hacer de todos modos: la manera en que su
documento se ver, la manera en que su sitio web se comportar, o
cualquier otra cosa que es parte integral de la labor que est haciendo
el usuario. En estas reas, se vuelven locos: es genial para dar opciones
a la gente: por supuesto, cuantos ms mejor. Y hay otra categora de
eleccin que la gente le gusta: la capacidad de cambiar el aspecto
visual de las cosas, sin cambiar realmente el comportamiento. Todo el
mundo ama las pieles de Winamp; todo el mundo pone su fondo de
escritorio a una imagen. Desde la eleccin afecta el aspecto visual sin
afectar las funciones de cualquier cosa as, y ya que los usuarios estn
completamente libres de ignorar la eleccin y hacer su trabajo de todos
modos, este es un buen uso de las opciones.

Captulo 4: Affordances y metforas

El desarrollo de una interfaz de usuario en el modelo del programa
coincide con el modelo de usuario no es fcil. A veces, los usuarios no
pueden tener una expectativa concreta de cmo funciona el programa
y lo que se supone que debe hacer. En estos casos, usted va a tener que
encontrar maneras de dar las claves de los usuarios acerca de cmo
funciona algo. Con las interfaces grficas, una forma comn para
resolver este problema es con metforas . Pero no todas las metforas
son creados iguales, y es importante para entender por qu las
metforas funcionan por lo que saben que si tienes una buena.
La ms famosa metfora es la "metfora de escritorio" que se utiliza en
Windows y Macintosh. Usted tiene estas pequeas carpetas con
archivos pequeos en ellos, que se pueden arrastrar alrededor. Puede
arrastrar un archivo de una carpeta a otra para moverlo. En la medida
en que funciona esta metfora, que es porque los pequeos cuadros de

carpetas realmente recuerdan a la gente de las carpetas, lo que les hace

darse cuenta de que ellos pueden poner los documentos en ellos.
Aqu hay una captura de pantalla de fotos Jabn de Kai. Puedes
adivinar cmo hacer un zoom?

No es muy difcil. La lupa es una verdadera metfora mundo. La gente

sabe lo que se supone que deben hacer. Y no hay temor de que la
operacin de zoom est realmente cambiando el tamao de la imagen
subyacente, ya que eso no es lo lupas hacen.
Una metfora, aunque imperfecta, funciona mucho mejor que cuando
usted no tiene uno en absoluto. Puedes encontrar la manera de hacer
un zoom con Microsoft Word?

Word tiene dos pequeas lentes de aumento en su interfaz, pero uno

de ellos est en el botn "Vista preliminar" (por alguna razn), y el
otro est en el botn "Mapa del documento", sea lo que sea. La forma
real de cambiar el nivel de zoom aqu es con el men desplegable que
se muestra actualmente "100%". No hay ningn intento de una
metfora, por lo que es ms difcil para los usuarios de adivinar cmo
zoom. Esto no es necesariamente algo malo; zoom probablemente no
es lo suficientemente importante en una aplicacin de procesamiento
de textos para justificar el mayor espacio de pantalla como Kai le da.
Pero es una apuesta segura que ms usuarios Kai ser capaz de acercar
a los usuarios de Word.
Una metfora, mal elegido, es peor que ninguna metfora en
absoluto. Recuerde el maletn de Windows 95? Este pequeo
icono lindo ocupaba un centmetro cuadrado ms o menos
en el escritorio de todo el mundo por algunos aos hasta que Microsoft
se dio cuenta de que nadie lo quera. Y nadie lo quera, porque era una
metfora roto. Se supona que iba a ser un "maletn", donde puso los
ficheros para llevar a casa. Pero al tomar la casa archivos, que todava
tena que ponerlos en un disquete. As que, te los pones en el maletn
o en un disquete? No estoy seguro. No entiendo el maletn. Nunca
pude conseguir que funcione.

Affordances

Objetos bien diseados dejan claro cmo funcionan slo con mirarlos.
Algunas puertas tienen grandes placas de metal a nivel del brazo. La
nica cosa que usted puede hacer para una placa de metal es
empujarlo. En palabras de Donald Norman, la placa permite empujar.
Otras puertas tienen grandes, manijas redondeadas que slo dan
ganas de tirar de ellos. Incluso implican cmo quieren que usted
coloque su mano en la manija. El mango proporciona traccin. Hace
que te quieres tirar de ella.
Otros objetos no estn diseados tan bien y no se puede decir lo que se
supone que debes hacer. El ejemplo por excelencia es la caja de CD, lo
que requiere que usted coloque sus pulgares tan y tirar en una
direccin determinada. Nada sobre el diseo de la caja indicara cmo
se supone para abrirlo. Si usted no sabe el truco, es muy frustrante,
porque la caja no se abrir.
La mejor manera de crear un affordance es hacerse eco de la forma de
la mano humana en el "espacio negativo". Fjate bien en el (excelente)
cmara digital Kodak DC-290, que se muestra aqu delante y detrs:

En el frente, se puede ver un agarre de goma grande que slo se parece

a sus dedos derechos encajan ah. Incluso ms inteligente, en la parte
posterior, en la esquina inferior izquierda, se puede ver una sangra
que se asemeja misteriosamente a una huella digital. Cuando usted
pone su pulgar izquierdo all, sus rizos dedo ndice izquierdo
cmodamente en la parte frontal de la cmara, entre la lente y otra
nubbin goma. Proporciona una especie de sensacin reconfortante
usted no ha sentido desde que chup el pulgar (y se acurruc su dedo
ndice alrededor de su nariz).
Los ingenieros de Kodak estn tratando de persuadirlo para que sujete
la cmara con ambas manos, en una posicin que se asegura de que la
cmara ser ms estable e incluso mantiene los dedos perdidos desde
el bloqueo de la lente por error. Todo este caucho no es funcional, su
nico propsito es animar a sostener la cmara correctamente.
Bueno UI equipo utiliza affordances, tambin. Hace unos diez aos, la
mayora de los botones se fueron "3D". El uso de tonos de gris, que
parecen salirse de la pantalla. Esto no es slo ir a la moda: es
importante ya que los botones 3D permitirse empujar. Parecen que
sobresalen y se ven como la manera de manejarlos es haciendo clic
sobre ellos. Desafortunadamente, muchos sitios web en estos das (que
desconocen el valor de affordances) preferiran tener botones que
parecen frescos en lugar de botones que parecen ser empujado ; como
resultado, a veces tienes que buscar alrededor para averiguar dnde
hacer clic. Mira esta web banner:

El "Go" y los botones "Iniciar sesin" estallar hacia fuera y miran

como puede hacer clic en ellos. El mapa del sitio y los botones de
Ayuda no se ven tan puede hacer clic, de hecho, se ven exactamente
como la etiqueta COTIZACIONES que no es seleccionable.

Hace unos cuatro aos, muchas ventanas comenzaron a

brotar tres pequeas crestas en la esquina inferior
derecha que se parece a un agarre. Parece que el tipo de
cosa que alguien pondra en un interruptor deslizante
para aumentar la friccin. Se ofrece arrastrando.
Simplemente pide que ser arrastrado a estirar la ventana.
Por ltimo, uno de los mejores ejemplos de affordances es el famoso
"dilogo con fichas". Recuerde el viejo panel de control de Mac?

La idea era que elija uno de los iconos de la (desplazamiento) lista de

la izquierda. Al hacer clic en el icono, el lado derecho de la pantalla
cambia. Por alguna razn, este tipo de direccionamiento indirecto era
increblemente lgica a los programadores que lo disearon, pero
muchos usuarios no lo entenda. Entre otras cosas, la gente rara vez
encontraron la manera de desplazarse por la lista para obtener ms de
los primeros paneles de control 4. Pero de manera ms crtica, la
mayora de la gente simplemente no entendan que haba una
conexin entre los iconos y el dilogo. Los iconos en realidad parece
que son una de las opciones.
A partir de 1992 aproximadamente, estas interfaces empezaron a
desaparecer, para ser reemplazado por un nuevo invento llamado
dilogos con pestaas:

Los dilogos con pestaas son una gran potencialidad. Es muy

evidente en esta imagen que usted tiene seis fichas; es muy obvio que
la ficha que te encuentres, y es muy obvio cmo cambiar a una ficha
diferente. Cuando Microsoft usabilidad primera prueba de la interfaz
de dilogo con pestaas, usabilidad subi de alrededor del 30% (el
antiguo camino Mac) y el 100%. Literalmente cada testee era capaz de
averiguar los dilogos con pestaas. Dado el notable xito de esta
metfora, y el hecho de que el cdigo de dilogos con pestaas est
integrado en Windows y disponible prcticamente gratis, es un
milagro que todava ve las aplicaciones que no se aprovechan de ellos.
Estas aplicaciones sufren,, problemas de usabilidad en el mundo real
medibles reales porque se niegan a conseguir con el programa.

Captulo 5: Coherencia y Otros Hobgoblins

Los principales programas de la suite Microsoft Office, Word y Excel,
se desarrollaron a partir de cero en Microsoft, pero otros fueron
comprados a empresas externas, en particular FrontPage (comprado a
Vermeer) y Visio, comprados de Visio. La cosa estos dos programas
tienen en comn? Ellos fueron originalmente diseados para verse y
sentirse como aplicaciones de Microsoft Office.
La decisin de emular la interfaz de usuario de Office no era
simplemente para "aspirar" a Microsoft o para posicionar a las
empresas para la adquisicin; de hecho, Charles Ferguson, que
desarroll FrontPage, no vacila en admitir su antipata por Microsoft;
l repetidamente suplic el Departamento de Justicia para hacer algo
acerca de los Beasties Redmond (hasta que vendi su compaa a ellos,
despus de lo cual su posicin se volvi mucho ms complicado). De
hecho Vermeer y Visio parecen haber copiado la interfaz de usuario de
Office principalmente porque era conveniente: era ms fcil y ms
rpido que reinventar la rueda.
Cuando Mike Mathieu, gerente de programa de grupo en Microsoft,
descarg FrontPage desde el sitio web de Vermeer y lo prob, funcion
mucho como Word. Desde que trabaj tanto como l espera un
programa para trabajar, era ms fcil de usar. Y esta facilidad de uso le
dio una impresin favorable del programa de la derecha del palo.
Ahora, cuando Microsoft obtiene una impresin favorable de un
programa de buenas a primeras, que desembolsar $ 150 millones
aproximadamente. Su objetivo es, probablemente, ms modesto; usted
quiere que sus clientes obtengan una impresin favorable y
desembolsar tal vez de $ 39. Pero es la misma idea: la consistencia
hace que la facilidad de uso que a su vez hace que los buenos
sentimientos que resultan en ms dinero para usted.
Es difcil sobreestimar cunto consistencia ayuda a las personas a
aprender y utilizar una amplia variedad de programas. Antes de
interfaces grficas de usuario, cada programa se reinvent los
fundamentos mismos de la interfaz de usuario. Incluso una operacin
tan simple como "salida" que cada programa tena que tener era
completamente inconsistente. En aquellos das, la gente hizo un punto
de memorizacin, por lo menos, el comando exit de programas
comunes para que pudieran salir y ejecutar un programa que
entendan. Fanticos de Emacs memorizan ": q!" (Y nada ms) en caso
de que alguna vez se vieron atrapados en vi por error, mientras que vi
a los usuarios memorizados "Cx Cc" (Emacs, incluso tiene su propia
manera de representar los caracteres de control). All en la tierra DOS,
ni siquiera se poda utilizar WordPerfect a menos que tuvieras una de
esas dorky modelos de teclado de plstico que recordaban lo que Alt +
Ctrl + F3 hizo. Yo slo memoric F7 que tienes demonios salir de all.
No slo eso, sino que las pequeas inconsistencias en cosas como el
comportamiento escritura predeterminado (sobrescribir o insertar)
puede volverte loco . He acostumbrado tanto a Ctrl + Z que significa
"deshacer" en las aplicaciones de Windows que cuando uso Emacs
constantemente estoy minimizando la ventana (Ctrl + Z) por error. (Lo
curioso es que la misma razn Emacs interpreta Ctrl + Z como
minimizar es por "coherencia" con la interfaz de usuario excelente,
csh , el shell C de UNIX.) Esta es una de esas pequeas frustraciones
que se suma a una sensacin general de infelicidad.
Para tomar un ejemplo an ms pequeo, Pico y Emacs tanto usar Ctrl
+ K para borrar lneas, pero con un poco diferente comportamiento
que habitualmente maltrata mi documento cada vez que me encuentro
en Pico. Estoy seguro de que tiene una docena de ejemplos de su
propia.
En los primeros das de Macintosh, antes de Microsoft Windows, los

evangelistas de Apple dijo a todos que el usuario medio de Mac utiliza

ms diferentes programas para hacer su trabajo que el usuario medio
de DOS. No recuerdo el nmero exacto, pero creo que fue algo as
como 1 o 2 programas para el usuario medio de DOS contra doce
programas para un usuario de Mac. La razn fue que era tan fcil de
aprender un nuevo programa en el Mac, ya que generalmente
trabajaban de la misma manera.
La consistencia es un principio fundamental de un buen diseo de
interfaz de usuario, pero no deja de ser un corolario del axioma de
"hacer que el modelo de programa que coincida con el modelo de
usuario", ya que el modelo de usuario es probable que refleje la forma
en que los usuarios ven otros programas de comportarse. Si el usuario
ha aprendido que el texto haciendo doble clic significa selecto palabra
, se les puede mostrar un programa que nunca han visto antes y que va
a suponer que la forma de seleccionar una palabra es hacer doble clic
en l. Y ahora, ese programa mejor selectas palabras cuando haga
doble clic en (a diferencia de, por ejemplo, buscar la palabra en el
diccionario), o bien usted tiene un problema de usabilidad.
Si la consistencia es tan obviamente beneficioso, por qu estoy
perdiendo tu tiempo y el mo es evangelizar? Por desgracia, hay una
fuerza oscura ah fuera que lucha contra la consistencia, y que es la
tendencia natural de los diseadores y programadores para ser
creativo.
Ahora, me gusta ser el que le diga que "no ser creativo", pero, por
desgracia, para hacer una interfaz de usuario fcil de usar, usted va a
tener que canalizar su creatividad en alguna otra rea. En la mayora
de las decisiones de la interfaz de usuario, antes de disear algo desde
cero, a pesar de todo tiene que ver lo que otros programas populares
estn haciendo y que emular lo ms fielmente posible. Si va a crear un
programa de edicin de documentos de algn tipo, es mejor que
busque un montn, como Microsoft Word, a los aceleradores en los
elementos de men que tienen en comn. Algunos de los usuarios se
utilizarn para Ctrl + S para guardar; algunos de ellos se utilizar para
Alt + F, S para guardar, y an otros se utilizarn para Alt, F, S (soltar la
tecla Alt). Otro grupo buscar el disquete en la zona superior izquierda
del programa y haga clic en l. Los cuatro mejores trabajos, o sus
usuarios van a conseguir algo que no queran.
He visto empresas donde la gestin se enorgullece de hacer las cosas
deliberadamente diferente de Microsoft. "El hecho de que Microsoft lo
hace, no significa que sea correcto", se jactan, y luego proceder a crear
una interfaz de usuario gratuitamente distinta a la que la gente est
acostumbrada. Antes de empezar a cantar el mantra de que "slo
porque Microsoft lo hace, no significa que sea correcto", por favor,
considere dos cosas:
1. Incluso si no est bien, si Microsoft lo est haciendo en un
popular programa como Word, Excel, Windows o Internet
Explorer, entonces, millones de personas van a pensar que es lo
correcto, o al menos, bastante estndar, y que van a suponga que
su programa funciona de la misma manera. Incluso si usted
piensa (como los ingenieros de Netscape 6.0 claramente lo
hacen) que Alt + Izquierda no es un buen atajo para "Volver",
hay literalmente millones de personas ah fuera que intentarn
usar Alt + Izquierda para volver, y si usted se niega a hacerlo en
algn principio religioso general de que Bill Gates es el pitufo
malvado archienemigo Gargamel, entonces usted est recin
gratuitamente arruinando su programa de modo que usted
puede sentirse engredo y satisfecho de s mismo, y tus usuarios
no se le agradecer por l .
2. Y no seas tan seguro de que no est bien. Microsoft gasta ms
dinero en pruebas de usabilidad que t, mantienen estadsticas
detalladas en base a millones de asistencia tcnica de llamadas
telefnicas, y hay una buena probabilidad de maldito que lo

hicieron de esa manera debido a que ms personas puedan

encontrar la manera de usarlo de esa manera.
Para crear un buen programa con una interfaz de usuario usable, vas a
tener que dejar su religin en la puerta, gracias. Microsoft no puede
ser la nica empresa a copiar: si ests haciendo una librera en lnea,
usted probablemente debe asegurarse de que su sitio web es de al
menos semnticamente lo mismo que Amazon. Amazon mantiene su
carrito de compras alrededor de 90 das. Se podra pensar que son
extra-inteligente y vaciar la cesta despus de 24 horas. Si usted hace
esto, habr clientes de Amazon que ponen cosas en su carrito de
compras y volver dos semanas ms tarde esperando que todava est
all. Cuando se ha ido, que ha perdido un cliente.
Si ests haciendo un editor de fotos de gama alta para los profesionales
grficos, le aseguro que el 90% de sus usuarios se va a saber Adobe
Photoshop, as que mejor se comporta una diablos de un lote como
Photoshop en las reas donde su programa se superpone. Si no lo
hace, la gente va a decir que su programa es difcil de usar, incluso si
usted piensa que es ms fcil de usar que Photoshop, ya que no se
comporta de la manera que esperamos.
Hay otra tendencia popular a reinventar los controles comunes que
vienen con Windows. Ni siquiera me empez a Netscape 6 Hubo un
tiempo en que usted podra decir a los programas que se compilan con
el compilador C de Borland ++ porque usaron grasa grandes botones
OK con casillas verdes gigantes. Esto no fue tan malo como Foto Jabn
de Kai:

Bien, entonces, es increblemente hermosa, pero la O con una lnea a

travs de l (que en realidad significa "no") me recuerda a "OK", y el
estndar en Windows es tener bien a la izquierda, as que terminan
golpeando la botn equivocado mucho. El nico beneficio de tener
smbolos divertidos en vez de "Aceptar" y "Cancelar" como todo el
mundo es que se llega a demostrar lo creativo que eres. Si la gente
comete errores debido a la creatividad de Kai, bueno, eso es slo el
precio que tienen que pagar por estar en presencia de un artista .
(Otro problema de este "dilogo" es que no tiene una barra de ttulo
estndar que se puede utilizar para mover el dilogo alrededor de la
pantalla. As que si el dilogo se interpone en el camino de algo que
desea ver el fin de responder la pregunta en el cuadro de dilogo, usted
est fuera de suerte.)
Ahora, hay mucho que ganar con una elegante interfaz de usuario, de
apariencia fresca. Un buen diseo grfico como Kai es agradable y
atraer a la gente a su programa. El truco est en hacerlo sin romper
las reglas. Puede cambiar el aspecto visual de los cuadros de dilogo,
un poco, pero no romper la funcionalidad.
Cuando se escribi la primera versin de Juno, tena el registro de
serie en dilogo que le solicita un nombre de usuario y una contrasea.
Despus de haber introducido el nombre de usuario, que se supona
que presione TAB para ir al campo de contrasea y escriba una
contrasea.
Ahora, esto distrajo a uno de los gerentes de programacin de Juno,
que tena mucha ms experiencia con UNIX que con Windows, por lo
que l estaba acostumbrado a escribir el nombre de usuario, a
continuacin, pulsar ENTER para saltar al campo de contrasea (en

lugar de TAB). Ahora, cuando ests escribiendo un programa dirigido

a los usuarios de Windows no expertos, un programador de UNIX es
probablemente no el ejemplo ideal de un usuario tpico, pero este
director fue muy insistente en que la tecla enter debe moverse al
siguiente campo en lugar de hacer la cosa estndar de Windows "OK".
"El hecho de que Microsoft lo hace, no significa que sea correcto",
trin.
As que los programadores gastan una cantidad muy notable de
tiempo a escribir algo de cdigo manejo cuadro de dilogo
increblemente complicado para evitar el comportamiento
predeterminado de Windows. (Ser inconsistente es casi siempre ms
trabajo de lo que acaba de actuar como su plataforma espera que
actes). Este cdigo fue una gran pesadilla para el mantenimiento; no
lo hizo puerto tan bien cuando nos mudamos de 16 bits a 32 bits de
Windows. No hizo lo que la gente espera. Y a medida que los nuevos
programadores se unieron al equipo, que no entendan por qu haba
esta extraa subclase para los dilogos.
Una gran cantidad de programadores han intentado reimplementar
varios controles comunes de Windows, desde los botones a las barras
de desplazamiento de las barras de herramientas y barras de mens
(cosa favorita del equipo de Microsoft Office para reimplementar).
Netscape 6.0 va tan lejos como para reimplementar cada control de
Windows comn. Esto por lo general tiene algunos efectos negativos
imprevistos. El mejor ejemplo es con la caja de edicin. Si
reimplementar el cuadro de edicin, hay una gran cantidad de
utilidades que usted ni siquiera saba sobre (como la edicin en chino
de complementos y versiones bidireccionales de Windows que
admitan de derecha a izquierda de texto) que se va a detener trabajar
porque no reconocen su cuadro de edicin no estndar. Algunos de los
crticos de la versin preliminar de Netscape 6.0 se dio cuenta de que
la casilla URL, utilizando un control de edicin no estndar Netscape,
no es compatible con las caractersticas comunes de control de edicin
como botn derecho del ratn para obtener un men contextual.
Cuando usted se encuentra discutiendo con un fundamentalista antiMicrosoft o un diseador grfico creativo acerca de la consistencia,
que son propensos a citar a Emerson incorrectamente: "La
consistencia es el duende de las mentes pequeas ..." La cita real es
"Un tonto consistencia es la duende de las mentes pequeas ". Los
buenos diseadores de interfaz de usuario utilizan coherencia con
inteligencia, y, aunque no puede mostrar su creatividad, as, a la larga
hace que los usuarios ms felices.

Captulo 6: Diseo para las personas que tienen

mejores cosas que hacer con sus vidas
Al disear interfaces de usuario, que es una buena idea para mantener
dos principios en mente:
1. Los usuarios no tienen el manual, y si lo hicieran, no podran
leerlo.
2. De hecho, los usuarios no pueden leer cualquier cosa, y si
pudieran, no querran.
Estos no son, estrictamente hablando, hechos , sino que debe actuar
como si fueran hechos, porque har que su programa sea ms fcil y
ms amable. Disear con estas ideas en mente se llama respeto al
usuario , lo que significa, no tener mucho respeto por el usuario.
Confundido? Me explico.
Qu significa hacer algo fcil de usar ? Una forma de medir esto es
ver qu porcentaje de usuarios en el mundo real son capaces de
completar tareas en una determinada cantidad de tiempo. Por
ejemplo, supongamos que el objetivo de su programa es permitir a la
gente a convertir fotos de cmaras digitales en un lbum de fotos web.

Si usted se sienta un grupo de usuarios medios con su programa y pide

a todos para completar esta tarea, entonces el ms usable su programa
es, mayor es el porcentaje de usuarios que sern capaces de crear con
xito un lbum de fotos web. Para ser cientfica al respecto, imagina
100 usuarios del mundo real. No son necesariamente familiarizados
con los ordenadores. Ellos tienen diferentes experiencias y
capacidades, pero algunos de ellos no claramente no tienen talentos en
el rea de computacin. Algunos de ellos estn siendo distrados
mientras tratan de utilizar su programa. El telfono est sonando.
Qu? El beb est llorando. Qu? Y el gato sigue saltando sobre la
mesa y bateo alrededor del ratn. I No te oigo!
Ahora, incluso sin ir a travs de este experimento, puedo afirmar con
cierta seguridad que algunos de los usuarios simplemente no puede
terminar la tarea, o van a tener una extraordinaria cantidad de tiempo
en hacerlo. Yo no quiero decir que estos usuarios son estpidos . Muy
por el contrario, son probablemente muy inteligente, o tal vez son
grandes atletas, pero vis--vis su programa , no son ms que no
aplican la totalidad de sus habilidades motoras y las clulas cerebrales
para el uso de su programa. Usted est consiguiendo solamente el 30%
de su atencin, por lo que tiene que conformarse con un usuario que,
desde el interior del equipo, no parece estar jugando con una cubierta
llena.
Los usuarios no leen el manual.

En primer lugar, que en realidad no tienen el manual. Puede que no

sea un manual. Si hay uno, el usuario no puede tenerlo, para todo tipo
de razones lgicas: son en el avin; que estn utilizando una versin de
demostracin descargado de su sitio web; estn en casa y el manual es
en el trabajo; su departamento de SI nunca dio ellos el manual. Incluso
si tienen el manual, francamente, que simplemente no van a leerlo a
menos que absolutamente no tienen otra opcin. Con muy pocas
excepciones, los usuarios no acurrucarse con su manual y leerlo a
travs antes de comenzar a utilizar el software. En general, los
usuarios estn tratando de conseguir algo hecho , y que ven la lectura
del manual como una prdida de tiempo, o por lo menos, como una
distraccin que les impide conseguir su tarea hecha.
El mismo hecho de que usted est leyendo este libro te pone en un
selecto grupo de personas altamente alfabetizadas. S, lo s, las
personas que usan computadoras son en general capaces de leer, pero
le garantizo que un buen porcentaje de ellos se encuentra la lectura sea
una tarea. El idioma en que est escrito el manual puede no ser su
lengua materna, y pueden no ser totalmente fluido. Pueden ser nios!
Pueden descifrar el manual si realmente debe , pero seguro que no van
a leerlo si no tienen que hacerlo. Los usuarios hacen la lectura manual
just-in-time, sobre una base estrictamente necesario-a-saber.
El resultado de todo esto es que es probable que tenga ms remedio
que disear su software de modo que no necesita un manual en el
primer lugar. La nica excepcin que se me ocurre es si los usuarios no
tienen ningn conocimiento del dominio - que no entienden realmente
lo que el programa est destinado a hacer, pero ellos saben que mejor
aprenden. Un gran ejemplo de esto es inmensamente populares
QuickBooks programa de contabilidad de pequeas empresas de
Intuit. Muchas de las personas que usan este programa son
propietarios de pequeas empresas que simplemente no tienen idea de
lo que est involucrado en la contabilidad. El manual para QuickBooks
asume esto y asume que tendr que ensear a la gente los principios
bsicos de contabilidad. No hay otra manera de hacerlo. Sin embargo,
si lo hace saber contabilidad, QuickBooks es fcil de usar y sin el
manual.
De hecho, los usuarios no leen nada .

Esto puede sonar un poco duro, pero ya vers, cuando haces pruebas
de usabilidad, que hay un buen nmero de usuarios que simplemente
no leen las palabras que usted pone en la pantalla. Si usted hace
estallar una casilla de error de cualquier tipo, simplemente no lo
leern. Esto puede ser desconcertante para usted como programador,
porque usted se imagina a s mismo como la realizacin de un dilogo
con el usuario. Hey, usuario! No puede abrir ese archivo, no apoyamos
ese formato de archivo! Sin embargo, la experiencia demuestra que
mientras ms palabras que pones en ese cuadro de dilogo, menos
gente en realidad lo leern.
El hecho de que los usuarios no leen el manual lleva a muchos
diseadores de software a asumir que van a tener que educar a los
usuarios mediante la descripcin de las cosas sobre la marcha. Usted
ve esto todo el lugar en los programas. En principio, est bien, pero en
realidad, la aversin de la gente a la lectura significa que esto casi
siempre se va a meter en problemas. Diseadores de interfaz de
usuario con experiencia, literalmente, tratan de minimizar el nmero
de palabras en los dilogos para aumentar las posibilidades de que sus
hijos recibirn leer. Cuando trabaj en Juno, la gente de IU entienden
este principio y trataron de escribir corto, claro, de texto simple.
Tristemente, el CEO de la compaa haba sido un importante Ingls
en una universidad de la Ivy League; l no tena ninguna formacin en
la interfaz de usuario de diseo o ingeniera de software, pero seguro
que pens que era un buen editor de la prosa. As que l vet el texto
realizado por los diseadores profesionales de interfaz de usuario y
aade un montn de su propia verborrea. Un dilogo tpico de Juno se
ve as:

Compare esto con el dilogo equivalente desde Windows:

Intuitivamente, se puede suponer que la versin de Juno, con 80

palabras de instrucciones, sera "superior" (es decir, ms fcil de usar)
que la versin de Windows, con 5 palabras de instrucciones. En
realidad, cuando se ejecuta un test de usabilidad en este tipo de cosas,

usted encontrar que

los usuarios avanzados se saltan las instrucciones. Ellos asumen
que saben cmo usar las cosas y no tienen tiempo para leer las
instrucciones complicadas
la mayora de los usuarios novatos se saltan las instrucciones. No
les gusta leer mucho y esperan que los valores por defecto va a
estar bien
los usuarios novatos restantes que no, sinceramente, intentan
leer las instrucciones (algunos de los cuales slo estn leyendo
ellos porque es un test de usabilidad y se sienten obligados) a
menudo se confunden por el gran nmero de palabras y
conceptos. As que incluso si estaban bastante seguros de que
seran capaces de utilizar el dilogo cuando lleg por primera
vez, las instrucciones realmente los confundieron an ms .
Ahora, Juno era obviamente micro gestionados all de toda razn. Ms
al punto, si usted es un gran Ingls de Columbia, entonces usted est
en un todo diferente de la liga de la alfabetizacin a la media Joe, y
usted debe tener mucho cuidado con los dilogos de redaccin para
que se parezcan tiles para usted. Acortarlo, mudo hacia abajo,
simplificar, deshacerse de las clusulas complicadas entre parntesis, y
test de usabilidad. Pero no escribir cosas que se parecen a las notas de
la facultad de la Ivy League. Incluso la adicin de la palabra "por
favor" a un dilogo, que puede parecer amable y corts, que va a
retrasar la gente hacia abajo: el aumento de la masa de la redaccin se
va a reducir, por un porcentaje medible, el nmero de personas que
leen el texto.
Otro punto importante es que muchas personas se sienten
intimidados por las computadoras . Usted probablemente sabe
esto, verdad? Pero es posible que no se dan cuenta de las
implicaciones de esto. Yo estaba viendo un amigo intenta salir de
Juno. Por alguna razn, ella estaba teniendo un poco de problemas.
Me di cuenta que cuando intenta salir de Juno, el siguiente cuadro de
dilogo aparece:

Ella estaba golpeando No , y entonces ella estaba un poco sorprendido

de que Juno no haba salido. El mismo hecho de que Juno estaba
cuestionando su eleccin la hizo de inmediato asumir que ella estaba
haciendo algo mal. Por lo general, cuando los programas piden que
confirme un comando, es porque ests a punto de hacer algo que te
puedas arrepentir. Ella haba asumido que si el equipo estaba
cuestionando su juicio, entonces el equipo debe haber estado en lo
cierto, porque, despus de todo, las computadoras son computadoras
donde como ella era meramente un humano , por lo que ella golpe
"No."
Es demasiado pedir a la gente a leer 11 palabras piojosos? Bueno, al
parecer. En primer lugar, ya que salir de Juno no tiene efectos
deletreos, Juno debera haber salido solo y sin pedir confirmacin,
como cualquier otro programa de interfaz grfica de usuario de la
existencia. Pero incluso si usted est convencido de que es
fundamental que las personas confirman antes de salir, puede hacerlo
de dos palabras en lugar de 11:

Sin el completamente innecesario "gracias" y el remordimiento

inspirador "ests seguro? ", este dilogo es mucho menos probable
que cause problemas. Los usuarios tendrn sin duda leer las dos
palabras, decir "um, duh?" para el programa, y libra la tecla S.
Claro, el cuadro de dilogo de confirmacin Juno Exit hace tropezar a
una pocas personas, que usted dice, pero es que la gran cosa? Todo el
mundo finalmente logran salir del programa. Pero aqu radica la
diferencia entre un programa que es posible utilizar en comparacin
con un programa que es fcil de usar. Incluso los experimentados
usuarios inteligentes avanzados apreciarn las cosas que usted hace
para hacer ms fcil para los usuarios principiantes,, inexpertos
distrados. Baeras del hotel tienen grandes barras de apoyo. Ellos
estn ah para ayudar a las personas con discapacidad, pero todo el
mundo los usa de todos modos para salir de la baera. Ellos hacen la
vida ms fcil, incluso para el buen estado fsico.
En el prximo captulo, voy a hablar un poco sobre el ratn. Al igual
que los usuarios no / no se / no pueden leer, algunos no son muy
buenos en el uso del ratn, as que hay que adaptarse a ellos.

Captulo 7: Diseando para personas que tienen

mejores cosas que hacer con sus vidas, segunda parte
Cuando el Macintosh era nuevo, Bruce "Tog" Tognazzini escribi una
columna en la revista de desarrolladores de Apple en la interfaz de
usuario. En su columna, la gente escribi en con un montn de
interesantes problemas de diseo de interfaz de usuario, que se
discute. Estas columnas continan hasta hoy en su sitio web. Tambin
han sido recogidos y adornados en un par de grandes libros, como Tog
en Diseo de Software , que es muy divertido y una gran introduccin
al diseo de la interfaz de usuario. (Tog en Interface fue an mejor,
pero es fuera de impresin.)
Tog invent el concepto de la barra de men de alta millas de explicar
por qu la barra de men en la Macintosh, que siempre est pegado a
la parte superior de la pantalla fsica, es mucho ms fcil de usar que
las barras de mens en Windows, que aparecen dentro de cada
ventana de la aplicacin . Cuando usted quiere sealar al men
Archivo en Windows, usted tiene una meta de aproximadamente
media pulgada de ancho y un cuarto de una pulgada de alto para
adquirir. Debe mover y posicionar el ratn con bastante precisin,
tanto en la vertical y las dimensiones horizontales.
Pero en un Macintosh, se puede cerrar de golpe el ratn hasta la parte
superior de la pantalla, sin tener en cuenta lo alto que se cierra de
golpe, y haremos una parada en el borde fsico de la pantalla - la
posicin vertical correcta para utilizar el men. As que, efectivamente,
tiene un objetivo que sigue siendo la mitad de una pulgada de ancho,
pero una milla de altura. Ahora slo tiene que preocuparse por el
posicionamiento del cursor horizontalmente, no verticalmente, por lo
que la tarea de hacer clic en un elemento de men es mucho ms fcil.
Basndose en este principio, Tog tiene una prueba sorpresa: cules
son los cinco puntos en la pantalla que son ms fciles de adquirir
(punto a) con el ratn? La respuesta: las cuatro esquinas de la pantalla
(en el que, literalmente, puede cerrar de golpe el ratn all de una sola
vez sin que apunta en absoluto), adems, la posicin actual del ratn,
porque ya est all.
El principio de la barra de men de una milla de altura es bastante

conocida, pero no debe ser del todo evidente, porque el equipo de

Windows 95 se perdi el punto por completo con el pulsador de
arranque, sentado casi en la esquina inferior izquierda de la pantalla,
pero no exactamente . De hecho, es cerca de 2 pxeles de distancia de
la parte inferior y 2 pxeles desde la izquierda de la pantalla. As que,
por el bien de un par de pxeles, Microsoft literalmente "arrebata la
derrota de las fauces de la victoria" , Tog escribe, y hace que sea
mucho ms difcil de adquirir el botn de inicio. Podra haber sido una
milla cuadrada, absolutamente trivial para golpear con el ratn. Por el
bien de algo, no s qu, no lo es. Que Dios nos ayude.
En el captulo anterior, hablamos sobre cmo los usuarios odian leer, y
lo evitarn a menos que absolutamente no pueden cumplir su tarea.
Del mismo modo:
Los usuarios no pueden controlar el ratn muy bien.

No quiero decir esto literalmente. Lo que quiero decir es, debe disear
el programa de modo que no se requiere una enorme cantidad de
ratn agilidad para usarlo bien. Top seis razones:
1. A veces las personas estn utilizando dispositivos sealadores
subptimas, como trackballs, trackpad y la cosita roja en un
ThinkPad, que son ms difciles de controlar que los ratones
verdaderos.
2. A veces la gente est utilizando ratones en malas condiciones: un
escritorio lleno de gente; un trackball sucio lo que el ratn
omitir; o el propio ratn es un clon de 5 dlares que simplemente
no camino correcto.
3. Algunas personas son nuevas en las computadoras y todava no
han desarrollado las habilidades motoras para utilizar ratones
con precisin.
4. Algunas personas literalmente nunca tendrn las habilidades
motoras para utilizar ratones con precisin, y nunca lo harn.
Ellos pueden tener artritis, temblores, tnel carpiano; que sean
muy jvenes o muy viejos; o cualquier otro nmero de
discapacidades.
5. Muchas personas encuentran que es muy difcil para hacer doble
clic sin mover ligeramente el ratn. Como resultado, a menudo
arrastran las cosas en su pantalla cuando quieren decir con el
lanzamiento de aplicaciones. Se puede decir que estas personas
porque sus escritorios son un desastre, porque la mitad del
tiempo que tratan de poner en marcha algo, ellos terminan
movindose en su lugar.
6. Incluso en la mejor de las situaciones, el uso del ratn mucho se
siente lento a la gente. Si se obliga a la gente a realizar una
operacin de mltiples pasos con el ratn, se puede sentir como
que estn siendo estancadas que a su vez hace que la interfaz de
usuario siente que no responde, que, como usted debe saber a
estas alturas, les hace infelices.
En vosotros viejos tiempos cuando trabaj en Excel, las computadoras
porttiles no vienen con dispositivos sealadores incorporados, por lo
que Microsoft hizo una bola de seguimiento con clip que recorta al
lado del teclado. Ahora, un ratn se controla con la mueca y la mayor
parte de los dedos. Esto es muy parecido a la escritura, y que
probablemente se desarroll habilidades motoras muy precisos para la
escritura en la escuela primaria. Sin embargo, una rueda de
desplazamiento se controla por completo con el pulgar. Como
resultado, es mucho ms difcil de controlar una bola de seguimiento
para el mismo grado de precisin que un ratn. La mayora de las
personas encuentran que pueden controlar un ratn para dentro de
uno o dos pxeles, pero slo puede controlar una bola de seguimiento
para dentro de 3 o 4 pxeles. En el equipo de Excel, siempre inst a la
gente a probar sus nuevas interfaces de usuario con la rueda de
desplazamiento, en lugar de slo con un ratn, para ver cmo se
sentira a personas que no son capaces de conseguir el ratn para ir

exactamente donde lo quieren.

Uno de los elementos de la interfaz que ms me molesta es la lista
combinada desplegable. Esa es la nica que tiene este aspecto:

Al hacer clic en la flecha hacia abajo, se expande:

Piense en cuntas detallada clics del ratn que va a tener que elegir,
por ejemplo, Times New Roman. En primer lugar, usted tiene que
hacer clic en la flecha hacia abajo. Luego, utilizando la barra de
desplazamiento, usted tiene que desplazarse con cuidado hasta Times
New Roman est a la vista. Muchos de estos mens desplegables estn
descuidadamente diseado para mostrar slo dos o tres elementos a la
vez, por lo que este desplazamiento es nada fcil, especialmente si
usted tiene una gran cantidad de fuentes. Implica ya sea arrastrando
cuidadosamente el pulgar (con un pequeo rango de movimiento tal,
es probable que sea poco probable que esto va a funcionar), o haciendo
clic repetidamente en la segunda flecha hacia abajo, o tratando de
hacer clic en el rea entre el pulgar y el rea de abajo - que con el
tiempo dejar de funcionar cuando el pulgar se lo suficientemente
bajo, le molesta an ms. Por ltimo, si usted se las arregla para
conseguir Times New Roman a la vista, lo que tienes que hacer clic en
l. Si se olvida, se llega a empezar todo de nuevo. Ahora multiplique
por 10, si, por ejemplo, desea utilizar una fuente de lujo de la primera
letra de cada uno de sus captulos, y eres muy infeliz.
El control desplegable combo poxy es an ms molesto porque no hay
una solucin tan fcil: basta con hacer el desplegable el tiempo
suficiente como para contener todas las opciones. 90% de los cuadros
combinados por ah ni siquiera utilizar todo el espacio disponible para
caer abajo, que es un pecado . Si no hay suficiente espacio entre el
cuadro de edicin principal y la parte inferior de la pantalla, en el
men desplegable debe crecer hasta hasta que se adapta a todos los
artculos, incluso si tiene que recorrer todo el camino desde la parte
superior de la pantalla fsica a la parte inferior de la pantalla fsica. Y
luego, si todava hay ms elementos que en forma, dejar que el
desplazamiento combinado de forma automtica cuando el ratn se
acerca al borde, en lugar de exigir a los pobres usuarios que meterse
con una barra de desplazamiento weensy teensy.
Por otra parte, no me hagas clic en la pequea flecha pequea a la
derecha del cuadro de edicin antes de que el pop hasta el combo:
djame clic en cualquier lugar en el cuadro combinado. Esto expande
el objetivo click sobre diez veces y hace que sea mucho ms fcil para
adquirir el blanco con el puntero del ratn.
Echemos un vistazo a otro problema con pasar el ratn: cuadros de
edicin. Usted puede haber notado que casi todos los cuadro de
edicin en el Macintosh usa un gordo, ancho de fuente, negrita
llamada Chicago que se parece un poco feo y angustia diseadores
grficos que no tiene fin. Los diseadores grficos (a diferencia de los
diseadores de interfaz de usuario) se les ha enseado que las fuentes
espaciadas delgadas, variables son ms amables, se ven mejor y son
ms fciles de leer. Todo esto es cierto. Pero los diseadores grficos
aprendieron sus habilidades en el papel , no en la pantalla. Cuando
usted necesita para editar texto, espacio sencillo tiene una gran
ventaja sobre las fuentes espaciamiento variable: es ms fcil de ver y
seleccionar letras estrechas como "l" y la "i". Aprend esta leccin

despus de ver a un hombre de sesenta aos en un test de usabilidad

dolorosamente tratando de modificar el nombre de su calle, que era
algo as como Fillmore Street. Estbamos usando 8 puntos Arial, por
lo que el cuadro de edicin se vea as:

Observe que el yo y los Ls son literalmente un pxel de ancho . La

diferencia entre una minscula I y una minscula L es, literalmente,
un pxel. (Del mismo modo, es casi imposible ver la diferencia entre
este cuadro de edicin en realidad podra decir Fillrnore "RN" y "M"
en minsculas, por lo que.)
Hay muy pocas personas que se dara cuenta si lo escrito mal Flilmore
o Fiilmore o Fillrnore, e incluso si lo hicieran, tendran una diablos de
un tiempo tratando de usar el ratn para seleccionar la letra infractor y
corregirlo. De hecho, ellos incluso tienen dificultades para usar el
cursor parpadeante, que es de dos pxeles de ancho, para seleccionar
una sola letra. Mira lo fcil que habra sido si se hubiera utilizado una
fuente de grasa (que se muestra aqu con Courier Negrita)

Bien, bien, por lo que ocupa ms espacio y no se ve tan fresco a sus

diseadores grficos. Tratar con l! Es mucho ms fcil de usar; que
incluso se siente mejor utilizar porque mientras el usuario escribe, que
reciben, texto clara y ntida, y es mucho ms fcil de editar.
Aqu hay un patrn de pensamiento programador comn: slo hay tres
nmeros: 0, 1, y n . Si n es permitido, todos los n s 'son igualmente
probables. Este patrn de pensamiento viene de la creencia
(probablemente cierto) que no debera tener ningn constantes
numricas en el cdigo de excepcin de 0 y 1. (Constantes distintos de
0 y 1 se les conoce como "nmeros mgicos". Yo no hago incluso
quiero entrar en la gestalt de que .)
As, por ejemplo, los programadores tienden a pensar que si su
programa le permite abrir varios documentos, debe permitir que abras
infinitamente muchos documentos (como la memoria lo permite), o
por lo menos 2 ^ 32, los nicos programadores de nmeros mgicos
conceden. Un programador tendera a mirar con desdn a un
programa que te limita a 20 documentos abiertos. Qu es el 20? Por
qu 20? Ni siquiera es una potencia de 2!
Otra implicacin de todos los n de son igualmente probable es que los
programadores han tendido a pensar que si los usuarios pueden
cambiar el tamao y mover ventanas, deben tener completa
flexibilidad sobre donde estas ventanas van, hasta el ltimo pxel.
Despus de todo, la colocacin de una ventana de 2 pxeles desde la
parte superior de la pantalla es "igualmente probable", como la
colocacin de una ventana exactamente en la parte superior de la
pantalla.
Pero no es cierto. Como resultado, hay un montn de buenas razones
por las que usted puede ser que desee una ventana exactamente en la
parte superior de la pantalla (que maximiza el espacio de la pantalla),
pero no hay ninguna razn para dejar 2 pxeles entre la parte superior
de la pantalla y la parte superior de la ventana. As que, en realidad, 0
es mucho ms probable que 2.
Los programadores ms de Nullsoft, creadores de WinAmp , de alguna
manera lograron evitar el programador piensa que ha encarcelado el
resto de nosotros durante una dcada. WinAmp tiene una gran
caracterstica. Cuando usted comienza a arrastrar la ventana cerca del
borde de la pantalla, que no superen unos pocos pxeles, que
automticamente se ajusta al borde de la pantalla perfectamente. Que
es probablemente exactamente lo que quera, ya que 0 es mucho ms

probable que 2. (La ventana principal de Juno tiene una caracterstica

similar: es la nica aplicacin que he visto en mi vida que es
"encerrado en una caja" en la pantalla y no puedo ser arrastrado ms
all del borde.)
Se pierde un poco de flexibilidad, pero a cambio, se obtiene una
interfaz de usuario que reconoce que el control del ratn con precisin
es difcil, as que por qu debera hacerlo? Esta innovacin (que cada
programa puede utilizar) alivia la carga de la gestin de ventanas de
una manera inteligente. Mira de cerca a su interfaz de usuario, y
darnos a todos un descanso. Haga de cuenta que somos gorilas,
orangutanes o tal vez inteligentes, y realmente tenemos problemas con
el ratn.

Captulo 8: Diseando para personas que tienen

mejores cosas que hacer con sus vidas, Tercera parte
Uno de los primeros principios de interfaces GUI era que no se debe
pedir a la gente a recordar las cosas que la computadora poda
recordar. El ejemplo clsico es el cuadro de dilogo Abrir archivo, que
muestra a la gente una lista de archivos en lugar de pedirles que
recordar y escriba el nombre exacto del archivo. La gente recuerda las
cosas mucho mejor cuando se les da algunas pistas, y que haban
siempre en lugar de elegir algo de una lista que tiene que recuperarlo
de la memoria.
Otro ejemplo son los propios mens. Histricamente, proporcionando
un completo men de comandos disponibles sustituido a los antiguos
interfaces de lnea de comandos, en el que tuvo que memorizar los
comandos que quera usar. Y esto es, fundamentalmente, la razn por
la interfaz de lnea de comandos slo son no mejores que las interfaces
GUI, no importa lo que tus amigos te dicen UNIX. Utilizando una
interfaz de lnea de comandos es como tener que aprender coreano
para pedir comida en una sucursal de Sel de McDonalds. Utilizando
una interfaz de men basado es como ser capaz de apuntar a la comida
que quieras y asiente con la cabeza vigorosamente: transmite la misma
informacin con ninguna curva de aprendizaje.
Considere el proceso de seleccin de archivos en un programa de
grficos tpicos:

Por suerte, Windows 98 introdujo el soporte de miniaturas, para que

pueda ver los archivos como este:

Esto hace que sea mucho ms fcil para abrir el archivo que desea; que
ni siquiera toma el esfuerzo mental para asignar palabras en imgenes.
Usted puede ver el principio de mnima de memoria en el trabajo en
caractersticas como la finalizacin automtica, tambin. Incluso si
usted tiene que escribir algo, algunos programas hacen conjeturas
acerca de lo que ests a punto de tipo educados:

En este ejemplo, tan pronto como se escribe "M", Excel estima que es
probable que sea tecleando Hombre, porque usted ha escrito
Masculino antes en esta columna, y propone que, como la finalizacin
automtica. Pero la "ale" se preselecciona de manera que si no te
refieres al tipo masculino, puede seguir escribiendo (quizs "ystery") y
sobrescribir conjetura de Excel sin ningn esfuerzo perdido.
Microsoft Word se vuelva un poco arrastrados adivinar lo que vas a
escribir, como cualquiera que haya usado alguna vez ese producto
durante el mes de mayo merry ha descubierto:

Disear para la gente que tiene mejores cosas que

hacer con sus vidas, Redux
En los captulos anteriores, he criado tres principios:
Los usuarios no leen cosas ( captulo 6 )

Los usuarios no pueden utilizar el ratn ( captulo 7 )

Los usuarios no pueden recordar nada
Usted podra estar empezando a tener la impresin de que yo creo que
los usuarios son idiotas. No es cierto. Faltar el respeto a sus usuarios
es cmo el software arrogante como Microsoft Bob se crea (y tirado en
la basura), y nadie est muy contento.
Por otra parte, hay una especie mucho peor de arrogancia en el diseo
de software: la arrogante presuncin de que "mi software es tan
maldito fro, la gente va a tener que deformar sus cerebros a su
alrededor." Este tipo de descaro es bastante comn en el mundo del
software libre. Hey, Linux es gratis! Si no eres lo suficientemente
inteligente como para descifrarlo, no te mereces a utilizarlo!
Aptitud humana tiende hacia la curva de campana. Tal vez el 98% de
sus clientes son lo suficientemente inteligentes como para usar un
aparato de televisin. Alrededor del 70% de ellos puede utilizar
Windows. 15% puede utilizar Linux. 1% puede programar. Pero slo el
0,1% de ellos se puede programar en un lenguaje como C ++. Y slo el
0,01% de ellos puede averiguar programacin Microsoft ATL. (Y todos
ellos, sin excepcin, tienen barbas y anteojos .)
El efecto de esta fuerte cada es que cada vez que "baja la barra", de
incluso una pequea cantidad, por lo que su programa, por ejemplo,
un 10% ms fcil de usar, que dramticamente aumenta el nmero de
personas que pueden utilizarlo, por ejemplo, por 50%.
As que, yo realmente no creo que la gente es idiotas, pero creo que si
constantemente intenta disear el programa de modo que es bastante
fcil para los imbciles a utilizar, usted va a hacer un programa
popular, fcil de usar que la gente como . Y usted se sorprender por la
forma en lo que parecen ser pequeas mejoras de usabilidad se
traduce en mucho ms clientes.
Una buena manera de evaluar la usabilidad de un programa o de
dilogo que nunca has visto antes es actuar un poco estpido. No lea
las palabras en el cuadro de dilogo. Hacer suposiciones aleatorias
acerca de lo que hacen las cosas sin verificar. Trate de usar el ratn con
un solo dedo. Hacer un montn de errores, y en general retorcerse. A
ver si el programa hace lo que quiere, o al menos, le gua con cuidado
en lugar de la voladura. S impaciente. Si usted no puede hacer lo que
quiere de inmediato, darse por vencido. Si la interfaz de usuario no
puede soportar su actuacin en general, inmaduro y estpido, se
podra utilizar un cierto trabajo.

Captulo 9: El proceso de diseo de un producto

Hemos hablado de los principios de un buen diseo, pero los
principios solamente le dan una forma de evaluar y mejorar un diseo
existente. Pero ... cmo averiguar lo que el diseo del dang debe estar
en el primer lugar? Mucha gente escribe grandes esquemas
funcionales de todas las caractersticas que pensaban hasta. Luego de
disear cada uno, y cuelgan fuera de un elemento de men (o pgina
web). Cuando hayan terminado, el programa (o sitio web) tiene toda la
funcionalidad que queran, pero no fluya bien. Las personas se sienten
y no saben lo que hace, y no saben cmo lograr lo que quieren.
La solucin de Microsoft a esto es algo que se llama actividad de
planificacin basado. (Por lo que yo puedo decir, este concepto fue
inventado por Mike Conte en el equipo de Excel, que se aburri de eso
y pas a una segunda carrera como piloto de carreras). La idea clave es
averiguar la actividad que el usuario est haciendo, y se centran en lo
que es fcil para llevar a cabo esa actividad. Esto se ilustra mejor con
un ejemplo.
Usted ha decidido hacer un sitio web que permite a las personas a

crear tarjetas de felicitacin. Utilizando un enfoque un tanto ingenuo,

es posible llegar a una lista de caractersticas como este:
1. Aadir texto a la tarjeta
2. Aadir foto a la tarjeta
3. Obtener la tarjeta prediseado de la biblioteca
4. Enviar tarjeta:
a. Uso del correo electrnico
b. Por imprimirlo

Por falta de una mejor forma de pensar sobre el problema, esto podra
conducir a una misma interfaz de usuario tpico de Macintosh, circa1984: un programa que comienza con una tarjeta en blanco, con
elementos de men para aadir texto, imgenes, tarjetas de carga de
un biblioteca, y enviar tarjetas. Y entonces lo que el usuario va a tener
que hacer es sentarse y navegar por los mens, tratando de averiguar
todos los comandos disponibles, y luego hacer su propia sntesis de
cmo poner estos comandos atmicos juntos para crear una tarjeta.
Ahora, la actividad basada en la planificacin, dice que usted necesita
para llegar a una lista de actividades que los usuarios pueden hacer.
Por lo tanto, hable con sus usuarios potenciales, y que llegar a esta
lista "top tres":
1. Saludo de cumpleaos
2. Invitacin de la fiesta
3. Aniversario de felicitacin
Ahora, en lugar de pensar acerca de su programa como un
programador (en trminos de las caractersticas que usted necesita
tener para hacer una tarjeta ), si est pensando en ello como el
usuario, en trminos de, qu actividades est haciendo el usuario, en
concreto:
1. El envo de una tarjeta de cumpleaos
2. Planificacin de una fiesta e invitar a la gente a que
3. Envo de una tarjeta de aniversario
De repente, todos los tipos de ideas se apresure en la cabeza. En lugar
de comenzar con una tarjeta en blanco, es posible comenzar con un
men como este:
Qu es lo que quieres hacer?
Enviar una tarjeta de cumpleaos
Enviar una tarjeta de aniversario
Enviar una invitacin del partido
Comience con una tarjeta en blanco

De pronto, los usuarios encontrarn mucho ms fcil para empezar

con su programa, sin tener que navegar alrededor de los mens, ya
que el programa ser prcticamente guiarlos a travs de los pasos para
completar la actividad. (Existe el riesgo de que si usted no eligi las
actividades correctamente, enajenar o confundir a los usuarios que
podran haber sido capaces de utilizar su programa, por ejemplo, para
enviar una tarjeta de Januc, pero no veo que como una opcin. As
que tenga cuidado en la seleccin de las actividades que cubren la
mayor parte del mercado que desea orientar la campaa.)
La sola observacin de nuestra lista de tres actividades sugiere algunas
funciones muy tiles que es posible que desee agregar. Por ejemplo, si
va a enviar una tarjeta de cumpleaos o un aniversario, es posible que
desee que se le recuerde el prximo ao para enviar una tarjeta a la
misma persona ... as que usted puede agregar una casilla de
verificacin que dice "me recuerdan el ao que viene". Y una invitacin
del partido necesita una forma de confirmar su asistencia, por lo que
podra aadir una caracterstica que le recoja Reservas de lugar de
personas por va electrnica. Ambas ideas cuentan casi se le salieron

de ver la actividad que los usuarios estaban realizando en lugar de las

caractersticas de la aplicacin.
Este ejemplo es trivial; para cualquier aplicacin seria, las
recompensas de la actividad basada en la planificacin son an
mayores. Cuando usted est diseando un programa desde cero, ya
tiene una visin de lo que las actividades de los usuarios van a estar
haciendo. Averiguar esta visin no es difcil en absoluto, se necesita
casi ningn esfuerzo en absoluto para hacer un poco de lluvia de ideas
con los compaeros de trabajo, escriba una lista de actividades
posibles, y luego decidir cules desea enfocar. Pero obligar a usted a la
lista de estas actividades en el papel le ayudar a su diseo general
enormemente.
Planificacin basada en la actividad es an ms importante cuando se
est trabajando en la versin dos de un producto que la gente ya se
estn utilizando. Aqu, puede ser una cuestin de la observacin de
una muestra de clientes para ver lo que estn utilizando su programa
para.
En los das de Excel 1.0 hasta la 4.0, la mayora de la gente en
Microsoft cree que la actividad de los usuarios ms comn estaba
haciendo financiera qu pasara si los escenarios, donde se hacen
cosas como cambiar la tasa de inflacin y ver cmo esto afecta su
rentabilidad.
Cuando estbamos diseando Excel 5.0, la primera versin importante
utilizar seria planificacin basado en la actividad, slo tuvimos que ver
unos cinco clientes de utilizar el producto antes de que nos dimos
cuenta de que un enorme nmero de personas slo tiene que utilizar
Excel para mantener listas . Ellos no estn entrando en las frmulas o
realizar cualquier clculo en absoluto! Ni siquiera habamos
considerado antes. Mantener listas result ser mucho ms popular que
cualquier otra actividad con Excel. Y esto nos llev a inventar toda una
gran cantidad de caractersticas que hacen que sea ms fcil mantener
las listas de clasificacin: fcil, entrada de datos automtica, la
caracterstica Autofiltro que le ayuda a ver un trozo de su lista, y
caractersticas multiusuario que permiten a varias personas trabajan
en la misma lista al mismo tiempo, mientras que Excel
automticamente reconcilia todo.
Aunque Excel 5 se estaba diseando, Lotus haba enviado una hoja de
clculo "nuevo paradigma" llamado Improv. De acuerdo con las notas
de prensa, Improv era toda una nueva generacin de hoja de clculo,
que iba a volar lejos de todo lo que exista antes de l. Por diversas
razones extraas, Improv disponible por primera vez en el NeXT, que
ciertamente no ayudar a sus ventas, pero un montn de gente
inteligente cree que Improv sera a NeXT como VisiCalc fue la Apple
II: sera la aplicacin asesina que la gente hizo salir a comprar todo el
hardware nuevo slo para ejecutar un programa.
Por supuesto, Improv es ahora una nota al pie en la historia. Buscar en
la web, y los nicos enlaces que encontrar son de gerentes trastero
muy sobre-organizados que han, por alguna razn, hechas de un sitio
web con un inventario de todas las cosas que han de recoger el polvo.
Por qu? Porque en Improv, era casi imposible simplemente hacer
listas. Los diseadores Improv pensaban que las personas estaban
usando hojas de clculo para crear modelos financieros
multidimensionales complicados. Resulta que, si se pregunta a la
gente, ellos descubren que hacer listas era mucho ms comn de lo
que los modelos financieros multi-dimensionales, y en Improv, hacer
listas era una francamente tarea, si no imposible.
As que la actividad basada en la planificacin es til en la versin
inicial de la aplicacin, donde usted tiene que hacer conjeturas acerca
de lo que la gente quiere hacer, pero es an ms til cuando usted est

planeando la actualizacin, ya que entiende lo que sus clientes estn

haciendo.
Otro ejemplo, desde la web, es la evolucin de deja.com , que comenz
como un enorme ndice de bsqueda de Usenet llamado DejaNews. La
interfaz original, bsicamente, tena un cuadro de edicin y dijo
"buscar Usenet para bla , "y eso fue todo. En 1999, un poco de
planificacin basado en la actividad mostr que una actividad comn
de usuario estaba haciendo una investigacin sobre un producto o
servicio, de la naturaleza ", que coche debo comprar". Deja fue
completamente reorganizada, y hoy en da, es ms de un servicio de
investigacin de la opinin del producto: la capacidad de buscar
Usenet es casi completamente oculto. Esto molest al pequeo
nmero de usuarios que utilizaban el sitio para buscar si su tarjeta de
vdeo Matrox trabaj con Redhat Linux 5.1, pero deleit a la poblacin
mucho mayor de usuarios que slo quera comprar la mejor cmara
digital.
La otra gran cosa acerca de la planificacin basada en la actividad es
que le permite crear una lista de lo que cuenta no hacer. Al crear
cualquier tipo de software, la realidad es que va a llegar a tres veces
tantas caractersticas como usted tiene tiempo para hacerlo. Y una de
las mejores maneras de decidir que cuenta hacer, y que cuenta se
quede fuera, es la evaluacin que cuenta con apoyo a las actividades
de los usuarios ms importantes .

Usuarios imaginarios.
Los mejores diseadores de interfaz de usuario en la industria estn de
acuerdo en una cosa: hay que inventar y describir algunos usuarios
imaginarios antes de poder disear la interfaz de usuario. Usted puede
recordar de nuevo en la introduccin de este libro , introduje un
usuario imaginario Pete:
Pete es un contador para una editorial tcnica que ha utilizado
Windows para seis aos en la oficina y un poco en casa. l es
bastante competente y tcnica. Se instala su propio software; lee
la revista PC Magazine, y que incluso ha programado algunas
macros de Word simples para ayudar a las secretarias en su
oficina envan facturas. Se est haciendo un mdem de cable en
casa. Pete nunca ha usado una computadora Macintosh. "Son
demasiado caro", te lo dir. "Usted puede obtener una PC de 700
Mhz con 128 Meg RAM por el precio de ..." OK, Pete. Lo
conseguimos.

Cuando usted lea esto, casi se puede imaginar un usuario. Tambin

podra haber inventado otra muy diferente tipo de usuario:
Patricia es un profesor de Ingls que ha escrito varios libros bien
recibidos-de la poesa. Ella ha sido el uso de computadoras para
el procesamiento de textos a partir de 1980, aunque los dos
nicos programas que nunca usa son Nota Bene (un antiguo
procesador de textos acadmicos) y Microsoft Word. Ella no
quiere dedicar tiempo a aprender la teora de cmo funciona el
equipo, y ella tiende a almacenar todos sus documentos en el
directorio que iran si no sabas acerca de los directorios.

Obviamente, el diseo de software para Pete es muy diferente de

diseo de software para Patricia, quien a su vez es muy diferente de
Mike, un joven de 16 aos que corre Linux en casa, habla en IRC
durante horas, y no utiliza ningn software "Micro $ oft".
Cuando inventas estos usuarios, pensando en si su diseo es
apropiado se vuelve mucho ms fcil. Por ejemplo, una gran cantidad
de programadores tienden a sobreestimar la capacidad del usuario
tpico de entender las cosas. Cada vez que escribo algo sobre las
interfaces de lnea de comandos que son difciles de usar, me sale el
aluvin de correo electrnico inevitable decir que las interfaces de
lnea de comandos son ultra-potente porque puede hacer cosas como

'gunzip foo.tar.gz | tar xvf -'. Pero tan pronto como usted tiene que
pensar en conseguir Patricia escribir "gunzip ..." se hace evidente que
ese tipo de interfaz no va a servir a sus necesidades, siempre.
Pensando en una persona "real" le da la empata que necesita para
hacer una funcin que sirve las necesidades de esa persona. (Por
supuesto, si usted est haciendo el software de copia de seguridad de
Linux para administradores de sistemas avanzados, es necesario
inventar un personaje como "Frank" que se niega a tocar Windows,
que slo se refiere como un "sistema operativo" entre comillas, utiliza
su propia versin de tcsh personalmente modificado, y se ejecuta X11
con cuatro xterms baldosa durante todo el da. Y cerca de 11 xperfs.)
En resumen , el diseo de un buen software tarda alrededor de seis
pasos:
1. Inventa algunos usuarios
2. Averiguar las actividades importantes
3. Averiguar el modelo de usuario - cmo el usuario esperar para
realizar aquellas actividades
4. Esbozar el primer borrador del diseo
5. Iterar sobre su diseo una y otra vez, por lo que es ms fcil y
ms fcil hasta que est dentro de las capacidades de sus
usuarios imaginarios
6. Vea los seres humanos reales que tratan de utilizar su software.
Tenga en cuenta las reas donde la gente tiene problemas, que
probablemente muestran reas donde el modelo de programa no
se adapta a cada tipo de usuario.
Bueno UI vende software, sino que tambin hace que la gente feliz ,
porque la gente es feliz cuando logran la tarea que queran lograr.
Razn por la cual el diseo de interfaz de usuario es un campo tan
satisfactorio estar en. Dnde ms vas a tener la oportunidad de hacer
que millones de personas en apenas un poco ms felices?
Quieres saber ms? Usted est leyendo Joel on Software , relleno
con aos y aos de delirar completamente locos artculos sobre
desarrollo de software, gestin de equipos de software, diseo de
interfaces de usuario, corriendo las empresas de software de xito, y
patitos de goma.
Sobre el autor. Soy Joel Spolsky, co-fundador de Trello y Fog Creek
Software , y director general de Pila Intercambio . Ms acerca de m.
2000-2014 Joel Spolsky

Ha estado preguntando acerca

de Distributed Control de
versiones? Ha sido
una bendicin
enorme productividad
para nosotros, as que
escrib Hg Init, un
tutorial Mercurial -check un
vistazo!