Está en la página 1de 34

Diseo de iconos e interfaz de usuarios: Mens

Grupo 3 Integrantes: Fabin Lizarme Urdnegui (201218364) Karla Madrigal Valverde (201143174) Adrin Marn Chvez (201038701) Luis Martnez Madriz (200840919) Christian Matarrita Aguirre(201119193) Olman Mndez Arias (200670311)

Instituto Tecnolgico de Costa Rica Diseo de Software IC-6821 Prof. Ignacio Rivera

7-2-2014

Tabla de contenido
Pautas para el diseo de iconos ....................................................................................... 3 Sobre los gneros y familias de los iconos de las aplicaciones ................................ 3 Consejos para disear iconos ........................................................................................ 4 Usando la perspectiva y textura para reflejar la realidad ........................................ 5 Escalando el trabajo artstico ......................................................................................... 6 Brindando una mejor experiencia de Cover Flow ...................................................... 7 Diseando Iconos de la Barra de Herramientas. ......................................................... 7 Diseando Iconos de la Barra Lateral. .......................................................................... 9 Diseando Iconos de Documentacin. ..................................................................... 10 Iconos de Galera. .......................................................................................................... 12 Directrices de elementos de interfaz de usuario: mens ............................................. 13 Apariencia del men y comportamiento .................................................................. 13 Titulacin de mens ....................................................................................................... 14 Nombramiento de los elementos del men .............................................................. 14 Agrupar elementos del men ...................................................................................... 15 Proporcionar elementos de men dinmicos ........................................................... 16 Proporcionar toggled tems en el men .................................................................... 16 Uso de iconos en el men ............................................................................................. 17 Usar Smbolos en Mens. ............................................................................................... 18 Crear Mens Jerrquicos .............................................................................................. 19 Diseo de mens para la barra de men. ................................................................. 19 El Men Apple. ................................................................................................................ 19 Men Aplicacin. ........................................................................................................... 20 El Men Archivo .............................................................................................................. 22 El Men de Edicin. ........................................................................................................ 23 El men de formato ....................................................................................................... 25 El Men de vista (Men ver) ......................................................................................... 26 Mens especficos de una aplicacin ........................................................................ 27 El Men de la Ventana. ................................................................................................. 28 El Men de Ayuda. ......................................................................................................... 29 Barra de Men Extra. ..................................................................................................... 30 Diseando Mens Contextuales. ................................................................................. 31 1

Diseando un Men Dock. ........................................................................................... 32

Pautas para el diseo de iconos


Sobre los gneros y familias de los iconos de las aplicaciones
Las aplicaciones estn clasificadas por roles (aplicacin de usuario, utilidad de software, entre otros) y cada rol est asociado a un estilo o gnero de icono. Por ejemplo, existen dos tipos de gneros que son fciles de distinguir y estos son los de las aplicaciones y los de las utilidades, el primero presenta iconos vvidos e invitantes y el segundo presenta iconos con apariencia ms seria. Una familia de iconos es un conjunto de iconos que reutilizan cierto elemento grfico. De esta manera se puede mencionar iTunes.

Consejos para disear iconos


Crear iconos con una forma nica y realista: los iconos deben tener la forma de los objetos que representan. De esta manera el usuario puede reconocer con solo una mirada el cono. No reutilizar un icono de iOS en Mac OS: Esto dara a entender a los usuarios que el programa no est orientado especficamente al Mac OS. Se debe usar imgenes universales que la gente pueda reconocer fcilmente : Pro ejemplo, para el icono de un correo es ms fcil reconocer una estampa postal que una caja de correo. Inclinarse a la simplicidad: se debe optar por usar un objeto que capture la esencia de la aplicacin. Usar colores y sombras juiciosamente para ayudar al icono decir su historia: No se debe usar colores en exceso. Elegir la perspectiva correcta para el icono: se quiere que la perspectiva del icono concuerde con la perspectiva de otros iconos del mismo gnero. Evitar usar greek text o resaltar mucho el texto: En caso de que se quiera mostrar texto en el icono pero no se quiera que este mismo robe toda la atencin. Crear una versin idealizada del tema en vez de usar una foto: es mejor aumentar la realidad en una forma artstica que tan solo usar una simple foto. Crear un archivo .icns: esto ya que este formato es apto para iconos de aplicaciones y de documentos.

Usando la perspectiva y textura para reflejar la realidad


Los ngulos y sombras usados de diferentes formas intentan reflejar la manera en que el objeto se ve en el mundo real. Los iconos de aplicaciones se visualizan como si este estuviera en un escritorio en frente de uno.

Los iconos de utilidad se visualizan como si estuvieran en un estante en frente de uno.

Un objeto en tres dimensiones se ve ms realista si se visualiza como si estuviera puesto en el suelo.

Para los iconos de las barras de herramientas se visualiza el objeto como si estuviera en un estante en frente de uno con la sombra debajo de l. Los iconos que representan objetos reales deben verse como si estuvieran hechos con materiales reales. Se debe usar la transparencia solo cuando sea conveniente y tenga sentido.

Escalando el trabajo artstico


Para que los iconos se vean bien en todos los lugares hay que crearlo con los siguientes tamaos: 1024 x 1024p 512 x 512p 256 x 256p 128 x 128p 32 x 32p 16 x 16p

Si se tiene la costumbre de empezar con un icono maestro grande para luego escalarlo a ms pequeos, es buena prctica hacerlo en una dimensin que sea mltiplo de los tamaos de los iconos que se necesiten. En general, los iconos ms grandes son los que deben tener una textura ms rica, ms detalles y un mejor realismo.

Brindando una mejor experiencia de Cover Flow


Debido a que en el Finder CoverFlow view, los iconos son presentados en un fondo negro, con una superficie muy brillante. Es por esto que el icono debe tomar ciertas caractersticas las cuales son: SI el icono contiene sombra, esta debe ser completamente negra. Si el icono tiene una superficie brillante oscura, se debe considerar usar un brillo a los bordes para que se pueda ver con el fondo negro. Evitar darle a las partes importantes del icono altos niveles de transparencia.

Diseando Iconos de la Barra de Herramientas.


Los tems de la barra de herramientas dan al usuario un fcil acceso para frecuentemente usar comandos. Para representar estos comandos en la barra de herramientas, se necesitan pequeos iconos que el usuario pueda fcilmente distinguir y recordar. En general, lo mens y la ventanas de documentar alcanzan una delicadeza, una apariencia discreta utilizando iconos aerodinmicos dentro de controles de botones de barra de herramientas.

Los botones de icono son ocasionalmente usados en la barra de herramientas de men y una ventana de documentacin. Como la barra de herramientas del Keynote muestra aqu.

Los botones de icono tienden a ser ms comunes en las barras de herramientas ventanas de preferencias, donde usualmente son usados como pane switchers.

Por ejemplo, la ventana de preferencias de Safari despega algunos botones de icono que dan al usuario acceso a diferentes categoras de preferencia.

Identificar las partes de ese usuario que se prestan a la presentacin visual. El modelo mental que usuarios tienen de sus tareas de aplicaciones son usualmente basados en acciones dela vida real. Por ejemplo, los iconos de los botones son similares al de un dispositivo fsico como el iPod.

Hacer iconos de barra de herramientas distintas, pero armonioso. Cada icono debe ser fcilmente distinguibles de los otros, con el fin de que aprendan a asociarlos y los localicen fcilmente. Para los iconos para poner dentro de los controles de la barra de herramientas, crear imgenes de la plantilla simplificados. Estas imgenes pueden transmitir conocimiento a travs del delineado y el contorno, y pueden incluir pequeos detalles adentro.

Cuando se disean iconos dentro un control de la barra de herramientas, como un botn o segmento de control, siguen los siguientes lineamientos: crear icono con una medida mximo de 19x19 pixeles, hacer un delineado cuadrado y claro, usar una perspectiva lineal, usar negro, usar anti-aliasing, usar el formato PDF, y cerciorarse de que la imagen esta visualmente centrada en el control. Para los botones iconos deben seguir lo siguientes lineamientos, como: usar una perspectiva lineal, hacer un delineado cuadrado y claro, usar una perspectiva lineal, usar anti-aliasing, usar colores juiciosamente para aadir significado, que tengan una medida mxima de 32x32 pixeles, y usar formato de PDF.

Diseando Iconos de la Barra Lateral.


Si la aplicacin incluye una barra lateral, se necesita iconos que desplieguen en ella. Por ejemplo, el Mail, el mailbox contiene una lista de iconos que representan buzones de correo del usuario, y los recordatorios.

Los iconos son pequeos y aerodinmicos, pero proveen ms detalles internos y un delineado ms realista que lo iconos que van dentro de los controles de la barra de herramientas. Para lograr esto se vea de esta forma como imaginndose un rayo X del objeto debe tener en mente, usar transparencia para capturar los detalles.

Para disear un iconos de una barra lateral, deben seguir los siguientes lineamientos: crear cada icono de tres tamaos (16x16 pixeles, 18x18 pixeles, 32x32 pixeles), usar negro combinado con transparencia, hacer un delineado cuadrado y claro, usar el formato PDF, y usar una perspectiva lineal. Debe tomar en cuenta que al invertir la imagen esta tenga sentido con la otra, debe chequear que cuando seleccionar aparezca el inverso de la imagen. Como por ejemplo del icono del bote de basura aparece de esta forma cuando no est seleccionado:

Pero cuando esta seleccionado, el icono del bote de basura se ve invertido:

Diseando Iconos de Documentacin.


Tradicionalmente, el icono de documento se ve como una pieza de papel con la parte derecha superior doblada. Este distintivo parece hacerlo ms fcil para los usuarios para distinguir los documentos de las aplicaciones y otros contenidos, aun cuando el tamao del icono es pequeo. Se deben seguir los siguientes lineamientos para crear iconos relacionados con documentacin: Hacer obvio que su aplicacin y los documentos produzcan una relacin. Adems de usar el papel con la punta doblada, se puede aadir una imagen que los usuarios recuerden de su aplicacin. Por ejemplo, es fcil para los usuarios saber qu tipo de documento pueden crear usando Pages.

Presentar un icono de documento como si estuviera flotando en el escritorio. Es fcil reproducir esto si utiliza la sombra apropiada detrs del documento. Proporcionar un conjunto de iconos de documento en el mismo conjunto de tamao que proporciona para su icono de la aplicacin. Especialmente, necesita estos tamaos: 1024x1024, 512x512, 256x256, 128x128, 32x32, 16x16 pixeles. Integrar un smbolo dentro del documento. Si quiere poner un smbolo identificador debajo del documento, tratar el smbolo como un elemento integrado en el icono.

Mueva la imagen apropiadamente para acomodar el smbolo. Necesita tener suficiente espacio en la orilla del botn del icono del documento para desplegar 10

el smbolo. Significa que por ejemplo, la esquina superior derecha de la imagen debe ser oscuro en apariencia de una esquina doblada:

Utilice la fuente y tamao apropiado del smbolo. Para todos los tamaos utilice Lucida Grande Bold, en color sRGB 0,0,0 y con una opacidad de 66%. Para cada tamao de documento debe tener un tamao: 144 para 1024x1024 pixeles, 72 para 512x512 pixeles, 36 para 256x256 pixeles, 18 para 128x128 pixeles , y 6.5 para 32x32 pixeles. Si el smbolo contiene demasiados caracteres, en los iconos grandes se puede mostrar completa, pero cuando es muy pequeo el icono puede que el texto se trunque. Como podemos observar con la palabra ARCHIVE en un icono de tamao de 32x32 pixeles.

11

Iconos de Galera.
Un excelente icono de una aplicacin no es solamente maravilloso y acogedor, tambin debe transmitir el propsito principal de la aplicacin. Los iconos de aplicaciones para usuarios son vibrantes y acogedores, y puede inmediatamente transmitir el propsito de la aplicacin. Por ejemplo, el icono de Photo Booth claramente indica a los usuarios que esta aplicacin es para tomar fotos de ellos mismos.

Como observamos en el siguiente icono es fcil saber con se relaciona la aplicacin Stick, debido a los post its amarillos con sus notas.

Algunas aplicaciones representan objetos o productos muy conocidos, como la Calculadora y QuickTimePlayer, y que son lo reconocidos fcilmente por versiones mejoradas de los smbolos o los propios objetos.

Iconos para aplicaciones de utilidad tienden a transmitir un tono ms serio que los de la aplicacin de usuario. El color de estos iconos es gris predominantemente, desaturado y se aade solo cuando es necesario para comunicar claramente que hace la aplicacin.

12

Directrices de elementos de interfaz de usuario: mens


Los mens presentan una lista de tems comandos, atributos o estados del cual el usuario puede escoger. Los usuarios se refieren a estos frecuentemente, especialmente cuando estn buscando una funcin para los que no conocen ninguna otra interfaz. Los mens tienen unas pocas formas de diferentes en la interfaz Mac OS X: Un men de la barra de men muestra los comandos de la aplicacin actual en la barra de men nico en la parte superior de la pantalla. Un men dock contiene comandos definidos por el sistema, y, opcionalmente, los comandos propios de aplicativos Un men contextual muestra comandos que estn directamente relacionados con un elemento.

Apariencia del men y comportamiento


Como mnimo, un men muestra una lista de elementos de men. La mayora de los mens tambin incluyen un ttulo que indica los tipos de elementos que estn en la lista. Adems, los mens pueden incluir algunos componentes opcionales, como smbolos de atajo de teclado, submens, toggled tems, separadores, iconos y smbolos. Para seleccionar un elemento de un men, el usuario revela el men y mueve el puntero sobre el objeto deseado. Cada elemento activo del men se destaca cuando el puntero pasa sobre l y se abre el submen (si lo tiene). Ninguna accin sucede hasta que el usuario elija un elemento. Este comportamiento permite al usuario abrir y explorar los mens para saber qu funciones estn 13

disponibles sin necesidad de realizar efectivamente una accin. Cuando el usuario elige un elemento del men, este parpadea brevemente para confirmar la eleccin del usuario y luego se realiza la accin. Despus de que el usuario abre un men, este permanece abierto hasta que otra accin lo obliga a cerrar. Tales acciones incluyen: Elegir un elemento del men Mover el puntero a otro ttulo de men en la barra de mens Hacer clic fuera del men Una alerta iniciada por el sistema Un cambio a otra aplicacin o salir

Titulacin de mens
Los usuarios eligen qu men abrir basados en el Ttulo del men, as que es importante hacer los ttulos de men precisos e informativos. Siga estas pautas para crear ttulos para los mens. Utilice ttulos que representen con precisin los elementos del men. Los usuarios deben ser capaces de usar el ttulo de un men para predecir los tipos de elementos que encontrarn en el men. Haga los ttulos de men tan corto como sea posible sin sacrificar la claridad. Ttulos de una sola palabra son mejores, ya que ocupan muy poco espacio en la barra de men y son fciles de explorar para los usuarios. Evite el uso de un icono para un ttulo de men. No desea que los usuarios confundan el icono del ttulo con un extra de barra de mens. Adems, no es aceptable mezclar texto e iconos en los ttulos de men en la barra de men. Asegrese de que el ttulo de un men se mantenga visible, incluso cuando no todas las opciones del men estn disponibles. Los usuarios siempre deben ser capaces de ver el contenido de un men, si estn o no estn disponibles actualmente. Asegurarse de que sus elementos de men son siempre visibles (incluso cuando no estn disponibles) ayuda a los usuarios a aprender lo que pueden hacer en su aplicacin.

Nombramiento de los elementos del men


Al igual que con los ttulos de men, es importante elegir los nombres de los elementos del men que sean precisos e informativos para que los usuarios pueden predecir el resultado de la eleccin de un elemento. Siga estas pautas cuando cree elementos de men.

14

En general, evite incluir artculos definidos o indefinidos en el nombre del elemento de men. La inclusin de un artculo es raramente necesaria porque el usuario ya ha hecho una seleccin o entrado en el contexto en el que el comando aplica. Ejemplos son "Aadir cuenta" en lugar de "Aadir una cuenta" y "Ocultar barra de herramientas" en lugar de "Ocultar la barra de herramientas." Utilice puntos suspensivos para mostrar a los usuarios que se requiere una mayor accin para completar el comando. El carcter de puntos suspensivos (...) significa que un dilogo o una ventana separada se abrir en el cual los usuarios necesitan tomar decisiones adicionales o suministrar informacin adicional a fin de completar la accin. Utilice la capitalizacin de estilo ttulo para el nombre de elemento de men. Atene los elementos de men que no estn disponibles. Cuando un elemento del men est atenuado (es decir, gris), ayuda a los usuarios a entender que el tem no est disponible porque, por ejemplo este no aplica al objeto seleccionado o en el contexto actual. Un elemento de men atenuado no resalta cuando el usuario mueve el puntero sobre l.

Agrupar elementos del men


La organizacin de los elementos de men en grupos lgicos hace que sea fcil para los usuarios encontrar rpidamente los comandos para tareas relacionadas. En general, coloque los elementos de uso ms frecuente en la parte superior del men. La parte superior del men tiende a ser la parte ms visible del men porque a menudo los usuarios lo ven primero. Al mismo tiempo, se debe evitar la organizacin de todos los elementos de un men estrictamente por frecuencia de uso. Una mejor estrategia es la creacin de grupos de elementos relacionados y colocar los grupos utilizados con mayor frecuencia por encima de los grupos utilizados con menor frecuencia. Evite combinar acciones y atributos en el mismo grupo. Los usuarios tienden a considerar la eleccin de una accin distinta a la eleccin de un atributo para aplicar a una seleccin, as que es mejor que poner estos artculos en diferentes grupos. Agrupe atributos interdependientes. Los usuarios esperan encontrar atributos relacionados en el mismo grupo. Los atributos pueden estar en un grupo de atributos excluyentes (el usuario puede seleccionar un solo elemento, como el tamao de fuente) o un grupo de atributos de Acumulacin (el usuario puede seleccionar varios elementos, como negrita y cursiva). Busque oportunidades para consolidar elementos de men relacionados. Si un men repite un trmino ms de dos veces, piense en dedicar un men separado (o submen) para el trmino. Por ejemplo, si usted necesita comandos como 15

Mostrar informacin, Mostrar colores, Mostrar Capas, Mostrar caja de herramientas, y as sucesivamente, es mejor crear un men Mostrar o un elemento Mostrar que incluya un submen. En lo posible, cree el nmero "correcto" de grupos. El nmero de grupos para usar es en parte una decisin esttica y en parte una decisin de usabilidad. En general, evite la creacin de mens muy largos. Mens largos son difciles de explorar y puede ser abrumador. Si usted encuentra que hay demasiados elementos en un solo men, pruebe su redistribucin; puede encontrarse con que algunos de los tems se ajustan ms naturalmente en otros mens, o que es necesario crear un nuevo men. Tambin puede considerar la creacin de submens para algunos conjuntos relacionados de elementos, pero esto no es apropiado en todos los casos. Mens desplegables deben existir slo cuando los usuarios agregan muchos elementos a un men personalizable. Usted no debe intencionalmente disear un men con desplazamiento.

Proporcionar elementos de men dinmicos


Un elemento de men dinmico es un comando que cambia cuando el usuario pulsa una tecla modificadora. Siga estas instrucciones si usted decide utilizar los elementos de men dinmicos en su aplicacin. Evite hacer un elemento de men dinmico la nica forma de realizar una tarea . Debido a que los elementos de men dinmicos estn ocultos por defecto, pueden ser una forma adecuada para ofrecer un acceso directo a los usuarios sofisticados. Pero en particular, asegrese de que los usuarios no requieran descubrir un elemento de men dinmico antes de que puedan utilizar la aplicacin efectivamente. Requerir una sola tecla de modificacin para revelar los elementos de men dinmicos. Los usuarios tienden a encontrar fsicamente incmodo pulsar ms de una tecla al mismo tiempo para la apertura y eleccin de un elemento del men. Adems, requerir ms de una pulsacin de tecla disminuye enormemente las posibilidades del usuario de descubrir los elementos de men dinmicos.

Proporcionar toggled tems en el men


Un toggled tem en el men cambia entre dos estados cada vez que un usuario lo elige. Hay tres tipos de toggled tems

16

Un conjunto de dos tems que indican estados o acciones opuestas, por ejemplo, Grid On y Grid Off. El elemento de men actualmente seleccionado puede ser identificada por una marca de verificacin o por estar inactivo. Un elemento del men cuyo nombre cambia para reflejar el estado actual, por ejemplo, Show Ruler cambia a Hide Ruler. Un elemento de men que tiene una marca de verificacin junto a l cuando est seleccionado, este puede ser por ejemplo, un atributo de estilo, como negrita.

Toggled tems pueden ser convenientes, pero rara vez son necesarias. Si desea utilizar toggled tems en su aplicacin, utilice las siguientes directrices para asegurarse de que proporcionen valor a los usuarios. Visualizar ambos elementos en un conjunto, si tienes espacio en tu men. Cuando los usuarios pueden ver los dos estados o acciones, al mismo tiempo, hay menos posibilidades de confusin sobre el efecto de cada elemento. Utilice un nombre de tem puede cambiar si no hay suficiente espacio para mostrar los dos elementos. Tambin puede optar por utilizar este tipo de toggled si est seguro de que los usuarios van a reabrir el men y ver el elemento opuesto. La mejor manera de asegurarse de que nombres de los comandos son totalmente inequvoca es el uso de dos verbos que expresan acciones opuestas. Utilice un checkmark cuando el toggled tem representa un atributo que est actualmente vigente. Es fcil para los usuarios explorar checkmarks en una lista de atributos para encontrar los que estn vigentes. No use un checkmark cuando el toggled tem indica la presencia o ausencia de una caracterstica. En tal caso, los usuarios no pueden estar seguros de s la marca de verificacin significa que la funcin est actualmente en vigor o que la eleccin del comando activa la funcin.

Uso de iconos en el men


A veces, la visualizacin de iconos en los mens puede ayudar a los usuarios a reconocer elementos del men y relacionarlos con otros elementos que conozcan. Al igual que con todos los iconos, es necesario asegurarse de que su uso no aade confusin o ambigedad. Siga las siguientes directrices si decide usar iconos en los mens. No utilice un icono sin texto. Incluso si utiliza un icono que piensas todos los usuarios reconocern, lo mejor es reforzar el significado del icono mediante la inclusin de un nombre de algn tem del men.

17

Utilice slo iconos familiares. Puede utilizar iconos en los elementos de men si el icono es algo que el usuario puede aprender a asociar con una funcionalidad especfica en su aplicacin o si el icono representa algo nico. Evite visualizar un icono para cada elemento del men. Si incluye iconos en los mens, inclyalos slo para aquellos tems que tienen un valor significante. Un men que incluye demasiados iconos (o mal diseados) puede parecer desordenado y ser difcil de leer.

Usar Smbolos en Mens.


Los smbolos son utilizados consistentemente en el Mac OS X, por lo tanto los usuarios estn acostumbrados a su significado. La tabla siguiente muestre los smbolos estndar utilizados:

Guas: Evitar usar smbolos personalizados en el men Sera probable que los usuarios no reconozcan el significado de algn smbolo. Adems, se podra recargar visualmente. Usar un check para indicar lo que est actualmente activo. Usar un guion para indicar que un atributo aplica a solo una parte de la seleccin. Tanto como sea posible, usar un punto solo cuando el Auto Guardado no est disponible los usuarios no tendran que preocuparse por el estado de guardado del documento. Permitir el diamante y el check para remplazar el punto (si es usado) Un documento minimizado con cambios no guardados debera tener solo un diamante. Si la ventana activa tiene cambios pendientes, el check se antepone al punto en el Men de Ventana. Usar los actuales estilos de texto solo en un Men de Estilo. As los usuarios podrn visualizar el efecto que el tem tiene. 18

Crear Mens Jerrquicos


Un men jerrquico (o submen) contiene un conjunto de opciones que estn relacionadas a un tem del men, sin incrementar su largo. Las opciones se despliegan automticamente cuando se pasa el cursor sobre ellas, para indicar opciones adicionales. Guas: Asegurar que el ttulo del submen est activo, inclusive cuando todos sus comandos estn desactivados. Usar los submens con precaucin No se deben sobre-usar, pues agregan complejidad a la interfaz y son fsicamente ms difciles de manejar. Es apropiado utilizarlos cuando se tiene un conjunto de comandos relacionados. Tanto como sea posible, utilizar solo un nivel en el submen Varios subniveles agregan dificultad a los usuarios. Titular un men, que describa de manera precisa los tems que contiene Se debe asegurar que los contenidos del submen tienen una relacin lgica con el ttulo. Siempre usar mens jerrquicos en lugar de adelantar tems del men.

Diseo de mens para la barra de men.


La Barra de Men ubicada en la parte superior de la pantalla principal provee espacio para los mens de alto nivel de la aplicacin. Adems de los tems provistos por el sistema y por los usuarios, se determinan los mens que aparecen en la barra del men. Es importante que si se encuentra un tem del men, este debe proporcionarse en la aplicacin, a menos que no se soporte. Si existe un atajo del teclado apropiado para un tem, este es listado. En general, se deben habilita el atajo de men apropiado para cada tem esperado del men.

El Men Apple.
El Men Apple proporciona los tems que estn disponibles a los usuarios en todo momento, sin importar la aplicacin activa. Los contenidos estn definidos por el sistema y no pueden ser modificados por los usuarios o desarrolladores.

19

Men Aplicacin.
El Men Aplicacin contiene los tems de la aplicacin en general, en lugar de a un documento o ventana especfica. Para ayudar a los usuarios, el ttulo del men de la aplicacin (el nombre) es mostrado en negrita en la barra del men.

Guas: Si es posible, usar una sola palabra para el ttulo del men, mximo 16 caracteres Apegarse a este lmite hace espacio para el resto de mens. No incluir el nmero de versin de la aplicacin en el nombre Esta informacin pertenece a la seccin de Acerca de. Usar el nombre corto de la aplicacin en los tems que la muestran. Poner un separador entre el tem de Acerca de y el de Preferencias Estos dos comandos son muy diferentes y deben estar en grupos distintos. En general, colocar el tem de Preferencias antes que cualquier otro tem especfico de la aplicacin. No incluir un tem de Ayuda con algn otro tem especfico de la aplicacin - Los tems de ayuda pertenecen al men de Ayuda. Colocar el tem de Salir de ltimo - Preceder este tem con un separador y no combinarlo con otros tems.

20

21

El Men Archivo
En general, cada comando en el Men Archivo aplica a un nico archivo. En caso de ser necesario, se puede renombrar el Men Archivo por algo ms apropiado o eliminarse.

Guas: En el comando Abierto Recientemente, desplegar solo nombres de documentos En particular, no desplegar ubicaciones de archivos. Estas podran resultar inapropiadas de desplegar. Usar el comando de Guardar para dar la oportunidad a los usuarios de especificar un nombre y una ubicacin Tanto como sea posible, se debe separar la nocin de guardar de la tarea de dar un nombre y ubicacin. Sobre todo, los usuarios deben sentirse confortables con la idea que su trabajo est a salvo, aun cuando no se haya directamente especificado. Usar el Comando Duplicacin para remplazar los comandos Guardar Como y Exportar Como Los usuarios podran confundirse con estos comandos, pues la relacin entre las versiones de los dos documentos no siempre es obvia. En adicin, el Comando Duplicacin deja ambas versiones de los documentos abiertas para que el usuario tenga control sobre ellas. Si se proveen tems de preferencia especficos de un documento, colocarlos sobre los Comandos Impresin Adems asegurar de dar a las preferencias un nombre nico, para evitar ambigedad con el Men de Aplicacin. Evitar proporcionar mltiples comandos de Formato Guardar Como Si es necesario, se puede usar el Men Formato emergente para mostrar las opciones de formato de archivo. Evitar proporcionar los comandos Guardar una Copia o Guardar Estas funcionalidades se encuentran bajo el Comando Duplicacin.

22

El Men de Edicin.
El men de edicin ofrece comandos que permiten a la gente a cambiar el contenido de los documentos. Tambin proporciona comandos que permiten a la gente compartir datos dentro y entre las aplicaciones.

23

El men de edicin contiene los siguientes elementos.

Entre las consideraciones debemos tener para el funcionamiento del men de edicin tenemos:
En la medida de lo posible Redo y Undo deben funcionar, especialmente Undo por su utilidad a la hora de recrear las operaciones que requieren un gran esfuerzo. Dejar que el usuario sepa cuando Undo no es posible. Agregar el nombre de la ltima operacin undo o redo al comando Undo o Redo, respectivamente. Determine la mejor ubicacin para el comando Buscar Proporcionar un submen buscar si es apropiado. 24

Proporcionar un submen ortgrafa si es apropiado.

El men de formato
Si la aplicacin proporciona funciones para dar formato al texto, puede incluir un men Formato como un men de nivel superior o como un submen del men Edicin.

El men de formato contiene los siguientes elementos.

25

El Men de vista (Men ver)


El Men Vista proporciona comandos que afectan a la forma en que los usuarios ven el contenido de una ventana.

26

ste men incluye los siguientes elementos

Consideraciones importantes del men de vista


Incluir en el men Ver si una ventana se puede pasar a pantalla completa o si contiene una barra de herramientas. Evite el uso de El men Ver para mostrar los paneles (tales como paletas de herramientas) Implementar el comando Mostrar/Ocultar en la barra de herramientas como un elemento de alternancia dinmica.

Mens especficos de una aplicacin


Puede agregar sus propios mens especficos de la aplicacin segn corresponda. Estos mens deben estar entre el men Ver y en el men Ventana.

27

El Men de la Ventana.

Contiene comandos para organizar y gestionar la ventana de una app. ste men no contiene comandos que afecten la manera en que el usuario ve los contenidos de una ventana (aparte de minimizar y el zoom), para eso es el men vista.

tem del men Minimizar Minimizar todo Zoom

Esperado Atajo de teclado S No Command-M OptionCommand-M

Significado

Minimiza la ventana Minimiza todas las ventanas

Alterna entre un tamao predefinido y un tamao establecido por el usuario Trae al frente todas las ventanas abiertas de una app. Como la anterior pero adems cambia su ubicacin y tamao para que sean debidamente acomodadas.

Traer todo al frente Organizar adelante

No

No

28

Guas:

Usar el orden correcto de los tems en el men de la ventana: o Minimizar o Zoom o <separador> o Comandos de ventana especficos de la app o <separador> o Traer todo al frente (opcional) o <separador> o Una lista de las ventanas abiertas Debe listar todas las ventanas abiertas de su app (incluyendo las ventanas minimizadas) en el orden en que fueron abiertas (la ms recientemente abierta de primero). Y puede tener un asterisco a la derecha del nombre si dicha ventana tiene cambios no guardados. Evite listar paneles abiertos, si lo necesita puede agregar un comando para mostrar u ocultar los paneles. Evite usar el zoom para poner la ventana en pantalla completa.

El Men de Ayuda.

Si su app proporciona ayuda en pantalla, el men de ayuda debe ser el que est ms a la derecha. Si has registrado un libro de ayuda, el sistema proporciona el campo de bsqueda de spotlight for help como el primer tem en el men. El siguiente tem es NombreDelApp Help, el cual abre la primer pgina del libro de ayuda.

29

Guas: Lo mejor es solo mostrar el tem NombreDelApp Help, pero si tiene ms (trate de que sea slo uno), ubquelo debajo de ste. Y si tiene otros que no son relacionados a la ayuda, haga los links dentro del libro de ayuda. Evite usar el men de ayuda como tabla de contenidos del libro de ayuda, los usuarios podrn ver las secciones dentro del libro de ayuda.

Barra de Men Extra.

Son tems como fecha, hora, carga de la batera, localizacin actual, etc.; que se muestran en el extremo derecho de la barra de men. Si no hay suficiente espacio, el sistema automticamente elimina una o ms de estas barras (segn sea necesario) para hacer espacio. Guas: No confe en la presencia de stas barras, como anteriormente se dijo, el sistema puede eliminar algunas, y no puede estar seguro de cul (o cules). Evite crear un popover que surja de esta barra. Considere distintas alternativas a estas barras, por ejemplo, puede usar las funciones del men dock para abrir un men desde all.

30

Diseando Mens Contextuales.

Estos mens proveen un conveniente acceso a los comandos que normalmente el usuario usar frecuentemente relacionadas al objeto seleccionado. Guas: Si es apropiado, use un men de accin para hacer que las funcionalidades del men contextual se accedan ms fcil. Incluya slo los comandos ms utilizados que sean apropiados al contexto actual, por ejemplo, el comando guardar no debera estar. Sea cuidadoso al aadir un submen a un men contextual, hay que tener un balance, el men no debe crecer demasiado, pero tampoco tiene que ser difcil de usar. A veces el usuario tiene dificultades al navegar por el submen y que se mantenga abierto. No haga ms de un nivel de submen. No coloque un objeto predeterminado en un men contextual, al cerrarse el men sin seleccionar nada, no debe ocurrir nada. Asegrese que los tems del men contextual estn tambin disponibles como comandos de men, al estar el men contextual oculto de forma predeterminada, el usuario puede no saber que existe. Tampoco se debe 31

utilizar el men contextual como la nica forma de acceder a una funcin avanzada. No mostrar los atajos de teclado en el men contextual, sera redundante pues ste ya es un acceso directo a un conjunto de comandos.

Diseando un Men Dock.

Normalmente este men muestra los mismos tems que se muestran cuando el usuario mantiene presionado el icono del Dock. Puedes agregar tems como: Guas: Asegrese de que todos los comandos del men Dock tambin estn disponibles en los mens de su app, como con el men contextual, puede que el usuario no sepa de su existencia. 32 Comandos comunes para iniciar acciones en la app cuando no est situada en primer plano. Comandos que se aplican cuando no hay un documento abierto. Status y texto informativo.

33