You are on page 1of 150

Interface Guidelines iOS Humanos

Interface Guidelines iOS Humanos


Contenido
UI Design Basics 8
Utilice profundidad para Comunicar 16

Disear para iOS 7 9 Aplazar para Content 10 Proporcionar Claridad 12 iOS App Anatoma 22 Inicio y detencin de 25 de inicio de forma instantnea 25
Estn siempre preparados para Detener 27

Layout 30 Navegacin 34 Modal Contextos 37


Informacin Introduccin Debe Ser Fcil 48

Interactividad y Retroalimentacin 39 usuarios saben la Norma Gestos 39 elementos interactivos Invitar Touch 41 Comentarios Aids Entendimiento 47 Animacin 49 Branding 50 El color y la tipografa 52

Color Mejora Comunicacin 52 del texto debe estar siempre legibles 53

Iconos y grficos 56 La App Icon 56


Bar Icons 56 Grficos 57

Terminologa y fraseologa 58 La integracin con iOS 60


Utilice la interfaz de usuario Elementos estndar correctamente 60 responden a los cambios en Device Orientacin 61 Downplay Archivo y Documento Manejo 63 Sea Configurable Si Necesario 64 Tome ventaja de iOS Tecnologas 65

Diseo Estrategias 66
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Diseo Principios 67
Esttica Integridad 67 Coherencia 68 Directo Manipulacin 69 Evaluacin 70 Metforas 70 Usuario de Control 71

Del concepto a la del producto 72 Defina su aplicacin 72


1. Enumerar todas las caractersticas que usted piensa usuarios podran gustar 72 2. Determinar que sus usuarios son 73 3. Se filtra la lista de funciones a travs de la Audiencia Definicin 73 4. No pare No 73 Tailor personalizacin a la Tarea 74 prototipos Iterar 76

Estudio de caso: De escritorio para iOS 78 Keynote en el iPad 78


Mail el iPhone 81 Contenido en la Web en iOS 82

Corriendo en el iPhone 5 84 iOS Tecnologas 91 Passbook 92 Multitaskin g 95 Enrutamiento 97 Social de Medios 100 iCloud 102 In-App Compra 105 Juego Center 107 Notificacin Center 109 iAd Rich Media Anuncios 114 AirPrint 120 El acceso del usuario de datos 122 Quick Look 124

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Sonido 126
Entender usuario Expectativas 126 Definir el comportamiento de audio de su aplicacin 127 Administrar Audio Interrupciones 132 Maneje los soportes Control Remoto Eventos, si Apropiada 134

VoiceOve r 135 Editar Men 136 Deshacer y Rehacer 139 Teclados y entrada Views 141 UI Elementos 142 Bar s 143
El Estado Bar 143 Navegacin Bar 144 Barra de herramientas 147 Barra de herramientas y la barra de navegacin Botones 148 Tab Bar 150 Tab Bar Icons 152 Search Bar 153 Alcance Bar 155

Contenido Reproducciones 156


Actividad 156 Actividad View Controller 158 Collection Ver 160 Ver Contenedor Controlador 161 Imagen Vista 162 Mapa Vista 163 Pgina Vista Controlador 164 Popover (iPad solamente) 166 Scroll View 169 Dividir Vista Controlador (iPad solamente) 171 Tabla Ver 173 Texto Vista 179 Web View 180

Controla 182
Actividad Indicador 182 Contacto Aadir Button 183 Fecha Picker 183 Detalle Divulgacin Button 184 Info Botn 185 Marque 185 Red de Actividad Indicador 186 Pgina de control 186 Selector de 188 Progreso Vista 189 Actualiza control 190 Rectngulo redondeado Botn 191 segmentada de control 191 Corredera 192 Stepper 192 Interruptor 193 Sistema Botn 194 Texto El campo 195

Temporal Vistas 197


Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Alertar a 197 Accin Hoja de 200 Modal View 203

Icono Imagen y Diseo 206 Icono e Imagen Tallas 207 App Icon 209
Document Icons 212 Spotlight y Ajustes Icons 212

Launch Imgenes 215 botn de la barra Iconos 218 Newsstand Icons 221 Web Clip Icons 224 Creacin de tamao variable Imgenes 225 Revisin del documento Historia 226 Sonido 126
Tabla 30-1 categoras sesin de audio y sus asociados comportamientos 129

Bar s 143
Tabla 35-1 Botones estndar para barras de herramientas y navegacin barras 149 Tabla 35-2 iconos estndar para su uso en las pestaas de una pestaa de la barra 152

Icono e Imagen Tallas 207


Tabla 39-1 Tamao (en pxeles) de los iconos y personalizados imgenes 207

Newsstand Icons 221


Tabla 43-1 Mxima tamaos escala para per-tema iconos 223 "Disear para iOS 7 " (pgina 9) "IOS App Anatomy " (pgina 22) "Arrancar y Parar " (pgina 25) "Diseo" (pgina 30) "Navegacin" (pgina 34) "Modal Contextos " (pgina 37) "La interactividad y Feedback " (pgina 39) "Animacin" (pgina 49) "Branding" (pgina 50) "El color y la tipografa " (pgina 52) "Iconos y grficos " (pgina 56) "Terminologa y fraseologa " (pgina 58) "La integracin con iOS " (pgina 60)

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

iOS 7 incorpora los siguientes temas:

La deferencia. La interfaz de usuario ayuda a los usuarios a entender e interactuar con el contenido, pero no compite con l. Claridad. texto es legible en todos los tamaos, los iconos son precisas y lcido, adornos son sutiles y apropiado, y una atencin ms especfica en la funcionalidad motiva el diseo. Profundidad. capas visuales y movimiento realista imparten vitalidad y aumentan placer y comprensin de los usuarios.

Tiempo en iOS 7 Tiempo en iOS 6

Ya sea que usted est rediseando una aplicacin existente o crear uno nuevo, considere abordar el trabajo de la manera que Apple se acerc al

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

rediseo de las aplicaciones incorporadas:

En primer lugar, despojarnos de la interfaz de usuario para exponer la funcionalidad principal de la aplicacin y reafirmar su relevancia. A continuacin, utilice los temas de iOS 7 para informar el diseo de la interfaz de usuario y la experiencia del usuario. Restaurar detalles y adornos con cuidado y nunca a ttulo gratuito. En todo momento, estar dispuestos a desafiar precedentes, las hiptesis de interrogacin, y dejar que un enfoque en el contenido y la funcionalidad de motivar a cada decisin de diseo.

Aplazar a contenido
Aunque crujiente, hermosa interfaz de usuario y el movimiento del fluido son puntos destacados de la experiencia iOS 7, el contenido del usuario est en su corazn.

He aqu algunas maneras de asegurarse de que sus diseos elevar la funcionalidad y aplazar al contenido del usuario. Disfruta de toda la pantalla. Reconsiderar el uso de inserciones y marcos visuales ylugar-dej que el contenido se extiende a los bordes de la pantalla. El tiempo es un gran ejemplo de este enfoque: La hermosa, la representacin en pantalla completa de tiempo actual de una ubicacin transmite al instante la informacin ms importante, con espacio de sobra para los datos horarios.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Reconsiderar indicadores visuales de lo fsico y el realismo. biseles, gradientes y sombreado a veces llevan a los elementos de interfaz de usuario ms pesados que puede dominar o competir con el contenido. En su lugar, se centran en el contenido y dejar que la interfaz de usuario de jugar un papel de apoyo.

Que elementos de la IU translcidos insinan el contenido detrs de ellos. elementos, tales como el Control Center translcidos-proporcionar un contexto, ayudan

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

a los usuarios ven que ms contenido est disponible y puede ser seal de fugacidad. En iOS 7, un elemento translcido difumina slo el contenido directamente detrs de l que da la impresin de estar mirando a travs de papel de arroz-que no se desenfoque el resto de la pantalla.

Proporcionar Claridad
Proporcionar claridad es otra manera de asegurar que el contenido es lo ms importante en su aplicacin. He aqu algunas maneras de hacer que el contenido y la funcionalidad clara y fcil de interactuar con los ms importantes.

Utilice el un montn de espacio negativo. El espacio negativo hace que el contenido y la funcionalidad ms notable y ms fcil de entender importante. El espacio negativo tambin puede impartir una sensacin de calma y tranquilidad, y puede hacer que una aplicacin vea ms centrado y eficiente.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Que color de simplificar la interfaz de usuario. A interactividad clave colores como el amarillo en notas a destacados estado importante y sutilmente indica. Tambin da una aplicacin de un tema visual consistente. Las aplicaciones integradas usan una familia de colores del sistema limpias puras que se ven bien en cada matiz y en los fondos oscuros y claros.

Asegurar la legibilidad mediante el uso de las fuentes del sistema. fuentes del sistema iOS 7 ajustan automticamente el espaciado entre letras y altura de la lnea para que el texto sea fcil de leer y se ve muy bien en todos los tamaos. Si usted utiliza las
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

fuentes del sistema o personalizado, asegrese de adoptar Tipo dinmico por lo que su aplicacin puede responder cuando el usuario elige un tamao de texto diferente.

Abrazo botones sin bordes. En iOS 7, todos los botones de la barra no tienen fronteras. En las reas de contenido, un botn sin fronteras emplea contexto, el color, y un ttulo de llamado a la accin para indicar la interactividad. Y cuando tiene sentido, un botn de rea de contenido puede mostrar un borde fino o de fondo teido que hace que sea distintivo.

Utilice profundidad para Comunicar


iOS 7 a menudo muestra un contenido en capas distintas que transmiten jerarqua y posicin, y que ayudan a los usuarios a entender las relaciones entre los objetos que aparecen en pantalla.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Mediante el uso de un fondo translcido y apareciendo flotar por encima de la pantalla de inicio, carpetas separadas de su contenido del resto de la pantalla.

Recordatorios muestra las listas en capas, como se muestra. Cuando los usuarios trabajan con una lista, la otra lista se agrupan en la parte inferior de la pantalla.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Calendar utiliza transiciones mejoradas para dar a los usuarios un sentido de jerarqua y profundidad a medida que avanzan entre los aos de observacin, meses y das. En la vista de aos de desplazamiento se muestra aqu, los usuarios pueden ver al instante la fecha de hoy y realizar otras tareas de calendario.

Cuando los usuarios seleccionan un mes, la vista de ao se acerca y revela la vista del mes. La fecha de hoy sigue siendo resaltado y el ao aparece en el botn de atrs, para que los usuarios sepan exactamente dnde estn, de dnde vienen y cmo volver.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Anatoma iOS App

Una transicin similar ocurre cuando los usuarios seleccionan un da: La vista de mes parece partirse, empujando a la semana en curso a la parte superior de la pantalla y revelando la vista por horas del da seleccionado. Con cada transicin, calendario refuerza la relacin jerrquica entre aos, meses y das.

Casi todas las aplicaciones de iOS utilizan por lo menos algunos de los componentes de interfaz de usuario definidas por el marco UIKit. Conocer los nombres, funciones y capacidades de estos componentes bsicos ayuda a tomar decisiones informadas al disear la interfaz de usuario de su aplicacin.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Los elementos de la interfaz de usuario proporcionada por UIKit se clasifican en cuatro grandes categoras:

Bares. Bares contienen informacin contextual que dicen los usuarios dnde estn y controles que ayudan a los usuarios a navegar o iniciar acciones. Puntos de vista de contenido. vistas contenido contienen contenidos aplicacin especfica y pueden permitir comportamientos tales como el desplazamiento, la insercin, borrado y reubicacin de materiales. Controles. Controles realizan acciones o informacin de la pantalla. Visitas temporales. vistas temporales aparecen brevemente para dar a los usuarios informacin importante o opciones y funciones adicionales. Adems de definir los elementos de la interfaz, UIKit define los objetos que implementan la funcionalidad, tales como el reconocimiento de gestos, dibujo, accesibilidad y compatibilidad de impresin. Programacin, un elemento de la interfaz de usuario es considerado como un tipo de vista , ya que hereda de UIView . Una vista sabe dibujar en pantalla en s, y sabe cuando un usuario toca dentro de sus lmites. Los controles (como botones y controles deslizantes), vistas de contenido (como las vistas de coleccin y las vistas de tabla), y puntos de vista de carcter temporal (como las alertas y las hojas de accin) son todos los tipos de vistas. Para administrar un conjunto o jerarqua de puntos de vista en su aplicacin, normalmente se utiliza un controlador de vista . Un controlador de vista coordina el despliegue de puntos de vista, implementa la funcionalidad detrs de las interacciones del usuario, y puede gestionar las transiciones de una pantalla a otra. Por ejemplo, la configuracin utiliza un controlador de navegacin para mostrar su jerarqua de vistas.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

He aqu un ejemplo de cmo los puntos de vista y los controladores de vista se pueden combinar para presentar la interfaz de usuario de una aplicacin para iOS.

Aunque los desarrolladores piensan en trminos de puntos de vista y los controladores de vista, los usuarios tienden a experimentar una aplicacin para iOS como un conjunto de pantallas. Desde esta perspectiva, una pantalla generalmente corresponde a un estado visual diferente o modo en una aplicacin. Nota: Una aplicacin para iOS incluye una ventana. Pero, a diferencia de una ventana en una aplicacin de una ventana de iOS equipo no tiene partes visibles y no se puede mover a otra ubicacin en la pantalla. La mayora de las aplicaciones de iOS contienen slo una ventana; aplicaciones que soportan una pantalla externa pueden tener ms de uno. En Human Interface Guidelines iOS , la palabra de pantalla se utiliza como es entendido por la mayora de los usuarios. Como desarrollador, tambin puede leer sobre pantallas en otros contextos, en los que el trmino se refiere a la UIScreen objeto que se puede utilizar para acceder a una pantalla externa.

Iniciar y Detener

Comience de forma instantnea

A menudo se dice que la gente pasa ms que una o dos minutos la evaluacin de una nueva aplicacin. Cuando usted hace la mayor parte de este breve perodo, presentando un contenido til de inmediato, es despertar el inters de los nuevos usuarios y dar a todos los usuarios una experiencia superior.

Importante: No se lo digas a la gente a reanudar o reiniciar sus dispositivos despus de instalar la aplicacin. El reinicio requiere tiempo y puede hacer que su aplicacin parece poco fiable y difcil de usar. Si su aplicacin tiene uso de memoria u otros problemas que hacen que sea difcil de ejecutar a menos que el sistema acaba de arrancar, es

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

necesario abordar esas cuestiones. Por alguna orientacin sobre el desarrollo de una aplicacin bien afinado, consulte "Uso eficiente de la memoria" en la Gua de programacin de aplicacin iOS . En la medida de lo posible, evitar mostrar una pantalla de bienvenida o de otras experiencias de inicio. Lo mejor es cuando los usuarios pueden comenzar a utilizar de inmediato su aplicacin.

Recomendado

No se recomienda

Evite pedir a la gente que le suministren informacin de configuracin. lugar:

Centrarse en las necesidades de 80 por ciento de sus usuarios. Al hacer esto, la mayora de las personas no tendrn que suministrar ningn ajuste, ya que la aplicacin ya est configurado para comportarse de la manera que ellos esperan. Si hay una funcionalidad que slo unos pocos usuarios podran querer-o que la mayora de usuarios podran querer slo una vez-no los instales. Obtener la mayor cantidad de informacin posible de otras fuentes. Si usted puede utilizar cualquiera de las personas en el suministro de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

informacin integrado de aplicaciones o dispositivos ajustes, el sistema en busca de estos valores; no pedir a la gente que volver a introducirlos.

Si tiene que solicitar la informacin de configuracin, las personas prontas para entrar dentro de su aplicacin. A continuacin, guarde esta informacin tan pronto como sea posible (potencialmente, en los ajustes de su aplicacin). De esta manera, las personas no se ven obligados a cambiar a la configuracin antes de que tengan la oportunidad de disfrutar de su aplicacin. Si la gente tiene que hacer cambios en esta informacin ms adelante, pueden ir a la configuracin de la aplicacin en cualquier momento. Retrasar un requisito de acceso para el mayor tiempo posible. Lo mejor es cuando los usuarios pueden navegar a travs de gran parte de su aplicacin y el uso de algunas de sus funciones sin iniciar sesin, por ejemplo, la App Store no pide a los usuarios conectarse hasta que deciden comprar algo . Los usuarios a menudo abandonan aplicaciones que les obligan a conectarse antes de que puedan hacer algo til. Si los usuarios deben iniciar sesin, la pantalla de inicio de sesin en el ver una breve explicacin, amable que describe las razones de la necesidad y la forma en que beneficia a los usuarios. Piense con cuidado antes de proporcionar una experiencia de abordaje. (Onboarding introduce caractersticas de una aplicacin y explica cmo realizar tareas comunes.) Antes de considerar onboarding, hacer todo lo posible para disear su aplicacin para que todas sus caractersticas y tareas son intuitivas y fcilmente reconocible. Onboarding es no un sustituto de buen diseo de aplicaciones . Si usted todava se siente que de abordaje es necesario, siga estas instrucciones para crear una breve experiencia, dirigida que no se interponga en el camino del usuario.

Dar a los usuarios slo la informacin que necesitan para empezar. Una buena experiencia de abordaje muestra a los usuarios qu hacer primero o brevemente demuestra algunas de las caractersticas que la mayora de los usuarios estn interesados pulg Si usted dar demasiada informacin a los usuarios antes de que tengan la oportunidad de explorar su aplicacin, se hace responsable de los usuarios de recordar detalles que no necesitan de inmediato y es posible enviar el mensaje de que su aplicacin es difcil de usar. Si necesita ayuda adicional para tareas especficas, proporcionar esa ayuda slo cuando el usuario est realizando esas tareas. . Utilice animacin e interactividad a atraer a los usuarios y ayudarles a aprender haciendo Agregar texto con moderacin y slo si se enriquece la experiencia; no espere que los usuarios leer largos pasajes. Por ejemplo, no describen cmo llevar a cabo una tarea sencilla cuando se puede utilizar la animacin para mostrar a los usuarios lo que deben hacer. Para llevar a los usuarios a travs de una tarea ms compleja, es posible agregar vistas de superposicin transitorios que describen brevemente cada paso a medida que el usuario est a punto de hacerlo. En la medida de lo posible, evitar la visualizacin de imgenes de su aplicacin porque no son interactivos y los usuarios pueden confundirlos con aplicacin de interfaz de usuario. Que sea fcil rechazar o ignorar la experiencia de abordaje. Despus usuarios han visto la experiencia de abordaje, es probable que no quieren volver a verlo; otros usuarios pueden no querer verla en absoluto. Asegrese de recordar a los usuarios la eleccin hacen y no les obligan a hacerlo cada vez que abren su aplicacin. Evite pedir a los usuarios para evaluar su aplicacin antes de tiempo. Solicitar una calificacin demasiado pronto tiende a molestar a los usuarios y puede disminuir la cantidad de informacin til que usted recibe. Alentar bien considerada retroalimentacin, asegrese de dar a los usuarios la oportunidad de formarse una opinin sobre su aplicacin antes de que usted les pida una valoracin. Por ejemplo, es posible esperar hasta que los usuarios han visitado un nmero mnimo de distintas pantallas o realizado un nmero mnimo de tareas. . En general, la puesta en marcha en la orientacin predeterminada del dispositivo El iPhone, la orientacin por defecto es el retrato; en el iPad, es la orientacin del dispositivo actual. Si su aplicacin se ejecuta slo en orientacin horizontal, siempre se debe poner en marcha en el paisaje y dejar que los usuarios giran el dispositivo si es necesario. Nota: Es mejor cuando una aplicacin de paisaje slo es compatible con las dos variantes de orientacin que el paisaje es, con el botn de Inicio a la derecha oa la izquierda. Si el dispositivo ya est en paisaje, una app-paisaje slo debe poner en marcha en esa variante, a menos que haya una muy buena razn para no hacerlo. De lo contrario, lanzar una aplicacin de paisaje slo en la variante con el botn de Inicio a la derecha. (Para obtener ms informacin sobre el apoyo a las diferentes orientaciones del dispositivo, consulte "Responder a los cambios en Device Orientation " (pgina 61) .) Suministramos una imagen de inicio que se asemeja mucho a la primera pantalla de la aplicacin. iOS muestra la imagen en el momento del lanzamiento de su aplicacin se inicia-dando a los usuarios la impresin de que su aplicacin es rpida y dando a su aplicacin el tiempo

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

suficiente para cargar el contenido. Aprenda a crear una imagen de inicio en "Launch Imgenes " (pgina 215). Si es posible, evitar que los usuarios tengan que leer un descargo de responsabilidad o de acuerdo a un contrato de licencia de usuario final cuando comienzan su aplicacin. En su lugar, usted puede dejar el App Store mostrar su aviso o acuerdo de licencia de usuario final (EULA) de modo que la gente puede acceder a l antes de que lleguen a su aplicacin. Si tiene que proporcionar estos artculos dentro de su aplicacin, asegrese de integrarlos de manera que armonice con su interfaz de usuario y los saldos requisitos empresariales con experiencia las necesidades del usuario. Cuando se reinicie el app, restaurar su estado para que los usuarios puedan continuar donde lo dejaron. La gente no debera tener que recordar los pasos que tomaron para llegar a su ubicacin anterior en su aplicacin. Para aprender ms acerca de las maneras eficientes para preservar y restaurar el estado de su aplicacin, consulte "Preservacin y la Restauracin del Estado".

Siempre est preparado para detenerse


Una aplicacin para iOS nunca muestra una opcin Cerrar o en Salir. personas dejan de usar una aplicacin cuando cambian a otra aplicacin, vuelva a la pantalla de inicio, o poner sus dispositivos en modo de suspensin. Cuando las personas cambian de distancia de su aplicacin, iOS transiciones multitarea a un segundo plano y sustituye a su interfaz de usuario con la interfaz de usuario de la nueva aplicacin. Para prepararse para esta situacin, su aplicacin debe:

Guardar datos de usuario tan pronto como sea posible y tan a menudo como sea razonable. Haga esto porque una aplicacin en segundo plano se puede contar para salir o terminar en cualquier momento. Guardar el estado actual, al detenerse en el ms fino nivel de detalle posible. De esta manera, las personas no pierden su contexto cuando cambian de nuevo a su aplicacin. Por ejemplo, si su aplicacin muestra el desplazamiento de datos, guarde la posicin de desplazamiento actual. Usted puede aprender ms sobre maneras eficientes para preservar y restaurar el estado de tu aplicacin en "Preservacin y la Restauracin del Estado". Algunas aplicaciones pueden necesitar para seguir funcionando en segundo plano mientras el usuario ejecuta otra aplicacin en primer plano. Por ejemplo, los usuarios podran querer seguir escuchando la cancin que est sonando en una aplicacin mientras se est utilizando una aplicacin diferente para comprobar su lista de tareas o jugar un juego. Aprenda cmo manejar mltiples tareas correctamente y con gracia en "multitarea" (pgina 95).

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Nunca salir de una aplicacin de iOS mediante programacin. Las personas tienden a interpretar esto como un choque. Si hay algo que impide que su aplicacin funcione como se pretende, es necesario indicar a los usuarios acerca de la situacin y explicar lo que pueden hacer al respecto. Aqu hay dos buenas maneras de hacer esto: Si todas las caractersticas de la aplicacin no estn disponibles, mostrar una pantalla en la que se describe la situacin y sugiere una correccin. La informacin que proporciona informacin a los usuarios y les asegura que no hay nada malo con su aplicacin. Tambin pone a los usuarios en el control, dejando que ellos decidan si quieren tomar medidas correctivas y seguir utilizando su aplicacin o cambiar a otra aplicacin.

Si slo algunas caractersticas de la aplicacin no estn disponibles, mostrar una pantalla o una alerta cuando la gente trata de utilizar la funcin. De lo contrario, la gente debera ser capaz de utilizar el resto de la aplicacin. Si usted decide usar una alerta, asegrese de que aparezca slo cuando las personas tratan de acceder a la funcin que no est funcionando.

Disposicin

El diseo abarca mucho ms que cmo los elementos de interfaz de usuario se ven en una pantalla de la aplicacin. Con su diseo, usted muestra a los usuarios lo que es ms importante, lo que sus opciones son, y cmo se relacionan las cosas. Segn el dispositivo de su aplicacin se est ejecutando en y sobre la corriente de orientacin de su diseo del dispositivo puede variar. Que sea fcil para las personas a interactuar con el contenido y los controles, dando a cada elemento interactivo amplio espaciado. Dar controles para hacer tapping un blanco xito de aproximadamente 44 x 44 puntos.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Recomendado

No se recomienda
Que sea fcil para centrarse en la tarea principal, elevando el contenido o funcionalidad importante. Algunas buenas maneras de hacer esto es para colocar elementos principales en la mitad superior de la pantalla y en el de izquierda a derecha culturas-cerca de la parte izquierda de la pantalla:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Utilice el peso visual y equilibrio para mostrar a los usuarios la importancia relativa de los elementos en pantalla. Los artculos grandes llaman la atencin y tienden a aparecer ms importante que las pequeas. Los artculos ms grandes son tambin ms fciles para que los usuarios del grifo, lo que los hace especialmente tiles en aplicaciones-como el telfono y el reloj-que los usuarios utilizan a menudo en un entorno de distraccin.

Utilice la alineacin para facilitar la exploracin y comunicar agrupaciones o jerarqua. Alineamiento tiende a hacer que una aplicacin vea limpio y organizado y que ofrece a los usuarios lugares para enfocar mientras se desplazan a travs de pantallas completas de informacin. La sangra y la alineacin de los diferentes grupos de informacin indican cmo los grupos estn relacionados y que sea ms fcil para los usuarios encontrar artculos especficos. Asegrese de que los usuarios puedan entender el contenido primario a su tamao predeterminado. Por ejemplo, los usuarios no deberan tener que desplazarse horizontalmente para leer texto importante, o hacer zoom para ver las imgenes primarias. Est preparado para los cambios en el tamao del texto. Los usuarios esperan que la mayora de aplicaciones que responden apropiadamente

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

cuando eligen un tamao de texto diferente en Configuracin. Para dar cabida a algunos cambios de texto de tamao, puede que tenga que ajustar el diseo; para obtener ms informacin acerca de la visualizacin de texto en su aplicacin, consulte "Texto siempre deben legibles " (pgina 53). En la medida de lo posible, evitar las apariencias inconsistentes en su interfaz de usuario. En general, los elementos que tienen funciones similares tambin deberan ser similares. Las personas a menudo asumen que debe haber una razn para que las inconsistencias que notan, y son propensos a pasar tiempo tratando de averiguarlo.

Navegacin
La gente tiende a ignorar la experiencia de navegacin en una aplicacin a menos que no cumple con sus expectativas. Su trabajo consiste en poner en prctica la navegacin de una manera que apoya la estructura y el propsito de su aplicacin sin llamar la atencin sobre s mismo. En trminos generales, hay tres estilos principales de navegacin, cada uno de los cuales es muy adecuado para una estructura de aplicacin especfica:

Jerrquica Piso Contenido-o experiencia impulsada En una aplicacin jerrquica, los usuarios navegan al hacer una eleccin por la pantalla hasta llegar a su destino. Para desplazarse a otro destino, los usuarios deben volver sobre algunos de sus pasos-o empezar de nuevo desde el principio y tomar decisiones diferentes. Ajustes y correo son buenos ejemplos de aplicaciones que utilizan una estructura jerrquica.

Ver la versin HTML de este documento para ver el video.

En una aplicacin con una estructura de informacin plana, los usuarios pueden navegar directamente de una categora principal a otra porque todas las categoras principales son accesibles desde la pantalla principal. Msica y App Store son buenos ejemplos de aplicaciones que utilizan una estructura plana.

Ver la versin HTML de este documento para ver el video.

No es de extraar que, en una aplicacin que utiliza un contenido o estructura de informacin experiencia impulsada, la navegacin tambin se define por el contenido o la experiencia. Por ejemplo, los usuarios navegar a travs de un libro de pasar de una pgina a otra o eligiendo una pgina en la tabla de contenidos; en un juego, la navegacin es a menudo una parte importante de la experiencia.

Ver la versin HTML de este documento para ver el video.

En algunos casos, funciona bien para combinar ms de un estilo de navegacin en una aplicacin. Por ejemplo, los elementos de una categora de una estructura de informacin plana mejor se manifiesten en una jerarqua. Los usuarios siempre deben saber dnde se encuentran en su aplicacin y la forma de llegar a su prximo destino. Sin importar el estilo de navegacin que se adapte a la estructura de su aplicacin, lo ms importante es que la ruta de acceso de un usuario a travs del contenido es

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

lgico, previsible y fcil de seguir. UIKit define algunos elementos estndar de interfaz de usuario que hacen que sea fcil de implementar estilos de navegacin jerrquicos y planos, adems de algunos elementos que le ayudan a habilitar la navegacin centrado en el contenido, como en un libro de estilo o aplicacin de visualizacin de los medios de comunicacin. Un juego o cualquier otra aplicacin que proporciona una experiencia de estilo de navegacin guiado por lo general se basa en los elementos y comportamientos personalizados. . Utilice una barra de navegacin para dar a los usuarios una manera fcil de atravesar una jerarqua de datos de ttulo de la barra de navegacin puede mostrar a los usuarios de su posicin actual en la jerarqua; el botn de retroceso hace que sea fcil para volver al nivel anterior. Para obtener ms informacin, consulte "Navegacin Bar " (pgina 144). Utilice una barra de pestaas para mostrar varias categoras de pares de contenido o funcionalidad. Una barra de pestaas es una buena manera de apoyar a una arquitectura de la informacin plana y su persistencia permite a las personas cambiar entre categoras, independientemente de su ubicacin actual. Para obtener ms informacin, consulte "Tab Bar " (pgina 150). Use un control de pgina cuando cada pantalla de la aplicacin representa una instancia individual del mismo tipo de artculo o pgina. Un control de la pgina es buena para mostrar a los usuarios cmo se encuentran disponibles muchos artculos o pginas y que uno se muestra actualmente. Por ejemplo, tiempo utiliza un control de la pgina para mostrar cuntas pginas meteorolgicas especficas de cada lugar se ha abierto el usuario. Para obtener ms informacin sobre el control de la pgina, consulte "Pgina de control " (pgina 186). En general, lo mejor es dar a los usuarios una ruta de acceso a cada pantalla. Si hay una pantalla en la que los usuarios necesitan para ver en ms de un contexto, considere el uso de un punto de vista temporal, como una vista modal, la hoja de la accin, o de alerta. Para obtener ms informacin, consulte "Modal View " (pgina 203), "Accin de hoja " (pgina 200), y "Alerta" (pgina 197). UIKit tambin proporciona los siguientes controles relacionados:

"Control segmentado" (pgina 191). Un control segmentado puede dar a los usuarios una manera de ver las diferentes categoras o aspectos del contenido en la pantalla; que no permite la navegacin a una nueva pantalla. "Barra de herramientas" (pgina 147). Aunque una barra de herramientas tiene una apariencia similar a una barra de navegacin o una barra de pestaas, que no permite la navegacin. En lugar de ello, una barra de herramientas da controles de usuarios que actan sobre el contenido de la pantalla actual.

Modal Contextos

Modalidad, es decir, un modo en el que existe algo o tiene experiencia-tiene ventajas y desventajas. Se puede dar a los usuarios una manera de completar una tarea o para obtener informacin sin distracciones, pero lo hace mediante la prevencin temporalmente de la interaccin con el resto de la aplicacin.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Lo ideal es que la gente pueda interactuar con aplicaciones de iOS en formas no lineales, as que es mejor cuando se puede reducir al mnimo el nmero de experiencias de modales en su aplicacin. En general, considerar la creacin de un contexto modal slo cuando:

Es de vital importancia para conseguir la atencin del usuario Una tarea autnoma se debe completar-o explcitamente abandonado-para evitar dejar los datos del usuario en un estado ambiguo Mantenga tareas modales simples, cortos, y muy especficas. Usted no quiere que sus usuarios experimentar una vista modal como una mini aplicacin dentro de su aplicacin. Si una subtarea es demasiado complejo, la gente puede perder de vista la tarea principal que se suspenden cuando entraron en el contexto modal. Tenga especial cuidado con la creacin de una tarea modal que consiste en una jerarqua de puntos de vista, porque la gente puede perderse y olvidar cmo volver sobre sus pasos. Si una tarea modal debe contener subtareas en vistas separadas, asegrese de dar a los usuarios un nico camino, claro a travs de la jerarqua, y evitar la circularidad. Para obtener instrucciones sobre el uso de puntos de vista modal, consulte "Modal View " (pgina 203).
Modal Contextos

Siempre proporcione una manera obvia y segura para salir de una tarea modal. Las personas siempre deben ser capaces de predecir el destino de su trabajo cuando se descartan una vista modal. Si la tarea requiere una jerarqua de puntos de vista modal, asegrese de que sus usuarios a entender lo que pasa si golpean ligeramente un botn Hecho en una vista que est por debajo del nivel superior. Examine la tarea de decidir si un botn Hecho en una vista de nivel inferior debe
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

completar slo la parte de la tarea en este punto de vista, o toda la tarea. Debido a este potencial para la confusin, evitar la adicin de un botn Hecho para una visin subordinada tanto como sea posible. Reserva alerta para la entrega-esencial y lo ideal sera recurrible-informacin. Una alerta interrumpe la experiencia del usuario y requiere un grifo para desestimar, por lo que es importante que los usuarios sienten que el mensaje de la alerta justifica la intrusin. Para obtener ms informacin, consulte "Alerta" (pgina 197). Respetar las preferencias de los usuarios para la recepcin de notificaciones. En Ajustes, los usuarios indican la forma en que desea recibir las notificaciones de la aplicacin. Asegrese de respetar estas preferencias para que los usuarios no tienen la tentacin de desactivar todas las notificaciones de la aplicacin.

Interactividad y Feedback

Usuarios Conocer los gestos estndar


La gente usa gestos-como tocar, arrastrar, y pellizcar para interactuar con las aplicaciones y los dispositivos IOS. Usando gestos da a la gente una conexin personal cerca de sus dispositivos que aumente su sentido de la manipulacin directa de los objetos que aparecen en pantalla. La gente en general esperan gestos para trabajar el mismo en todas las aplicaciones que utilizan.

Toque Para presionar o seleccionar un control o elemento.

Arrastrar Para desplazarse o pan, es decir, se mueve de lado a lado. Para arrastrar un elemento.

Flick Para desplazarse o sartn rpidamente.


Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Deslice Con un dedo, para volver a la pantalla anterior, para revelar la vista oculta en una vista dividida (slo iPad) o el botn Eliminar de una fila de tabla-view. Con cuatro dedos, para cambiar entre aplicaciones en el iPad.

Doble toque para acercar y centrar un bloque de contenido o una imagen. Para alejar la imagen (si ya el zoom).

Pinch Pinch abierta para acercar; los dedos cerrados para reducir.

Toque y mantenga presionado en texto editable o seleccionable, para mostrar una vista ampliada de la posicin del cursor.
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Agite Para iniciar una accin de deshacer o rehacer. Adems de los gestos estndar usuarios saben, iOS define algunos gestos que invocan las acciones de todo el sistema, como el Centro de control o el centro de notificaciones que revela. Los usuarios confan en estos gestos para trabajar independientemente de la aplicacin que est utilizando. Evite asociar diferentes acciones con los gestos estndar. A menos que su aplicacin es un juego, redefiniendo el significado de un gesto estndar puede confundir a la gente y hacer su aplicacin ms difcil de usar. Evite crear gestos personalizados que invocan las mismas acciones que los gestos estndar. La gente est acostumbrada a la conducta de los gestos estndar, y ellos no se dan cuenta que se supone deben aprender diferentes maneras de hacer la misma cosa. Use gestos complejos como accesos directos para acelerar una tarea, no como la nica manera de llevarla a cabo. Tanto como sea posible, siempre ofrece a los usuarios una forma sencilla y directa para llevar a cabo una accin, incluso si esto significa un toque extra o dos. Gestos simples permiten que los usuarios se centran en la experiencia y el contenido, no la interaccin. En general, evitar la definicin de nuevos gestos a menos que su aplicacin es un juego. En juegos y otras aplicaciones inmersivas, gestos personalizados pueden ser una parte divertida de la experiencia. Sin embargo, en aplicaciones que ayudan a la gente hace cosas que son importantes para ellos, lo mejor es utilizar gestos estndar porque las personas no tienen que hacer un esfuerzo para descubrirlos o recordarlos. Para iPad, considere el uso de dedos mltiples gestos. La pantalla del iPad grande proporciona un gran margen para gestos MultiFinger costumbre, incluidos los gestos realizados por ms de una persona. Aunque gestos complejos no son apropiados para todas las aplicaciones, que pueden enriquecer la experiencia en aplicaciones que las personas pasan mucho tiempo en el, como juegos o entornos de creacin de contenidos. Siempre tener en cuenta que los gestos no estndar no se pueden descubrir y deben rara vez, si acaso, la nica manera de realizar una accin.

Elementos interactivos Invitar Touch


Para sealar la interactividad, las aplicaciones integradas utilizan una variedad de seales, incluyendo el color, la ubicacin, el contexto y los iconos significativos y etiquetas. Los usuarios rara vez necesitan decoraciones adicionales para demostrarles que un elemento en pantalla es interactivo o sugerir lo que hace.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Una clave de color proporciona a los usuarios un fuerte indicador visual de la interactividad, especialmente en aplicaciones que no utilizan una gran cantidad de otros colores. En Contactos, marcas azules los elementos interactivos y da la aplicacin de un tema visual unificado y reconocible.

El botn de retroceso utiliza varias seales para indicar su interactividad y transmitir su funcin: Al parecer, en respuesta a la navegacin, muestra un chevron-back apuntando y un ttulo que describe la pantalla anterior, y que por lo general utiliza un color clave.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Un icono o un ttulo que ofrece una clara llamada a la accin invita a los usuarios a aprovechar eso. Por ejemplo, los ttulos de mapas, como "Aadir marcador" y "Ruta hacia aqu", describen claramente las acciones que pueden realizar los usuarios. Combinado con un color clave, ttulos recurribles tienden a hacer que las fronteras para botones y dems adornos superfluos. En un rea de contenido, aadir un borde botn o el fondo slo si es necesario. Botones en barras, lminas de accin, y las alertas no tienen fronteras ya que los usuarios saben que la mayora de los artculos en estas reas son interactivos. En un rea de contenido, por otra parte, un botn puede ser que necesite una frontera o un fondo para distinguirlo del resto del contenido. Por ejemplo, Msica, Reloj, Fotos, y App Store botones uso confinado dentro de unos contextos especficos.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Fotos utiliza un borde del botn para diferenciar el botn Crear nuevo flujo del texto explicativo que aparece por encima de ella.

Reloj utiliza fronteras de botn en las pantallas de cronmetro y el temporizador para llamar la atencin sobre el Inicio y Pausa botones y para que sean fciles de tocar incluso cuando el entorno del usuario estn distraer.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

App Store utiliza un borde del botn en una fila de la tabla para enfatizar la diferencia entre tocar la fila para obtener ms informacin y puntee en el botn para iniciar una compra.

Feedback Entendimiento Sida


Feedback ayuda a los usuarios saben lo que es una aplicacin que est haciendo, descubren lo que pueden hacer, y comprender los resultados de sus acciones. UIKit controles y vistas proporcionan muchos tipos de retroalimentacin. En la medida de lo posible, integrar el estado y otra informacin de retroalimentacin relevante en su interfaz de usuario. Es mejor cuando los usuarios pueden obtener este tipo de informacin sin la adopcin de medidas o apartar la vista de su contenido. Por ejemplo, Mail muestra el estado de la actualizacin en la barra de herramientas donde no compite con el contenido del usuario.

Evite alertas innecesarias. Una alerta es un mecanismo de retroalimentacin de gran alcance, pero se debe utilizar solamente para entregar importante-y lo ideal sera recurrible-informacin. Si los usuarios ven demasiadas alertas que no contienen informacin esencial, aprenden rpidamente a ignorar todas las alertas. Para obtener ms informacin acerca del uso de una alerta, consulte "Alerta" (pgina 197).

Introduccin de la informacin debera ser fcil


Introduccin de la informacin requiere tiempo y atencin, si las personas aprovechan los controles o usar el teclado. Cuando una aplicacin se ralentiza gente abajo al pedir una gran cantidad de entrada de usuario antes de que algo til que pase, la gente puede sentirse desalentado de su uso. Que sea fcil para los usuarios a tomar decisiones. Por ejemplo, puede utilizar un selector o una vista de tabla en lugar de un campo de texto, porque la mayora de las personas les resulta ms fcil para seleccionar un elemento de una lista de lo que escribir las palabras.

Un selector de fecha de Recordatorios

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Una lista de opciones de configuracin

Obtener informacin de iOS, cuando sea apropiado. Personas almacenar gran cantidad de informacin en sus dispositivos. Cuando tiene sentido, no forzar a la gente para darle la informacin que usted puede encontrar fcilmente por s mismo, como sus contactos o informacin de calendario. Equilibrar una solicitud de entrada dando a los usuarios algo til a cambio. Una sensacin de dar y recibir ayuda a las personas sienten que

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

estn progresando a medida que avanzan a travs de su aplicacin. Hermosa, animacin sutil impregna el iOS interfaz de usuario y hace que la experiencia de aplicacin ms atractiva y dinmica. Animacin apropiado puede:

Comunicar el estado y proporcionar informacin Mejorar el sentido de la manipulacin directa Ayudar a las personas a visualizar los resultados de sus acciones

Ver la versin HTML de este documento para ver el video.

Adicin de animaciones con cautela, sobre todo en aplicaciones que no proporcionan una experiencia. Inmersiva Animacin eso parece excesiva o injustificada puede obstruir el flujo de aplicacin, reducir el rendimiento y distraer a los usuarios de su tarea. En particular, el uso de efectos de movimiento y UIKit comportamientos dinmicos con el propsito y la moderacin, y asegrese de probar los resultados. Usado apropiadamente, estos efectos pueden aumentar la comprensin y el disfrute de los usuarios; el uso excesivo de ellos puede hacer una aplicacin parece desconcertante y difcil de controlar. Cuando sea apropiado, hacer animacin personalizada consistente con una funcin de animacin. La gente est acostumbrada a la animacin sutil utilizado en las aplicaciones de iOS incorporadas. De hecho, las personas tienden a considerar las transiciones suaves entre los puntos de vista, la respuesta de fluidos a los cambios en la orientacin del dispositivo, y el desplazamiento basado en la fsica como una parte esperada de la experiencia iOS. A menos que usted est creando una aplicacin que permite una experiencia inmersiva, tales como animacin del juego a medida debe ser comparable a las animaciones incorporadas. Utilice la animacin constantemente a lo largo de su aplicacin. Al igual que con otros tipos de personalizacin, es importante la utilizacin de animacin personalizada constantemente para que los usuarios pueden aprovechar la experiencia que adquieren, ya que utilizan la aplicacin. En general, se esfuerzan por el realismo y credibilidad en animacin personalizada. Las personas tienden a estar dispuestos a aceptar la licencia artstica en apariencia, pero pueden sentirse desorientados cuando experimentan movimiento que no tiene sentido o parece desafiar las leyes fsicas. Por ejemplo, si usted revela una vista deslizndolo hacia abajo desde la parte superior de la pantalla, debe descartarlo deslizando una copia de seguridad ya que al hacerlo ayuda a los usuarios a recordar donde la vista viene. Si desecha la misma vista deslizndolo hacia abajo ms all de la parte inferior de la pantalla, se rompe el modelo mental del usuario de un punto de vista que est disponible por encima de la parte superior de la pantalla. xito de la marca implica algo ms que la adicin de activos de la marca a una aplicacin. Las mejores aplicaciones para integrar los activos existentes con una apariencia nica para dar a los usuarios una experiencia agradable y memorable. iOS hace que sea fcil de usar iconos personalizados, colores y fuentes para crear una interfaz de usuario distintiva que establece su aplicacin aparte del resto. Al disear estos elementos, tener dos cosas en mente:

Cada elemento personalizado debe lucir bien y funcionar bien por s mismo, sino que tambin debe ser similar al que pertenece con los otros elementos de la aplicacin, ya sean personalizados o estndar. Para sentirse como en casa en iOS 7, una aplicacin no tiene por qu parecerse a las aplicaciones integradas pero es necesario para integrar la deferencia, la claridad y la profundidad (para aprender ms sobre estos temas, consulte "Designing for iOS 7 " ( pgina 9)). Tmese el tiempo para averiguar lo que significan respeto, claridad y profundidad en su aplicacin y luego expresar este significado en sus elementos personalizados. Cuando tenga que recordar a los usuarios de una marca ya existente dentro de su aplicacin, siga estas directrices.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Incorporar los activos de una marca en una forma refinada, discreta. Las personas usan su aplicacin para hacer las cosas o ser entretenidos; ellos no quieren sentirse como si estuvieran viendo obligados a ver un anuncio. Para una mejor experiencia de usuario, usted quiere recordar en silencio a los usuarios de la identidad de marca a travs de su eleccin de la fuente, el color y las imgenes.
Branding

Recomendado No se recomienda

No tome el espacio lejos de la gente se preocupa por el contenido. Por ejemplo, mostrando una segunda barra, persistente en la parte superior de la pantalla que no hace ms que activos de marca pantalla significa que hay menos espacio para el contenido. En su lugar, aplazar al contenido del usuario y considerar formas menos intrusivas para mostrar la marca dominante, tales como el uso de un tinte o fuente personalizada, o sutilmente personalizar el fondo de una pantalla. Resista la tentacin de mostrar su logotipo en toda la aplicacin. pantallas de dispositivos mviles son relativamente pequeos, y cada ocurrencia de un logotipo quitando espacio a partir del contenido que los usuarios quieren ver. Lo que es ms, mostrar un logotipo en una aplicacin
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

no sirve el mismo propsito que mostrarla en una pgina web: Es comn que los usuarios llegan a una pgina web sin saber su propietario, pero es mucho menos probable que los usuarios abrir una aplicacin para iOS y sin ver su icono de la aplicacin.

El color y la tipografa

Color de Mejora de Comunicacin


En iOS 7, el color ayuda a indicar la interactividad, confieren vitalidad y dar continuidad visual. Las aplicaciones integradas usan una familia de colores puros y limpios que parecen grandes individualmente y en combinacin, y en luz y fondos oscuros.

Si crea varios colores personalizados, asegurarse de que funcionan bien juntos. Por ejemplo, si los pasteles son esenciales para el estilo de su aplicacin, debe crear una familia de la coordinacin de los pasteles que se pueden utilizar en toda la aplicacin. Preste atencin a los contrastes de color en diferentes contextos. Por ejemplo, si no hay suficiente contraste entre el fondo y la barra de navegacin de los ttulos de barras de botones, los botones va a ser difcil para que los usuarios vean. Una regla de oro es comenzar con un contraste de al menos el 50% entre los colores que deben ser distinguibles. Pruebe el resultado mediante la visualizacin en un dispositivo en diferentes condiciones de iluminacin, incluyendo al aire libre en un da soleado.

Consejo: Una manera de descubrir las reas que necesitan mayor contraste es desaturar la interfaz de usuario y mirarlo en escala de grises. Si tiene problemas para establecer la diferencia entre los elementos o fondos interactivos y no interactivos en la versin en escala de grises, es probable que tenga que aumentar el contraste entre estos elementos.

Tome bar translucidez y aplicacin de contenidos en cuenta cuando se utiliza un tinte barra personalizada. Si usted necesita para crear un tinte bar que coincide con un color especfico, tal como un color de una marca existente, es posible que tenga que experimentar con varios colores antes de llegar los resultados que desea. La apariencia de una barra se ve afectada tanto por la translucidez que iOS ofrece y la apariencia de la aplicacin de contenidos que pueden estar detrs de la barra. API Nota: Para elementos de los botones barra de tinta, utilice el tintColor propiedad; para teir la propia barra, utilice el
barTintColor propiedad. Para conocer ms sobre estas propiedades de la barra, ver UINavigationBar Clase

Referencia , UITabBar Referencia de las clases , UIToolbar Referencia de las clases , y UISearchBar Referencia de las clases . Sea consciente de daltonismo. mayora de las personas ciegas de color tienen dificultades para distinguir el rojo del verde. Pruebe su aplicacin para asegurarse de que no hay lugares donde se utiliza el rojo y verde como la nica forma de distinguir entre dos estados o valores (algunos software de edicin de imagen incluye herramientas que pueden ayudarte a prueba de daltonismo). En general, es una buena idea usar ms de una manera de indicar la interactividad de un elemento (para aprender ms acerca de lo que indica la interactividad en iOS 7, vea "Elementos interactivos Invitar Touch " (pgina 41)). Considerar la eleccin de un color clave para indicar la interactividad y el estado. colores clave en las aplicaciones integradas incluyen amarilla en las Notas y rojo en el Calendario. Si define un color clave para indicar la interactividad y el estado, asegrese de que los otros colores en su aplicacin no compiten con ella.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Evite usar el mismo color en tanto elementos interactivos y no interactivos. El color es una de las formas en que un elemento de la interfaz de usuario indica su interactividad. Si los elementos interactivos y no interactivos tienen el mismo color, es ms difcil para los usuarios saber dnde tocar. El color comunica, pero no siempre de la manera que usted piensa. Todos ven de color diferente, y muchas culturas difieren en cmo asignan significados a los colores. Dedique tiempo para investigar cmo podra ser percibido su uso del color en otros pases y culturas. Tanto como sea posible, usted quiere estar seguro de que los colores de la aplicacin enva el mensaje apropiado. En la mayora de los casos, no dejes que el color distrae usuarios. A menos que el color es esencial para el propsito de su aplicacin, por lo general funciona bien para utilizar el color como una mejora sutil.

El texto debe siempre ser legibles


Por encima de todo, el texto debe ser legible. Si los usuarios no pueden leer las palabras de su aplicacin, no importa cmo es hermoso la tipografa es. Cuando usted adopta Tipo Dinmico en una aplicacin para iOS 7, se obtiene:

Ajustes automticos para el espaciado entre letras y altura de la lnea para cada tamao de la fuente La capacidad de especificar diferentes estilos de texto para los bloques semnticamente distintos de texto, como el cuerpo , la nota , o
Headline

El texto que responde de forma adecuada a los cambios que el usuario realiza los ajustes de texto de tamao (incluyendo tamaos de texto de accesibilidad) Nota: Si utiliza una fuente personalizada, todava se puede escalar de tipo de acuerdo con la configuracin del sistema para el tamao del texto. Su aplicacin es responsable de responder apropiadamente cuando el usuario cambia el ajuste.

La adopcin de tipo dinmico requiere un poco de trabajo de su parte. Para aprender cmo utilizar estilos de texto y asegrese de que su aplicacin se notificar cuando el usuario cambia la configuracin de tamao de texto, consulte "Estilos de texto" en la Gua de Programacin de texto para iOS . Priorizar el contenido cuando se responde a los cambios de tamao de texto. No todo el contenido es igualmente importante para los usuarios. Cuando los usuarios eligen un tamao de texto ms grande, que quieren hacer que el contenido que les importa ms fcil de leer; que no

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

siempre quieren cada palabra en la pantalla sea ms grande. Por ejemplo, cuando los usuarios eligen una gran accesibilidad tamao del texto, correo muestra el asunto y el cuerpo del mensaje en el tamao grande, pero deja el texto-como la fecha y el remitente en un tamao ms pequeo es menos importante. En su caso, ajustar el diseo cuando el usuario elige un tamao de texto diferente. Por ejemplo, es posible que desee cambiar el diseo de una columna de texto del cuerpo a un diseo de dos columnas cuando el usuario elige un pequeo tamao del texto. Si decide ajustar el diseo para diferentes tamaos de texto, usted puede optar por hacerlo por subconjuntos de tamao-como las pequeas, medianas y grandes-en lugar de cambiar el diseo para todos los tamaos posibles. Asegrese de que todos los estilos de una fuente personalizada son legibles en tamaos diferentes. Una forma de hacerlo es emular algunas de las formas en iOS muestra estilos tipogrficos de diferentes tamaos de texto. Por ejemplo:

Texto nunca debe ser inferior a 1 puntos, incluso cuando el usuario elige el tamao del texto extra pequeo. En comparacin, el estilo de la carrocera utiliza un tamao de fuente de 17 puntos en el tamao grande, que es el ajuste de tamao de texto por defecto. En general, el tamao de la fuente y los valores principales difieren en un punto por cada ajuste de tamao de texto. Las excepciones a esto son los dos estilos de leyenda, que utilizan el mismo tamao de fuente, el lder, y el seguimiento a los ajustes extra-pequeo, pequeas, y medianas. En los tres ms pequeos tamaos de texto, los valores de rastreo son relativamente grandes; en los tres mayores tamaos de texto, los valores de rastreo son relativamente apretado. Los estilos de titulares y el cuerpo utilizan el mismo tamao de fuente. Para distinguirla de la carrocera, el estilo del ttulo utiliza un peso ms pesado. Texto en un controlador de navegacin utiliza el mismo tamao de letra que el texto del estilo cuerpo utiliza para el ajuste de gran tamao (en concreto, 17 puntos). Texto utiliza siempre el peso, ya sea regular o medio; no utiliza la luz o negrita. En general, utilizar una sola fuente a travs de su aplicacin. Mezclando varias fuentes diferentes puede hacer que su aplicacin parece fragmentado y descuidado. En su lugar, utilice una fuente y unos pocos estilos y tamaos. Utilice la UIFont estilos de texto de la API para definir las diferentes reas de texto de acuerdo con el uso semntico, como cuerpo o titular.

Recomendado

No se recomienda

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Iconos y grficos

El icono de la aplicacin
Cada aplicacin necesita un bello icono de la aplicacin. No es inusual que las personas basan sus opiniones iniciales sobre la calidad de su aplicacin, el propsito y la fiabilidad nicamente en el aspecto de su icono de la aplicacin.

Aqu estn algunas de las cosas que usted debe tener en cuenta al pensar en el icono de la aplicacin. Cuando est listo para empezar a crearlo, vea "App Icon " (pgina 209) para obtener instrucciones detalladas y especificaciones.

El icono de la aplicacin es una parte importante de la marca de su aplicacin. Acrquese al diseo como una oportunidad para contar la historia de su aplicacin y crear una conexin emocional con los usuarios. Los mejores iconos de aplicacin son nicos, ordenado, agradable y memorable. Un icono de la aplicacin tiene que lucir bien en muchos tamaos diferentes y en diferentes contextos. Detalles que pueden enriquecer un icono en tamaos grandes pueden hacer que se vea fangoso en tamaos pequeos.

Iconos de la barra
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

iOS proporciona una gran cantidad de pequeas tareas y tipos de contenido para su uso en barras de tabulacin, barras de herramientas y barras de navegacin comunes iconos-que representan. Es una buena idea utilizar los iconos integrados en la medida de lo posible, ya que los usuarios ya saben lo que quieren decir.

Si usted necesita para representar acciones personalizadas o tipos de contenido se pueden crear iconos de la barra de encargo. El diseo de estos pequeos iconos, racionalizados es muy diferente del diseo de un icono de aplicacin. Si usted necesita para crear iconos de la barra personalizada, consulte "Barra de botones Iconos " (pgina 218) para aprender.
Iconos y grficos Grficos

Tenga en cuenta que puede utilizar texto en lugar de los iconos para representar los elementos de una barra de navegacin o la barra de herramientas. Por ejemplo, el Calendario "Hoy", "calendarios" y "Bandeja de entrada" en lugar de los iconos en la barra de herramientas.

Para ayudarle a decidir si desea utilizar texto o iconos en la barra de navegacin o la barra de herramientas en su aplicacin, tenga en cuenta el nmero de iconos es visible en la pantalla al mismo tiempo. Demasiados iconos en una pantalla puede hacer una aplicacin parece difcil de descifrar. Adems, tenga en cuenta que esta decisin podra ser diferente para una aplicacin de iPhone que para una aplicacin de iPad porque una aplicacin para iPad tiende a tener ms espacio para el texto en los bares.

Grficos
aplicaciones de iOS tienden a ser de gran riqueza grfica. Ya sea que est mostrando fotos de los usuarios o la creacin de las ilustraciones de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

encargo, aqu hay algunas pautas que debe seguir. Apoyo a la pantalla Retina. Asegrese de que usted suministra @ 2x activos para todas las ilustraciones y los grficos en su aplicacin.

Muestra fotos y grficos en su relacin de aspecto original, y no les escala superior al 100%. Usted no quiere que la obra de arte o grficos en su aplicacin se vean sesgados o demasiado grande. Permitir que los usuarios elijan si quieren aumentar las imgenes dentro o fuera. No utilice las imgenes que reproducen los productos de Apple en sus diseos. Estos smbolos son propiedad y diseos de productos pueden cambiar con frecuencia.

Terminologa y fraseologa

Cada palabra se muestra en una aplicacin es parte de una conversacin que tenga con los usuarios. Utilice esta conversacin como una oportunidad para proporcionar claridad y para ayudar a la gente se sienta cmoda en su aplicacin. Settings es una aplicacin esencial para todos los usuarios, por lo que utiliza un lenguaje sencillo y directo para describir lo que los usuarios pueden hacer. Por ejemplo, Ajustes > No molestar explica los efectos de las diversas opciones sin utilizar jerga tcnica que podra ser difcil para los usuarios sofisticados de entender. Utiliza una terminologa que usted puede estar seguro de sus usuarios a entender. Usa lo que sabes acerca de sus usuarios para determinar si las palabras y frases que planea utilizar son las adecuadas. Por ejemplo, la jerga tcnica es raramente til en una aplicacin dirigida a usuarios poco sofisticados, pero en una aplicacin diseada para los usuarios con conocimientos tcnicos, puede ser apreciada. Utilice un tono que es informal y amable, pero no demasiado familiar. Usted quiere evitar ser afectado o demasiado formal, pero usted no quiere correr el riesgo de sonar falsamente jovial o condescendiente. Recuerde que los usuarios son ms propensos a leer el texto en la interfaz de usuario muchas veces, y lo que podra parecer en un principio inteligente puede llegar a ser irritante cuando se repite.
Terminologa y fraseologa

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Piense como un editor de un peridico, y ten cuidado con las palabras redundantes o innecesarios. Cuando el texto de su interfaz de usuario es ms corta y directa, los usuarios pueden absorber con rapidez y facilidad. Identificar la informacin ms importante, expresar de manera concisa, y mostrar un lugar destacado para que las personas no tienen que leer muchas palabras para encontrar lo que estn buscando o averiguar qu hacer a continuacin. Dale controles etiquetas cortas o utilizar iconos bien entendidos. La gente debera ser capaz de ver a simple vista lo que hace un control. Tenga cuidado de que es exacta al describir las fechas. A menudo es apropiado utilizar trminos amistosos como hoy y maana al mostrar informacin de la fecha en la interfaz de usuario. Pero puede ser confuso si no tienen en cuenta para la configuracin regional actual del usuario. Por ejemplo, considere una cita que comienza antes de la medianoche. Para los usuarios en la misma zona horaria, el evento comienza hoy, pero para los usuarios en una zona de tiempo anterior, el mismo evento puede haber comenzado ayer. . Aproveche al mximo la oportunidad de comunicarse con los usuarios potenciales por escribir una gran descripcin App Store Adems de describir su aplicacin precisa y resaltando las cualidades crees que las personas son ms propensos a apreciar, asegrese de:

Corrija todo ortografa, gramaticales y errores de puntuacin. Aunque este tipo de errores no se molestan en todo el mundo, en algunas personas pueden crear una impresin negativa de la calidad de su aplicacin. Mantenga todas las palabras de capital al mnimo. ocasionales palabras todo de capital ayudan a llamar la atencin de la gente, pero cuando se mantiene activado un paso de todo, es difcil de leer y se puede interpretar como gritar. Considere la posibilidad de describir correcciones de errores especficos. Si una nueva versin de su aplicacin contiene correcciones de errores que los clientes han estado esperando, puede ser una buena idea hablar de esto en su descripcin.

La integracin con iOS

La integracin con iOS significa dar a los usuarios una experiencia atractiva, encantadora que se siente como en casa en la plataforma; esto no significa la creacin de una aplicacin que se parece a una copia de una aplicacin integrada. La mejor manera de integrar su aplicacin nica con la plataforma es entender los temas que motivan se describen iOS-estos en "Designing for iOS 7 " (pgina 9), y la manera que su aplicacin debe expresarlos. Al hacer esto, siga las instrucciones de esta seccin para ayudar a darle a los usuarios la experiencia que ellos esperan.

Utilice la interfaz de usuario Elementos estndar correctamente

En lo posible, es una buena idea utilizar los elementos de interfaz de usuario estndar que UIKit proporciona. Al utilizar elementos estndar en lugar de crear otros personalizados, tanto usted como sus usuarios se benefician: Elementos de la interfaz estndar reciben automticamente actualizaciones si iOS introduce un nuevo diseo elementos apariencia personalizados no se actualiza. Elementos de la interfaz estndar tienden a ofrecer diversas maneras de personalizar su apariencia o comportamiento. Por ejemplo, todos los puntos de vista (es decir, objetos que heredan de UIView ) son coloreable, lo que hace que sea fcil agregar color a una aplicacin. Para obtener ms informacin sobre la adicin de color a los elementos de interfaz de usuario, consulte "Uso del tinte de color" en la Gua de iOS 7 UI Transicin . Las personas se sienten cmodas con los elementos de interfaz de usuario estndar, por lo que al instante entienden cmo usarlos en su aplicacin. Para aprovechar los beneficios de la utilizacin de elementos de interfaz de usuario estndar, es crucial que usted: Siga las pautas para cada elemento de la interfaz de usuario. Cuando un elemento de la interfaz de usuario se ve y funciona de la manera que la gente espera que, pueden depender de su experiencia previa para ayudarles a utilizar en su aplicacin. Usted puede encontrar las pautas de elementos de interfaz de usuario en "Bars" (pgina 143), "Contenido Views " (pgina 156), "Controles" (pgina 182) y "temporales Views " (pgina 197). No mezclar estilos de elementos de interfaz de usuario de las distintas versiones de iOS. Usted no quiere confundir a los usuarios al mostrar elementos de la interfaz que parecen que pertenecen a una versin diferente de iOS a la versin que est actualmente en ejecucin en el dispositivo.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

En general, evitar la creacin de un elemento de interfaz de usuario personalizado que ejecuta una accin estndar. Primero, pregntese por qu usted est creando un elemento de interfaz de usuario personalizada que se comporta exactamente igual que una normal. Si lo que desea es un aspecto personalizado, considere cambiar el aspecto de un elemento estndar mediante el uso de las API de personalizacin de apariencia UIKit o tinte de color. Si desea un comportamiento ligeramente diferente, asegrese de averiguar si un elemento estndar puede hacer lo que quiera cuando ajuste sus propiedades y atributos. Si usted necesita un comportamiento completamente personalizado, lo mejor es disear un elemento personalizado que no se ve muy similar a las estndar.

Consejo: Interface Builder hace que sea fcil de obtener los elementos de interfaz de usuario estndar, use las API de personalizacin apariencia, propiedades de acceso y atributos, y aplicar la costumbre y del sistema proporcionado iconos para los controles. Para obtener ms informacin sobre el Interface Builder, consulte Xcode general .

No utilice los botones y los iconos definidos por el sistema para significar otra cosa. iOS ofrece muchos botones y los iconos que se pueden utilizar en su aplicacin. Asegrese de entender el documentado, el significado semntico de estos botones y los iconos; no se basan en su interpretacin de su apariencia. (Usted puede encontrar el significado de cada icono en la barra de herramientas "y la barra de navegacin botones " (pgina 148) y "Tab Bar Icons " (pgina 152).) Si usted no puede encontrar un botn rgimen previsto o icono que tiene el significado apropiado para una funcin en su aplicacin, puede crear el suyo propio. Para algunas pautas para ayudarle a disear iconos personalizados, consulte "Barra de botones Iconos " (pgina 218). Si su aplicacin permite a una tarea de inmersin o experiencia, puede ser razonable para crear controles completamente personalizados. Esto se debe a que est creando un ambiente nico, y descubrir cmo controlar ese entorno es una experiencia que los usuarios esperan en tales aplicaciones.

Responder a los cambios en la orientacin del dispositivo


La gente en general esperan utilizar sus dispositivos iOS en cualquier orientacin, as que es mejor cuando su aplicacin responde adecuadamente. Mantener el foco en el contenido primario en todas las orientaciones. Este es su prioridad ms alta. La gente utiliza su aplicacin para ver e interactuar con el contenido que les importa. Cambiar el foco cuando gira el dispositivo pueden desorientar gente y hacerles sentir que han perdido el control sobre la aplicacin. En general, se ejecutan en todas las orientaciones. La gente espera utilizar su aplicacin en diferentes orientaciones, y lo mejor es cuando se puede cumplir con esa expectativa. Los usuarios de iPad, en particular, esperan utilizar su aplicacin en cualquier orientacin que estn llevando a cabo actualmente su dispositivo. Sin embargo, algunas aplicaciones necesitan para funcionar en slo o en un solo paisaje retrato. Si es esencial que su aplicacin se ejecutan en una sola orientacin, usted debe:

Inicie su aplicacin en la orientacin con el apoyo, independientemente de la orientacin del dispositivo actual. Por ejemplo, si un juego o una aplicacin de visualizacin de los medios de comunicacin se ejecuta slo en el paisaje, que es apropiado para lanzar la aplicacin en el paisaje, incluso si el dispositivo se encuentra actualmente en el retrato. De esta manera, si la gente empieza la aplicacin mientras el dispositivo est en el retrato, ellos saben hacer girar el dispositivo en horizontal para ver el contenido.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Evitar la visualizacin de un elemento de interfaz de usuario que dice a la gente para hacer girar el dispositivo. Correr en la orientacin apoyado dice claramente personas para hacer girar el dispositivo, si es necesario, y sin la adicin de desorden innecesario a la interfaz de usuario. Apoyar a las dos variantes de una orientacin. Por ejemplo, si una aplicacin se ejecuta slo en el paisaje, la gente debera ser capaz de utilizarlo si estn sosteniendo el dispositivo con el botn de Inicio a la derecha oa la izquierda. Y si la gente girar el dispositivo 180 grados durante el uso de la aplicacin, que es mejor que la aplicacin responde girando sus contenidos 180 grados. Si su aplicacin interpreta los cambios en la orientacin del dispositivo como la entrada del usuario, manejar la rotacin de maneras de aplicaciones especficas. Por ejemplo, un juego que permite que las personas se mueven las piezas del juego girando el dispositivo no se puede responder a la rotacin del dispositivo mediante la rotacin de la pantalla. En un caso como ste, debe poner en marcha en las dos variantes de la orientacin requerida y permitir a la gente para cambiar entre las variantes hasta que empiezan la tarea principal de la aplicacin. Tan pronto como la gente comienza la tarea principal, empezar a responder al movimiento del dispositivo de maneras de aplicaciones especficas. En el iPhone, anticipar las necesidades cuando responde a un cambio en la orientacin del dispositivo. Usuarios Los usuarios a menudo giran sus dispositivos para la orientacin horizontal porque quieren "ver ms". Si usted responde simplemente la ampliacin de los contenidos, no cumple con los usuarios ' expectativas. En lugar de ello, responder por reenvasado lneas de texto y-si es necesario-que se adapta el diseo de la interfaz de usuario para que se ajuste ms contenido en la pantalla. En el iPad, se esfuerzan por satisfacer las expectativas de los usuarios mediante el apoyo a todas las orientaciones. La pantalla del iPad mitiga el deseo de la gente para hacer girar el dispositivo en horizontal para "ver ms". Y porque la gente no presta mucha atencin a la estructura mnima del dispositivo o de la ubicacin del botn de inicio, que no tienden a ver el dispositivo que tiene una orientacin predeterminada. Siga estas pautas al disear la forma en que su aplicacin para iPad debera proporcionar una gran experiencia en todas las orientaciones:

Considere la posibilidad de cambiar la forma de mostrar informacin o funcionalidad auxiliar. Manteniendo el contenido ms importante siempre en foco, puede responder a la rotacin al cambiar la manera que usted proporciona contenido secundario.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Por ejemplo, un juego de iPad que muestra un tablero rectangular con orientacin horizontal tiene que volver a dibujar el tablero para encajar bien en orientacin vertical. En lugar de estirar verticalmente el tablero de juego en orientacin vertical, o dejando un espacio vaco por encima o por debajo de ella-el juego podra mostrar informacin u objetos suplementaria en el espacio adicional.

Evite los cambios gratuitos en el diseo. Una experiencia comparable en todas las orientaciones permite a las personas mantener sus patrones de uso cuando se gira el dispositivo. Por ejemplo, si su aplicacin para el iPad muestra imgenes en una cuadrcula, mientras que en el paisaje, no es necesario para mostrar la misma informacin en una lista, mientras que en el retrato (aunque es posible ajustar las dimensiones de la red). En la medida de lo posible, evitar a formatear la informacin y reenvasado de texto en la rotacin. Esfurcese por mantener un formato similar en todas las orientaciones. Si la gente est leyendo el texto en una aplicacin, es especialmente importante para ayudar a mantener su lugar cuando se gira el dispositivo. Si algn cambio de formato es inevitable, utilizar la animacin para ayudar a las personas rastrear los cambios. Por ejemplo, si agrega o quita una columna de texto en diferentes orientaciones, puede ocultar el movimiento de las columnas y simplemente desaparecer en el nuevo acuerdo. Para ayudarle a disear el comportamiento de una rotacin adecuada, piense en cmo usted esperara de su contenido se comporte si estuviera interactuando fsicamente con ella en el mundo real.

Proporcionar una imagen de lanzamiento nico para cada orientacin. Cuando cada orientacin tiene una imagen de lanzamiento nico, las personas experimentan una aplicacin lisa inicia independientemente de la orientacin del dispositivo actual. La pantalla de inicio del iPad es compatible con todas las orientaciones, por lo que las personas son susceptibles de iniciar su aplicacin en la misma orientacin en el que se utilizan la aplicacin anterior.

Restar importancia del archivo y gestin de documentos


aplicaciones de iOS pueden ayudar a las personas a crear y manipular archivos, pero esto no significa que la gente debera tener que pensar en el sistema de archivos en un dispositivo iOS. No existe una aplicacin para iOS anlogo al OS X Finder, y la gente no se le debe pedir a interactuar con archivos como lo hacen en una computadora. En particular, las personas no deben ser enfrentados con cualquier cosa que les anima a pensar acerca de los metadatos de archivos o ubicaciones, tales como:

Un dilogo de abrir o guardar que expone una jerarqua de archivos Informacin sobre el estado de los permisos de archivos En la medida de lo posible, que la gente a gestionar los documentos sin tener que abrir iTunes en su ordenador. Considere el uso de iCloud para ayudar a los usuarios el acceso a su contenido en todos sus dispositivos. Para algunos consejos sobre cmo ofrecer una gran experiencia de iCloud en su aplicacin, consulte "iCloud" (pgina 102). Si su aplicacin ayuda a las personas a crear y editar documentos, es conveniente establecer algn tipo de documento de selector que les permite abrir un documento existente o crear uno nuevo. Idealmente, un selector de dicho documento:

Es muy grfica. Las personas deben ser capaces de identificar fcilmente el documento que quieren mirando representaciones visuales de los documentos que aparecen en pantalla. Permite a la gente comete el menor nmero de gestos posibles para hacer lo que quieren. Por ejemplo, la gente puede desplazarse horizontalmente por un carrusel o cuadrcula de los documentos existentes y abrir la que desee con un toque. Incluye una nueva funcin de documento. En lugar de hacer que la gente vaya a otro sitio para crear un nuevo documento, un selector de documentos puede permitir que se toque en una imagen de marcador de posicin para crear un nuevo documento.

Consejo: Puede utilizar la funcin Quick Look en Vista previa para permitir que las personas de vista previa de documentos dentro de su aplicacin, incluso si su aplicacin no puede abrirlos. Para aprender cmo proporcionar esta funcin en su aplicacin, consulte "Quick Look " (pgina 124) .

Dar a la gente la confianza de que su trabajo siempre se conserva a menos que cancelen de forma explcita o eliminarlo. Si su aplicacin ayuda a las personas a crear y editar documentos, no se les obliga a realizar una accin ahorrar explcito. aplicaciones de iOS deben asumir la responsabilidad de salvar la entrada de las personas, tanto en forma peridica y cuando abren un documento diferente o cambiar lejos de la

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

aplicacin. Si la funcin principal de la aplicacin no es la creacin de contenido, pero que permiten a las personas para cambiar entre la visualizacin de la informacin y editarla-puede tener sentido para pedirles que salvar sus cambios. En este escenario, a menudo funciona bien para proveer un botn Editar en la vista que muestra la informacin. Cuando la gente se toque el botn Editar, reemplazarlo con un botn Guardar y agregar un botn Cancelar. La transformacin del botn Editar ayuda a recordar a las personas que estn en un modo de edicin y podran necesitar guardar los cambios, y el botn Cancelar les da la oportunidad de salir sin guardar los cambios.

Sea Configurable Si es Necesario

Algunas aplicaciones podran tener que dar a los usuarios una manera de tomar decisiones de configuracin o de configuracin, pero la mayora de las aplicaciones pueden evitar o retrasar haciendo esto. Aplicaciones exitosas funcionan bien para la mayora de la gente de inmediato ya ofrecen algunas maneras de ajustar la experiencia del usuario dentro de la interfaz de usuario principal. Si es posible, evitar enviar a los usuarios a Configuracin. Es importante recordar que los usuarios no pueden abrir la aplicacin Configuracin sin antes cambiar lejos de su aplicacin, y que no quieren fomentar esta accin. Al disear su aplicacin para funcionar de la manera la mayora de los usuarios esperan, disminuye la necesidad de ajustes. Si necesita informacin sobre el usuario, el sistema en busca que en lugar de pedir a los usuarios para proporcionarla. Si decide que debe proporcionar configuracin de la aplicacin que los usuarios rara vez tienen que cambiar, consulte "La Configuracin Bundle" en Gua de programacin iOS App para aprender a apoyarlos en su cdigo. Si es necesario, dejar que los usuarios configuren conductas que quieren dentro de su aplicacin. Integracin de las opciones de configuracin en su aplicacin le permite reaccionar de forma dinmica a los cambios porque la gente no tiene que salir de su aplicacin para ajustarlos. En la medida de lo posible, las opciones de configuracin que se ofrecen en la interfaz de usuario principal. Poniendo opciones en la interfaz de usuario principal puede tener sentido si representan una tarea primordial y si la gente podra querer cambiar con frecuencia. Si la gente es probable que cambie la configuracin de una aplicacin slo de vez en cuando, tiene sentido ponerlos en una vista separada.

Tome ventaja de iOS Tecnologas

iOS ofrece una gran cantidad de tecnologas que apoyan las tareas y escenarios comunes de manera que los usuarios esperan. Esta expectativa significa que es casi siempre mejor para integrar las tecnologas apoyadas por el sistema en su aplicacin de lo que es el diseo de un enfoque personalizado. Algunos iOS tecnologas-como la "multitarea" (pgina 95) y "VoiceOver" (pgina 135), son las caractersticas del sistema que todas las aplicaciones se deben incorporar. Otros permiten una funcionalidad especfica de aplicaciones, tales como el manejo de billetes y tarjetas de regalo ( "cartilla" (pgina 92)), lo que permite las compras de los usuarios dentro de una aplicacin ( "In-App Purchase " (pgina 105)), que muestra la publicidad dentro de la aplicacin ( "iAd multimedia Publicidad " (pgina 114)), la integracin con "Game Center " (pgina 107), y el apoyo a "iCloud" (pgina 102).

"Diseo Principios " (pgina 67) "De la idea al producto " (pgina 72) "Estudio de Caso: De escritorio para iOS " (pgina 78) "Running on iPhone 5 " (pgina 84)

Integridad Esttica
Integridad esttica no mide la belleza de las ilustraciones de una aplicacin o caracterizar su estilo; sino que representa lo bien que la apariencia y el comportamiento de una aplicacin se integra con su funcin de enviar un mensaje coherente.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Las personas se preocupan acerca de si una aplicacin ofrece la funcionalidad que promete, pero tambin estn afectados por la apariencia de la aplicacin y el comportamiento en formas subliminales-fuertes-a veces. Por ejemplo, una aplicacin que ayuda a las personas a realizar una tarea seria puede poner el foco en la tarea, manteniendo elementos decorativos sutil y discreto, y mediante el uso de controles estndar y comportamientos predecibles. Esta aplicacin enva un claro mensaje unificado acerca de su propsito y su identidad que ayuda a la gente confa en l. Pero si la aplicacin enva seales mixtas, presentando la tarea de una interfaz de usuario que es intrusivo, frvola o arbitrarias, las personas podran cuestionar la confiabilidad o fiabilidad de la aplicacin. Por otro lado, en una aplicacin que alienta una tarea como un juego de los usuarios esperan una apariencia cautivadora que promete diversin y emocin y estimula el descubrimiento inmersiva. La gente no espera para realizar una tarea seria o productiva en un juego, pero que esperan que la apariencia y el comportamiento de integrar con su propsito del juego.

Consistencia
La consistencia permite que las personas transfieren sus conocimientos y habilidades de una parte de la interfaz de usuario de una aplicacin a otra y de una aplicacin a otra aplicacin. Una aplicacin coherente no es una copia servil de otras aplicaciones y no es estilsticamente estancada; ms bien, se presta atencin a las normas y paradigmas de las personas se sienten cmodos con y proporciona una experiencia coherente internamente.

Carrier 21:27 Carrier 21:27 Carrier 21:27

Para determinar si una aplicacin para iOS sigue el principio de congruencia, piense en estas preguntas:

Es la aplicacin coherente de las normas de iOS? Utiliza proporcionados por el sistema controles, puntos de vista y los iconos correctamente? Incorpora las caractersticas del dispositivo de manera que los usuarios esperan? Es la aplicacin coherente en s mismo? Utiliza el texto terminologa y el estilo uniforme? Los mismos iconos siempre significan lo mismo? La gente puede predecir lo que suceder cuando realizan la misma accin en diferentes lugares? Los elementos de interfaz de usuario personalizados se ven y se comportan de la misma a lo largo de la aplicacin? Dentro de lo razonable, es la aplicacin compatible con sus versiones anteriores? Haga que los trminos y el significado sigue siendo el mismo? Son los conceptos fundamentales y una funcionalidad principal esencialmente sin cambios?

Manipulacin directa

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Cuando la gente manipular directamente los objetos que aparecen en pantalla en lugar de utilizar controles separados para manipularlos, son ms comprometidos con su tarea y es ms fcil para ellos entender los resultados de sus acciones.

Mediante la interfaz Multi-Touch, la gente puede pellizcar para ampliar directamente o contratar a una imagen o rea de contenido. Y en un juego, los jugadores se mueven e interactan directamente con los objetos-por ejemplo en pantalla, un juego podra mostrar una cerradura de combinacin que los usuarios pueden girar para abrir. En una aplicacin para iOS, las personas experimentan la manipulacin directa cuando:

Gire o mueva el dispositivo para afectar a los objetos que aparecen en pantalla lo contrario Use gestos para manipular objetos en pantalla Puede ver que sus acciones tienen resultados inmediatos y visibles

Feedback
Feedback reconoce que las acciones de la gente, ellos se muestran los resultados, y los actualiza en el progreso de su tarea.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Las aplicaciones de iOS integradas proporcionan retroalimentacin perceptible en respuesta a cada accin del usuario. Elementos de la lista y los controles ponen de relieve brevemente cuando las personas aprovechan de ellos y-durante las operaciones que duran ms de un segundo de controlun par de shows progreso transcurrido. Animacin Sutil puede dar a la gente una retroalimentacin significativa que ayuda a clarificar los resultados de sus acciones. Por ejemplo, las listas pueden animar la adicin de una nueva fila a ayudar a las personas rastrear el cambio visual. El sonido tambin puede dar a la gente informacin til, pero no debe ser el nico mecanismo de retroalimentacin porque la gente no siempre se pueden or sus dispositivos.

Metforas
Cuando los objetos virtuales y acciones en una aplicacin son metforas de experiencias, ya sea familiares estas experiencias tienen sus races en el mundo real o los usuarios mundiales digitales comprender rpidamente cmo utilizar la aplicacin. Es mejor cuando una aplicacin utiliza una metfora para sugerir un uso o una experiencia sin dejar que la metfora de hacer cumplir las limitaciones del objeto o accin en la que se basa. aplicaciones de iOS tienen grandes posibilidades de metforas, porque la gente interacta fsicamente con la pantalla. Metforas en iOS incluyen:

Mover vistas en capas para exponer el contenido por debajo de ellos Arrastrar, parpadeo o deslizar los objetos en un juego Al tocar interruptores, reguladores de deslizamiento, y girando recolectores Hojeando las pginas de un libro o una revista

Control de usuario
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

La gente-no aplicaciones-deben iniciar y controlar las acciones. Una aplicacin puede sugerir un curso de accin o advertir sobre las consecuencias peligrosas, pero por lo general es un error que la aplicacin tome la toma de decisiones lejos del usuario. Las mejores aplicaciones para encontrar el equilibrio correcto entre dar a la gente las capacidades que necesitan al tiempo que ayuda a evitar resultados no deseados.

Los usuarios se sienten ms en control de una aplicacin cuando los comportamientos y los controles son familiares y predecibles. Y cuando las acciones son simples y directas, los usuarios pueden fcilmente entender y recordar. Las personas esperan tener una amplia oportunidad para cancelar una operacin antes de que comience, y esperan tener la oportunidad de confirmar su intencin de realizar una accin potencialmente destructiva. Por ltimo, la gente espera ser capaz de detener con gracia una operacin que est en marcha.

Del concepto a la del producto


Defina su aplicacin
Una instruccin de definicin de aplicacin es un diccionario, la declaracin concreta de propsito principal de una aplicacin y su pblico objetivo. Crear una instruccin de definicin de aplicacin al principio de su esfuerzo de desarrollo para ayudarle a convertir una idea y una lista de caractersticas en un producto coherente que la gente quiere poseer. A lo largo del desarrollo, utilizar la instruccin de definicin para decidir si las caractersticas y comportamientos potenciales tienen sentido. Siga los siguientes pasos para crear un robusto instruccin de definicin de aplicacin.

1. Enumerar todas las caractersticas que usted piensa Usuarios gustaran


Vaya por delante y una lluvia de ideas aqu. En este punto, usted est tratando de capturar todas las tareas relacionadas con su idea principal producto. No se preocupe si su lista es larga; usted reducirlo despus. Imagine que su idea inicial es desarrollar una aplicacin que ayuda a la gente compra en el supermercado. Al pensar en esta actividad, usted viene para arriba con una lista de tareas relacionadas-es decir, las posibles funciones que los usuarios pueden estar interesados pulg Por ejemplo:

Creacin de listas Obtener recetas Comparando los precios Localizacin de tiendas Anotacin de recetas Obtencin y uso de cupones Visualizacin de demostraciones de cocina Exploracin de diferentes tipos de cocina Encontrar sustituciones de ingredientes

2. Determinar quines son sus usuarios


Ahora usted tiene que averiguar lo que distingue a los usuarios de su aplicacin de todos los dems usuarios de iOS. En el contexto de su idea principal, lo que es ms importante para ellos? Usando el ejemplo de la compra de comestibles, usted puede preguntar si los usuarios:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Por lo general, cocinar en casa o prefieren platos preparados Son cupones usuarios comprometidos o piensan que los cupones no son la pena el esfuerzo Disfrute de la caza de ingredientes especiales o rara vez aventurarse ms all de los conceptos bsicos Siga estrictamente las recetas o usar recetas de inspiracin Compre pequeas cantidades con frecuencia o comprar en grandes cantidades con poca frecuencia Quieres mantener varias listas en curso para diferentes propsitos o simplemente quieres recordar algunas cosas para comprar en el camino a casa Insistir en marcas especficas o hacer ver con las alternativas ms convenientes Tienden a comprar un conjunto similar de artculos en cada viaje de compras o comprar artculos que figuran en la receta Despus de meditar sobre estas cuestiones, imagine que usted decida sobre tres caractersticas que mejor describen a su pblico objetivo: les encanta experimentar con recetas, a menudo en un apuro, y es ahorrativo si no se necesita demasiado esfuerzo.

3. Se filtra la lista de funciones a travs de la definicin de la Audiencia


Si, despus de decidir sobre algunas caractersticas de la audiencia, se termina con slo unas pocas caractersticas de la aplicacin, usted est en el camino correcto: Grandes aplicaciones de iOS tienen un enfoque de lser en la tarea que ayudan a los usuarios a realizar. Por ejemplo, considere la larga lista de posibles funciones que se le ocurri en el paso 1. Aunque todas estas son caractersticas tiles, no todos ellos son susceptibles de ser apreciado por el pblico al que defini en el paso 2. Cuando usted examina su lista de caractersticas en el contexto de su pblico objetivo, usted concluye que su aplicacin debe centrarse en tres aspectos principales: Crear listas, obtencin y utilizacin de cupones, y conseguir recetas. Ahora usted puede crear su instruccin de definicin de aplicacin, concretamente resumir lo que hace la aplicacin y para quin. Una buena declaracin de definicin de aplicaciones para esta aplicacin de compras de supermercado podra ser: "Una herramienta de creacin de lista de la compra para personas ahorrativos que les encanta cocinar."

4. No se detienen ah
Utilice su instruccin de definicin de aplicacin en todo el proceso de desarrollo para determinar la idoneidad de las caractersticas, los controles y la terminologa. Por ejemplo: Al considerar la adicin de una nueva caracterstica , pregntese si es esencial para el propsito principal de su aplicacin y para su pblico objetivo. Si no es as, djela a un lado; que podra constituir la base de una aplicacin diferente. Por ejemplo, usted ha decidido que los usuarios estn interesados en una cocina atrevida, por lo que haciendo hincapi en mezclas para pasteles en caja y platos preparados probablemente no seran apreciados. Al considerar el aspecto y el comportamiento de la interfaz de usuario , se pregunta si los usuarios aprecian un estilo sencillo, gil o un estilo ms abiertamente temtica. Djese guiar por lo que la gente podra esperar lograr con su aplicacin, tales como la capacidad para realizar una tarea seria, para obtener una respuesta rpida, para ahondar en el contenido integral, o para entretenerse. Por ejemplo, aunque su aplicacin lista de la compra tiene que ser fcil de entender y rpida de usar, su pblico apreciara probablemente una interfaz de usuario con temas que muestra un montn de bonitas fotos de los ingredientes y de las comidas. Al considerar la terminologa a utilizar , se esfuerzan para que coincida con la experiencia de su audiencia con el tema. Por ejemplo, a pesar de que el pblico no puede estar compuesto por expertos chefs, ests bastante seguro de que ellos quieren ver las condiciones apropiadas para los ingredientes y tcnicas.

Tailor personalizacin a la Tarea

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

La mejor aplicaciones de iOS equilibrio personalizacin de interfaz de usuario con una claridad de propsito y la facilidad de uso. Para lograr este equilibrio en su aplicacin, asegrese de considerar la personalizacin al principio del proceso de diseo. Debido a las preocupaciones sobre la marca, la originalidad, y la comercializacin a menudo influyen en las decisiones de personalizacin, puede ser un reto para mantenerse enfocado en cmo los impactos de personalizacin de la experiencia del usuario. Empieza por considerar las tareas en su aplicacin: Con qu frecuencia los usuarios los realizan y en qu circunstancias? Por ejemplo, imagine una aplicacin que permite realizar llamadas telefnicas. Ahora imaginemos que en lugar de un teclado, la aplicacin muestra un hermoso dial giratorio, realista. El dial est meticulosamente prestados, para que los usuarios aprecian su calidad. La esfera se comporta de forma realista, para que los usuarios se deleitan en hacer el antiguo gesto de marcar y escuchar los sonidos distintivos. Pero para los usuarios que a menudo necesitan marcar nmeros de telfono, la apreciacin inicial de la experiencia pronto da paso a la frustracin, porque el uso de un mando giratorio es mucho menos eficiente que usar un teclado. En una aplicacin que est diseado para ayudar a las personas hacer llamadas telefnicas, esta hermosa interfaz de usuario personalizada es un obstculo.

Por otro lado, tenga en cuenta la aplicacin de ejemplo BubbleLevel, que muestra una interpretacin realista del nivel de carpintero. La gente sabe cmo utilizar la herramienta fsica para que al instante saben cmo utilizar la aplicacin. La aplicacin podra haber mostrado su informacin sin la interpretacin de la ampolla de la burbuja, pero esto habra hecho que la aplicacin menos intuitivo y tal vez ms difcil de usar. En este caso, la interfaz de usuario personalizada no slo muestra a la gente cmo utilizar la aplicacin, sino que tambin hace que la tarea ms fcil de lograr.

Al pensar en cmo la personalizacin podra aumentar o restar valor a la tarea que su aplicacin permite, tenga en cuenta estas pautas. Siempre tienen una razn para la personalizacin. Idealmente, la personalizacin de interfaz de usuario facilita la gente de trabajo quieren realizar y mejora su experiencia. Tanto como sea posible, es necesario dejar que la tarea de su aplicacin conduzca sus decisiones de personalizacin. En la medida de lo posible, evitar el aumento de la carga cognitiva del usuario. Usuarios estn familiarizados con la apariencia y el comportamiento de los elementos de interfaz de usuario estndar, por lo que no tiene que parar y pensar en cmo usarlos. Cuando se enfrentan con elementos que no se ven o se comportan en absoluto como los estndar, los usuarios pierden la ventaja de su experiencia previa. A menos que sus elementos exclusivos hacen de realizar la tarea ms fcil, los usuarios podran no les gusta verse obligado a aprender nuevos procedimientos que no transfieren a las otras aplicaciones. S internamente consistente. Cuanto ms personalizado la interfaz de usuario, ms importante que es para la apariencia y el comportamiento de sus elementos personalizados para ser coherente dentro de su aplicacin. Si los usuarios se toman el tiempo para aprender cmo utilizar los controles de desconocidos que se crean, que esperan ser capaces de confiar en que el conocimiento a travs de su aplicacin.
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Siempre se remiten al contenido. Debido a que los elementos de serie son tan familiares, que no compiten con el contenido para la atencin de las personas. Como personalizar la interfaz de usuario, tenga cuidado para asegurarse de que no eclipse el contenido importa a la gente. Por ejemplo, si su aplicacin permite a la gente a ver los vdeos, es posible elegir el diseo de los controles de reproduccin personalizadas. Pero ya sea que use la costumbre o los controles de reproduccin estndar es menos importante que si los controles se desvanecen cuando el usuario comienza a ver el vdeo y reaparecer con un toque. Piense dos veces antes de volver a disear un control estndar. Si usted planea hacer ms de personalizacin de un control estndar, asegrese de que su control de nuevo diseo proporciona mayor cantidad de informacin el estndar. Por ejemplo, si crea un control de interruptor que no indica la presencia del valor opuesto, las personas no se dan cuenta que se trata de un control de dos estados. Asegrese de fondo fcil de prueba elementos de interfaz de usuario personalizado. Durante las pruebas, observar de cerca a los usuarios para ver si pueden predecir cules son sus elementos hacen y si pueden interactuar con ellos fcilmente. Si, por ejemplo, se crea un control que tiene una meta de xito menor que 44 x 44 puntos, la gente va a tener problemas para activarlo. O si crea una vista que responde de manera diferente a un grifo que lo hace para un golpe, asegrese de que la funcionalidad de la vista proporciona vale la gente de atencin adicional tienen que tomar cuando se interacta con l.

Prototipo y Iterate
Antes de invertir importantes recursos de ingeniera en la ejecucin de su diseo, que es una muy buena idea para crear prototipos para pruebas de usuario. Incluso si usted puede conseguir slo unos pocos colegas para probar los prototipos, se beneficiar de sus nuevos puntos de vista sobre la funcionalidad de su aplicacin y la experiencia del usuario. En las primeras etapas de su diseo se puede utilizar prototipos de papel o wireframes para exponer los principales puntos de vista y los controles, y para mapear el flujo entre pantallas. Usted puede obtener alguna informacin til a partir de wireframes de prueba, pero su poca densidad puede engaar a los probadores. Esto se debe a que es difcil para la gente imaginar cmo la experiencia de una aplicacin va a cambiar cuando wireframes se rellenan con contenido real. Usted obtendr una retroalimentacin ms valioso si se puede armar un prototipo de pulpa de salida que se ejecuta en un dispositivo. Cuando las personas pueden interactuar con su prototipo en un dispositivo, que son ms propensos a descubrir los lugares donde la aplicacin no funciona como se espera, o cuando la experiencia del usuario es demasiado complejo. La manera ms fcil de crear un prototipo creble es utilizar una plantilla Xcode basados en guin grfico para construir una aplicacin bsica, y rellenarla con algn contenido de marcador de posicin correspondiente. (Un storyboard archivo captura toda la interfaz de usuario de su aplicacin, incluyendo las transiciones entre las diferentes pantallas.) A continuacin, instale el prototipo de un dispositivo para que sus probadores pueden tener como una experiencia realista posible. No es necesario suministrar una gran cantidad de contenido o permitir a todo el control en su aplicacin prototipo, pero s es necesario para proporcionar suficiente contexto para sugerir una experiencia realista. Trate de mantener un equilibrio entre la experiencia del usuario tpico y los casos de borde ms inusuales. Por ejemplo, si es probable que su aplicacin va a manejar largas listas de elementos, se debe evitar la creacin de un prototipo que muestra slo uno o dos elementos de la lista. Y para probar las interacciones del usuario, siempre y cuando los probadores pueden aprovechar un rea de la pantalla para avanzar a la siguiente vista lgico o para llevar a cabo la tarea principal, que ser capaz de proporcionar una retroalimentacin constructiva. Si basa su prototipo en una plantilla de aplicacin Xcode, se obtiene una gran cantidad de funcionalidad de forma gratuita y es relativamente fcil de hacer ajustes en el diseo, en respuesta a la retroalimentacin. Con un tiempo de respuesta corto, usted debera ser capaz de probar varias iteraciones de su prototipo antes de afianzar su diseo y comprometer recursos para su implementacin. Para empezar a aprender acerca de Xcode, consulte Xcode general .

Estudio de caso: De escritorio para iOS


Keynote en el iPad
Keynote en el escritorio es una potente aplicacin, flexible para crear presentaciones de diapositivas de calidad mundial. La gente le encanta cmo Keynote combina facilidad de uso con un control de grano fino sobre una mirada de detalles precisos, como las animaciones y los atributos de texto.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Keynote en el iPad captura la esencia de Keynote en el escritorio, y hace que se sienta como en casa en el iPad mediante la creacin de una experiencia de usuario:

Se centra en el contenido del usuario Reduce la complejidad y sin capacidad de dilucin Proporciona accesos directos que empoderan y placer Adapta caractersticas familiares de la experiencia de escritorio Proporciona retroalimentacin y comunicacin a travs de la animacin elocuente Usuarios de Keynote entienden al instante cmo utilizar la aplicacin en el iPad, ya que ofrece la funcionalidad esperada utilizando paradigmas iPad nativas. Los nuevos usuarios aprender fcilmente cmo utilizar Keynote en el iPad, ya que pueden manipular directamente su contenido en formas simples y naturales. La transformacin de Keynote desde el escritorio al iPad se basa en modificaciones innumerables y rediseos que van desde lo sutil a profunda. Estas son algunas de las adaptaciones ms visibles: Una barra de herramientas optimizada. Slo un puado de artculos estn en la barra de herramientas, sino que ofrece a los usuarios un acceso consistente a todas las funciones y herramientas que necesitan para crear su contenido.

Un inspector simplificado, prioridad que responde a la atencin del usuario. La Keynote en inspector iPad automticamente contiene las herramientas y los atributos que la gente necesita para modificar el objeto seleccionado. A menudo, la gente puede hacer todas las modificaciones necesarias en la primera vista inspector. Si tienen que modificar cambiado con menos frecuencia atributos, pueden profundizar para otras vistas inspector.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Un montn de colecciones de estilos prediseados. La gente puede cambiar fcilmente la apariencia de objetos tales como diagramas y tablas mediante el aprovechamiento de los estilos predefinidos. Adems de la combinacin de colores, cada coleccin incluye atributos un estilo predeterminado, como el ttulo de la tabla y las marcas de eje de divisin, que estn diseados para coordinar con el tema general.

La manipulacin directa de los contenidos, enriquecido con la animacin significativa. En Keynote en el iPad, un usuario arrastra una diapositiva a una nueva posicin, se retuerce un objeto para girarlo, y golpea una imagen para seleccionarla. La impresin de la manipulacin directa se ve reforzada por las animaciones que responden Keynote en el iPad realiza. Por ejemplo, un tobogn de pulsos con cuidado ya que los usuarios se mueven y, cuando lo colocan en una nueva ubicacin, las diapositivas que rodean ondulacin hacia el exterior para hacer espacio para l.

Mail en iPhone
Mail es una de las aplicaciones ms altamente visibles, bien utilizado, y apreciados en OS X. Tambin es un programa muy potente que permite a los usuarios crear, recibir, priorizar, y almacenar correo electrnico, elementos de accin pista y eventos, y crear notas y las invitaciones. Correo en el escritorio ofrece esta potente funcionalidad en un par de ventanas.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Correo en el iPhone se centra en la funcionalidad principal de correo en el escritorio, lo que ayuda a la gente a recibir, crear, enviar y organizar sus mensajes. Mail en el iPhone ofrece esta funcionalidad condensada en una interfaz de usuario adaptada a la experiencia mvil que incluye:

Un aspecto aerodinmico que pone el contenido de frente y al centro del pueblo Diferentes puntos de vista diseados para facilitar las diferentes tareas Una estructura de informacin intuitiva que escala sin esfuerzo Herramientas de edicin y organizacin de gran alcance que estn disponibles cuando se necesitan Sutil pero expresiva animacin que comunica las acciones y proporciona retroalimentacin Es importante darse cuenta que el correo en el iPhone no es una aplicacin mejor que el correo en el escritorio; ms bien, es Correo, rediseado para los usuarios mviles. Al concentrarse en un subconjunto de las funciones de escritorio y presentarlos en una interfaz de usuario atractiva magra, correo en el iPhone da a la gente el ncleo de la experiencia de correo mientras estn mvil. Para adaptar la experiencia de correo en el contexto mvil, el correo en el iPhone innova la interfaz de usuario en varios aspectos clave. . Pantallas distintas, altamente enfocados Cada pantalla muestra un aspecto de la experiencia Mail: lista de cuentas, lista de correo, lista de mensajes, vista de mensajes, y vista la composicin. Dentro de una pantalla, la gente de desplazamiento para ver todo el contenido.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Fcil, navegacin predecible. Hacer un golpecito por pantalla, las personas profundizan desde lo general (la lista de cuentas) a lo particular (un mensaje). Cada pantalla muestra un ttulo que muestra a la gente dnde estn, y un botn de retroceso que hace que sea fcil para ellos para volver sobre sus pasos. Simple, los controles para hacer tapping, disponible cuando sea necesario. Debido a redactar un mensaje y la comprobacin de nuevo correo electrnico son las acciones primarias que la gente que quiera tomar en cualquier contexto, correo en el iPhone hace accesibles en mltiples pantallas. Cuando la gente est viendo un mensaje, funciones como la respuesta, mover y basura estn disponibles debido a que actan sobre un mensaje. Los diferentes tipos de retroalimentacin para diferentes tareas. Cuando la gente elimina un mensaje, el anime en el icono de la papelera. Cuando la gente enva un mensaje, pueden ver su progreso; cuando el envo termina, pueden escuchar un sonido distintivo.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Al observar el texto sutil en la barra de herramientas de la lista de mensajes, la gente puede ver de un vistazo cuando su buzn de correo se actualiz por ltima vez.

Contenido en la Web en iOS


Safari en iOS proporciona una experiencia de visualizacin de la web mvil preeminente en los dispositivos iOS. La gente aprecia el texto ntido e imgenes ntidas y la capacidad de ajustar su punto de vista al girar el dispositivo o pellizcos y tocando la pantalla. Sitios web basados en estndares se muestran correctamente en los dispositivos iOS. En particular, los sitios web que detectan el dispositivo y no utilizar los plug-ins se ven muy bien en el iPhone y el iPad con poca o ninguna modificacin. Adems, los sitios web de mayor xito tpicamente:

Establecer la vista apropiadamente para el dispositivo, si el ancho de la pgina debe coincidir con la anchura del dispositivo Evite CSS posicionamiento fijo, de manera que el contenido no se mueve fuera de la pantalla cuando los usuarios hacer zoom o desplazar la pgina Habilitar una interfaz de usuario basada en el contacto que no se basa en las interacciones basadas en punteros

A veces, otras modificaciones pueden ser apropiados. Por ejemplo, las aplicaciones web siempre se establece el ancho de la ventana grfica adecuada y suelen ocultar la interfaz de usuario de Safari en iOS. Para obtener ms informacin acerca de cmo hacer estas modificaciones, consulte "Configuracin de la ventana grfica" y "Configuracin de aplicaciones Web" en la Gua de Safari Web de contenido . Los sitios web pueden adaptar la experiencia web de escritorio para Safari en iOS de otras maneras, tambin: Acomoda el teclado en Safari en iOS. Cuando un teclado y el asistente formulario son visibles, Safari en el iPhone muestra la pgina web en la zona debajo del campo de texto URL y sobre el teclado y la forma asistente. . Acomodar el control de men emergente en Safari en iOS En Safari en el escritorio, un men emergente que contiene un gran nmero de artculos se muestra como lo hace en una aplicacin OS X; es decir, el men se abre para mostrar todos los artculos, que se extiende ms all de los lmites de la ventana, si es necesario. En Safari en iOS, se muestra un men emergente utilizando elementos nativos, lo que proporciona una mejor experiencia de usuario. Por ejemplo, en el iPhone, en el men emergente aparece en un selector , una lista de opciones de las que el usuario puede elegir. (Para obtener ms informacin sobre el control de selector, consulte "Selector" (pgina 188).)

Corriendo en el iPhone 5
Usted no tiene que redisear su aplicacin para que se vea bien en el iPhone 5 Muchas aplicaciones se ven bien, simplemente mostrando ms de su interfaz de usuario existente.; otros podran necesitar para estirar contenido o regiones de fondo. Slo algunas aplicaciones-como juegos o aplicaciones que muestran una gran cantidad de obras de arte a medida-son propensos a necesitar un poco de trabajo adicional para lucir lo mejor posible. Nota: Todas las aplicaciones que se ejecutan en el iPhone 5 debe incluir una imagen puesta en marcha de la medida correcta. Para aprender a crear imgenes del lanzamiento para los dispositivos IOS, consulte "Launch Imgenes " (pgina 215) . La pantalla del iPhone 5 es de 176 pxeles ms alto que la visualizacin de otros dispositivos iPhone y iPod touch. En la orientacin vertical, la altura extra es casi lo mismo que la altura de dos filas adicionales en una vista de tabla estndar. Por ejemplo, los mensajes que se ejecutan en el iPhone 5 muestra un rea de conversacin ms alto que hace de mensajes que se ejecutan en el iPhone 4S.

Los mensajes en el iPhone 5

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Los mensajes en el iPhone 4S

Por supuesto, los adicionales 176 pxeles de altura se traduce en espacio lateral adicional cuando el dispositivo est en posicin horizontal. Por ejemplo, en los mensajes en el iPhone 5 (que se muestra aqu abajo Los mensajes en el iPhone 4S), la interfaz de usuario se expande para rellenar el ancho adicional.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Los mensajes de las pantallas que se muestran arriba ilustran un punto crucial: Los ajustes de la interfaz de usuario de menor importancia que se hicieron para adaptarse a la pantalla del iPhone 5 no cambian la funcionalidad de la aplicacin de ninguna manera. La consistencia de la experiencia del usuario, lo cual es evidente en todas las aplicaciones que se describen en esta seccin sigue un principio clave del diseo de iPhone 5: La pantalla del dispositivo ms grande permite a los usuarios ver ms de los contenidos que les interesan; s no ofrecen la oportunidad de exprimir en una mayor funcionalidad de aplicaciones. Debido a que usted no va a cambiar la funcionalidad de la aplicacin, hay tpicamente muy poco lo que tienes que hacer para que su aplicacin se ven muy bien en el iPhone 5. Si usa Auto Layout para disear la interfaz de usuario de su aplicacin, es posible que tenga menos trabajo que hacer . Las siguientes pautas pueden ayudar a decidir qu cambios de interfaz de usuario son los ms adecuados para su aplicacin. Nota: Si no se realiza ningn cambio en su aplicacin, se ejecuta en un modo de compatibilidad en el iPhone 5 Cuando una aplicacin se ejecuta en modo de compatibilidad, iOS centra automticamente la interfaz de usuario de la aplicacin aadiendo barras negras delgadas arriba y por debajo de ella.. Permitir ms contenido que se revele de forma automtica. Si algunos de la interfaz de usuario est oculta en la actualidad por debajo del borde inferior de los usuarios de la pantalla-que requiere para desplazarse-usted no tiene que hacer ningn cambio para permitir el aumento de la altura de la pantalla del iPhone 5 para revelar ms de la interfaz de usuario. En Ajustes, por ejemplo, los usuarios pueden ver las filas de tabla adicionales en el iPhone 5 que lo hacen en el iPhone 4S.

Ajustes en el iPhone 5

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Ajustes en el iPhone 4S

Estire reas de contenido. Si muestra el contenido de una vista, considere ampliar verticalmente la vista para mostrar algo de contenido adicional o para insertar ms espacio dentro de la vista. Por ejemplo, los usuarios tienen una regin del cuerpo del mensaje ms grande en Mail en el iPhone 5 que lo hacen en Mail en el iPhone 4S.

Correo en el iPhone 5

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Mail en el iPhone 4S

Zonas de fondo tramo entre reas de contenido. Usted puede hacer que su diseo se vea un poco ms relajado, ampliando el espacio vertical entre las vistas de contenido. Por ejemplo, el tiempo en el iPhone 5 muestra ms del fondo en la parte superior de la pantalla que hace tiempo en el iPhone 4S.

El tiempo en el iPhone 5

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

El tiempo en el iPhone 4S

Si es necesario, Recentra elementos visuales dominantes. Despus de ajustar los fondos o los puntos de vista para acomodar el espacio adicional, es posible que desee asegurarse de que los elementos principales de la interfaz de usuario todava se centran adecuadamente. Una forma de hacer esto es estirar primero una regin cercana a la parte superior de la pantalla y luego ajustar el centrado de los elementos. Por ejemplo, Comps en el iPhone 5 mantiene el foco del usuario en la brjula y el rumbo al mantener estos elementos centrados en el fondo ampliado.

Comps en el iPhone 5

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Brjula en el iPhone 4S

En general, evite el aumento del tamao de control. Si utiliza el tamao mnimo de hacer tapping para los controles en su aplicacin-es decir, no ms pequeo de 44 x 44 puntos-no deberas necesitar ajustarlos para el iPhone 5. Sin embargo, usted puede optar por aadir un poco ms de espacio entre los controles existentes. No utilizar el espacio adicional para mostrar una barra o banner adicional. personas esperan para ver ms contenido en el iPhone 5. Para no decepcionar a sus usuarios, resista la tentacin de utilizar el espacio vertical extra por una barra de botones de encargo o banner.

" libreta de ahorros " (pgina 92)

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

"Multitarea" (pgina 95) "Routing" (pgina 97) "Social medios de comunicacin " (pgina 100) "ICloud" (pgina 102) "In-App Purchase " (pgina 105) "Game Center " (pgina 107) "Notificacin Center " (pgina 109) "iAd Rich Media Anuncios " (pgina 114) "AirPrint" (pgina 120) "Acceso de Usuario de datos " (pgina 122) "Quick Look " (pgina 124) "Sonido" (pgina 126) "VoiceOver" (pgina 135) "Edit Menu " (pgina 136) "Deshacer y Rehacer " (pgina 139) "Teclados y entrada Views " (pgina 141) La aplicacin de cartilla de ayuda a las personas ver y gestionar los pases, que son representaciones digitales de los elementos fsicos, tales como las tarjetas de embarque, cupones, tarjetas de membresa, y los billetes. En su aplicacin, puede crear un pase, distribuirla a los usuarios, y actualizarla cuando las cosas cambian.

El marco Kit Pass hace que sea fcil de usar contenido personalizado para montar un pase y para acceder a un pase cuando se encuentra en la biblioteca de paso del usuario. (Para obtener informacin acerca de los conceptos clave de la tecnologa de cartilla y cmo utilizar las API del Kit Pass en su aplicacin,
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

consulte la Gua de cartilla de programacin .) Las siguientes pautas pueden ayudarle a crear un pase que la gente aprecia que tiene en su biblioteca de paso y disfrutar de su uso. En lo posible, evite simplemente reproducir un pase de fsica existente. Passbook tiene una esttica de diseo establecido y pasa que coordinan con esta esttica tienden a mirar mejor. En lugar de replicar la apariencia de un elemento fsico, aprovechar esta oportunidad para disear un sencillo pase limpio que sigue a la forma y la funcin de la libreta de ahorros. Sea selectivo acerca de la informacin que usted pone en la parte frontal de un pase. gente espera ser capaz de mirar a un pase y obtener rpidamente la informacin que necesitan, por lo que la parte delantera de un pase deben ser sencillas y fciles de leer. Si hay informacin adicional que crees que la gente pudiera ser necesaria, es mejor ponerlo en el reverso de las tarjetas que al apretarla en la parte frontal. En general, evite el uso de un fondo blanco liso. Un pase tiende a verse mejor cuando su fondo es un color vivo, slido o muestra una imagen que utiliza colores fuertes y vibrantes. Cuando disee el fondo, siempre asegrese de que no interfiera con la lectura de los contenidos. Use el campo de texto del logotipo para su nombre de compaa. Texto en el campo de texto logotipo se representa en una fuente constante en todos los pases. Para evitar coincidir con otros pases en la biblioteca de paso del usuario, se recomienda que se introduce texto en el campo de texto del logotipo en lugar de utilizar una fuente personalizada. Nota: Es mejor utilizar los campos de paso adecuados para todo el texto en su pase y evitar la incrustacin de texto en imgenes o usar fuentes personalizadas. El uso de los campos que se beneficia de dos maneras importantes: Permite a los usuarios de VoiceOver para obtener toda la informacin de su tarjeta y le da a su paso un aspecto coherente. Use un logotipo de la empresa blanco. La imagen del logotipo se coloca en la esquina superior izquierda del paso, al lado de su nombre de la empresa. Para obtener los mejores resultados, el suministro de un blanco, versin monocromtica de su logotipo que no incluye texto. Si desea grabar el logotipo de manera que coincida con el texto del logotipo rendido, aadir una sombra negro con una gota y 1 pixel offset, un borrn 1 pixel, y el 35% de opacidad. Utilice un cdigo de barras rectangulares cuando sea posible. Debido a la disposicin de un pase, una rectangular de cdigo de barras, como PDF417-tiende a verse mejor que un cdigo de barras cuadrado. Como se muestra abajo a la derecha, un cdigo de barras cuadrada crea callejones vacos a ambos lados y se puede desplazar verticalmente los campos anteriores y por debajo de ella.

Un cdigo de barras rectangulares encaja bien en el trazado Un cdigo de barras cuadrado puede desplazar otros campos

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Optimizar imgenes para la actuacin. Dado que los usuarios a menudo reciben pases por correo electrnico o Safari, que es importante para hacer descargas ms rpido posible. Para mejorar la experiencia del usuario, utilice los archivos de imagen ms pequeos que logran el aspecto visual deseado. Mejorar la utilidad de un pase de su actualizacin cuando sea apropiado. Aunque un pase representa un elemento fsico que no se suelen cambiar, su tarjeta digital puede proporcionar una mejor experiencia al reflejar los acontecimientos del mundo real. Por ejemplo, puede actualizar una tarjeta de embarque de avin, cuando un vuelo se retrasa para que la gente siempre reciben informacin actualizada cuando se registran el pase.

Multitarea
La multitarea permite a las personas para cambiar rpidamente entre aplicaciones utilizadas recientemente.

Para apoyar esta experiencia, la multitarea permite a una aplicacin para entrar en un estado de suspensin en el fondo cuando los usuarios cambian de distancia de ella. Cuando los usuarios cambiar de nuevo a la aplicacin, la aplicacin puede reanudar rpidamente porque no tiene que recargar su interfaz de usuario. La gente usa la interfaz de usuario multitarea (ver imagen superior) para elegir una aplicacin utilizada recientemente.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para saber cmo apoyar la multitarea en el cdigo, consulte la seccin "Estados App y multitarea". Prosperar en un entorno multitarea gira en torno a la consecucin de una convivencia armoniosa con otras aplicaciones en el dispositivo. A un alto nivel, esto significa que todas las aplicaciones deben:

Gestionar las interrupciones o audio de otras aplicaciones con gracia


Multitarea

Detenga y reinicie-es decir, la transicin hacia y desde el fondo-de forma rpida y sin problemas Comportarse de manera responsable cuando no est en el primer plano Las siguientes directrices especficas ayudan a su aplicacin a tener xito en el entorno multitarea. Est preparado para las interrupciones, y estar listo para reanudar. multitarea aumenta la probabilidad de que una aplicacin de fondo interrumpir su aplicacin. Otras caractersticas, como la presencia de los anuncios y ms rpida aplicacin de conmutacin-, tambin pueden causar interrupciones ms frecuentes. La forma ms rpida y precisa puede guardar el estado actual de su aplicacin, las personas ms rpidos pueden relanzar y continuar desde donde lo haban dejado. Para dar a los usuarios una experiencia de reinicio sin problemas, aprovechar de la preservacin del estado de UIKit y funcionalidad de restauracin (para ms informacin, consulte "Preservacin y la Restauracin del Estado"). Asegrese de que su interfaz de usuario puede manejar la barra de estado de doble altura. La barra de estado de doble altura aparece durante eventos tales como llamadas en curso telefnicas, grabacin de audio, y la inmovilizacin. En aplicaciones no preparadas la altura extra de este bar puede causar problemas de diseo. Por ejemplo, la interfaz de usuario puede llegar a ser empujado hacia abajo o cubierto. En un entorno multitarea, es especialmente importante ser capaz de manejar la barra de estado de doble altura adecuada porque no es probable que haya ms aplicaciones que pueden causar que aparezca. Est preparado para hacer una pausa en las actividades que requieren la atencin del pblico o la participacin activa. Por ejemplo, si su aplicacin es un juego o una aplicacin de visualizacin de los medios de comunicacin, asegrese de que sus usuarios no se pierdan ningn contenido o acontecimientos cuando cambian de distancia de su aplicacin. Cuando la gente cambia de nuevo a un juego o visor de medios, que quieren continuar con la experiencia como si nunca hubieran dejado. Asegrese de que el audio se comporta adecuadamente. multitarea hace que sea ms probable que la actividad de otros medios de comunicacin se est produciendo, mientras que su aplicacin se est ejecutando. Tambin hace que sea ms probable que el audio tendr que hacer una pausa y reanudar para manejar interrupciones. Para obtener instrucciones especficas que le ayudarn a asegurarse de que su sonido cumple con las expectativas de la gente y convive bien con otros archivos de audio en el dispositivo, consulte "Sonido" (pgina 126). Utilice las notificaciones locales moderacin. Una aplicacin puede organizar para las notificaciones locales que se enviarn a determinadas horas, si la aplicacin se suspende, ejecutndose en segundo plano, o no se ejecuta en absoluto. Para una mejor experiencia de usuario, evitar molestar a la gente con demasiadas notificaciones, y siga las instrucciones para crear el contenido de la notificacin se describe en "Notificacin Center " (pgina 109). Cuando sea apropiado, las tareas iniciadas por el usuario de acabado en el fondo. Cuando las personas inician una tarea, por lo general esperan a que termine, incluso si cambian de distancia de su aplicacin. Si su aplicacin es en el medio de la realizacin de una tarea iniciada por el usuario que no requiere interaccin adicional del usuario, que debe completarla en el fondo antes de suspenderlo.

Enrutamiento
En iOS 6 y posteriores, Mapas muestra una lista de aplicaciones, incluyendo enrutamiento aplicaciones instaladas en el dispositivo y en la App Store, cuando la gente quiere informacin de trnsito para una ruta.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Una aplicacin de enrutamiento proporciona informacin acerca de las opciones de transporte para la ruta seleccionada. La gente espera que las aplicaciones de enrutamiento para ser rpido, fcil de usar, y, sobre todo, precisa. Siguiendo las directrices de esta seccin le ayuda a dar a los usuarios informacin de trnsito que pueden confiar y una experiencia de usuario que aprecian.

Importante: Los mapas da a la gente Direcciones manejando y caminando por su ruta. Aplicaciones de enrutamiento proporcionan la informacin de trnsito , que se centra en las instrucciones paso a paso que utilizan los modos alternativos de transporte, tales como autobs, tren, metro, ferry, bicicleta, peatonal, de transporte, etc. Si su aplicacin no proporciona informacin de trnsito para las rutas que se especifican las personas, no lo identifican como una aplicacin de enrutamiento. Entregar la funcionalidad de sus promesas de aplicaciones. Cuando la gente ve su aplicacin en la lista trnsito, piensan que no se les puede ayudar a llegar a su destino. Pero si su aplicacin no puede proporcionar informacin sobre la ruta seleccionada o no incluye el tipo de trnsito que parece incluir a las personas no es probable que darle una segunda oportunidad. Es esencial para representar las capacidades de su aplicacin con precisin; de lo contrario, su aplicacin puede parecer que es intencionalmente engaosa usuarios. Hay dos maneras principales que usted puede dar a los usuarios la confianza en su aplicacin de enrutamiento:

Definir las regiones geogrficas usted apoya la mayor precisin posible. Por ejemplo, si su aplicacin ayuda a las personas a obtener informacin sobre las rutas de autobs en Pars, su regin con el apoyo debe ser Pars, no le-de-France, y no a Francia. Sea especfico acerca de los tipos de trnsito que usted apoya. Por ejemplo, si usted se especializa en informacin del metro, no implica que usted proporciona informacin sobre todos los tipos de transporte sobre rieles. Nota: A pesar de una crnica cuidadosa de su regin con el apoyo puede significar que su aplicacin aparece en la lista de trnsito con menos frecuencia, al hacerlo ayuda a los usuarios confan ms. Optimice la interfaz de usuario para facilitar su uso. Facilidad de uso es especialmente importante para aplicaciones de enrutamiento porque la gente tiende a usarlos en condiciones difciles-tales como la luz del sol o en el oscuro interior de un tren, en un viaje lleno de baches, y cuando estn volver a toda prisa. Asegrese de que su texto es fcil de leer con cualquier luz y que los botones son fciles de tocar con precisin incluso cuando el viaje no es suave. Enfoque en la ruta. Aunque la informacin auxiliar puede ser til, su aplicacin debe centrarse en dar a los usuarios instrucciones paso a paso que pueden seguir a su destino. En particular, desea que los usuarios sepan qu paso estn en y cmo llegar a la siguiente etapa. Puede proporcionar datos adicionales, tales como los horarios y mapas del sistema-pero no haga estos datos ms prominente que la informacin de trnsito. Proporcionar informacin para cada paso de la ruta. Las personas nunca deben sentirse abandonado por su aplicacin. Pero incluso cuando informe con precisin su regin con el apoyo, no se puede suponer que los usuarios ya estn en la primera parada de trnsito en una ruta, o que la ltima parada de trnsito se encuentra en la misma ubicacin como su destino. Para manejar esta situacin, primero examinar las distancias al principio y al final de la ruta. Si las distancias son bastante cortas, dar instrucciones de senderismo desde la ubicacin actual del usuario a la primera

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

parada de trnsito y desde la ltima parada de trnsito al destino final del usuario. Si caminar no es una opcin razonable, trate de describir otras opciones del usuario. Si es necesario, puede dar a los usuarios una manera de abrir mapas para llegar a pie o en las direcciones de estas partes de la ruta de conduccin. Cuando los usuarios de transicin a su aplicacin a partir de mapas, no se les pide que vuelva a introducir la informacin. Si los usuarios estn viniendo Maps, usted ya conoce los puntos inicial y final de la ruta que les interesa, por lo que puede presentar la informacin de trnsito apropiada tan pronto como se abre la aplicacin. Si los usuarios inician su aplicacin desde la pantalla principal, proporcionar una manera fcil para ellos entrar en detalles de la ruta. . Mostrar informacin de trnsito tanto grfica como textualmente A ver mapa ayuda a las personas ven su ruta completa en un contexto ms amplio, fsica; una lista de pasos ayuda a las personas se centran en las acciones que deben tomar para llegar a su destino. Lo mejor es cuando usted apoya ambas tareas y hacer que sea fcil para los usuarios cambiar entre ellos. Nota: Independientemente del formato, es crucial que siempre muestran la misma informacin de trnsito para la ruta del usuario. Por ejemplo, si una ruta consta de cinco pasos, el mapa y la vista de lista de la ruta deben describir los mismos cinco pasos. Cuando se elige a su aplicacin en la lista de trnsito, que funciona bien para empezar mostrando las rutas completas para caminar la ruta, incluyendo desde y hacia las paradas de trnsito, en su caso-en una vista del mapa. A ver mapa ofrece a los usuarios una visin general de las diversas etapas en su camino y les muestra cmo su ruta se inscribe en el rea geogrfica circundante. Enriquecer vistas de mapas con informacin adicional. La gente espera que los mapas en su aplicacin se comporte de manera similar a otros mapas que han utilizado. Adems de permitir a los usuarios hacer zoom y pan, usted debe mostrar las anotaciones que le dan a los usuarios la informacin que necesitan. Por ejemplo, puede mostrar los pins que representan la ubicacin del usuario actual, el destino y las transferencias o puntos de inters a lo largo del camino. Asegrese de evitar la visualizacin de un solo alfiler, porque es difcil para los usuarios saber lo que representa, si no hay un contexto adicional. Para obtener ms informacin sobre el uso de las vistas de mapa en su aplicacin, consulte "Mapa View " (pgina 163). En la medida de lo posible, integrar mapas-tales estticas como un mapa-con sistema de metro una vista de mapa. Una buena manera de hacer esto es superponer la imagen esttica en la vista del mapa para que los usuarios puedan ver cmo su ruta y su posicin actual se relacionan con el sistema de transporte ms grande. Nota: Si usted decide mostrar una imagen de mapa esttico en s mismo, asegrese de usar una imagen de alta resolucin que mantiene una buena calidad cuando los usuarios hacer zoom en ella. Dar a los usuarios diferentes formas de ordenar mltiples opciones de transporte. Un montn de factores que influyen en las decisionestales de trnsito de las personas como la hora del da, el tiempo, y lo mucho que estn llevando-por lo que es importante para hacer ms fcil la comparacin de las opciones de transporte. Por ejemplo, puede permitir a los usuarios opciones de tipo de trnsito por inicio o de finalizacin, la cantidad de caminar requerida, nmero de paradas en el camino, o el nmero de transferencias o diferentes tipos de trnsito requeridos. Sin importar el orden en el que mostrar varias opciones de transporte, asegrese de que los usuarios puedan distinguir de inmediato las diferencias entre las opciones. Considere el uso de notificaciones push para dar a la gente la informacin importante acerca de su ruta. medida de lo posible, que la gente sepa cuando la informacin de trnsito cambia, de modo que puedan ajustar sus planes. Por ejemplo, si un tren se retrasa o una lnea de autobuses est temporalmente no disponibles gente que tenga que elegir una ruta diferente a su destino. Y en una ruta que incluye largas paradas entre pasos, la gente podra Apreciara ser notificado cuando el transporte est a punto de partir hacia la siguiente parte del viaje.

Medios Sociales
Las personas esperan tener acceso a sus cuentas de redes sociales favoritas, independientemente de su contexto actual. iOS hace que sea fcil de integrar las interacciones de medios sociales en su aplicacin de manera que las personas aprecian.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Dar a los usuarios una manera conveniente para componer un mensaje sin salir de la aplicacin. Tanto como sea posible, desea integrar el apoyo de medios sociales en su aplicacin para que los usuarios pueden publicar contenido en su cuenta sin tener que cambiar a otra aplicacin para hacerlo. El marco social proporciona un controlador de vista de composicin que le permite presentar a los usuarios una vista en la que se puede editar un mensaje. Opcionalmente, se puede rellenar previamente la vista de composicin con contenido personalizado antes de presentar a los usuarios para la edicin (despus de que usted presente la opinin de los usuarios, slo se puede editar el contenido). Para obtener informacin sobre las interfaces de programacin de la estructura, incluyendo el Social SLComposeViewController clase-vase Marco Social de referencia .
Social Media

Cuando sea posible, evite pedir a los usuarios iniciar sesin en una cuenta de medios de comunicacin social. El marco social trabaja con el marco de Cuentas para apoyar un modelo nico de sesin, para que pueda obtener autorizacin para acceder a la cuenta del usuario sin pedirles que repitan la autenticacin. Si el usuario no lo ha firmado en una cuenta, usted puede presentar la interfaz de usuario que permite a los que lo hagan. Considere el uso de un controlador de vista de actividad para ayudar a los usuarios a elegir una de sus cuentas de redes sociales. De forma predeterminada, una vista de actividad del controlador, es decir, un UIActivityViewController objetos-el resumen de algunas servicios proporcionados por el sistema que actan sobre el contenido seleccionado en ese momento, incluyendo el envo de los contenidos a travs de correo o mensajes y la publicacin de los contenidos a cuentas de redes sociales. Cuando se utiliza un controlador de vista la actividad, usted no tiene que proporcionar un servicio personalizado que interacta con una cuenta de redes sociales y que se benefician de la familiaridad del usuario con el botn Share que revela la lista de servicios. Para obtener instrucciones sobre cmo utilizar un controlador de vista la actividad en su aplicacin, consulte "Vista de actividad Controller " (pgina 158).

iCloud

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

iCloud permite a las personas acceder al contenido que les importa, independientemente del dispositivo que estn utilizando actualmente. Mediante la integracin de iCloud en su aplicacin, los usuarios pueden utilizar distintas instancias de su aplicacin en diferentes dispositivos para ver y editar su contenido personal sin realizar la sincronizacin explcita.

Para proporcionar esta experiencia de los usuarios, lo ms probable es que usted tendr que volver a examinar la forma en que se almacenan, acceso, y presentar la informacin, sobre todo de contenido en su aplicacin creada por el usuario. Para aprender cmo activar iCloud en su aplicacin, consulte la Gua de Diseo iCloud . Un aspecto fundamental de la experiencia del usuario de iCloud es la transparencia: Idealmente, los usuarios no necesitan saber dnde se encuentra su contenido y que rara vez deberan tener que pensar en qu versin de los contenidos que actualmente estn viendo. Las siguientes pautas pueden ayudar a dar a los usuarios la experiencia de iCloud que estn esperando. Si es apropiado, que sea fcil para los usuarios activar iCloud para su aplicacin. Sobre sus dispositivos iOS, los usuarios inician sesin en su cuenta de iCloud en Ajustes de iCloud, y en su mayor parte, ellos esperan que sus aplicaciones funcionen con iCloud automticamente. Pero si piensas que los usuarios podran querer elegir si usar iCloud con su aplicacin, se puede proporcionar una opcin sencilla que se puede establecer cuando abren su aplicacin por primera vez. En la mayora de los casos, esta opcin debe proporcionar una eleccin entre el uso de iCloud con todo el contenido que los usuarios acceden en su aplicacin o no en absoluto. Respete el espacio iCloud del usuario. Es importante recordar que iCloud es un recurso limitado para los que pagan los usuarios. Debe utilizar iCloud para almacenar informacin que los usuarios creen y entienden, y no lo utilice para almacenar los recursos de aplicaciones o contenidos que se pueden regenerar. Adems, tenga en cuenta que cuando la cuenta de iCloud del usuario est activa, iCloud automticamente realiza copias de seguridad del contenido de la carpeta Documentos de su aplicacin. Para evitar usar demasiado de espacio del usuario, lo mejor es ser exigente con el contenido que usted deposita en la carpeta Documentos. Evite hacer los usuarios elegir qu documentos para almacenar en iCloud. Normalmente, los usuarios esperan que todo el contenido que les importa que est disponible a travs de iCloud. La mayora de los usuarios no necesitan para administrar el almacenamiento de documentos individuales, por lo que no se debe asumir que su aplicacin debe ser compatible con esta experiencia. Para proporcionar una buena experiencia de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

usuario, es posible que desee rearchitect la forma en que su aplicacin maneja y expone el contenido para que pueda realizar ms tareas de gestin de archivos para el usuario. Determinar qu tipo de informacin a almacenar en iCloud. Adems de almacenar los documentos creados por el usuario y otros contenidos, tambin puede almacenar pequeas cantidades de datos tales como el estado actual del usuario en su aplicacin o sus preferencias. Para almacenar este tipo de informacin que se utiliza iCloud de almacenamiento de claves y valores. Por ejemplo, si la gente utiliza su aplicacin para leer una revista, podra usar icloud de almacenamiento de clave-valor para almacenar la ltima pgina que vean para que cuando se vuelva a abrir el tema en un dispositivo diferente, se puede seguir leyendo desde donde lo haban dejado. Si utiliza el almacenamiento icloud clave-valor para almacenar las preferencias, asegrese de que las preferencias son los que los usuarios puedan querer han aplicado a todos sus dispositivos. Por ejemplo, algunas de las preferencias son ms tiles en un entorno de trabajo que se encuentran en un entorno familiar. En algunos casos, puede tener sentido para almacenar las preferencias del servidor de su aplicacin, en lugar de en la cuenta de iCloud del usuario, por lo que las preferencias estn disponibles independientemente de que iCloud est habilitada. Asegrese de que su aplicacin se comporta razonablemente cuando iCloud no est disponible. Por ejemplo, si los usuarios inician sesin de su cuenta de iCloud, desactive el uso de iCloud para su aplicacin, o activar el modo Avin, iCloud deja de estar disponible. En estos casos, los usuarios llevan a cabo una accin que desactiva el acceso a iCloud, por lo que su aplicacin no tiene que decirles al respecto. Sin embargo, puede ser conveniente mostrar a los usuarios de que los cambios que hacen no ser visible en sus otros dispositivos hasta que restaurar el acceso a iCloud. Evite dar a los usuarios la opcin de crear un documento de "local". Independientemente de si usted apoya a iCloud en su aplicacin, no se debe animar a los usuarios a pensar en trminos de un sistema de archivos especfico del dispositivo. En su lugar, desea que los usuarios se centran en la omnipresente disponibilidad de sus contenidos a travs de iCloud. En su caso, el contenido de actualizacin automtica. Lo mejor es cuando los usuarios no tienen que realizar ninguna accin para asegurarse de que estn accediendo al contenido ms actualizado en su aplicacin. Sin embargo, es necesario equilibrar esta experiencia con el respeto por el espacio del dispositivo del usuario y las limitaciones de ancho de banda. Si los usuarios trabajan con documentos de gran tamao, puede ser apropiado para darles el control sobre si se debe descargar una actualizacin de iCloud. Si lo que necesita hacer esto, disear una forma de indicar que una versin ms reciente del documento est disponible en iCloud. Cuando el usuario decide actualizar el documento, asegrese de proporcionar retroalimentacin sutil si la descarga tarda ms de unos pocos segundos. Advertir a los usuarios sobre las consecuencias de la eliminacin de un documento. Cuando un usuario elimina un documento en una aplicacin habilitada para iCloud, el documento se elimina de la cuenta de iCloud del usuario y todos los dems dispositivos. Es apropiarse para mostrar una alerta que describe este resultado y para obtener confirmacin antes de realizar la eliminacin. Indique a los usuarios acerca de los conflictos lo antes posible, pero slo cuando sea necesario. Uso de las interfaces de programacin de iCloud, usted debera ser capaz de resolver la mayora de los conflictos entre las diferentes versiones de un documento sin la participacin del usuario. En los casos en que esto no es posible, asegrese de que usted detecta conflictos lo antes posible para que pueda ayudar a los usuarios a evitar perder el tiempo en la versin incorrecta de su contenido. Es necesario disear una manera discreta para mostrar a los usuarios que existe un conflicto; a continuacin, hacer que sea fcil para los usuarios diferenciar entre las versiones y tomar una decisin. Asegrese de incluir el contenido del usuario de iCloud en las bsquedas. Los usuarios con cuentas iCloud tienden a pensar en su contenido como disponible para todos, y que esperan que los resultados de bsqueda a fin de reflejar esta perspectiva. Si su aplicacin permite a la gente para buscar su contenido, asegrese de usar las APIs necesarias para extender la bsqueda a sus cuentas de iCloud.

In-App Compra
In-App Purchase permite a la gente comprar productos digitales dentro de su aplicacin, en una tienda que usted disea.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Por ejemplo, los usuarios pueden:

Actualizacin de una versin bsica de una aplicacin a una versin de pago Renovar una suscripcin de nuevos contenidos mensual Compra artculos virtuales, tales como un nuevo nivel o arma en un juego Comprar y descargar nuevos libros Se utiliza el marco Kit tienda para incrustar una tienda en su aplicacin y apoyo In-App Purchase. Cuando un usuario realiza una compra, Kit tienda se conecta a la App Store para procesar de forma segura el pago y notifica a su aplicacin de manera que pueda ofrecer el artculo comprado.

Importante: In-App Purchase slo recibe el pago, usted proporciona funcionalidades adicionales, tales como la presentacin de su tienda para los usuarios, el desbloqueo de las caractersticas incorporadas, y la descarga de contenido desde sus propios servidores. Adems, todos los productos que vende a travs de In-App Purchase deben estar registrados en el App Store. Para obtener informacin sobre los requisitos tcnicos de la adicin de una tienda para su aplicacin, consulte In-App Gua de programacin de Compra . Para obtener ms informacin sobre los requisitos de negocio de la utilizacin de In-App Purchase, visite el Recurso App Store Center . Tambin debe leer el contrato de licencia para obtener informacin definitiva sobre lo que usted puede vender y cmo usted est obligado a proporcionar los productos en su aplicacin. Las siguientes pautas pueden ayudarle a disear una experiencia de compra que los usuarios aprecian.
In-App Purchase

Elegantemente integrar la experiencia de la tienda en su aplicacin. En la presentacin de los productos y gastos de transacciones de usuario, crear una experiencia que se siente en casa en su aplicacin. Usted no desea que los usuarios piensan que han entrado en una aplicacin diferente cuando visitan su tienda. Utilice ttulos simples, concisas y descripciones. Lo mejor es cuando la gente puede escanear un conjunto de elementos y encontrar rpidamente los que est interesado pulg Cuando se utiliza, un lenguaje directo y sencillo ttulos que no truncar o envoltura, que es ms fcil para las personas entender los artculos que ests ofreciendo. No altera la alerta de confirmacin predeterminado. Cuando los usuarios compran un producto, Kit tienda presenta una alerta de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

confirmacin (ver imagen superior). No debera modificar esta alerta, ya que ayuda a los usuarios a evitar compras accidentales.

Centro de Juego
Game Center permite a la gente jugar juegos, organizar juegos multijugador en lnea, y ms. Los jugadores pueden usar la aplicacin incorporada de Game Center para iniciar sesin en una cuenta, descubre nuevos juegos, aadir nuevos amigos, y navegar por tablas de clasificacin y logros.

Como un desarrollador de juegos, utiliza las API del Kit de juegos para publicar resultados y logros al servicio de Game Center, mostrar tablas de clasificacin en la interfaz de usuario del juego, y ayudan a los usuarios a encontrar otros jugadores. Para aprender cmo integrar Game Center en su aplicacin, consulte la Gua de Programacin Centro de Juego . Las siguientes pautas pueden ayudar a dar a la gente una gran experiencia de Game Center en su aplicacin.
Game Center

No crear la interfaz de usuario personalizada que solicita a los usuarios iniciar sesin en Game Center. Cuando empiezan las personas habilitadas para su aplicacin Game Center-y lo estn no ya firmados en Game Center en su-el dispositivo de sistema les pide automticamente al iniciar sesin Viendo sesin interfaz de usuario personalizada es innecesario y podra confundir a los usuarios. En general, utilice el estndar de interfaz de usuario de Game Center. En casos raros, puede tener sentido para un juego para personalizar la interfaz de usuario de Game Center, pero si lo hace corre el riesgo de confundir a la gente. El Centro de IU-que estndar del juego es familiar tanto para iOS y OS X usuarios-promueve el sentido de pertenencia a una comunidad de juego ms grande. Dar a los usuarios la posibilidad de desactivar el chat de voz. Algunos usuarios no quieren que el chat de voz para estar en forma automtica cuando comienzan su juego, y la mayora de los usuarios aprecian la capacidad de desactivar el chat de voz en ciertas situaciones.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Centro de Notificacin
Notification Center ofrece a los usuarios un nico lugar, conveniente en el que ver las notificaciones de sus aplicaciones. Los usuarios aprecian la interfaz discreto del centro de notificaciones y valoran la posibilidad de personalizar la forma en que cada aplicacin puede presentar sus notificaciones.

Centro de Notificacin utiliza una lista seccionado para mostrar los elementos recientes de notificacin de las aplicaciones que los usuarios se interese Adems de las notificaciones, los usuarios tambin pueden optar por ver la informacin de las aplicaciones incorporadas, tales como el tiempo, calendario, recordatorios, y las poblaciones. aplicaciones de iOS pueden utilizar local o notificaciones push para que la gente sepa cuando ocurren cosas interesantes, como por ejemplo:

Un mensaje ha llegado Un evento est a punto de ocurrir Nuevos datos est disponible para su descarga El estado de algo ha cambiado Una notificacin locales est programado por una aplicacin y entregado por iOS en el mismo dispositivo, sin importar si la aplicacin se est ejecutando en segundo plano. Por ejemplo, un calendario o de tareas pendientes aplicacin puede programar una notificacin local para alertar a las personas de una prxima reunin o fecha de vencimiento. Una notificacin de insercin se enva por el servidor remoto de una aplicacin para el servicio Apple Push Notification, que empuja la notificacin a todos los dispositivos que tengan la aplicacin instalada. Por ejemplo, un juego que un usuario puede jugar contra oponentes a distancia puede actualizar todos los jugadores con el ltimo movimiento. Usted todava puede recibir local y notificaciones push cuando su aplicacin se est ejecutando en el primer plano, pero pasar la informacin a los usuarios de forma especfico de la aplicacin. aplicaciones de iOS que apoyan local o notificaciones push pueden participar en el centro de notificaciones de varias maneras, dependiendo de las preferencias del usuario. Para garantizar que los usuarios pueden personalizar su experiencia de notificacin, que debe soportar la mayor cantidad

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

posible de los siguientes estilos de notificacin:

Bandera Alerta Divisa Sonido Una bandera es una pequea vista traslcida que aparece en pantalla y luego desaparece al cabo de unos segundos. Adems de su mensaje de notificacin, iOS muestra la versin pequea de su icono de la aplicacin en una bandera, por lo que la gente puede ver de un vistazo qu aplicacin les est notificando (para aprender ms sobre el icono de la aplicacin pequea, consulte "App Icon " (pgina 209)).

Una alerta es una vista estndar alerta que aparece en pantalla y requiere la interaccin del usuario para despedir. Usted suministra el mensaje de notificacin y, opcionalmente, un ttulo para el botn de accin en la alerta. Usted no tiene control sobre el aspecto de fondo de la alerta o los botones.

Una insignia es un pequeo valo rojo que muestra el nmero de elementos de notificacin pendientes (una insignia aparece sobre la esquina superior derecha del icono de una aplicacin). Usted no tiene control sobre el tamao o el color de la insignia.

Una costumbre o proporcionado por el sistema de sonido pueden acompaar a cualquiera de los otros tres estilos de entrega de notificaciones. Nota: Una aplicacin que utiliza notificaciones push en lugar de las notificaciones locales puede proporcionar slo los estilos de notificacin que se corresponden con las categoras de empuje para los que se registra la aplicacin. Por ejemplo, si una aplicacin de notificacin push-registra slo las alertas, los usuarios pueden recibir slo alertas de esta aplicacin. Una aplicacin que utiliza las notificaciones locales puede proporcionar todos los estilos de notificacin. Al disear el contenido que sus alertas pueden ofrecer, asegrese de seguir las siguientes pautas. Mantenga contenidos insignia hasta la fecha. Es especialmente importante actualizar la insignia tan pronto como los usuarios han asistido a la nueva informacin, de manera que ellos no piensan notificaciones adicionales han llegado. Tenga en cuenta que la fijacin de los contenidos insignia a cero tambin elimina los elementos de notificacin afines de Centro de Notificacin.

Importante: No utilice una tarjeta de identificacin para fines distintos de notificaciones. Recuerde que los usuarios pueden apagar credencializacin para su aplicacin, por lo que no pueden estar seguros de que van a ver el contenido en una placa.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

No enviar notificaciones mltiples para el mismo evento. Los usuarios pueden asistir a los elementos de notificacin cuando sus jugadores; los elementos no desaparecen hasta que los usuarios a manejar de alguna manera. Si enva varias notificaciones para el mismo evento, que se llenan la lista Centro de Notificacin y los usuarios es probable que desactivar las notificaciones de la aplicacin. Proporcionar un mensaje personalizado que no incluye su nombre de la aplicacin. Tu mensaje personalizado aparece en las alertas y las banderas, y en el centro de notificaciones elementos de la lista. No debe incluir el nombre de su aplicacin en el mensaje personalizado porque iOS muestra automticamente el nombre con su mensaje. Para ser til, un mensaje de notificacin local o empuje debe:

Centrarse en la informacin, ni las acciones del usuario. Evite decirle a la gente qu botn de alerta para puntear o cmo abrir su aplicacin. Ser lo suficientemente corto para ser mostrado en una o dos lneas. Los mensajes largos son difciles para los usuarios leer rpidamente, y pueden obligar a las alertas para desplazarse. Utilice la capitalizacin de estilo frase y puntuacion final apropiado. Cuando sea posible, utilice una frase completa. Nota: En general, un elemento Notification Center puede mostrar ms de un mensaje de notificacin que una lata bandera. Si es necesario, iOS trunca el mensaje de forma que encaje bien en cada estilo de la entrega de notificaciones; para obtener mejores resultados, usted no debe truncar el mensaje. Opcionalmente, proporcione un ttulo personalizado para el botn de accin en caso de alerta. Una alerta puede contener uno o dos botones. En una alerta de dos botones, el botn Cerrar est a la izquierda y el botn de accin (Ver titulado por defecto) est a la derecha. Si slo se especifica un botn, la alerta muestra un botn Aceptar. Al pulsar el botn de accin descarta la alerta y lanza su aplicacin de forma simultnea. Al tocar el botn Cerrar o el botn Aceptar descarta la alerta sin necesidad de abrir la aplicacin. Si desea utilizar un ttulo personalizado para el botn de accin, asegrese de crear un ttulo que describe claramente la accin que se produce cuando sus lanzamientos de aplicacin. Por ejemplo, un juego puede utilizar la reproduccin de ttulo para indicar que al tocar el botn, se abre la aplicacin a un lugar donde el usuario puede tomar su turno. Asegrese de que el ttulo:

Utiliza la capitalizacin de estilo de ttulo Es lo suficientemente corto como para caber en el botn sin truncamiento (asegrese de probar la longitud de los ttulos localizados, tambin) Nota: El ttulo del botn personalizado tambin se puede mostrar en el "slide para ver" la gente de mensaje ven cuando llega una notificacin cuando el dispositivo est bloqueado. Cuando esto sucede, su ttulo personalizado se convierte automticamente en minsculas en lugar de la palabra "vista" en el mensaje. Proporcionar un sonido que los usuarios pueden optar por escuchar cuando llega una notificacin. Un sonido puede llamar la atencin de la gente cuando no estn mirando la pantalla del dispositivo. Por ejemplo, una aplicacin de calendario puede reproducir un sonido con una alerta que recuerda a la gente acerca de un evento inminente. O bien, una aplicacin de gestin de tareas de colaboracin podra reproducir un sonido con una actualizacin de placa para sealar que un colega remoto ha completado una misin. Puede proporcionar un sonido personalizado, o puede utilizar un sonido de alerta incorporado. Si crea un sonido personalizado, asegrese de que es corto, distintivo, y producido profesionalmente. (Para obtener informacin sobre los requisitos tcnicos para este sonido, consulte "Preparacin Sonidos de alerta personalizados" en Local y Push Gua de programacin de Notification .) Tenga en cuenta que no se puede mediante programacin causar que el dispositivo vibre cuando se entrega una notificacin, ya que el usuario tiene el control sobre si las alertas estn acompaados por vibraciones. Opcionalmente, proporcione una imagen puesta en marcha. Adems de mostrar sus imgenes de lanzamiento existentes, se puede proporcionar una imagen de lanzamiento diferente para mostrar cuando la gente comienza su aplicacin en respuesta a una notificacin. Por ejemplo, un juego puede especificar una imagen de inicio que es similar a una pantalla dentro del juego, en lugar de una imagen que es similar a la pantalla de men inicial. Si no se proporciona esta imagen lanzamiento, iOS muestra ya sea la instantnea anterior o una de sus otras imgenes de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

lanzamiento. (Para aprender a crear una imagen puesta en marcha, consulte "Launch Imgenes " (pgina 215).)

iAd Rich Media Anuncios


Cuando usted permite que los anuncios aparezcan en su aplicacin, puede recibir los ingresos cuando los usuarios ven o interactan con ellos. (Aqu se puede ver un marcador de posicin para un banner de iAd en un proyecto de ejemplo.)

Aloja un anuncio servido por la red iAd en una vista especfica en la interfaz de usuario. En un principio, este punto de vista puede contener la bandera del anuncio, que funciona como la entrada a la experiencia completa de iAd. Cuando las personas se aprovechan de la bandera, el anuncio lleva a cabo una accin preprogramada, como la reproduccin de una pelcula, que muestra el contenido interactivo, o el lanzamiento de Safari para abrir una pgina web. La accin se puede mostrar el contenido que cubre la interfaz de usuario, o puede hacer que su aplicacin a la transicin a un segundo plano. Hay tres tipos de banners que se pueden mostrar en su aplicacin: estndar, rectngulo mediano y pantalla completa. Todos los tipos de banners tienen el mismo propsito, es decir, para dar paso a los usuarios para la ad-pero difieren en su apariencia y comportamiento. Una pancarta estndar ocupa una pequea rea de la pantalla y es a menudo visible durante el tiempo que la pantalla sea visible. Usted elige las pantallas de aplicaciones que deberan mostrar una pancarta estndar y dar cabida a la opinin de la bandera en el diseo.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Todas las aplicaciones de iOS pueden mostrar banners estndar. Utilice una vista proporcionada por el ADBannerView clase para contener una pancarta estndar en su aplicacin. Una bandera rectngulo mediano es similar en comportamiento a una pancarta estndar y-al igual que con pancartas-te estndar eligen dnde se debe mostrar una bandera rectngulo mediano.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Banners rectngulo mediano slo estn disponibles en las aplicaciones de iPad que se ejecutan en iOS 6.0 y posteriores. Utilice una vista proporcionada por el ADBannerView clase para contener una bandera rectngulo mediano en su aplicacin. Una pancarta de pantalla completa ocupa la mayor parte o la totalidad de la pantalla y es generalmente visible en momentos especficos durante el flujo de la aplicacin o en lugares especficos. Solo tiene que elegir si desea mostrar la bandera modal o como una pgina independiente dentro del contenido desplazable. (En el ejemplo que se muestra aqu, la aplicacin proporciona una experiencia de la revista-la lectura y permite a los usuarios pasar la pgina fuera de o en la espalda a la bandera de pantalla completa.)

Utilice una vista proporcionada por el ADInterstitialAd clase para contener una bandera de pantalla completa en su aplicacin. Todos los tipos de banners aparecen dentro del marco de iAd, que muestra la marca de iAd en la esquina inferior derecha. El marco de iAd ha sido diseado para verse mejor en lo que est anclada al borde inferior de las pantallas de aplicaciones. Para garantizar una perfecta integracin con los anuncios de banner y para proporcionar la mejor experiencia de usuario, siga estas directrices. Coloque una vista bandera estndar en o cerca de la parte inferior de la pantalla. Esta colocacin difiere ligeramente, dependiendo de si hay una barra en la parte inferior de la pantalla y si es as, el tipo de barra.
Bar Estndar colocacin vista bandera

No hay bar en la parte inferior de la pantalla


Bar Estndar colocacin vista bandera

En la parte inferior de la pantalla En la parte inferior de la pantalla Justo encima de la barra inferior

No hay barras en cualquier lugar de la pantalla Barra de herramientas o la barra de pestaas

Coloque una vista bandera medio rectngulo donde no interfiera con el contenido del usuario. Al igual que con la vista bandera estndar, la vista bandera medio se ve mejor en o cerca de la parte inferior de la pantalla. Poner la bandera en la parte inferior de la pantalla tambin aumenta la probabilidad de que no se pondr en modo de la gente.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Presentar una bandera de pantalla completa de forma modal cuando hay interludios en la experiencia de usuario. Si hay pausas naturales o cambios en el contexto en el flujo de su aplicacin para el iPad, el estilo de presentacin modal puede ser apropiado. Cuando usted presenta una forma modal bandera pantalla completa (utilizando presentFromViewController: ), el usuario debe introducir la publicidad o descartarla. Por esta razn, es una buena idea usar el estilo de presentacin modal cuando los usuarios estn esperando un cambio en la experiencia, por ejemplo, despus de completar una tarea. Presentar una bandera pantalla completa nonmodally cuando hay transiciones entre vistas de aplicaciones. Si los usuarios experimentan su aplicacin al hacer transiciones de pantalla frecuente, como desplazarse por las pginas de una revista o hojeando una galera de artculos, el estilo de presentacin no modales puede ser apropiado. Cuando usted presenta una pancarta pantalla completa nonmodally (utilizando presentInView: ), puede conservar los bares en la interfaz de usuario para que los usuarios puedan utilizar los controles de aplicaciones de dejar atrs o volver al anuncio. Al igual que con todas las banderas, una bandera pantalla completa lanza la experiencia iAd cuando un usuario toca, pero su aplicacin puede responder a otros gestos dentro del rea del banner (como arrastrar o deslizar) cuando sea necesario. Asegrese de utilizar animaciones apropiadas para revelar y ocultar una vista de pantalla completa bandera no modales. Por ejemplo, una aplicacin de lector de la revista probablemente presentar una pancarta con la misma animacin de la pgina-a su vez se utiliza para revelar otras pginas de contenido. Asegrese de que todas las banderas aparecen cuando y donde tiene sentido en su aplicacin. Las personas tienen ms probabilidades de entrar en la experiencia de iAd cuando no sienten que estn interrumpiendo el flujo de trabajo para hacerlo. Esto es especialmente importante para aplicaciones inmersivas como juegos: Usted no desea colocar vistas de banners donde entrar en conflicto con un juego. Evite mostrar banners en las pantallas que los usuarios puedan ver slo brevemente. Si su aplicacin incluye pantallas que los usuarios se mueven a travs de forma rpida, ya que profundiza o navegar con el contenido que les importa, lo mejor es evitar mostrar banners en estas pantallas. Los usuarios son ms propensos a aprovechar una bandera cuando permanece en pantalla durante ms de un segundo o dos. En la medida de lo posible, los anuncios de banner display en ambas orientaciones. Lo mejor es cuando los usuarios no tienen que cambiar la orientacin del dispositivo para cambiar entre el uso de su aplicacin y ver un anuncio. Adems, el apoyo a ambas orientaciones le permite aceptar una gama ms amplia de los anuncios. Para aprender cmo asegurarse una vista pancarta responde a los cambios de orientacin, consulte la Gua de Programacin iAd . No permita que los banners rectngulo estndar o medias para desplazarse fuera de la pantalla. Si su aplicacin muestra el contenido de desplazamiento en la pantalla, asegrese de que la opinin de la bandera permanece anclada en su posicin. Mientras que las personas ven o interactan con los anuncios, actividades de pausa que requieren su atencin o interaccin. Cuando la gente elige para ver un anuncio, que no quieren sentir que estn hechos en su aplicacin que falta, y que no quieren que su aplicacin interrumpir la experiencia ad. Una buena regla de oro es para hacer una pausa en las mismas actividades que se detena cuando sus transiciones de aplicaciones para el fondo. No deje de un anuncio, excepto en raras circunstancias. En general, su aplicacin sigue funcionando y recibiendo eventos mientras que los usuarios ver e interactuar con los anuncios, por lo que es posible que se produzca un evento que requiere urgentemente su atencin inmediata. Sin embargo, hay muy pocos escenarios que justifican el despido de un anuncio en progreso. Una posibilidad es con una aplicacin que proporciona voz sobre protocolo de Internet (VoIP) de servicio. En una aplicacin de este tipo, probablemente tiene sentido para cancelar un anuncio por ms cuando se recibe una llamada entrante. Nota: Cancelacin de un anuncio puede afectar adversamente a los tipos de anuncios que su aplicacin puede recibir y los ingresos que puede obtener.

AirPrint
El uso de AirPrint, la gente de forma inalmbrica puede imprimir el contenido de su aplicacin y el uso de la aplicacin Centro de Impresin para comprobar en un trabajo de impresin.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Usted puede tomar ventaja de una funcin de apoyo para la impresin de imgenes y el contenido PDF, o usted puede utilizar las interfaces de programacin de impresin especfico para hacer el formato y la representacin personalizada. iOS maneja la deteccin de impresoras y la programacin y ejecucin de los trabajos de impresin de la impresora seleccionada. Por lo general, los usuarios tocan el botn Compartir norma en su aplicacin cuando se quiere imprimir algo. Cuando eligen la opcin de impresin en la vista que aparece, entonces pueden seleccionar una impresora, establecer opciones de impresin disponibles, y pulse el botn Imprimir para iniciar el trabajo. En el iPhone, este punto de vista aparece en una hoja de accin que se desliza hacia arriba desde la parte inferior de la pantalla; en el iPad, la vista aparece en un popover que emerge desde el botn. Los usuarios pueden comprobar en el trabajo de impresin que se solicitarn en la aplicacin Print Center, que es una aplicacin de sistema de fondo que slo est disponible mientras haya un trabajo de impresin en curso. En el Centro de impresin, los usuarios pueden ver la cola de impresin en curso, obtener detalles acerca de un trabajo de impresin especfico, e incluso cancelar el trabajo. Usted puede apoyar la impresin bsica en su aplicacin con relativamente poco cdigo adicional (para aprender acerca de la adicin de soporte de impresin en el cdigo, vea Dibujo y Gua de impresin para iOS ). Para garantizar que los usuarios aprecian la experiencia de impresin en su aplicacin, siga estas pautas:
AirPrint

Utilice el botn Compartir proporcionado por el sistema. Los usuarios estn familiarizados con el significado y el comportamiento de este botn, as que es una buena idea usar, cuando sea posible. La principal excepcin a esto es si su aplicacin no contiene una barra de herramientas o en la barra de navegacin. Cuando este es el caso, es necesario el diseo de un botn de impresin personalizada que puede aparecer en la interfaz de usuario principal de la aplicacin, ya que el botn Compartir slo se puede utilizar en una barra de herramientas o en la barra de navegacin. Mostrar el elemento de impresin cuando la impresin es una funcin primaria en el contexto actual. Si la impresin es inadecuada en el contexto actual, o si los usuarios no es probable que desee imprimir, no incluya el elemento de impresin en la vista revela el botn Share . En su caso, proporcionar opciones adicionales de impresin a los usuarios. Por ejemplo, puede permitir a los usuarios elegir un rango de pginas o solicitar varias copias. No mostrar la interfaz de usuario-escritura, en particular si los usuarios no pueden imprimir. Asegrese de comprobar si el dispositivo del usuario admite la impresin antes de mostrar la interfaz de usuario que permite imprimir de forma opcional. Para saber cmo hacer esto en el cdigo, vea UIPrintInteractionController Referencia Clase .

Acceso a los datos del usuario


Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Servicios de localizacin permite que las aplicaciones para determinar la ubicacin aproximada de las personas geogrficamente, la direccin que estn apuntando a su dispositivo y la direccin en la que se estn moviendo. En iOS 6.0 y posteriores, los servicios-tales otros sistemas como Contactos, Calendario, Recordatorios y Photo Library-tambin permiten que las aplicaciones accedan a la gente almacena los datos en ellos.

Aunque la gente aprecia la conveniencia de utilizar una aplicacin que ya se sabe mucho acerca de ellos, sino que tambin espera tener la opcin de mantener su vida privada de datos. Por ejemplo, la gente como ser capaz de etiquetar de forma automtica el contenido de su ubicacin fsica o encontrar amigos que se encuentran actualmente en las inmediaciones, pero tambin quieren ser capaces de desactivar estas funciones cuando no eligen compartir su ubicacin con los dems. (Para obtener ms informacin sobre cmo hacer que su aplicacin reconoce la ubicacin, consulte Ubicacin y Mapas Gua de programacin .) Las siguientes pautas pueden ayudarle a pedir los datos de usuario de forma que ayudan a las personas se sientan cmodos. Asegrese de que los usuarios entienden por qu se les pide que compartan sus datos de carcter personal. Es natural que la gente sea sospechosa de una solicitud de su informacin personal si no ven una necesidad evidente de ello. Para evitar que los usuarios incmodo, asegrese de que la alerta slo aparece cuando se intentan utilizar una funcin que claramente necesita conocer su informacin. Por ejemplo, las personas pueden utilizar los mapas cuando Servicios de ubicacin est desactivada, pero ven una alerta cuando tienen acceso a la funcin que encuentra y realiza un seguimiento de su ubicacin actual. Describa por qu su aplicacin necesita la informacin, si no es obvio. Usted puede proporcionar el texto que aparece en la alerta, por debajo de un ttulo proporcionado por el sistema, como "" Nombre de aplicacin "quisiera tener acceso a los contactos". Usted desea que este texto sea especfico y educado para que la gente entienda por qu usted est pidiendo el acceso a su informacin y no se sienten presionados. Su texto razn debe:

No incluya su nombre de la aplicacin. El ttulo de la alerta proporcionada por el sistema ya incluye el nombre de la aplicacin. Describa claramente por qu su aplicacin necesita los datos. En su caso, tambin podra explicar las formas en que su aplicacin no va a utilizar los datos. Utilizar la terminologa centrada en el usuario y estar localizable.
Acceso a los datos del usuario

Sea lo ms breve posible, sin dejar de ser fcil de entender. En la medida de lo posible, evitar el suministro de ms de una frase. Utilice maysculas-al estilo de oracin. (Capitalizacin de estilo frase significa que la primera palabra se escribe con mayscula, y el resto de las palabras en minsculas a menos que sean nombres propios o adjetivos adecuados.) Pida permiso al iniciar aplicacin slo si su aplicacin no puede realizar su funcin principal sin los datos del usuario. La gente no ser molestado por esto si que es obvio que la funcin principal de su aplicacin depende de conocer su informacin personal. Evite realizar llamadas programticas que desencadenan la alerta antes de que el usuario selecciona en realidad la caracterstica que necesita los datos. De esta manera, se evita haciendo que la gente se pregunta por qu su aplicacin quiere que su informacin personal cuando estn haciendo algo que no parece necesitarlo . (Tenga en cuenta que conseguir la preferencia Servicios de ubicacin del usuario no activa la alerta.) Para los datos de ubicacin, marque la preferencia Servicios de ubicacin a evitar la activacin de la alerta innecesariamente. Puede utilizar Core Ubicacin interfaces de programacin para conseguir este ajuste (para aprender a hacerlo, consulte Core Location Marco de Referencia ). Con este conocimiento, puede desencadenar la alerta en la mayor medida posible a la funcin que requiere informacin sobre la ubicacin, o tal vez

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Mira Rpida

evitar una alerta por completo.

Utilizando Quick Look, los usuarios pueden obtener una vista previa de un documento dentro de su aplicacin, incluso si su aplicacin no puede abrir el documento. Por ejemplo, puede permitir a los usuarios previsualizar documentos que puede descargar de Internet o reciben de otras fuentes.

Para saber ms sobre cmo apoyar a Quick Look documento preliminar en su aplicacin, consulta de documentos de interaccin Temas de programacin para iOS . Para que los usuarios una vista previa de un documento en su aplicacin, pueden ver la informacin sobre el documento en una vista personalizada que cree. Por ejemplo, cuando los usuarios descargan un documento adjunto a un mensaje de correo electrnico, Mail muestra el icono, el ttulo del documento y el tamao en una vista personalizada en el mensaje. Los usuarios pueden aprovechar esta vista para obtener una vista previa del documento.

Usted puede presentar una vista previa del documento en un nuevo punto de vista en su aplicacin, o en una pantalla completa, vista modal. El mtodo de presentacin que elija depender de lo que el dispositivo de la aplicacin se ejecuta en. El iPad, mostrar una vista previa del documento de forma modal. La pantalla del iPad grande es adecuado para mostrar una vista previa del documento en un entorno inmersivo que los usuarios pueden dejar fcilmente. La transicin del zoom es especialmente adecuado para revelar la vista previa. En el iPhone, mostrar una vista previa del documento en una vista dedicada, preferentemente una vista de navegacin. Hacer esto permite a los usuarios navegar hacia y desde la vista previa del documento sin perder el contexto en su aplicacin. Aunque es posible visualizar una vista previa de forma modal documento en una aplicacin para el iPhone, no es recomendable. (Tenga en cuenta que la transicin de zoom no est disponible en el iPhone.)
Quick Look

Sonido

Adems, tenga en cuenta que la visualizacin de una vista previa del documento en una vista de navegacin permite Quick Look para colocar controles de navegacin de vista previa especfica en la barra de navegacin. (Si su vista ya contiene una barra de herramientas, Quick Look coloca los controles de navegacin de vista previa en la barra de herramientas, en su lugar.)

Si el sonido es una parte primordial de la experiencia de usuario de su aplicacin o una mejora opcional, usted necesita saber cmo los usuarios esperan de sonido comportarse y cmo cumplir con esas expectativas.

Comprender las expectativas de los usuarios


Las personas pueden usar controles de dispositivo para afectar el sonido, y puede ser que utilicen auriculares y auriculares con cable o inalmbricos. Las personas tambin tienen diferentes expectativas de cmo sus acciones afectan el sonido que escuchan. Aunque es posible encontrar algunas de estas expectativas sorprendentes, todos siguen el principio de control de usuario en que el usuario, no el dispositivo, decide cundo es apropiado para escuchar el sonido. Los usuarios cambian sus dispositivos en modo silencioso cuando quieren :

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Evite ser interrumpido por sonidos inesperados, tales como tonos de llamada de telfono y los sonidos de mensajes entrantes

Evite los sonidos que son los subproductos de las acciones del usuario, como el teclado o el otro tipo de comentarios sonidos, sonidos incidentales, o sonidos de inicio de aplicaciones auditivas Evite escuchar sonidos del juego que no son esenciales para el uso del juego, tales como los efectos de sonido y bandas sonoras Nota: Las personas cambian sus dispositivos en modo silencioso utilizando el modificador / Anillo silencioso (en el iPhone) o el interruptor de silencio (en el iPad). Por ejemplo, en un teatro de los usuarios cambian sus dispositivos en silencio para no molestar a otras personas en el teatro. En esta situacin, los usuarios quieren tener la posibilidad de usar aplicaciones en sus dispositivos, pero que no quieren ser sorprendidos por los sonidos que no esperan o lo soliciten expresamente, como tonos de timbre o sonidos de un nuevo mensaje. El interruptor de timbre / silencio (o Silencio) no no silenciar los sonidos que resultan de las acciones del usuario que estn destinados, nica y explcitamente para producir sonido. Por ejemplo:

La reproduccin multimedia en una aplicacin de slo los medios de comunicacin no es silenciado porque la reproduccin de medios fue expresamente solicitado por el usuario. Una alarma de reloj no es silenciado porque la alarma se ha establecido explcitamente por el usuario. Un clip de sonido en una aplicacin de aprendizaje de idiomas no es silenciado porque el usuario tom accin explcita para escucharlo. Conversacin en una aplicacin de chat de audio no est silenciado porque el usuario inicia la aplicacin con el nico propsito de tener un chat de audio. Los usuarios utilizan los botones de volumen del dispositivo para ajustar el volumen de todos los sonidos de sus dispositivos pueden desempear, incluyendo canciones, sonidos de aplicaciones, y los sonidos de dispositivo. Los usuarios pueden utilizar los botones de volumen para silenciar cualquier sonido, independientemente de la posicin del anillo / Silent (o silencio) del interruptor. Uso de los botones de volumen para ajustar el audio que se est reproduciendo de una aplicacin tambin ajusta el volumen general del sistema, con la excepcin de que el volumen del timbre. iPhone: El uso de los botones de volumen cuando hay audio se est reproduciendo se ajusta el volumen del timbre. Los usuarios usar auriculares y auriculares para escuchar los sonidos de forma privada y para liberar sus manos. Independientemente de si estos accesorios estn cableadas o inalmbricas, los usuarios tienen expectativas especficas para la experiencia del usuario. Cuando los usuarios conectar un auricular o auriculares, o conectarse a un dispositivo de audio inalmbrico, su intencin de continuar escuchando el audio actual, pero en privado. Por esta razn, esperan que una aplicacin que se est reproduciendo audio para continuar jugando sin pausa. Cuando los usuarios se desconectan los auriculares o los auriculares, o desconectarse de un dispositivo inalmbrico (o el dispositivo sale del alcance o se apaga), que no quieren compartir automticamente lo que han estado escuchando con los dems. Por esta razn, esperan que una aplicacin que se est reproduciendo audio para hacer una pausa, lo que les permite reiniciar explcitamente la reproduccin cuando estn listos.

Definir el comportamiento de audio de su aplicacin


Si es necesario, se puede ajustar, los niveles relativos de volumen independientes para producir la mejor mezcla en la salida de audio de su aplicacin. Sin embargo, el volumen de la salida de audio final, siempre debe estar regido por el volumen del sistema, si se trata de modificar los botones de volumen o un regulador de volumen . Esto significa que el control de salida de audio de una aplicacin permanece en manos de los usuarios, donde pertenece. Asegrese de que su aplicacin puede mostrar la ruta selector de audio, en su caso. (Una ruta de audio es una va electrnica para seales de audio, por ejemplo, de un dispositivo a auriculares o desde un dispositivo a los altavoces.) A pesar de que las personas no se conectan fsicamente en o desconecte un dispositivo de audio inalmbrico, todava esperan poder elegir una ruta diferente de audio. Para controlar esto, iOS muestra automticamente un control que permite a los usuarios elegir una ruta de salida de audio (utilice el MPVolumeView clase para permitir el control para mostrar en su aplicacin). Debido a que la eleccin de una ruta diferente de audio es una accin iniciada por el usuario, los usuarios
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

esperan que actualmente juegan audio para continuar sin pausa. Si usted necesita para mostrar un control deslizante de volumen, asegrese de usar el control deslizante de volumen proporcionado por el sistema disponible cuando se utiliza el MPVolumeView clase. Tenga en cuenta que cuando el dispositivo de salida de audio activa actualmente no soporta el control de volumen, el control de volumen se sustituye por el nombre de dispositivo apropiado. Si su aplicacin slo produce efectos de sonido de interfaz de usuario que no son esenciales para su funcionamiento, usar System Sound Services. Sistema de Sonido es la tecnologa de iOS que produce las alertas y sonidos de la interfaz de usuario e invoca la vibracin; no es adecuado para cualquier otro propsito. Al utilizar el sistema de servicios de sonido para producir el sonido, no se puede influir en cmo el audio interacta con el audio en el dispositivo, o la forma en que debe responder a las interrupciones y los cambios en la configuracin del dispositivo. Para un proyecto de ejemplo que muestra cmo utilizar esta tecnologa, consulte la interfaz de usuario de Audio Sonidos (SysSound) . Si el sonido juega un papel importante en su aplicacin, utilice Servicios de Audio de la sesin o el AVAudioSession clase. Estas interfaces de programacin no producen sonido; en cambio, ayudan a expresar cmo su audio debe interactuar con el audio en el dispositivo y responder a las interrupciones y los cambios en la configuracin del dispositivo. iPhone: No importa lo que la tecnologa que se utiliza para generar el audio o cmo se defina su comportamiento, el telfono puede siempre interrumpir la aplicacin se est ejecutando actualmente. Esto se debe a ninguna aplicacin debe evitar que la gente reciba una llamada entrante. En Audio Servicios de sesiones, las sesiones de audio funciona como un intermediario para el audio entre su aplicacin y el sistema. Una de las facetas ms importantes de la sesin de audio es la categora , que define el comportamiento de audio de su aplicacin. Para obtener los beneficios de los servicios de sesin de audio y proporcionar la experiencia de audio que los usuarios esperan, es necesario seleccionar la categora que mejor describe el comportamiento de audio de su aplicacin. Este es el caso si su aplicacin slo reproduce audio en el primer plano o tambin puede reproducir audio en el fondo. Siga estas directrices a la hora de realizar esta seleccin:

Seleccione una categora de sesin de audio en funcin de su significado semntico, no su conjunto preciso de los comportamientos. Seleccionando una categora, cuyo propsito es claro, se asegura de que su aplicacin se comporta de acuerdo a las expectativas de los usuarios. Adems, le da a su aplicacin la mejor probabilidad de funcionar correctamente si el conjunto exacto de comportamientos se refina en el futuro. En casos raros, aadir un alojamiento a la sesin de audio para modificar el comportamiento estndar de una categora. comportamiento estndar de una categora representa lo que esperan que la mayora de los usuarios, por lo que usted debe considerar cuidadosamente antes de cambiar ese comportamiento. Por ejemplo, puede agregar la propiedad agachndose para asegurarse de que su sonido es ms fuerte que el resto del audio (excepto el audio del telfono), si eso es lo que los usuarios esperan de su aplicacin. (Para obtener ms informacin sobre propiedades de la sesin de audio, consulte "Ajuste fino del Categora" en Sesin de Audio Programming Guide .) Considere la posibilidad de basar su seleccin de categora en el entorno actual de audio del dispositivo. Esto podra tener sentido si, por ejemplo, los usuarios pueden utilizar su aplicacin mientras se escucha otro tipo de audio en lugar de a su banda sonora. Si usted hace esto, asegrese de no obligar a los usuarios a dejar de escuchar su msica o tomar una decisin explcita banda sonora cuando se inicia la aplicacin. En general, evite el cambio de categoras, mientras que su aplicacin se est ejecutando. La razn principal para el cambio de categora es si su aplicacin debe ser compatible con la grabacin y reproduccin en diferentes momentos. En este caso, puede ser mejor para cambiar entre la categora de Grabacin y Reproduccin de la categora, segn sea necesario, que para seleccionar el juego y la categora Grabacin. Esto se debe a la seleccin de la categora de registro asegura que no alerta-como un mensaje de texto de alerta sonar mientras la grabacin est en curso. Tabla 30-1 enumera las categoras de la sesin de audio que puede utilizar. Diferentes categoras permiten que los sonidos sean silenciadas por el / switch o Silent Silent Ring (o bloqueo de dispositivos), para mezclar con otro tipo de audio, o para jugar mientras la aplicacin est en el fondo. (Para los nombres de categora y de propiedad reales a medida que aparecen en las interfaces de programacin, ver Audio Sesin Programming Guide .)
Tabla 30-1 categoras sesin de audio y sus comportamientos asociados Categora Significado Silenciado Mixes En Fondo

Solo Ambient Ambiente

Suena a mejorar la funcionalidad de la aplicacin, y debe silenciar S otro audio. Sonidos mejoran la funcionalidad de aplicaciones, pero no deben S silenciar otro audio.

No S No (predeterminado) S (cuando el

No No Mezclar S

y Reproduccin Los sonidos son esenciales para la funcionalidad de la aplicacinNo


Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

puede mezclar con otro tipo de audio. Registro El audio es grabado por el usuario. No No No Reproducir y Sonidos representan de entrada y salida de audio, grabar secuencialmente o simultneamente.

con la propiedad de otros, se aade)

S Mezclar S S *

Procesamiento de App realiza asistida por hardware de codificacin de audio (no N / A No audio juega o registro).

No (predeterminado) S (cuando el con la propiedad de otros, se aade)

* Si selecciona la categora de Procesamiento de audio y desea llevar a cabo el procesamiento de audio en segundo plano, es necesario evitar que la aplicacin de la suspensin antes de que haya terminado con el proceso de audio. Para saber cmo hacerlo, consulte "Implementacin de Tareas en segundo plano de larga ejecucin" en Gua de programacin de aplicacin iOS . stos son algunos de los escenarios que ilustran cmo elegir la categora de sesin de audio que proporciona una experiencia de audio de los usuarios aprecian. Escenario 1: Una aplicacin educativa que ayuda a la gente a aprender un nuevo idioma. Usted proporciona:

Feedback sonidos que el juego cuando los usuarios tocan controles especficos Las grabaciones de las palabras y frases que se puede escuchar cuando los usuarios quieren escuchar ejemplos de pronunciacin correcta En esta aplicacin, el sonido es esencial para la funcionalidad principal. La gente utiliza esta aplicacin para escuchar las palabras y frases en el idioma que estn aprendiendo, por lo que el sonido debe jugar incluso cuando el dispositivo bloquea o se conmuta al silencio. Dado que los usuarios necesitan para escuchar los sonidos con claridad, que esperan otro tipo de audio que podran estar jugando a ser silenciado. Para producir la experiencia de audio que los usuarios esperan para esta aplicacin, tendr que utilizar la categora de Reproduccin. Aunque esta categora puede ser refinado para permitir la mezcla con otro audio, esta aplicacin debe utilizar el comportamiento predeterminado para que otro tipo de audio no compite con los contenidos educativos que el usuario ha elegido expresamente para or. Escenario 2:. A Voz sobre Protocolo de Internet (VoIP) aplicacin Usted proporciona:

La capacidad de aceptar la entrada de audio La capacidad de reproducir audio En esta aplicacin, el sonido es esencial para la funcionalidad principal. La gente utiliza esta aplicacin para comunicarse con los dems, a menudo mientras que estn actualmente usando una aplicacin diferente. Los usuarios esperan poder recibir llamadas cuando han cambiaron su dispositivo en Silencio o el dispositivo estn bloqueados, y esperan que otros archivos de audio a guardar silencio durante la duracin de una llamada. Tambin esperan poder continuar las llamadas cuando la aplicacin est en el fondo. Para producir la experiencia del usuario esperada para esta aplicacin, tendr que utilizar el Juego y la categora de grabacin, y que sera seguro para activar su sesin de audio slo cuando la necesita para que los usuarios puedan utilizar otro tipo de audio entre llamadas. Escenario 3:. Un juego que permite a los usuarios para guiar a un personaje a travs de diferentes tareas que Usted proporcione:

Varios efectos de sonido del juego Una banda sonora musical En esta aplicacin, el sonido mejora considerablemente la experiencia del usuario, pero no es esencial para la tarea principal. Adems, los usuarios tienden a apreciar la posibilidad de jugar el juego en silencio o mientras escucha canciones en su biblioteca de msica en lugar de a la banda sonora del juego. La mejor estrategia consiste en averiguar si los usuarios estn escuchando a otro tipo de audio cuando se inicia la aplicacin. No le pida a los usuarios elegir si desean escuchar a otros archivos de audio o escuchar su banda sonora. En su lugar, utilice la funcin de audio de sesin de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

AudioSessionGetProperty para consultar el estado de la kAudioSessionProperty_OtherAudioIsPlaying

propiedad. Sobre la base de la respuesta a esta consulta, se puede elegir cualquiera de las categoras ambientales o Solo Ambient (ambas categoras permiten a los usuarios jugar el juego en silencio):

Si los usuarios estn escuchando a otro tipo de audio, usted debe asumir que les gustara seguir escuchando y no apreciara ser forzados a escuchar la banda sonora del juego en su lugar. En esta situacin, usted elige la categora Ambient. Si los usuarios no estn escuchando a cualquier otro tipo de audio cuando se inicia su aplicacin, usted elige la categora Solo Ambient. Escenario 4:. Una aplicacin que proporciona instrucciones precisas, de navegacin en tiempo real para el destino del usuario Usted proporciona:

Instrucciones habladas para cada paso del viaje Suena un poco de retroalimentacin La capacidad de los usuarios a seguir escuchando a su propio audio En esta aplicacin, las instrucciones de navegacin habladas representan la principal tarea, independientemente de si la aplicacin est en el fondo. Por esta razn, tendr que utilizar la categora de reproduccin, lo que permite que el audio para jugar cuando el dispositivo est bloqueado o cambia al silencio, y mientras la aplicacin est en el fondo. Para permitir que la gente escuche otro tipo de audio mientras que utilizan su aplicacin, se puede aadir el kAudioSessionProperty_OverrideCategoryMixWithOthers propiedad. Sin embargo, tambin quiere asegurarse de que los usuarios puedan escuchar las instrucciones habladas sobre el audio que actualmente estn jugando. Para ello, se puede aplicar el kAudioSessionProperty_OtherMixableAudioShouldDuck propiedad para el perodo de sesiones de audio para asegura que su sonido es ms fuerte que todo el audio que se est reproduciendo, con la excepcin de audio del telfono en el iPhone. Esta configuracin permite la aplicacin para reactivar su sesin de audio mientras la aplicacin est en el fondo, lo que garantiza que los usuarios reciben actualizaciones de navegacin en tiempo real. Escenario 5:. Una aplicacin de blogging que permite a los usuarios subir su texto y grficos a un sitio web que Usted proporcione:

Un archivo de sonido de inicio de corto Varios efectos de sonido cortos que acompaan a las acciones del usuario (por ejemplo, un sonido que se reproduce cuando un mensaje ha sido cargado) Un sonido de alerta que se reproducir cuando falla una publicacin En esta aplicacin, el sonido mejora la experiencia del usuario, pero no es esencial. La tarea principal no tiene nada que ver con el audio y los usuarios no tienen que escuchar ningn sonido para utilizar con xito la aplicacin. En este escenario, tendr que utilizar sistema de servicios de sonido para producir sonido. Esto es porque el contexto de audio de todo el sonido en la aplicacin se ajusta a la finalidad de esta tecnologa, que es la produccin de efectos de sonido de interfaz de usuario y los sonidos de alerta que obedecen bloqueo del dispositivo y el anillo / Silencioso (o Silencio) Interruptor de la manera que los usuarios esperar.

Gestione Audio Interrupciones


A veces, se est reproduciendo audio es interrumpido por el audio de una aplicacin diferente. En el iPhone, por ejemplo, una llamada telefnica entrante interrumpe el audio de la aplicacin actual de la duracin de la llamada. En un entorno multitarea, la frecuencia de este tipo de interrupciones en el audio puede ser alto. Para proporcionar una experiencia de audio de los usuarios aprecian, iOS confa en usted para:

Identificar el tipo de interrupcin de audio de su aplicacin puede causar Responder adecuadamente cuando su aplicacin contina despus de los extremos de una interrupcin de audio

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Cada aplicacin tiene que identificar el tipo de interrupcin del sonido que puede causar, pero no todas las aplicaciones tiene que determinar cmo responder al final de una interrupcin de audio. Esto es porque la mayora de los tipos de aplicaciones deben responder a la final de una interrupcin de audio mediante la reanudacin de audio. Slo las aplicaciones que son principalmente o parcialmente aplicaciones de reproduccin de medios-y que proporcionar controles de reproduccin de medios-tienen que dar un paso ms para determinar la respuesta apropiada. Conceptualmente, hay dos tipos de interrupciones en el audio, con base en el tipo de audio que est haciendo la interrupcin y la forma en que los usuarios esperan de la aplicacin particular, responder cuando termina la interrupcin:

Una interrupcin resumable es causada por el audio que los usuarios ven como un interludio temporal en su experiencia auditiva primaria. Despus de que termina una interrupcin resumable, una aplicacin que muestra los controles de reproduccin de medios debe reanudar lo que estaba haciendo cuando se produjo la interrupcin, si este est jugando audio o permanecer en pausa. Una aplicacin que no tiene controles de reproduccin de medios de comunicacin debe reanudar la reproduccin de audio. Por ejemplo, supongamos que un usuario escucha una aplicacin para la reproduccin de msica en el iPhone cuando una llamada VoIP llega en medio de una cancin. El usuario responde a la llamada, a la espera de la aplicacin de reproduccin de callar mientras hablan. Despus de finalizar la llamada, el usuario espera que la aplicacin de reproduccin para reanudar automticamente la reproduccin de la cancin, porque la msica, no la llamada-que constituye su experiencia auditiva primaria y que no se haba detenido la msica antes de que llegara la llamada. Por otro lado, si el usuario haba hecho una pausa la reproduccin de msica antes de que llegara la llamada, que se puede esperar de la msica siga siendo una pausa despus de que termine la llamada.

Otros ejemplos de aplicaciones que pueden causar interrupciones reanudables son aplicaciones que se puede escuchar alarmas, mensajes de audio (como indicaciones de ruta de se), o otro tipo de audio intermitente. Una interrupcin nonresumable es causada por el audio que los usuarios ven como una experiencia auditiva primaria, como el audio de una aplicacin de reproduccin multimedia. Despus de que termina una interrupcin nonresumable, una aplicacin que muestra los controles de reproduccin de medios de comunicacin no debe reanudar la reproduccin de audio. Una aplicacin que no tiene controles de reproduccin de medios de comunicacin debe reanudar la reproduccin de audio. Por ejemplo, supongamos que un usuario escucha una aplicacin de reproduccin de msica (aplicacin de msica 1) cuando una aplicacin de reproduccin de msica diferente (aplicacin de msica 2) interrumpe. En respuesta, el usuario decide escuchar aplicacin de msica 2 para un cierto perodo de tiempo. Despus de salir de la aplicacin de msica 2, el usuario no espera aplicacin de msica 1 para reanudar automticamente la reproduccin, ya que haba hecho deliberadamente aplicacin de msica 2 su experiencia auditiva primaria. Las siguientes pautas le ayudarn a decidir qu tipo de informacin a la oferta y cmo continuar despus de los fines de una interrupcin de audio. . Identificar el tipo de interrupcin de audio de su aplicacin caus Esto se hace mediante la desactivacin de la sesin de audio en una de las dos formas siguientes cuando finaliza el audio:

Si su aplicacin supuso un parntesis resumable, desactivar su sesin de audio con el


AVAudioSessionSetActiveFlags_NotifyOthersOnDeactivation bandera.

Si su aplicacin supuso un parntesis nonresumable, desactivar su sesin de audio, sin banderas. Ofrecer o no proporcionar, las banderas permite iOS para dar aplicaciones interrumpidas la posibilidad de reanudar la reproduccin de sus archivos de audio de forma automtica, si es apropiado. Determine si debe reanudar el audio cuando se termina una interrupcin de audio. Usted basa esta decisin en la experiencia de usuario de audio que dio en su aplicacin.

Si su aplicacin muestra los controles de reproduccin de medios de comunicacin que la gente utiliza para reproducir o pausar el audio, es necesario comprobar la AVAudioSessionInterruptionFlags_ShouldResume bandera cuando termina una interrupcin de audio. Si su aplicacin recibe la bandera debe reanudar, su aplicacin debe:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Reanudar la reproduccin de audio si su aplicacin estaba jugando activamente audio cuando fue interrumpido No volver a jugar audio si su aplicacin fue no jugar en forma activa de audio cuando se interrumpi

Si su aplicacin no muestra los controles de reproduccin de medios de comunicacin que se pueden utilizar para reproducir o pausar el audio, su aplicacin siempre debe reanudar la reproduccin de audio previamente cuando termina una interrupcin de audio, independientemente de que la bandera debe reanudar est presente. Por ejemplo, un juego que reproduce una banda sonora debe reanudar automticamente la reproduccin de la banda sonora despus de una interrupcin.

Maneje los soportes Control Remoto Eventos, si Apropiada


Las aplicaciones pueden recibir eventos de control remoto cuando la gente usa controles de medios de iOS o controles de accesorios, tales como controles de los auriculares. Esto permite a su aplicacin para aceptar la entrada del usuario que no viene a travs de su interfaz de usuario, si su aplicacin est jugando actualmente audio en el primer plano o en segundo plano. Las aplicaciones pueden enviar vdeo a AirPlay habilitado para hardware como Apple TV y la transicin a un segundo plano y la reproduccin contina. Dicha aplicacin puede aceptar la entrada del usuario a travs de eventos de control remoto, por lo que los usuarios pueden controlar la reproduccin de vdeo cuando la aplicacin est en el fondo. Adems, este tipo de aplicacin tambin puede reactivar una sesin de audio despus de una interrupcin mientras est en el fondo. Una aplicacin de reproduccin de medios de comunicacin, en particular, tiene que responder apropiadamente a los eventos de control remoto de medios de comunicacin, sobre todo si se reproduce audio o video mientras est en el fondo. Para cumplir con las responsabilidades asociadas con el privilegio de jugar los medios de comunicacin, mientras que su aplicacin es en el fondo, asegrese de seguir estas pautas: Limitar la elegibilidad de su aplicacin para recibir eventos de control remoto a los momentos en que tiene sentido. Por ejemplo, si su aplicacin ayuda a los usuarios leer el contenido, la bsqueda de informacin, y escuchar el audio, debe aceptar los eventos de control remoto slo mientras el usuario est en el audio contexto. Cuando el usuario abandona el contexto audio, debe renunciar a la posibilidad de recibir los eventos. Si su aplicacin permite a los usuarios reproducir audio o vdeo en un dispositivo compatible con AirPlay, debe aceptar los eventos de control remoto para la duracin de la reproduccin de medios. Siguiendo estas directrices permite que los usuarios consumen medios-y de una aplicacin diferente controlan con los controles cuando los auriculares estn en los contextos nonmedia de su aplicacin. En la medida de lo posible, el uso de los controles proporcionados por el sistema para ofrecer soporte AirPlay. Cuando se utiliza la MPMoviePlayerController clase para permitir la reproduccin de AirPlay, usted puede tomar ventaja de un control estndar que permite a los usuarios elegir un dispositivo compatible con AirPlay que est actualmente en el rango. O puede utilizar el MPVolumeView clase para mostrar los dispositivos de audio o de vdeo compatibles con AirPlay desde la que los usuarios pueden elegir. Los usuarios estn acostumbrados a la apariencia y el comportamiento de estos controles estndar, para que sepan cmo usarlos en su aplicacin. No reutilizar un evento, incluso si el evento no tiene ningn significado en su aplicacin. Los usuarios esperan que los controles de medios de iOS y los controles de accesorios para funcionar consistentemente en todas las aplicaciones. Usted no tiene que controlar los eventos que su aplicacin no necesita, pero los acontecimientos que usted asa debe dar lugar a la experiencia de los usuarios esperan. Si usted redefine el significado de un evento, es confundir a los usuarios y el riesgo de que los lleven a un estado desconocido del que no pueden escapar sin salir de su aplicacin. VoiceOver aumenta la accesibilidad para los usuarios ciegos y de baja visin, y para los usuarios con ciertos problemas de aprendizaje.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Para que los usuarios de seguros de VoiceOver pueden utilizar la aplicacin, puede que tenga que suministrar informacin de carcter descriptivo sobre los dictmenes y los controles de la interfaz de usuario. Apoyar VoiceOver no no requiere que usted cambie el diseo visual de la interfaz de usuario de ninguna manera. Al utilizar elementos de interfaz de usuario estndar de una manera completamente estndar, usted tiene poca (o ninguna) de trabajo adicional por hacer. Cuanto ms a medida de su interfaz de usuario es la informacin ms personalizada, es preciso proporcionar para que VoiceOver puede describir con precisin su aplicacin. La fabricacin de su aplicacin para iOS accesible a los usuarios de VoiceOver puede aumentar su base de usuarios y ayudar a entrar en nuevos mercados. Apoyar VoiceOver tambin puede ayudarle a abordar las pautas de accesibilidad creadas por distintos rganos de gobierno. Los usuarios pueden revelar un men de edicin para realizar operaciones tales como Cortar, Pegar y Seleccionar texto en una vista, vista Web o vista de la imagen.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Puede ajustar algunos de los comportamientos del men para dar a los usuarios ms control sobre el contenido en su aplicacin. Por ejemplo, usted puede:

Indique cules de los comandos de men estndar son apropiadas para el contexto actual Determine la posicin del men antes de que aparezca de modo que usted puede evitar que partes importantes de la interfaz de usuario de su aplicacin sea oscurecida Definir el objeto que est seleccionado de forma predeterminada cuando los usuarios tocar dos veces para que aparezca el men no se puede

cambiar el color o la forma del propio men. Para obtener informacin sobre cmo implementar estos comportamientos en el cdigo, consulte "Copiar, Cortar y Pegar operaciones" en la Gua de programacin de aplicacin iOS . Para asegurarse de que el men de edicin se comporta como los usuarios esperan en su aplicacin, usted debe:

Mostrar comandos que tienen sentido en el contexto actual. Por ejemplo, si no hay nada seleccionado, el men no debe contener Copiar o Cortar porque estos comandos actan en una seleccin. Del mismo modo, si hay algo seleccionado, el men no debe contener Seleccionar. Si usted apoya un men de edicin en una vista personalizada, usted es responsable de asegurarse de que los comandos de las pantallas de men son apropiadas para el contexto actual. Acomode la pantalla de men en su diseo. iOS muestra el men de edicin por encima o por debajo del punto de insercin o la seleccin, en funcin del espacio disponible, y coloca el puntero del men para que los usuarios puedan ver cmo los comandos de men con el contenido. Se puede determinar mediante programacin la posicin del men antes de que aparezca de modo que usted puede evitar que partes importantes de la interfaz de usuario de ser oscurecido, si es necesario. Apoyo ambos gestos que la gente puede utilizar para invocar el men. Aunque el toque y mantenga presionado el gesto es la forma primaria a los usuarios revelan el men de edicin, sino que tambin puede puntear dos veces una palabra en una vista de texto para seleccionar

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

la palabra y revelar el men en la parte mismo tiempo. Si usted apoya el men en una vista personalizada, asegrese de responder a ambos gestos. Adems, puede definir el objeto que est seleccionado por defecto cuando los grifos dobles de usuario. Evitar la creacin de un botn en la interfaz de usuario que realiza un comando que est disponible en el men de edicin. Por ejemplo, es mejor permitir a los usuarios realizar una operacin de copia mediante el men de edicin de proporcionar un botn de copia, ya que los usuarios se preguntan por qu hay dos maneras de hacer lo mismo en su aplicacin. Considere la posibilidad de permitir la seleccin de texto esttico si es til para el usuario. Por ejemplo, un usuario podra querer copiar el ttulo de una imagen, pero no son propensos a querer copiar la etiqueta de un elemento de ficha o un ttulo de la pantalla, tales como cuentas. En una vista de texto, seleccin de palabra debe ser el predeterminado. No hagas botn ttulos seleccionable. Un ttulo del botn de seleccin hace que sea difcil para los usuarios revelen el men de edicin sin necesidad de activar el botn. En general, los elementos que se comportan como botones no tienen que ser seleccionable. Combine soporte para deshacer y rehacer con el apoyo de copiar y pegar. Las personas a menudo esperan ser capaces de deshacer las operaciones recientes, si cambian de opinin. Debido a que el men de edicin no requiere confirmacin antes de realizar sus acciones, debe dar a los usuarios la oportunidad de deshacer o rehacer estas acciones. Siga estas pautas si necesita crear elementos de men de edicin personalizada, como los que se muestran aqu:

Crear editar elementos de men que editar, alterar o de otra manera actan directamente sobre la seleccin del usuario. La gente espera que los elementos del men de edicin estndar para actuar sobre el texto u objetos en el contexto actual, y es mejor cuando los elementos de men personalizados se comportan de manera similar. Enumerar los elementos personalizados juntos despus de todos los elementos proporcionados por el sistema. No intercalar sus artculos personalizados con los proporcionados por el sistema. Mantenga el nmero de elementos de men personalizados razonables. Usted no quiere abrumar a los usuarios con demasiadas opciones. Utilice nombres breves para sus elementos de men personalizados y asegrese de que los nombres precisamente describen lo que hacen los comandos. En general, los nombres de los elementos deben ser los verbos que describen la accin a realizar. Aunque en general usted debe utilizar una sola palabra en mayscula para un nombre de elemento, utilice la capitalizacin de estilo de ttulo si tiene que utilizar una frase corta. (En pocas palabras, la capitalizacin de estilo ttulo significa capitalizar cada palabra excepto artculos, conjunciones de coordinacin y preposiciones de cuatro letras o menos.)

Deshacer y Rehacer
Los usuarios inician una operacin Undo agitando el dispositivo, que muestra una alerta que les permite:

Deshacer lo que acaba de escribir Vuelva a realizar la tipificacin deshecha anteriormente

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Cancelar la operacin de deshacer

Usted puede apoyar la operacin de deshacer de una manera ms general en su aplicacin, especificando:

Las acciones que los usuarios pueden deshacer o rehacer Las circunstancias en que su aplicacin debe interpretar un evento batido como el gesto-shake-a deshacer Cuntos niveles de deshacer para apoyar

Deshacer y Rehacer

Para aprender cmo implementar este comportamiento en el cdigo, vea Deshacer Arquitectura . Si usted apoya deshacer y rehacer en su aplicacin, siga estas directrices para proporcionar una buena experiencia de usuario. Suministrar frases descriptivas breves que cuentan los usuarios precisamente lo que estn deshaciendo o rehacer. iOS proporciona automticamente las cadenas "Deshacer" y "Rehacer" (incluyendo un espacio despus de la palabra) de los ttulos de botn de alerta de deshacer, pero es necesario para proporcionar una palabra o dos que describa los usuarios accin puede deshacer o rehacer. Por ejemplo, es posible proporcionar el nombre de texto o cambio de direccin, para crear botn ttulos tales como "Nombre Deshacer" o "Rehacer cambio de direccin". (Tenga en cuenta que el botn Cancelar de la alerta no puede ser modificado o eliminado.)

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Evite suministrar texto que es demasiado largo. A ttulo de botn que es demasiado largo se trunca y es difcil para los usuarios de descifrar. Y debido a que este texto est en un ttulo del botn, utilice la capitalizacin de estilo de ttulo y no agregue puntuacion. Evite sobrecargar el gesto sacudida. Aunque se puede establecer mediante programacin cuando su aplicacin interpreta un evento de sacudida sacudidas de deshacer, se corre el riesgo de confundir a los usuarios si tambin utilizan sacudida para realizar una accin diferente. Analizar la interaccin del usuario en su aplicacin y evitar la creacin de situaciones en las que los usuarios no pueden predecir con fiabilidad el resultado del gesto sacudida. Utilice el Undo proporcionado por el sistema y rehacer botones slo si deshacer y rehacer son tareas fundamentales en su aplicacin. Recuerde que el gesto de sacudida es la principal forma los usuarios inician deshacer y rehacer, y que puede ser confuso para ofrecer dos formas de realizar la misma tarea. Si usted decide que es importante proporcionar, controles dedicados explcitos para deshacer y rehacer, puede colocar los botones proporcionados por el sistema en la barra de navegacin. (Para obtener ms informacin acerca de estos botones, consulte "Barra de herramientas y la barra de navegacin botones " (pgina 148).) Claramente relacionarse deshacer y rehacer capacidad de contexto inmediato del usuario, y no a un contexto anterior. Considere el contexto de las acciones que permiten que deshacer o rehacer. En general, los usuarios esperan que sus cambios y acciones surtan efecto inmediatamente. Si es apropiado, se puede disear una vista de entrada personalizada para reemplazar el teclado en pantalla proporcionado por el sistema. Si proporciona una vista de entrada personalizado, asegrese de que su funcin es obvio para la gente. Tambin puede proporcionar una visin accesorio de entrada personalizado, que es una vista separada que aparece sobre el teclado (o su vista de entrada personalizada). Utilice el sonido de clic del teclado estndar para proporcionar retroalimentacin audible cuando las personas aprovechan los controles personalizados en la vista de entrada. Para aprender cmo activar este sonido en su cdigo, consulte la documentacin de playInputClick en UIDevice Referencia de las clases . Nota: El sonido de clic estndar est disponible slo para vistas de entrada personalizados que estn en pantalla actualmente. La gente puede apagar todos los clics del teclado, incluyendo los que vienen desde su punto de vista-en la entrada Ajustes> Sonidos personalizados.

"B ars " (pgina 143) "Contenido vistas " (pgina 156) "Controles" (pgina 182) "temporales Vistas " (pgina 197)

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

La de estado
La barra de estado muestra informacin importante sobre el dispositivo y el entorno actual (se muestra a continuacin en el iPhone).

Por defecto el contenido (oscuro)

La barra de estado:

Es transparente Siempre aparece en el borde superior de la pantalla del dispositivo

Contenido de Luz
API Nota: Puede definir el estilo de la barra de estado en todo el mundo para toda la aplicacin o puede dejar vista individual controladores establecen el estilo segn el caso. Para aprender ms, lea Referencia UIApplication clase de informacin sobre el UIStatusBarStyle constante y Referencia UIViewController clase de informacin sobre el preferredStatusBarStyle propiedad. No cree una barra de estado personalizado. Usuarios dependen de la consistencia de la barra de estado proporcionado por el sistema. Aunque es posible ocultar la barra de estado en su aplicacin, no es apropiada para crear la interfaz de usuario personalizada que toma su lugar. Prevenir contenido de desplazamiento de muestra a travs de la barra de estado. A medida que los usuarios se desplazan, usted no quiere que ellos vean una mezcla confusa de aplicacin de contenidos y elementos de la barra de estado en el rea de la barra de estado. Para dar a los usuarios la sensacin de espacio sin dejar de garantizar la mxima legibilidad, asegrese de que la barra de estado tiene un fondo que oculta el contenido detrs de l. Aqu hay algunas maneras de mantener el contenido de desplazamiento de muestra a travs de la barra de estado:

Utilice un controlador de navegacin para mostrar el contenido. Un controlador de navegacin muestra automticamente un fondo de barra de estado y se asegura de que sus puntos de vista de contenido no aparecen detrs de la barra de estado. (Para obtener ms informacin acerca de los controladores de navegacin, consulte la seccin "Controladores de navegacin".) Crear un nondistracting imagen personalizada-como un degradado-y lo mostrar detrs de la barra de estado. Para asegurarse de que la imagen se queda detrs de la barra de estado, se puede utilizar un controlador de vista de mantener la imagen de arriba una vista de desplazamiento o usted podra utilizar una vista de desplazamiento para mantenerla fija en la parte superior. Contenido de posicin para evitar la zona de la barra de estado (es decir, el rea definida por la aplicacin statusBarFrame propiedad). Si usted hace esto, usted debe usar el color de fondo de la ventana para proporcionar un color slido detrs de la barra de estado. Evite poner el contenido de distraccin detrs de la barra de estado. En particular, no quiere dar a entender que los usuarios deben tocar la barra de estado para acceder al contenido o activar los controles en su aplicacin. Piense dos veces antes de ocultar permanentemente la barra de estado. Debido a que la barra de estado es transparente, no es generalmente necesario para ocultarlo. Permanentemente ocultar la barra de estado significa que los usuarios tienen que cambiar fuera de su aplicacin para leer el tiempo o para averiguar si tienen una conexin Wi-Fi gratuita. Considere la posibilidad de ocultar la barra de estado-y el resto de aplicaciones de interfaz de usuario-, mientras que la gente est viendo activamente los medios de comunicacin de pantalla completa. Si se oculta la barra de estado, asegrese de que la gente recupere (y la interfaz de usuario de aplicacin correspondiente) con un solo toque. A menos que tenga una razn de peso para hacerlo, evitar la definicin de un gesto personalizado para volver a mostrar la barra de estado, porque los usuarios no es probable que descubrir un gesto o recordarlo. Elija un color contenido barra de estado que coordina con su aplicacin. La apariencia predeterminada muestra el contenido oscuro, que se ve bien en la parte superior de color claro contenido de la aplicacin. La luz contenidos barra de estado se ve bien en la parte superior de color oscuro contenido de la aplicacin.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Cuando sea apropiado, muestre el indicador de actividad de la red. El indicador de actividad de la red puede aparecer en la barra de estado para mostrar a los usuarios de que se est produciendo larga acceso a la red. Para aprender cmo implementar este indicador en el cdigo, consulte "Red de Actividad Indicador " (pgina 186).

Barra de navegacin

Una barra de navegacin permite la navegacin a travs de una jerarqua de informacin y, opcionalmente, la gestin de los contenidos de la pantalla.

Una barra de navegacin:

Es translcido Generalmente aparece en la parte superior de una pantalla de la aplicacin, justo debajo de la barra de estado En el iPad, una barra de navegacin tambin puede mostrar en una vista que no se extiende a travs de la pantalla, como un panel de un controlador de vista dividida.

Puede cambiar automticamente su altura cuando la orientacin cambia iPhone Mantiene la misma altura en todas las orientaciones en el iPad API Nota: Una barra de navegacin est contenida en un control de navegacin, que es un objeto de programacin que administra la visualizacin de una jerarqua de vistas personalizadas. Para saber ms sobre la definicin de una barra de navegacin en el cdigo, consulte "Controladores de Navegacin" y "Barras de navegacin". Utilice una barra de navegacin para permitir la navegacin entre los diferentes puntos de vista y-en su caso-para proporcionar un control que gestiona los elementos de una vista. Si usted necesita para proporcionar un conjunto ms amplio de controles y que no es necesario para permitir la navegacin, considere el uso de una barra de herramientas en su lugar (para obtener ms informacin, consulte "Barra de herramientas" (pgina 147)). Cuando el usuario va a un nuevo nivel en una jerarqua de navegacin, dos cosas deben suceder:

El ttulo de la barra de navegacin debe cambiar para el ttulo del nuevo nivel, en su caso.

Un botn de retroceso debe aparecer en el extremo izquierdo de la barra, y debe ser etiquetado con el ttulo del nivel anterior. Cuando se agrega valor, utilice el ttulo de la vista actual como el ttulo de la barra de navegacin. Si la titulacin de una barra de navegacin parece redundante, puede dejar el ttulo vaco. Por ejemplo, Notes no lo hace el ttulo de la nota actual, porque la primera lnea del contenido suministra todo el contexto que los usuarios necesitan.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Considerar la posibilidad de un control segmentado en una barra de navegacin en el nivel superior de una aplicacin. Esto es especialmente til si el hacerlo ayuda a aplanar la jerarqua de la informacin, por lo que es ms fcil para las personas a encontrar lo que estn buscando. Si utiliza un control segmentado en una barra de navegacin, asegrese de elegir ttulos exactos de respaldo de los botones. (Para obtener instrucciones de uso, consulte "segmentado Control " (pgina 191).)

Si es necesario, considere el uso de un mensaje para aclarar lo que los usuarios pueden hacer en la pantalla actual. Un mensaje es una frase breve que aparece cerca de la parte superior de la barra de navegacin. Por ejemplo, Stocks utiliza el smbolo para asegurarse de que los usuarios entiendan cmo encontrar la informacin que desean. Si es necesario utilizar un smbolo, escribir una frase del de una lnea breve que utiliza puntuacion final apropiado. Evitar el hacinamiento de una barra de navegacin con controles adicionales, incluso si parece que hay suficiente espacio. En general, una barra de navegacin debe contener no ms del ttulo de la vista actual, el botn de retroceso, y uno de control que gestiona el contenido de la vista. Si utiliza un control segmentado en la barra de navegacin, la barra no debe mostrar un ttulo y no debe contener ningn tipo de control que no sean el control segmentado. Asegrese de que los botones de texto-titulado tienen suficiente espacio entre ellos. Si no hay suficiente espacio entre barras mltiples elementos de los botones izquierdo o derecho en una barra de navegacin, los ttulos de texto pueden aparecer a correr juntos, por lo que es difcil para los usuarios distinguir ellos. Si botn ttulos parecen demasiado juntos en la barra de navegacin, el uso
UIBarButtonSystemItemFixedSpace para agregar la separacin adecuada entre ellos. (Para obtener ms informacin sobre esta

constante, consulte UIBarButtonItem Referencia de las clases .)

Tanto como sea posible, asegrese de que el aspecto de una barra de navegacin personalizada es constante a travs de su aplicacin. Por ejemplo, no combinar una barra de navegacin opaco, con una barra de herramientas transparente. Adems, lo mejor es evitar el cambio de la imagen, el color o la translucidez de la barra de navegacin en diferentes pantallas en la misma orientacin. Asegrese de que un botn personalizado de vuelta todava se ve como un botn de retroceso. Los usuarios saben que el botn de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

retroceso norma les permite volver sobre sus pasos a travs de una jerarqua de informacin. Si decide reemplazar el chevron proporcionado por el sistema con una imagen personalizada, asegrese de proporcionar la imagen de una mscara personalizada, tambin. iOS 7 utiliza la mscara para que el ttulo del botn parece surgir de o desaparecer en el galn durante las transiciones.

Importante: No crear un botn de retroceso de varios segmentos. El botn de retroceso siempre lleva al usuario a la matriz de la pantalla actual. Si usted piensa que los usuarios podran perderse sin un control de varios segmentos que muestra un tipo de ruta de ruta de navegacin, probablemente significa que usted debe aplanar la jerarqua de la informacin. En el iPhone, estar preparados para el cambio en la altura de la barra de navegacin que se produce en la rotacin del dispositivo. En particular, asegrese de que sus iconos de la barra de navegacin personalizados encajan bien en la barra ms delgada que aparece en la orientacin horizontal. No especifique la altura de una barra de navegacin mediante programacin; en cambio, aprovechar las UIBarMetrics constantes para asegurar que su contenido quede bien.

Barra de herramientas

Una barra de herramientas contiene los controles que llevan a cabo acciones relacionadas con los objetos en la pantalla o vista.

Una barra de herramientas:

Es translcido Siempre aparece en el borde inferior de una pantalla o vista en el iPhone tambin puede aparecer en el borde superior de la pantalla o ver en el iPad. Puede cambiar automticamente su altura cuando la orientacin cambia iPhone Mantiene la misma altura en todas las orientaciones en el iPad. API Nota: Una barra de herramientas est contenido tpicamente en un controlador de navegacin, que es un objeto que administra la visualizacin de una jerarqua de vistas personalizadas. Para saber ms sobre la definicin de una barra de herramientas en su cdigo, consulte "Visualizacin de una barra de herramientas de navegacin" en el Catlogo View Controller para iOS y "Barra de Herramientas". Utilice una barra de herramientas para proporcionar un conjunto de acciones los usuarios pueden tomar en el contexto actual. Incluya los comandos que se utilizan con ms frecuencia que tienen sentido en el contexto actual. medida de lo posible, evitar el uso de una barra de herramientas para proporcionar comandos que slo son en ocasiones tiles. Considere el uso de un control segmentado para proporcionar acceso a las diferentes perspectivas o modos en el contexto actual. No es una buena idea usar un control segmentado en una barra de herramientas para mostrar las tareas a nivel de aplicacin o modos, debido a una barra de herramientas especfica para la pantalla actual o vista. Si tiene que dar a la gente acceso a las tareas primarias, vistas o modos en su aplicacin, use una barra de pestaas en su lugar. Para obtener ms informacin acerca de los controles segmentados, consulte "segmentado Control " (pgina 191); para aprender ms acerca de las barras de pestaas, consulte "Tab Bar " (pgina 150). Usar iconos si usted necesita para poner ms de tres elementos en una barra de herramientas. Porque botones de texto-titulado suelen utilizar ms espacio que los iconos, puede ser difcil mantener los ttulos de correr juntos.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Asegrese de que los botones de texto-titulado tienen suficiente espacio entre ellos. Si no hay suficiente espacio entre dos o ms botones en una barra de herramientas, los ttulos de texto pueden aparecer para funcionar juntos y los usuarios pueden tener dificultades para distinguir entre ellos. Si botn ttulos parecen demasiado estrecha en su barra de herramientas, utilice UIBarButtonSystemItemFixedSpace para aadir el espacio apropiado entre ellas. (Para obtener ms informacin sobre esta constante, consulte UIBarButtonItem Clase Referencia .) En el iPhone, estar preparados para el cambio de altura barra de herramientas que aparece en la rotacin del dispositivo. En particular, asegrese de que sus iconos de la barra de herramientas personalizados encajan bien en la barra ms delgada que aparece en la orientacin horizontal. No especifique la altura de una barra de herramientas de programacin; en cambio, aprovechar las UIBarMetrics constantes para asegurar que su contenido se ajusta bien.

Barra de herramientas y Navegacin Botones de la barra


iOS proporciona muchas de la barra de herramientas estndar y botones de la barra de navegacin que se utilizan en las aplicaciones integradas. Para aprender a disear iconos de la barra personalizada, consulte "Barra de botones Iconos " (pgina 218). Los elementos de la barra de la barra de herramientas y navegacin se pueden teir utilizando el tintColor propiedad. Para saber qu nombres de smbolos a utilizar para especificar los botones que se describen en la Tabla 35-1, consulte la documentacin de UIBarButtonSystemItem en UIBarButtonItem Referencia de las clases .

Importante: Al igual que con todos los botones y los iconos estndar, es esencial que se basa su uso de un botn en su significado semntico, no en su apariencia. Esto ayudar a la interfaz de usuario tienen sentido de su aplicacin incluso si el botn asociado a un significado especfico cambia su apariencia.

Tabla 35-1 Botones estndar para barras de herramientas y barras de navegacin Botn Nombre Significado

Cuota Abra una hoja de accin que enumera los servicios proporcionados por el sistema y de aplicaciones especficas que actan sobre el contenido especificado. Cmara Abra una hoja de accin que muestra un selector de foto en el modo de cmara. Componer Abra una nueva vista de mensajes en modo de edicin. Marcadores Mostrar marcadores-app especfica. Bsqueda Mostrar un campo de bsqueda. Aadir Crear un nuevo elemento. Basura Eliminar elemento actual. OrganizarMueva o va un elemento a un destino dentro de la aplicacin, como una carpeta.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Responder Enviar o va un elemento a otra ubicacin. Actualizar Actualizar contenidos (usar slo cuando sea necesario, de lo contrario, actualice de forma automtica). Juego Inicie la reproduccin de medios o diapositivas.
Botn Nombre Significado

FastForward Un avance rpido a travs de la reproduccin de medios o diapositivas. Pausa Pausa la reproduccin multimedia o diapositivas (tenga en cuenta que esto implica la preservacin del contexto).

RebobinarMueva hacia atrs en la reproduccin multimedia o diapositivas. Adems de los botones que se muestran en la Tabla 35-1, tambin puede utilizar el proporcionado por el sistema de edicin, Cancelar, Guardar, Hecho, Rehacer y Deshacer botones para apoyar la edicin o de otros tipos de manipulacin de contenidos en su aplicacin. La aparicin de cada uno de estos botones es proporcionada por su ttulo de texto. Para saber qu nombres de smbolos a utilizar para especificar estos botones, consulte la documentacin de UIBarButtonSystemItem en UIBarButtonItem Referencia de las clases . Por ltimo, tambin puede utilizar el botn de informacin proporcionado por el sistema en una barra de herramientas:

Tab Bar
Una barra de pestaas da a la gente la posibilidad de cambiar entre diferentes subtareas, vistas o modos en una aplicacin.

API Nota: Una barra de pestaas est contenida en un controlador de barra de pestaas, que es un objeto que administra la visualizacin de un conjunto de vistas personalizadas. Para saber ms sobre la definicin de una barra de pestaas en su cdigo, consulte la seccin "Controladores Tab Bar" y "barras de tabulacin". Una barra de pestaas:

Es translcido Siempre aparece en el borde inferior de la pantalla Muestra de no ms de cinco fichas de una sola vez en el iPhone (si hay ms pestaas, la barra de pestaas muestra cuatro de ellos y agrega la ficha Ms, que revela las fichas adicionales en una lista) Mantiene la misma altura en todas las orientaciones Puede exhibir una insignia en una pestaa para comunicar informacin de aplicacin especfica (una insignia es un valo rojo con texto blanco y un nmero o signo de exclamacin) Utilice una barra de pestaas para dar a los usuarios el acceso a los diferentes puntos de vista sobre el mismo conjunto de datos o diferentes subtareas relacionadas con la funcin general de su aplicacin.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

En general, utilice una barra de pestaas para organizar la informacin en el nivel de aplicacin. Una barra de pestaas es muy adecuado para su uso en la vista principal de la aplicacin, ya que es una buena manera de aplanar la jerarqua de la informacin y facilitar el acceso a la mayora de categoras de informacin entre pares o modos en uno tiempo. No use una barra de pestaas para dar a los usuarios control que actan sobre los elementos de la pantalla o el modo actual aplicacin. Si es necesario proporcionar los controles, incluyendo un control que muestra una vista modal, utilice una barra de herramientas en su lugar (para las pautas de uso, consulte " Barra de herramientas " (pgina 147)). No retire una pestaa cuando su funcin no est disponible. Si quita una ficha en algunos casos pero no en otros, se hace UI de tu aplicacin inestable e impredecible. La mejor solucin es asegurarse de que todas las pestaas estn habilitadas, pero explica por qu el contenido de una pestaa no est disponible. Por ejemplo, si el usuario no tiene ningn canciones en un dispositivo iOS, la pestaa canciones en la aplicacin Msica se muestra una pantalla en la que se explica cmo descargar canciones. Considere credencializacin un icono de la barra de pestaas para comunicarse discretamente. Puede mostrar una tarjeta de identificacin en un icono de la barra de pestaas para indicar que hay nueva informacin asociada con ese punto de vista o modo. En el iPad, puede utilizar una barra de pestaas en un panel de vista dividida o un popover. Haga lo que si las fichas alternan o filtrar el contenido dentro de ese punto de vista. Sin embargo, a menudo funciona mejor usar un control segmentado en el borde inferior de un popover o en el panel de vista dividida, ya que el aspecto de un control segmentado coordina mejor con el popover o dividir vista de la apariencia. (Para obtener ms informacin sobre cmo utilizar un control segmentado, consulte "segmentado Control " (pgina 191).) En el iPad, no ocupar la barra de pestaas con demasiadas fichas. Poner demasiadas pestaas en una barra de pestaas puede hacer fsicamente difcil para la gente a aprovechar la que ellos quieren. Y con cada ficha adicional se muestra, se aumenta la complejidad de su aplicacin. En general, trate de limitar el nmero de fichas de la vista principal o en el panel derecho de una vista dividida a eso de las siete. En un popover o en el panel de la izquierda de una vista dividida, hasta unos cinco pestaas encajan bien. El iPad, evitar la creacin de una ficha Ms. En una aplicacin para el iPad, una pantalla dedicada exclusivamente a una lista de fichas adicionales es un mal uso del espacio. Visualizar las mismas fichas en cada orientacin de una aplicacin de iPad para aumentar la estabilidad visual. En la orientacin vertical, los siete pestaas recomendados se ajustan bien a lo ancho de la pantalla. En la orientacin horizontal, debe centrar las mismas pestaas a lo largo del ancho de la pantalla. Esta gua tambin se aplica al uso de una barra de pestaas en un panel de vista dividida o un popover. Por ejemplo, si utiliza una barra de pestaas en un popover en el retrato, que funciona bien para mostrar las mismas pestaas en el panel izquierdo de una vista dividida en el paisaje.

Tab Bar Icons

iOS proporciona los iconos estndar descritas en la Tabla 35-2 para el uso en barras de tabulacin. Para aprender a disear iconos de la barra de la ficha personalizada, consulte "Barra de botones Iconos " (pgina 218). Iconos barra de pestaas se pueden teir utilizando el tintColor propiedad. Para saber qu nombres de smbolo a utilizar para especificar estos iconos, consulte la documentacin de UITabBarSystemItem en UITabBarItem Referencia de las clases .

Importante: Al igual que con todos los botones y los iconos estndar, es esencial que se basa su uso de un icono en su significado semntico, no su apariencia. Esto ayudar a la interfaz de usuario tienen sentido de su aplicacin incluso si el icono asociado a un significado especfico cambia su apariencia.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Tabla 35-2 iconos estndar para su uso en las pestaas de una barra de pestaas Icono Nombre Significado

Marcadores Contactos Descargas Favoritos Destacado


Icono Nombre Significado

Mostrar marcadores-app especfica. Mostrar contactos. Mostrar las descargas. Mostrar favoritos determinada por el usuario. Mostrar contenido ofrecido por la aplicacin.

Historia Mostrar historia de las acciones del usuario. Ms Mostrar elementos de barra de pestaa adicionales.

MostRecent Mostrar el artculo ms reciente. MostViewed Mostrar los artculos ms populares con todos los usuarios. Recientes Mostrar los artculos de los que accede el usuario dentro de un perodo de aplicacin definidos. Bsqueda Introduzca un modo de bsqueda. Toprated Mostrar los artculos de mayor audiencia, segn lo determinado por el usuario.

Search Bar

Una barra de bsqueda acepta texto de los usuarios, que se pueden utilizar como entrada para una bsqueda (en la foto con el texto de marcador de posicin).

API Nota: Para saber cmo definir una barra de bsqueda en el cdigo, consulte "Bsqueda Bars". Una barra de bsqueda puede mostrar elementos opcionales, como los siguientes:

Texto de marcador de posicin. Este texto podra indicar la funcin del control (por ejemplo, "Buscar" como se muestra arriba) o recordar a los usuarios en qu contexto se est buscando (por ejemplo, "Google").

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

El botn Favoritos. Este botn puede proporcionar un acceso directo a la informacin que los usuarios quieran volver a encontrar fcilmente. Por ejemplo, el botn Marcadores en el modo de bsqueda de mapas da acceso a los lugares favoritos, bsquedas recientes y contactos.

El botn Marcadores es visible slo cuando no hay ningn usuario suministrado o nonplaceholder texto en la barra de bsqueda. Cuando la barra de bsqueda contiene dicho texto, el botn Borrar aparece de modo que los usuarios pueden borrar el texto.

El botn Borrar. La mayora de las barras de bsqueda incluye un botn Borrar que permite a los usuarios borrar los contenidos de la barra de bsqueda con un toque.

Cuando la barra de bsqueda contiene cualquier texto nonplaceholder, el botn Clear es visible para que los usuarios pueden borrar el texto. Si no hay ningn usuario suministrado o nonplaceholder texto en la barra de bsqueda, el botn Borrar se oculta.

El icono de la lista de resultados. Este cono indica la presencia de resultados de bsqueda. Cuando los usuarios tocan el icono de la lista de resultados, una aplicacin puede mostrar los resultados de su bsqueda ms reciente.

Un aviso. A ttulo descriptivo, llamado prompt , se puede colocar por encima de la barra de bsqueda. Un mensaje es una frase corta, completa que proporciona un contexto de introduccin o aplicacin especfica para la barra de bsqueda.

Utilice una barra de bsqueda para habilitar la bsqueda en su aplicacin. No utilice un campo de texto para permitir la bsqueda, ya que no tienen la apariencia estndar de la barra de bsqueda que los usuarios esperan. En iOS 7 y versiones posteriores, utilizando UISearchDisplayController hace que sea fcil de poner una barra de bsqueda en la barra de navegacin. Tenga en cuenta que cuando el controlador de vista de un controlador de pantalla de bsqueda est contenido dentro de un controlador de navegacin como es el caso de Mail-la barra de bsqueda pasa automticamente a la barra de navegacin cuando los usuarios inician una bsqueda. Elija un estilo de barra de bsqueda que se complementa con la importancia de la bsqueda en su aplicacin. Si la bsqueda es una funcin primordial en la aplicacin, es posible que desee utilizar el estilo saliente; si los usuarios no tienen que buscar muy a menudo, es posible que desee utilizar el estilo minimalista.

El estilo prominente barra de bsqueda (que se muestra en el correo)

El estilo de la barra de bsqueda de mnimo (se muestra en la Msica)

Alcance Bar

Una barra de alcance -que est disponible slo en combinacin con una barra de bsqueda, ayuda a los usuarios definen el alcance de la bsqueda.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para obtener ms informacin sobre la definicin de una barra de bsqueda y barra de alcance en su cdigo, consulte "Bsqueda Bars". Cuando una barra de bsqueda est presente, un bar de alcance puede aparecer cerca de l. Una barra de alcance adopta la misma apariencia que se especifica para la barra de bsqueda. Puede ser til para mostrar una barra alcance cuando hay categoras claramente definidas o tpicas en las que los usuarios podran querer buscar. Sin embargo, es an mejor para mejorar los resultados de bsqueda para que los usuarios no tienen que alcance su busca.

Contenido Vistas
Actividad

Una actividad representa una costumbre o servicio accesible a travs de una vista de actividad controlador que pueda actuar por algn contenido especificado proporcionado por el sistema.

API Nota: Para obtener ms informacin sobre la definicin de una actividad en el cdigo, vea UIActivity Referencia de las clases ; para aprender cmo incorporar un controlador de vista la actividad en su aplicacin, consulte "Vista de actividad Controller " (pgina 158) . Una actividad :

Es un objeto personalizable que representa un servicio que una aplicacin puede realizar mientras los usuarios estn en la aplicacin Se representa mediante un icono que se parece a un icono de botn de la barra

Los usuarios inician un servicio pulsando en su icono actividad en el controlador de vista la actividad. En respuesta, la actividad se realiza ya sea el servicio de inmediato, o si el servicio se complica, puede solicitar ms informacin antes de realizar el servicio. Utilice una actividad para dar a los usuarios acceso a un servicio personalizado que su aplicacin puede llevar a cabo. Tenga en cuenta que iOS ofrece

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

varios servicios integrados, tales como lminas, Twitter, mensajes, y AirPlay. No es necesario para crear una actividad personalizada que realiza un servicio integrado. Cree una imagen de plantilla simplificada que representa su servicio. Una imagen de la plantilla es una imagen que iOS utiliza como mscara para crear el icono final que ven los usuarios. Para crear una imagen de la plantilla que se ve bien en el icono de la final, siga estas pautas:

Utilice negro o blanco con transparencia alfa apropiada. No incluya una gota de sombra. Utilice antialiasing. Una imagen plantilla de actividad debe estar centrado en un rea que mide alrededor de 70 x 70 pxeles (alta resolucin). Elabore un ttulo de la actividad que sucintamente se describe su servicio. Aparece el ttulo a continuacin el icono de la actividad en el controlador de vista la actividad. Un ttulo corto es mejor, porque se ve mejor en pantalla y es ms fcil de localizar. Cuando un ttulo es demasiado largo, iOS primera encoge el texto y, a continuacin, si el ttulo es demasiado largo lo trunca. En general, es una buena idea para evitar la inclusin de su empresa o nombre del producto en el ttulo de la actividad.

Actividad View Controller


Un controlador de vista de actividad presenta una visin transitoria enumerar los servicios proporcionados por el sistema y personalizados que pueden actuar sobre algn contenido especfico.

API Nota: Para obtener ms informacin sobre la definicin de un controlador de vista la actividad en su cdigo, consulte UIActivityViewController Referencia Clase ; para aprender a disear una actividad que ofrece un servicio personalizado, consulte "Activity" (pgina 156) . Un controlador de vista de actividad:

Muestra una lista configurable de servicios que los usuarios pueden realizar en el contenido especificado Aparece en una hoja de la accin en el iPhone; en el iPad, aparece en un popover Utilice un controlador de vista de actividad para dar a la gente una lista de servicios que pueden realizar en el contenido que se especifica de alguna manera. Los servicios pueden ser tan Copia, Twitter, y posibilidad de Impresin o personalizado proporcionado por tal sistema. Una forma comn de usar un controlador de vista la actividad es permitir a los usuarios publicar contenido seleccionado a una cuenta de medios de comunicacin social. No crear un botn personalizado que revela un controlador de vista de actividad. La gente est acostumbrada a acceder a los servicios proporcionados por el sistema cuando se pulse en el botn Compartir. Usted desea tomar ventaja de este comportamiento aprendido y evitar confundir a los usuarios al proporcionar una forma alternativa de hacer la misma cosa.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Asegrese de que los servicios enumerados son adecuadas en el contexto actual. Puede cambiar los servicios enumerados en un controlador de vista la actividad especificando los servicios proporcionados por el sistema para excluir y mediante la identificacin de los servicios personalizados para incluir. Por ejemplo, para evitar que los usuarios imprimir una imagen, se excluye la actividad de impresin en el controlador de vista la actividad. Nota: No es posible cambiar el orden en que los servicios proporcionados por el sistema se enumeran en un controlador de vista de actividad. Adems, todos los servicios proporcionados por el sistema aparecen sobre cualquiera de los servicios personalizados.

Collection Ver
Una vista de coleccin gestiona una coleccin ordenada de elementos y los presenta en un diseo personalizable.

API Nota: Para obtener ms informacin sobre la definicin de una vista de coleccin en el cdigo, vea la linterna Vista Gua de programacin para iOS . Una vista de coleccin:

Puede contener vistas opcionales que distinguen visualmente subconjuntos de elementos o proporcionan elementos decorativos, tales como fondos personalizados Soporta animacin personalizada transiciones entre diseos (de forma predeterminada, una vista de coleccin ofrece animaciones cuando los usuarios insertar, mover o eliminar elementos) Apoya la adicin de reconocedores de gestos para realizar acciones personalizadas. De forma predeterminada, una vista de coleccin reconoce grifo (para seleccionar un elemento) y el tacto y retencin (para editar un elemento). Utilizar una vista de coleccin para dar a los usuarios una manera de ver y manipular un conjunto de elementos que no necesitan que se mostrar en una lista. Debido a una vista de coleccin no hace cumplir una disposicin estrictamente lineal, es especialmente adecuado para mostrar los elementos que difieren en tamao. Una vista de coleccin soporta una amplia personalizacin, por lo que es esencial para evitar ser distrado por su capacidad de crear nuevos diseos

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

radicales. Quieres una vista de coleccin para mejorar la tarea del usuario; usted no quiere una vista de coleccin para convertirse en el foco de la experiencia del usuario. Las siguientes pautas pueden ayudarle a crear las vistas de coleccin que la gente aprecia. No utilizar una vista de coleccin cuando una vista de tabla es una mejor opcin. A veces es ms fcil para la gente para ver y entender la informacin cuando se le presenta en una lista. Por ejemplo, puede ser ms simple y ms eficiente para las personas ver e interactuar con la informacin textual cuando se encuentra en una lista de desplazamiento. Que sea fcil para la gente para seleccionar una opcin. Si es difcil para los usuarios para aprovechar un artculo en su vista de coleccin, es menos probable que disfrute de su aplicacin. Al igual que con todos los objetos de interfaz de usuario que los usuarios podran querer aprovechar, asegrese de que la superficie mnima de destino para cada elemento en una vista de coleccin es de 44 x 44 puntos. Tenga cuidado si realiza cambios de diseo dinmico. Una vista de coleccin le permite cambiar el diseo de los elementos, mientras que los usuarios estn visualizando e interactuando con ellos. Si decide ajustar dinmicamente el diseo de una vista de coleccin, asegrese de que el cambio tiene sentido y es fcil para los usuarios el seguimiento. Cambiar el diseo de una vista de coleccin sin una motivacin evidente puede dar a la gente la impresin de que su aplicacin es impredecible y difcil de usar. Y si se pierde el enfoque o contexto actual durante un cambio de diseo dinmico, los usuarios tienden a sentir que ya no estn en control de su aplicacin.

View Controller Contenedor

Un controlador de vista contenedor gestiona y presenta su conjunto de puntos de vista de nios-o los controladores de vista-de una manera personalizada. Ejemplos de vista contenedor controladores definidos por el sistema son pestaa Ver bar controladores, vista de navegacin controladores y los controladores de vista dividida (usted puede aprender ms acerca de estos elementos en "Tab Bar " (pgina 150), "Barra de navegacin " (pgina 144), y "Dividir Vista Controlador (iPad solamente) " (pgina 171)). API Nota: Para obtener ms informacin sobre la definicin de un controlador de vista contenedor personalizado en el cdigo, vea UIViewController Referencia Clase . Un controlador de vista contenedor no tiene ninguna apariencia predefinida o comportamiento. Utilice un controlador de vista recipiente presentar el contenido a travs del cual los usuarios navegar de una manera personalizada. Pregntate a ti mismo si un controlador de vista contenedor personalizado es realmente necesario. Los usuarios se sienten cmodos con la apariencia y el comportamiento de los controladores de vista de contenedores estndar, tales como la vista dividida controladores y ver la barra de pestaas controladores. Usted necesita estar seguro de que las ventajas potenciales de la vista contenedor personalizado compensan el hecho de que los usuarios no lo reconocer al instante o saber cmo funciona. Asegrese de que el controlador de vista contenedor personalizado funciona en ambas orientaciones. Es importante disear un controlador de vista contenedor que ofrece a los usuarios una experiencia consistente, tanto en vertical como en horizontal. En general, evite llamativas transiciones de vista. Cuando use guiones grficos para el diseo de un controlador de vista personalizada, es fcil de definir animaciones personalizadas para las transiciones entre los puntos de vista de contenido. Pero en la mayora de los casos, extravagantes vista transiciones distraen a la gente de su tarea y, a menudo disminuyen el atractivo esttico de su aplicacin.

Imagen Vista

Una vista de la imagen muestra una imagen o una serie de animacin de imgenes. API Nota: Para obtener ms informacin sobre la definicin de una vista de la imagen en el cdigo, consulte "Vistas de imgenes". Una vista de la imagen:

No tiene la apariencia predefinida y no permite la interaccin del usuario por defecto Examina las propiedades de la imagen y su opinin de los padres para determinar si la imagen se debe estirar, escalar, tamao para adaptarse, o clavado en una ubicacin especfica

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

En iOS 7, una vista de la imagen que contiene una imagen de plantilla se aplica el color actual del matiz de la imagen. Tanto como sea posible, asegrese de que todas las imgenes en una vista de la imagen tienen el mismo tamao y el uso de la misma escala. Si las imgenes tienen diferentes tamaos, la vista de la imagen se ajustar por separado; si las imgenes utilizan diferentes factores de escala, pueden hacer de forma incorrecta.

Ver mapa

A ver mapa presenta los datos geogrficos y soporta la mayora de la funcionalidad proporcionada por la aplicacin Mapas integrada (que se muestra a continuacin en las fotos).

API Nota: Para obtener ms informacin sobre la definicin de una vista de mapa en el cdigo, vea Mapa Kit Marco de Referencia . Una vista del mapa:

Muestra un rea geogrfica utilizando datos de los mapas estndar, imgenes de satlite, o una combinacin de ambos Puede mostrar las anotaciones (que marcar puntos individuales) y superposiciones (que delinean caminos o reas de dos dimensiones) Soporta tanto programtica y controlado por el usuario funcin de zoom y paneo Utilizar una vista de mapa para dar a los usuarios una vista interactiva de una zona geogrfica. Si est desarrollando una aplicacin de enrutamiento, utilice una vista de mapa para ver la ruta del usuario (para ms informacin sobre cmo crear una aplicacin de enrutamiento, consulte "Enrutamiento" (pgina 97)). En general, permiten a los usuarios interactuar con el mapa. gente est acostumbrada a interactuar con la aplicacin Mapas incorporado, y esperan ser capaces de interactuar con el mapa de manera similar. Utilice los colores pines estndar de una manera consistente. Un pin de mapa muestra la ubicacin de un punto de inters en el mapa. La gente est familiarizada con los colores de pasador en la aplicacin Mapas incorporado, as que es mejor evitar redefinir el significado de estos colores en su aplicacin. Al utilizar los colores del perno estndar, asegrese de usarlos en las siguientes maneras:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Utilice el rojo para un punto de destino Utilice verde para un punto de partida Utilice prpura para un punto especificado por el usuario

Pgina Vista Controlador


Un controlador de vista de la pgina utiliza uno de los dos estilos de gestionar las transiciones a travs de varias pginas de contenido de desplazamiento o de la pgina-rizo. As es como una pgina en bucle mira en iOS 7 Simulador:

API Nota: Para obtener ms informacin sobre la definicin de un controlador de visualizacin de la pgina en el cdigo, vea "Pagina controladores de vista". Un controlador de vista de la pgina:

No tiene la apariencia por defecto para el estilo de desplazamiento Para el estilo de pgina curl, un controlador de vista de la pgina se puede aadir el aspecto de la parte interior de una espina dorsal del libro entre pares de pginas

Anima el paso de una pgina a otra, de acuerdo con el estilo especificado Para el estilo de desplazamiento, la pgina actual se desplaza a la pgina siguiente; para el estilo de pgina curl, la pgina actual parece girar como una pgina de un libro o una libreta. Utilice un controlador de visualizacin de la pgina para presentar contenidos que los usuarios accedan de forma lineal (por ejemplo, el texto de una historia) o el contenido que rompe de forma natural en trozos (como un calendario). . Si es necesario, crear una forma personalizada para permitir que los usuarios acceder al contenido de una manera no lineal Un controlador de vista de la pgina permite a los usuarios pasar de una pgina a la pgina siguiente o anterior; no le da a los usuarios una manera de saltar entre las pginas no adyacentes. Si desea utilizar un controlador de visualizacin de la pgina para presentar el contenido que los usuarios pueden acceder en una moda tal como un diccionario o la mesa de un libro de contenido-debe implementar una forma no lineal a medida para que los usuarios se mueven a diferentes reas del contenido.

Popover (slo iPad)


Un popover es una vista transitoria que puede ser revelado cuando la gente toque un control o un grifo en un rea en la pantalla.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para obtener ms informacin sobre la definicin de un popover en el cdigo, vea UIPopoverController Referencia de las clases y "Popovers".

Importante: Popovers estn disponibles en slo aplicaciones de iPad. Un popover: Es un punto de vista independiente que se cierne sobre el contenido de una pantalla Siempre muestra una flecha que indica el punto desde el que se puso de manifiesto Tiene un fondo transparente que borra el contenido detrs de l Pueden contener una amplia variedad de objetos y puntos de vista, tales como:

Las vistas de tabla, imagen, mapa, texto, web, o de encargo Las barras de navegacin, barras de herramientas o barras de tabulacin Los controles u objetos que actan sobre los objetos de la vista actual aplicacin (De manera predeterminada, las vistas de tabla, barras de navegacin y barras de herramientas en un popover utilizan un fondo transparente para dejar espectculo difuminacin del popover travs.) En las aplicaciones de iPad, una hoja de accin siempre aparece dentro de un popover. Utilice un popover a:

Se muestra informacin adicional o una lista de artculos relacionados con el objeto enfocado o seleccionado. Mostrar una hoja de accin que contiene una breve lista de opciones que estn estrechamente relacionados con algo en la pantalla. Mostrar el contenido de la panel de la izquierda cuando una aplicacin basada en una fraccin de punto de vista es en el retrato. Si usted hace esto, usted tampoco proporciona un botn de ttulo apropiado que muestra el popover-preferentemente en una barra de navegacin o la barra de herramientas en la parte superior de la pantalla-o permitir a la gente a hacer el gesto de deslizar para ocultar y revelar. Evite proveer un botn de "despedir popover". Un popover debe cerrar automticamente cuando su presencia ya no es necesaria. Para

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

determinar que la presencia de un popover ya no es necesario, considere los siguientes escenarios:


Si un popover ... Haga esto ...

Proporciona opciones que afectan a la vista Cierre la popover tan pronto como la gente hace una eleccin o cuando toque en cualquier lugar fuera de sus lmites, principal, pero no incluyendo el control que revela la popover. implementa un inspector Cierre la popover cuando la gente toque en cualquier lugar fuera de sus lmites, incluyendo el control que revela la Implementa un inspector popover. En este escenario, no cierre la popover tan pronto como la gente hace una eleccin, porque puede ser que desee hacer una eleccin adicional o cambiar los atributos de la seleccin actual. Cierre la popover cuando la gente completa o cancelar la tarea pulsando un botn en el popover, como Hecho o Cancelar. En este escenario, es posible que no desea cerrar el popover cuando la gente toque fuera de sus Permite una tarea fronteras, ya que podra ser importante que la gente termine-o explcitamente-abandonan la tarea. De lo contrario, guardar la entrada de las personas cuando hacen tapping fuera de las fronteras de un popover, tal como lo hara si aprovechado Done. En general, salvo el trabajo de los usuarios cuando se puntea fuera de las fronteras de un popover. No todos popover requiere un despido explcita, por lo que la gente podra destituirlos por error. Deseche la gente de trabajo se puede hacer en un popover solo si golpean ligeramente un botn Cancelar. Haga apunte la flecha popover lo ms directamente posible al elemento que lo revel. Hacer esto ayuda a la gente a recordar que el popover viene y qu tarea u objeto que est asociado. Asegurar que las personas pueden utilizar un popover sin ver el contenido de la aplicacin detrs de l. Un popover oscurece el contenido detrs de l, y la gente no puede arrastrar un popover a otra ubicacin. Asegrese de que slo un popover es visible en la pantalla al mismo tiempo. Usted no debe mostrar ms de un popover (o vista a medida diseado para verse y comportarse como un popover) al mismo tiempo. En particular, se debe evitar la visualizacin de una cascada o jerarqua de panecillos de forma simultnea, en el que uno popover emerge de otra. No muestre una vista modal en la parte superior de un popover. Excepto por una alerta, nada se debe mostrar en la parte superior de un popover. Cuando sea posible, deje a la gente a cerrar un popover y abrir uno nuevo con un solo toque. Este comportamiento es especialmente deseable cuando varios diferentes botones de la barra cada abren un popover, ya que impide a las personas tener que hacer tomas extras. Evite hacer un popover demasiado grande. Un popover no debera aparecer para hacerse cargo de toda la pantalla. En lugar de ello, debe ser lo suficientemente grande como para mostrar su contenido y todava sealar el lugar vena. Idealmente, la anchura de un popover debe ser de al menos 320 puntos, pero no mayor de 600 puntos. La altura de un popover no est limitado, as que usted puede utilizar para mostrar una larga lista de elementos. En general, sin embargo, usted debe tratar de evitar el desplazamiento en un popover que permite a una tarea o que presenta una hoja de accin. Tenga en cuenta que el sistema puede ajustar tanto la altura y la anchura de un popover para asegurar que se ajusta bien en la pantalla. Utilice los controles de interfaz de usuario estndar y puntos de vista dentro de un popover. En general, los panecillos se ven mejor y son ms fciles de entender para los usuarios cuando stos contengan controles estndar y vistas. Asegrese de que un popover costumbre todava se ve como un popover. Aunque es fcil de personalizar muchos de los aspectos visuales de un popover utilizando los UIPopoverBackgroundView API, evite crear un diseo que la gente no puede reconocer como un popover. Si cambia la apariencia de un popover demasiado, los usuarios no pueden confiar en su experiencia previa para ayudarles a entender cmo usarlo en su aplicacin.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

En su caso, cambiar el tamao de un popover mientras que sigue siendo visible. Es posible que desee cambiar el tamao de un popover si lo usa para mostrar tanto una mnima y una vista ampliada de la misma informacin. Al ajustar el tamao de un popover visible, por lo general es una buena idea para animar el cambio, ya que evita dar la impresin de que un nuevo popover ha sustituido a la antigua.

Scroll View

Una vista de desplazamiento ayuda a las personas ver el contenido que es ms grande que los lmites de la vista de desplazamiento (la imagen se muestra a continuacin es a la vez ms alta y ancha que la vista de desplazamiento que lo contiene).

API Nota: Para obtener ms informacin sobre la definicin de una vista de desplazamiento en el cdigo, consulte "Vistas de desplazamiento". Una vista de desplazamiento:

No tiene la apariencia predefinida Parpadea indicadores de desplazamiento transitorios cuando aparece por primera vez o cuando los usuarios interactan con ella Responde a la velocidad y direccin de los gestos para mostrar el contenido de una manera que se siente natural para las personas Cuando los usuarios arrastrar el contenido de una vista de desplazamiento, el contenido sigue al tacto; cuando los usuarios flick contenido, la vista de desplazamiento revela el contenido rpidamente y se detiene el desplazamiento cuando el usuario toca la pantalla o cuando se alcanza el final del contenido.

Puede funcionar en modo de paginacin, en el que cada drag flick o un gesto revela una pgina app-definido de contenido Utilice una vista de

desplazamiento para dar a la gente acceso a grandes puntos de vista-o para un gran nmero de puntos de vista-en un espacio limitado. Comportamiento zoom Apoyo adecuadamente. Si tiene sentido en su aplicacin, que los usuarios puedan pellizcar o tocar dos veces para acercar la vista y fuera de una vista de desplazamiento. Al habilitar zoom, tambin debe establecer los valores mximo y mnimo de escala que tienen sentido en el contexto de la tarea del usuario. Por ejemplo, es poco probable que sea ms fcil para ellos para leer el contenido permitiendo a los usuarios ampliar el texto hasta que un personaje ocupe toda la pantalla. Considere el uso de un control de la pgina con una vista de desplazamiento en modo de paginacin. Cuando desee mostrar el contenido que est dividida en pginas, pantallas completas, u otros trozos, puede utilizar un control de la pgina para mostrar a los usuarios cmo muchos pedazos estn
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

disponibles y que se estn Actualmente estas viendo. Cuando se utiliza un control de la pgina con una vista de desplazamiento en modo de bsqueda, es una buena idea desactivar el indicador de desplazamiento que est en el mismo eje que el control de la pgina. Extraccin del indicador de desplazamiento se centra la atencin en el control de la pgina y da a la gente una manera inequvoca a la pgina a travs del contenido. Para obtener ms informacin sobre el uso de un control de la pgina en su aplicacin, consulte "Pgina de control " (pgina 186). En general, la pantalla slo una vista de desplazamiento a la vez. Las personas a menudo hacen grandes gestos banda magntica cuando se desplazan, por lo que puede ser difcil para ellos para evitar la interaccin con una vista de desplazamiento vecinos en la misma pantalla. Si usted decide poner dos puntos de vista de desplazamiento en una sola pantalla, tenga en cuenta lo que les permite desplazarse en diferentes direcciones de manera que un gesto es menos probable que desplazarse ambos puntos de vista. Por ejemplo, acciones en orientacin vertical en el iPhone muestra las cotizaciones de bolsa en una vista de desplazamiento vertical por encima de la informacin especfica de la empresa, que est en una vista de desplazamiento horizontal.

Dividir Vista Controlador (slo iPad)


Un controlador de vista dividida es un controlador de pantalla completa que gestiona la presentacin de controladores de vista de dos de lado a lado.

API Nota: Cada controlador de vista infantil de un controlador de vista dividida se encarga de gestionar la visualizacin de un panel. El controlador de vista dividida en s presenta estos controladores de vista del nio y gestiona las transiciones entre las distintas orientaciones. Para saber ms sobre la definicin de un controlador de vista dividida en el cdigo, vea UISplitViewController Referencia de las clases y "Dividir los controladores de vista".

Importante: slo los controladores de vista dividida estn disponibles en las aplicaciones de iPad. Un controlador de vista dividida: Muestra dos paneles (el ancho del panel de la izquierda se fija en 320 puntos en todas las orientaciones, se puede personalizar el ancho del panel de la derecha) Opcionalmente se puede mostrar el panel izquierdo en un popover cuando el dispositivo est en orientacin vertical Pueden contener una amplia variedad de objetos y puntos de vista, tales como:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Las vistas de tabla, imagen, mapa, texto, web, o de encargo Las barras de navegacin, barras de herramientas o barras de tabulacin Nota: A pesar de que el panel de la izquierda se llama a menudo el panel principal y el panel de la derecha es a menudo llamado el panel de detalles , esta relacin no se cumple en el cdigo. Utilice un controlador de vista dividida para mostrar informacin persistente en el panel izquierdo y los datos relacionados o informacin de subordinado en el panel derecho. En este patrn de diseo, cuando la gente selecciona un elemento en el panel de la izquierda, el panel de la derecha debe mostrar la informacin relacionada con ese tema. (Usted es responsable de hacer que esto suceda en el cdigo.) Evitar la creacin de un panel de la derecha que es ms estrecho que el panel de la izquierda. Si el panel de la derecha es ms estrecho que el panel de la izquierda, el controlador de vista dividida ya no llena el ancho de la pantalla y el aspecto general es desequilibrada. Evite mostrar una barra de navegacin en ambos paneles al mismo tiempo. Hacer esto hara muy difcil para los usuarios a discernir la relacin entre los dos paneles. En general, para la seleccin actual en el panel de la izquierda de una manera persistente. Aunque el contenido del panel derecho se puede cambiar, debe permanecer siempre en relacin con el elemento seleccionado en el panel izquierdo. Esta experiencia de visualizacin ayuda a la gente a entender la relacin entre el elemento en el panel izquierdo y el contenido del panel derecho. Dale a la gente formas alternativas de acceder al panel de la izquierda, en su caso. Por defecto, slo el panel derecho se muestra en la orientacin vertical y que proporcionan a los usuarios con un botn (normalmente se encuentra en una barra de navegacin) para revelar y ocultar el panel de la izquierda. El controlador de vista dividida tambin es compatible con el gesto de deslizar para realizar el revelar / ocultar accin. A menos que su aplicacin utiliza el gesto de deslizar para realizar otras funciones, se debe dejar que la gente pase para acceder al panel de la izquierda.

Tabla Ver
Una vista de la tabla se presentan los datos en una lista de una sola columna de desplazamiento de varias filas.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para obtener ms informacin sobre la definicin de una vista de tabla en el cdigo, ver tabla Ver Gua de programacin para iOS y "vistas de tabla". A la vista de tabla:

Muestra los datos en filas que se pueden dividir por la seccin o separados en grupos Proporciona controles que permiten a los usuarios aadir o eliminar filas, seleccionar varias filas, ver ms informacin acerca de un elemento de la fila, o revelan otra vista de tabla iOS define dos estilos de vista de tabla:

Plain. En el estilo sencillo, las filas se puede separar en secciones marcadas y un ndice opcional puede aparecer verticalmente a lo largo del borde
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

derecho de la vista. Un encabezado puede aparecer antes del primer elemento de una seccin, y un pie de pgina puede aparecer despus del ltimo artculo.

Agrupados. Al estilo agrupado, las filas se muestran en grupos, que pueden ser precedidos por una cabecera y seguidos por un pie de pgina. A la vista de tabla agrupada siempre contiene al menos un grupo de la lista de elementos y un elemento de la lista por fila-y cada grupo siempre contiene al menos un elemento. A la vista de tabla agrupada no incluye un ndice. En ambos estilos, una fila de la tabla se resalta brevemente cuando un usuario toca un elemento seleccionable. Si en esta votacin de seleccin de fila en la navegacin a una nueva pantalla, la fila seleccionada se resalta brevemente como las nuevas diapositivas de pantalla en su lugar. Cuando el usuario se desplaza de nuevo a la pantalla anterior, la fila seleccionada originalmente vuelve a ser brevemente resaltado para recordar al usuario de la seleccin anterior (no se queda resaltado). iOS incluye algunos elementos de la vista tabla que pueden ampliar la funcionalidad de las vistas de tabla. A menos que se indique lo contrario, estos elementos son adecuados para su uso exclusivo con vistas de tabla.
Vista de tabla elemento Nombre Significado

Checkmark Indica que se ha seleccionado la fila. Indicador de Muestra otra tabla asociada a la fila. Divulgacin Muestra los detalles adicionales sobre la fila en una nueva vista (para obtener informacin Botn Detalle sobre cmo utilizar este elemento fuera de una tabla, consulte "Popover (iPad solamente) " Divulgacin (pgina 166)). Reorden Row Indica que la fila se puede arrastrar a otra ubicacin en la tabla. Inserto Row Agrega una nueva fila a la tabla. Eliminar el botn deEn un contexto de edicin, revela y oculta el botn Eliminar de una fila. control Botn Eliminar Elimina la fila.

Adems de los elementos de la tabla especfica antes mencionados, iOS define el control de actualizacin, lo que ofrece a los usuarios la posibilidad de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

actualizar el contenido de una tabla. Para obtener ms informacin sobre el uso de un control de refresco con una mesa en su aplicacin, consulte "Actualizar Control " (pgina 190). iOS define cuatro estilos de celda de tabla que implementan los diseos ms comunes para las filas de la tabla en ambas tablas claras y agrupados. Cada estilo de celda es el ms adecuado para mostrar un tipo de informacin diferente. Nota: mediante programacin, estos estilos se aplican a la celda de una vista de tabla, que es un objeto que le dice a la mesa a dibujar sus filas.

Por defecto ( UITableViewCellStyleDefault ). El estilo de celda por defecto incluye una imagen opcional en el extremo izquierdo de la fila, seguido por un ttulo alineado a la izquierda. El estilo predeterminado es bueno para mostrar una lista de elementos que no necesitan ser diferenciados de informacin suplementaria.

Subttulo ( UITableViewCellStyleSubtitle ). El estilo del subttulo incluye una imagen opcional en el extremo izquierdo de la fila, seguido por un ttulo alineado a la izquierda en una lnea y un subttulo alineado a la izquierda en la lnea de abajo.

La alineacin izquierda de las etiquetas de texto hace que la lista fcil de escanear. Este estilo de celda de la tabla funciona bien cuando elementos de

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

la lista tienen un aspecto similar, ya que los usuarios pueden utilizar la informacin adicional en las etiquetas de texto de detalle para ayudar a distinguir los elementos con nombre en las etiquetas de texto. Valor 1 ( UITableViewCellStyleValue1 ). El valor 1 muestra un estilo ttulo alineado a la izquierda con el, en la misma lnea, un subttulo alineado a la derecha en una fuente ms ligera.

Valor 2 ( UITableViewCellStyleValue2 ). El estilo de valor 2 muestra un ttulo alineado a la derecha en una fuente azul, sigui en la misma lnea por un subttulo alineado a la izquierda en una fuente de color negro. Las imgenes no encajan bien en este estilo. En el diseo de valor 2, el margen vertical de ntido entre el texto y el texto de detalle ayuda a los usuarios se centran en las primeras palabras de la etiqueta de texto de detalle. Nota: Los cuatro estilos de clulas mesa estndar permiten la adicin de la vista tabla elementos, como una marca o un indicador de la divulgacin. La adicin de estos elementos disminuye el ancho de la celda disponible para el ttulo y subttulo. Utilice una vista de tabla para mostrar grandes o pequeas cantidades de informacin de manera limpia y eficiente. Por ejemplo:

Proporcionar una lista de opciones entre las que los usuarios pueden seleccionar. Puede utilizar la marca de verificacin para mostrar a los usuarios las opciones seleccionadas en la lista. Utilice una llanura o una vista de tabla agrupada para mostrar una lista de opciones que aparece cuando los usuarios tocan un elemento en una fila de la tabla. Utilice una vista de tabla sin formato para mostrar una lista de opciones que aparece cuando los usuarios tocan un botn u otro elemento de la interfaz de usuario que es no en una fila de la tabla.

Ver informacin jerrquica. El estilo de tabla simple es muy adecuado para la visualizacin de una jerarqua de informacin. Cada elemento de la lista puede llevar a un subconjunto diferente de la informacin que aparece en otra lista. Los usuarios siguen un camino a travs de la jerarqua mediante la seleccin de un elemento en cada lista sucesiva. El indicador de declaracin informa a los usuarios que al tocar en cualquier lugar de la fila revela el subconjunto de la informacin de una nueva lista. Mostrar informacin conceptualmente agrupados. Ambos estilos de la vista tabla permiten proporcionar contexto mediante el suministro de puntos de vista de encabezado y pie entre las secciones de informacin. En iOS 6.0 y posteriores, puede utilizar un encabezado y pie de vista-es decir, una instancia de UITableViewHeaderFooterView -para mostrar texto o una vista personalizada en un encabezado o pie de pgina. Para aprender cmo utilizar una vista de encabezado y pie de pgina en el cdigo, vea UITableViewHeaderFooterView Referencia de las clases . Siga estas pautas cuando utilice las vistas de tabla: Siempre proporcionar informacin cuando los usuarios seleccionan un elemento de lista. Los usuarios esperan una fila de tabla para convertirse brevemente resaltado cuando toque en un elemento seleccionable en el mismo. Despus de la grabacin, los usuarios esperan una nueva vista que aparezca (o la fila para que aparezca una marca de verificacin) para indicar que el elemento ha sido seleccionado o activado.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Si el contenido de la tabla es muy extensa o compleja, no tener que esperar hasta que todos los datos estn disponibles antes de mostrar nada. En cambio, llenar las filas que aparecen en pantalla con los datos de texto de inmediato y mostrar ms complejo de datos, como imgenes a medida que estn disponibles. Esta tcnica ofrece a los usuarios informacin til de inmediato y aumenta la capacidad de respuesta percibida de su aplicacin. Considere la posibilidad de mostrar los datos "obsoletos" a la espera de nuevos datos para llegar. Aunque no se recomienda esta tcnica para aplicaciones que manejan datos que cambian con frecuencia, puede ayudar a las aplicaciones ms estticas ofrecen a los usuarios algo til de inmediato. Antes de decidirse a hacer esto, medir la frecuencia con la que cambian los datos y la cantidad de usuarios dependen de ver nuevos datos rpidamente. Si los datos son de carga o compleja lento, mostrar a los usuarios que el procesamiento contina. Si una tabla contiene slo datos complejos, puede ser difcil de visualizar algo til de inmediato. En estos raros casos, es importante evitar la visualizacin de las filas vacas, ya que las filas vacas pueden implicar que su aplicacin se ha estancado. En cambio, la tabla debe mostrar un indicador de actividad de la hilatura, junto con una etiqueta informativa (como "Cargando ...") centrada en la pantalla. Este comportamiento asegura a los usuarios que el tratamiento contina. En su caso, utilizar un ttulo personalizado para el botn Eliminar. Si se ayuda a los usuarios a comprender mejor la manera en que su aplicacin funciona, puede crear un ttulo para reemplazar el Delete ttulo proporcionado por el sistema. En lo posible, utilice las etiquetas de texto breves para evitar el truncamiento. palabras y frases truncadas pueden ser difciles para los usuarios escanear y entender. Truncamiento del texto es automtica en todos los estilos de celda de tabla, pero puede presentar ms o menos de un problema, dependiendo de qu estilo de celda que use y de donde se produce un truncamiento. Evite la combinacin de un ndice con vista tabla de elementos que se muestran en el borde derecho de la tabla. elementos de la vista de tabla que se muestran en el borde derecho de la mesa, como la divulgacin indicador de interferir con el ndice. Crear un estilo de celda personalizado si desea disear sus filas de la tabla de una forma no estndar. Es mejor crear un estilo de celda de tabla personalizado de alterar significativamente una normal. Para aprender a crear sus propias celdas, consulte "Personalizacin de celdas" en la vista en forma Gua de programacin para iOS .

Texto View

Una vista de texto acepta y muestra varias lneas de texto.

API Nota: Para obtener ms informacin sobre la definicin de una vista de texto en su cdigo, consulte "Vistas de texto". Una vista de texto:

Es un rectngulo de cualquier altura Soporta desplazamiento cuando el contenido es demasiado grande como para caber dentro de sus lmites Soporta fuentes personalizadas, colores y alineaciones (de forma predeterminada, una vista de texto muestra alineado a la izquierda de fuentes del sistema en negro) Puede apoyar la edicin, en cuyo caso aparece un teclado cuando el usuario toca el interior de la vista de texto (mtodo de entrada del teclado y el diseo son determinados por la configuracin de idioma del usuario) Asegrese siempre de que el texto sea fcil de leer. Aunque puede utilizar cadenas atribuidas a combinar varias fuentes, colores, y las

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

alineaciones de forma creativa, que es esencial para mantener la legibilidad del texto. Es una buena idea para apoyar Dynamic Type y use el UIFont mtodo preferredFontForTextStyle para obtener el texto para mostrar en una vista de texto. Para algunas directrices sobre el apoyo Tipo dinmica, consulte "Texto debe estar siempre legibles " (pgina 53); para la informacin programtica, consulte "Estilos de texto" en Gua de programacin de texto para iOS . Especifique diferentes tipos de teclado para adaptarse a diferentes tipos de contenido que se pueden esperar los usuarios introducir. Por ejemplo, es posible que desee hacer ms fcil para los usuarios introducir una URL, el cdigo PIN o un nmero de telfono. Tenga en cuenta, sin embargo, que usted no tiene ningn control sobre el mtodo de entrada del teclado y el diseo, que son determinados por la configuracin de idioma del usuario. iOS proporciona varios tipos de teclado, cada uno diseado para facilitar otro tipo de entrada. Para obtener informacin sobre los tipos de teclado que estn disponibles, consulte la documentacin de UIKeyboardType . Para aprender ms sobre el manejo del teclado en su aplicacin, lea "Cmo manejar el teclado" en la Gua de programacin de aplicacin iOS .

Web View

Una vista web es una regin que puede mostrar contenido rico en HTML (en la imagen entre la barra de navegacin y barra de herramientas de correo en el iPhone).

API Nota: Para obtener ms informacin sobre la definicin de una vista web en el cdigo, consulte "Vistas Web". Una vista web:

Muestra el contenido web Realiza algn tipo de procesamiento automtico de contenido web, como la conversin de un nmero de telfono a una conexin telefnica Si usted tiene una pgina web o aplicacin web, puede decidir utilizar una vista web para implementar una sencilla aplicacin para iOS que proporciona un contenedor para su pgina web o aplicacin web. Si va a utilizar una vista web para acceder a contenido web que usted controla, asegrese de leer Safari Gua de Contenido Web . Evite el uso de una vista web para crear una aplicacin que se ve y se comporta como un navegador web Mini. La gente espera utilizar

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Safari en iOS para navegar contenido web, para replicar esta amplia funcionalidad dentro de su aplicacin no es recomendable.

Controles

Indicador de Actividad

Un indicador de actividad muestra que una tarea o proceso est avanzando (que se muestra a continuacin, con las etiquetas de texto).

API Nota: Para saber cmo definir un indicador de actividad en el cdigo, vea UIActivityIndicatorView Referencia de las clases . Un indicador de actividad:

Hace girar mientras una tarea est progresando y desaparece cuando se completa la tarea No permite la interaccin del usuario Utilice un indicador de actividad en una barra de herramientas o una vista principal para mostrar que el proceso se est produciendo, sin sugerir cundo va a terminar. No muestre un indicador de la actividad estacionaria. Usuarios asociar un indicador de actividad estacionaria con un proceso estancado. Utilice un indicador de actividad de tranquilizar a los usuarios que su tarea o proceso no se ha detenido. A veces es ms importante que simplemente tranquilizar a los usuarios que sugerir al procesar terminar. Personalizar un indicador de actividad para armonizar con la opinin de que es in En su caso, coordinar el tamao y el color de un indicador de actividad con el fondo de la vista que es in

Contacto Agregar Button


Un botn de Agregar contacto permite al usuario aadir un contacto existente a un campo de texto o de otro punto de vista basado en texto.

API Nota: Para saber cmo definir un contacto en el botn Agregar en el cdigo, consulte "Botones". A Contacto botn Aadir:

Muestra una lista de los contactos del usuario Ayuda a los usuarios aadir un contacto a la vista que contiene el Contacto Botn Aadir Utilice un botn Contacto Agregar a dar a los usuarios una manera fcil de acceder a un contacto sin usar el teclado. Por ejemplo, los usuarios pueden aprovechar el contacto en el botn Agregar en el campo A de la vista de composicin de correo en lugar de escribir el nombre de un destinatario. Debido a que el Contact Agregar funciones de los botones como alternativa a escribir la informacin de contacto, no es adecuado utilizar el botn en una vista que no acepta la entrada del teclado.

Selector de fecha
Un selector de fechas muestra los componentes de fecha y hora, como las horas, minutos, das y aos.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para saber cmo definir un selector de fechas de su cdigo, consulte "selectores de fecha". Un selector de fechas:

Muestra un mximo de cuatro ruedas independientes, cada uno de los cuales muestra valores en una sola categora, como meses o horas Utiliza texto oscuro para mostrar el valor actual en el centro de la vista No se puede cambiar de tamao (el tamao de un selector de fecha es el mismo tamao que el teclado del iPhone) Tiene cuatro modos, cada uno de los cuales muestra las ruedas que contienen un conjunto de valores diferentes:

Fecha y hora. La fecha y el modo horario (el modo predeterminado) muestra las ruedas de la fecha del calendario, hora, minuto y los valores, y una rueda opcional para la designacin AM / PM. Tiempo. Las pantallas del modo de tiempo de ruedas para la hora y los valores de minutos, y una rueda opcional para la designacin AM / PM. Fecha. El modo de fecha muestra ruedas para el mes, da, ao y valores. Temporizador de cuenta atrs. El modo de temporizador de cuenta atrs muestra las ruedas de la hora y los minutos. Puede especificar la duracin total de la cuenta regresiva, hasta un mximo de 23 horas y 59 minutos. Utilice un selector de fecha para permitir a los usuarios elegir en lugar de tipo de un valor de fecha u hora que se compone de varias partes, como el da, mes y ao. En la medida de lo posible, mostrar un selector de fechas en lnea con el contenido. Lo mejor es cuando los usuarios pueden evitar ir a un punto de vista diferente de usar un selector de fecha. En el iPad, un selector de fecha puede aparecer dentro de un popover o en lnea con el contenido. Si tiene sentido en su aplicacin, cambiar el intervalo en el minuto de la rueda. De forma predeterminada, una rueda de minutos muestra 60 valores (0 a 59). Si usted necesita para mostrar una granularidad ms gruesa de opciones, puede establecer una rueda minutos para mostrar un intervalo de un minuto ms grande, siempre y cuando el intervalo se divide uniformemente en 60. Por ejemplo, es posible que desee para mostrar los intervalos de un cuarto de hora 0, 15 , 30, y 45.

Botn Detalle Divulgacin

Un botn Detalle Revelacin revela detalles adicionales o funciones relacionadas con un elemento.

API Nota: Para saber cmo definir un botn Detalle de Divulgacin en el cdigo, vea UITableViewCell Referencia de las clases y de "Botones". Un botn Detalle Revelacin revela una visin independiente que contiene informacin adicional o funcionalidad relacionada con un elemento especfico. Cuando un botn Detalle Divulgacin aparece en una fila de la tabla, dando golpecitos en la fila en otro lugar, no se activa el botn Detalle Divulgacin; en cambio, se selecciona el elemento de fila o resultados en el comportamiento app-definido.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Normalmente, se utiliza un botn Detalle de Divulgacin en una vista de tabla para dar a los usuarios una manera de ver ms detalles o funciones relacionadas con un elemento de la lista. Sin embargo, tambin puede utilizar este elemento en otros tipos de vistas para dar a los usuarios una manera de ver ms informacin o funcionalidad relacionada con un elemento en esa vista.

Info Button

Un botn de informacin revela detalles de configuracin sobre una aplicacin, a veces en la parte posterior de la vista actual.

API Nota: Para obtener ms informacin sobre la definicin de un botn de informacin en el cdigo, consulte "Botones". iOS incluye dos estilos de botn de informacin: un botn de color oscuro que se ve bien en el contenido de la luz y un botn de color claro que se ve bien en el contenido oscuro. Utilice un botn de informacin a revelar detalles de configuracin o las opciones sobre una aplicacin. Usted puede utilizar el estilo de botn de informacin que coordina mejor con la interfaz de usuario de su aplicacin.

Etiqueta

Una etiqueta muestra el texto esttico.

API Nota: Para obtener ms informacin sobre la definicin de las etiquetas en el cdigo, vea UILabel Referencia de las clases . Una etiqueta:

Muestra cualquier cantidad de texto esttico No permite la interaccin del usuario, excepto, posiblemente, para copiar el texto Utilice una etiqueta para nombrar o describir partes de la interfaz de usuario o para proporcionar mensajes cortos para el usuario. Una etiqueta es el ms adecuado para la visualizacin de una cantidad relativamente pequea de texto. Tenga cuidado al hacer sus etiquetas legibles. Lo mejor es apoyar Dynamic Type y use el UIFont mtodo preferredFontForTextStyle para obtener el texto para mostrar en una etiqueta. Si usted elige utilizar fuentes personalizadas, no sacrificar la claridad de letras de lujo o colores llamativos. (Para obtener instrucciones sobre el uso de texto en una aplicacin, consulte "Color y Tipografa " (pgina 52), para aprender ms sobre las fuentes tipogrficas dinmicas, consulte "Estilos de texto" en la Gua de Programacin de texto para iOS .)

Red de Indicadores de Actividad


Un indicador de actividad de la red aparece en la barra de estado y muestra que se est produciendo la actividad de red.

API Nota: En el cdigo, utilice el UIApplication mtodo networkActivityIndicatorVisible para controlar la visibilidad del indicador. El indicador de actividad de la red:

Hace girar en la barra de estado, mientras que los ingresos de la actividad de la red y desaparece cuando se detiene la actividad de la red No permite la interaccin del usuario

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Visualice el indicador de actividad de la red para proporcionar informacin cuando su aplicacin tiene acceso a la red durante ms de un par de segundos. Si la operacin finalice antes que eso, usted no tiene que mostrar el indicador de actividad de la red, ya que el indicador es probable que desaparezcan antes de que los usuarios notan su presencia.

Control de Pgina
Un control de pgina indica el nmero de puntos de vista abiertos y cul es actualmente visible (en la imagen en tiempo).

API Nota: Para obtener ms informacin sobre la definicin de un control de la pgina en el cdigo, consulte "Controles de Pgina". Un control de la pgina:

Muestra un punto indicador para cada vista se abre en una aplicacin (de izquierda a derecha, los puntos representan el orden en que se abrieron las visitas) De forma predeterminada, utiliza un punto opaco para representar la vista actual y puntos translcidos para representar a todas las dems vistas abiertas No permite que los usuarios a visitar puntos de vista de forma no secuencial No se encoje o apretar y juntar puntos a medida que se abren ms puntos de vista (si se intenta visualizar ms puntos de los que caben en la vista, los puntos son recortado) No permitir la navegacin entre las vistas por defecto; debe implementar la navegacin de vista a ver y actualizar el estado del control de pgina apropiada Use un control de pgina cuando es ms importante mostrar a los usuarios cmo muchos puntos de vista estn abiertas de lo que es para ayudarles a elegir un punto de vista especfico. Un control de la pgina se disea para aplicaciones en las que cada punto de vista es un par de cualquier otro punto de vista. No utilice un control de la pgina para mostrar vistas en una jerarqua u otro arreglo complejo. Un control de la pgina no muestra cmo vistas estn relacionados entre s y no indica que la vista corresponde a cada punto, as que no puede ayudan a los usuarios a navegar a una vista especfica. Evite mostrar demasiados puntos. ms de alrededor de 10 puntos son difciles para los usuarios contar a simple vista y ms de alrededor de 20 vistas abiertas son mucho tiempo para visitar en secuencia. Si los usuarios pueden abrir ms de 20 visitas de pares en su aplicacin, considere la visualizacin de los puntos de vista en una disposicin diferente que proporciona ms informacin sobre los puntos de vista y permite la navegacin no secuencial. Verticalmente centrar un control de pgina entre el borde inferior de una bella vista y borde inferior de la pantalla. En esta posicin, un control de la pgina siempre es visible sin molestar los usuarios.

Recogedor

Un selector muestra un conjunto de valores de los que un usuario coge una.

API Nota: Para obtener ms informacin sobre la definicin de un selector en el cdigo, vea UIPickerView Referencia de las clases .

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Un selector:

Est disponible una versin genrica del selector de fechas (para ms informacin sobre el selector de fecha, consulte "Date Picker " (pgina 183)) Muestra una o ms ruedas, cada una de las cuales contiene una lista de valores Utiliza texto oscuro para mostrar el valor actual en el centro de la vista No se puede cambiar de tamao (el tamao de un selector es el mismo tamao que el teclado del iPhone) Utilice un recogedor para hacer ms fcil para las personas a elegir entre un conjunto de valores. En general, utilice un selector cuando los usuarios estn familiarizados con todo el conjunto de valores. Debido a que muchos de los valores estn ocultos cuando la rueda est parado, lo mejor es cuando los usuarios pueden predecir cules son los valores. Si usted necesita para proporcionar un amplio conjunto de opciones que no son muy conocidos por los usuarios, un selector podra no ser el adecuado control. En la medida de lo posible, mostrar una lnea selector con el contenido. Lo mejor es cuando los usuarios pueden evitar ir a un punto de vista diferente de usar un selector. Considere el uso de una vista de tabla, en lugar de un selector, si usted necesita para mostrar un nmero muy grande de valores. Esto se debe a la mayor altura de una vista de tabla hace que el desplazamiento ms rpido.

Progreso Vista
Una vista progreso muestra el progreso de una tarea o un proceso que tiene una duracin conocida (en la imagen con la barra de herramientas de correo).

API Nota: Para obtener ms informacin sobre la definicin de un punto de vista el progreso en el cdigo, vea UIProgressView Referencia de las clases . Una vista progreso:

Consta de una pista que se llena desde izquierda a derecha a medida que avanza de tareas o procesos No permite la interaccin del usuario iOS define dos estilos de vista el progreso:

Predeterminado. El estilo por defecto incluye una aparicin pista sin llenar para que pueda estar solo en un rea de contenido.

Bar. El estilo de la barra no incluye la aparicin de pista sin cubrir ya que est diseada para mostrar con un bar, como una barra de navegacin o una barra de herramientas.

Utilizar una vista de los avances para dar informacin en una tarea que tiene una duracin bien definida, especialmente cuando es importante indicar aproximadamente cunto tiempo tardar la tarea. En su caso, coordinar el aspecto de una vista el progreso con el estilo de su aplicacin. Mediante la personalizacin de una vista el progreso, se puede especificar, por ejemplo, una imagen de tono a medida, o de la pista y el relleno de una visin de progreso.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Actualizar el Control

Un control de actualizacin realiza un contenido iniciada por el usuario de refresco-por lo general en una mesa (en la imagen superior de la lista de buzones).

API Nota: Para obtener ms informacin sobre cmo definir un control de actualizacin en el cdigo, vea UIRefreshControl Referencia de las clases . Un control de actualizacin:

Parece similar a un indicador de actividad Puede mostrar un ttulo Est oculto por defecto hasta que el usuario inicia una accin de renovacin arrastrando hacia abajo desde el borde superior de una mesa Utilice un control de actualizacin para dar a los usuarios una forma coherente de contar una mesa u otro objeto de actualizar su contenido de inmediato, sin esperar a la prxima actualizacin automtica. No deje de realizar actualizaciones de contenido automticas slo porque usted proporciona un control de actualizacin. A pesar de que los usuarios aprecian la posibilidad de solicitar que una actualizacin se lleva a cabo ahora , todava aprecian contenido que se actualiza automticamente. Si usted confa en los usuarios para iniciar todas las actualizaciones, los usuarios que no son conscientes del control de actualizacin es probable que se preguntan por qu su aplicacin muestra los datos obsoletos. En general, se quiere dar a los usuarios la opcin de actualizar el contenido de inmediato; usted no desea que los usuarios responsables de cada actualizacin. Proporcione un ttulo corto slo si aporta un valor aadido. En particular, no utilice el ttulo para describir cmo utilizar el control de actualizacin.

Botn Rectngulo redondeado


El botn de rectngulo redondeado se ha desaprobado en iOS 7. En su lugar, utilice el sistema de botn, es decir, un
UIButton de tipo UIButtonTypeSystem . Para obtener instrucciones, consulte "Sistema Button " (pgina 194).

Control segmentado
Un control de segmentada es un conjunto lineal de segmentos, cada uno de los cuales funciona como un botn que puede mostrar un punto de vista diferente.

API Nota: Para obtener ms informacin sobre cmo definir un control segmentado en su cdigo, consulte "Controles segmentados". Un control segmentado:

Consta de dos o ms segmentos cuyas anchuras son proporcionales, basado en el nmero total de segmentos Puede mostrar texto o imgenes

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Utilice un control segmentado para ofrecer opciones que estn estrechamente relacionados pero que se excluyen mutuamente. Asegrese de que cada segmento es fcil de tocar. Para mantener una cmoda zona activa de 44 x 44 puntos para cada segmento, limitar el nmero de segmentos. En el iPhone, un control segmentado debera tener cinco o menos segmentos. En la medida de lo posible, hacer que el tamao de los contenidos de cada segmento consistentes. Debido a que todos los segmentos de un control segmentado tienen la misma anchura, que no se ve bien si el contenido se llena algunos segmentos, pero no en otros. Evite mezclar texto e imgenes en un solo control segmentado. Un control segmentado puede contener texto o imgenes. Un segmento individual puede contener texto o una imagen, pero no ambas. En general, lo mejor es evitar poner texto en algunos segmentos y las imgenes en otros segmentos de un solo control segmentado. Si es necesario, ajustar el posicionamiento de los contenidos en un control segmentado personalizado. Si personaliza el aspecto de fondo de un control segmentado, asegrese de que el centrado automtico del contenido del control todava se ve bien. Utilice las API de mtricas de barras para ajustar el posicionamiento de los contenidos dentro de un control segmentado (para obtener ms informacin sobre la especificacin de la mtrica de barras, consulte las API apariencia de personalizacin descritas en UISegmentedControl).

Deslizador
Un control deslizante permite a los usuarios hacer ajustes a un valor o un proceso a lo largo de un rango de valores permitidos (que se muestran aqu con imgenes personalizadas a la izquierda ya la derecha).

API Nota: Para obtener ms informacin sobre la definicin de una barra de desplazamiento en el cdigo, vea "Salto al infinito". Un control deslizante:

Consta de una pista horizontal y un pulgar (un control circular que los usuarios pueden deslizar) Puede incluir imgenes opcionales que transmiten el significado del derecho y los valores de la izquierda Llena la porcin de la pista entre el valor mnimo (tpicamente a la izquierda) y el pulgar Use un control deslizante para dar a los usuarios un control detallado sobre los valores que pueden elegir o sobre el funcionamiento del proceso actual. Si agrega valor, crear apariencias personalizadas para un control deslizante. Por ejemplo, usted puede:

Definir la apariencia del pulgar, por lo que los usuarios pueden ver a simple vista si el regulador est activo Imgenes suministro a aparecer en ambos extremos de la barra de desplazamiento para ayudar a los usuarios a entender lo que hace el control deslizante Normalmente, estas imgenes personalizadas se corresponden con los valores mximo y mnimo del rango de valores que los controles deslizantes. Una corredera que controla tamao de la imagen, por ejemplo, podra mostrar una imagen muy pequea en el extremo mnimo y una imagen muy grande en el extremo mximo.

Definir una apariencia diferente para la pista, dependiendo de qu lado del pulgar es en qu estado y el control est en No use una barra de desplazamiento para mostrar un control de volumen. Si necesita mostrar un deslizador de volumen, utilice el sistema previsto deslizador de volumen disponible cuando se utiliza el MPVolumeView clase. Tenga en cuenta que cuando el dispositivo de salida de audio activa actualmente no soporta el control de volumen, el control deslizante de volumen se sustituir por el nombre de dispositivo apropiado.

Stepper

Un paso a paso aumenta o disminuye un valor en una cantidad constante.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para obtener ms informacin sobre la definicin de un paso a paso en su cdigo, consulte "Steppers". Un paso a paso:

Es un control con escala en la que un segmento muestra un signo ms y el otro segmento muestra un signo menos de forma predeterminada Soporta imgenes personalizadas No muestra el valor que el usuario cambia Utilice un paso a paso cuando los usuarios podran tener que hacer pequeos ajustes a un valor. Evite el uso de un paso a paso cuando los usuarios tienden a hacer grandes cambios en un valor. Tiene sentido utilizar un secuenciador para ajustar el nmero de copias en la ficha Opciones de la accin de la impresora, ya que los usuarios rara vez cambian este valor por mucho. Por otro lado, no tendra sentido utilizar un paso a paso para ayudar a los usuarios elegir un rango de pginas, ya que incluso un rango razonable pgina requerira una gran cantidad de toques. Que sea evidente que valoran el stepper afecta. Un paso a paso no se muestra ningn valor, por lo que necesita para asegurarse de que los usuarios sepan qu valor estn cambiando cuando utilizan un paso a paso.

Interruptor
Un interruptor presenta dos opciones mutuamente excluyentes o estados.

On Off

API Nota: Para obtener ms informacin sobre la definicin de un cambio en el cdigo, consulte "Interruptores". Un interruptor:

Indica el estado binario de un elemento Se utiliza en las vistas de tabla nica Use un interruptor en una fila de la tabla para dar a los usuarios una manera de especificar una de las dos opciones, como s / no o de encendido / apagado, que rigen el estado de un elemento. Puede utilizar un control de interruptor para cambiar el estado de otros elementos de la interfaz de la vista. Dependiendo de la eleccin de los usuarios hacen, los nuevos elementos de la lista pueden aparecer o desaparecer, o elementos de la lista podra llegar a ser activo o inactivo.

Botn System
Un botn del sistema realiza una accin especfico de la aplicacin.

API Nota: En iOS 7, UIButtonTypeRoundedRect se ha redefinido como UIButtonTypeSystem . Una aplicacin que utiliza un botn de rectngulo redondeado en iOS 6 se pone automticamente el botn de vista de sistema cuando se enlaza contra iOS 7. Para saber ms sobre la definicin de un sistema de botn en el cdigo, consulte "Botones".

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Un botn del sistema:

No tiene ninguna frontera o el aspecto de fondo por defecto Puede contener un icono o un ttulo de texto Soporta la decoracin personalizada, como una imagen de fondo frontera o (para agregar una apariencia personalizada, utilice un botn de tipo UIButtonTypeCustom y suministrar una imagen de fondo personalizada) Utilice un botn del sistema para iniciar una accin. Cuando usted proporciona un ttulo para un botn del sistema, siga este enfoque:

Utilice una frase verbal o un verbo para describir la accin realiza el botn. Un ttulo de accin especfico muestra a los usuarios de que el botn sea interactivo y les dice lo que suceder cuando toque dicha opcin. Utilice la capitalizacin de estilo ttulo. Capitalizar cada palabra excepto artculos, conjunciones coordinantes y preposiciones de cuatro o menos letras. Evitar la creacin de un ttulo que es demasiado largo. Demasiado texto largo se trunca, que puede hacer que sea difcil para los usuarios entienden.

En su caso, aadir un aspecto frontera o el fondo de un botn del sistema en un rea de contenido. mayora de las veces, se puede evitar la adicin de la ornamentacin a un botn por la elaboracin de un ttulo claro llamado a la accin, la definicin de un tinte, y proporcionar pistas contextuales . En algunas reas de contenido, sin embargo, puede ser conveniente centrar la atencin en un botn mediante la adicin de una frontera o el aspecto de fondo. En el telfono, por ejemplo, las teclas numricas bordeadas refuerzan el modelo mental de hacer una llamada y el fondo del botn de llamada ofrece a los usuarios un blanco llamativo que es fcil de golpear.

El campo de texto

Un campo de texto acepta una sola lnea de entrada del usuario (que se muestra aqu con un propsito y descripcin de texto de marcador de posicin).
Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para obtener ms informacin sobre la definicin de un campo de texto y personalizarlo para mostrar imgenes y botones, consulte "Campos de texto". Un campo de texto:

Es un campo de altura fija con esquinas redondeadas Muestra automticamente el teclado cuando los usuarios tocan dentro de ella Puede incluir el sistema proporcionado botones, como el botn Marcadores Puede mostrar texto que utiliza varios estilos (para aprender ms sobre este tema, consulte UITextView ) Utilice un campo de texto para obtener una pequea cantidad de informacin del usuario. Personalizar un campo de texto si ayuda a los usuarios a comprender la forma en que deben utilizarla. Por ejemplo, puede mostrar imgenes personalizadas en los lados izquierdo o derecho del campo de texto, o puede agregar un botn proporcionado por el sistema, tales como el botn de Favoritos. En general, usted debe utilizar el extremo izquierdo de un campo de texto que indica su finalidad y el extremo derecho para indicar la presencia de caractersticas adicionales, tales como marcadores. Visualice el botn Borrar en el extremo derecho de un campo de texto cuando sea apropiado. Cuando este elemento est presente, la grabacin se borra el contenido del campo de texto, independientemente de cualquier otra imagen usted puede ver por encima. Mostrar una pista en el campo de texto si ayuda a los usuarios a entender su propsito. Un campo de texto puede mostrar texto de marcador de posicin, tales como nombre (o direccin), cuando no hay ningn otro texto en el campo. Especifique un tipo de teclado que sea apropiado para el tipo de contenido que usted espera que los usuarios introduzcan. Por ejemplo, es posible que desee hacer ms fcil para los usuarios introducir una URL, el cdigo PIN o un nmero de telfono. iOS proporciona varios tipos de teclados diferentes, cada uno diseado para facilitar otro tipo de entrada. Para obtener informacin sobre los tipos de teclado que estn disponibles, consulte UIKeyboardType en UITextInputTraits Referencia del Protocolo . Para aprender ms sobre el manejo del teclado en su aplicacin, lea "Cmo manejar el teclado" en la Gua de programacin de aplicacin iOS . Tenga en cuenta que usted no tiene ningn control sobre el mtodo de entrada del teclado y el diseo, ya que estos atributos se determinan por la configuracin de idioma del usuario.

Vistas temporales
Alerta
Una alerta da a la gente la informacin importante que afecta el uso de una aplicacin o dispositivo.

API Nota: Para obtener informacin acerca del uso de una alerta en el cdigo, vea UIAlertView Referencia de las clases . Una alerta:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Muestra un ttulo requerido y un mensaje opcional Contiene uno o ms botones La poca frecuencia con la que aparecen las alertas de ayuda a los usuarios los toman en serio. Lo mejor es reducir al mnimo el nmero de alertas que se pueden ver de aplicaciones, y asegurarse de que cada uno ofrece informacin crtica y opciones tiles. . Evite crear alertas innecesarias En general, las descripciones son innecesarios en los siguientes escenarios:
Si una alerta hace esto ... Haga esto en lugar de utilizar una alerta ...

Proporciona informacin relacionada con el funcionamiento normal de una Disear una manera llamativa de mostrar la informacin, que armoniza con el estilo de la aplicacin. aplicacin Utilizar una vista de progreso o indicador de actividad (que se describe en "Progreso View " (pgina 189) y Usuarios Actualizaciones en tareas que "Actividad Indicador " (pgina 182)) o integrar la informacin de estado en la aplicacin de interfaz de estn progresando normalmente usuario. Pide confirmacin de las tareas iniciadas Use una hoja de accin (que se describe en "Accin de hoja " (pgina 200)). por el usuario
Si una alerta hace esto ... Haga esto en lugar de utilizar una alerta ...

Informa a los usuarios de los problemas que pueden Si el problema no es crtico, integrar la informacin en la interfaz de usuario de la aplicacin; hacer nada al respecto de lo contrario, utilice una alerta. Al leer las directrices para el diseo de texto de alerta, es til conocer las siguientes definiciones:

Capitalizacin de estilo Ttulo significa que cada palabra se escribe con mayscula, salvo artculos, conjunciones y preposiciones de cuatro o menos letras cuando no son la primera palabra. Capitalizacin de estilo Sentence significa que la primera palabra se escribe con mayscula, y el resto de las palabras en minsculas a menos que sean nombres propios o adjetivos adecuados.

Sucintamente describir la situacin y explicar lo que la gente puede hacer al respecto. Idealmente, el texto se escribe da a la gente lo suficiente contexto para entender por qu ha aparecido la alerta y decidir qu botn TAP. Mantenga el ttulo lo suficientemente corto como para mostrar en una sola lnea, si es posible. Un ttulo largo alerta es difcil para la gente a leer rpidamente, y puede ser que consiga truncada o forzar el mensaje de alerta para desplazarse. Evite ttulos de una sola palabra. ttulos de una sola palabra, como un error o una advertencia, rara vez proporcionan informacin til.

Cuando sea posible, use un fragmento de frase. Una breve declaracin, informativo tiende a ser ms fcil de entender que una oracin completa. En la medida de lo posible, escribir un ttulo que hace innecesario aadir un mensaje. Por ejemplo, usted podra ser capaz de evitar la adicin de un mensaje si utiliza una pregunta o, con menor frecuencia, dos oraciones-por el ttulo de alerta.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

No dude en ser negativo. La gente entiende que la mayora de las alertas de ellos comentan sobre problemas o les advierten sobre situaciones peligrosas. Es mejor ser negativa y directa de lo que es ser positivo, pero oblicua. En la medida de lo posible, evitar "usted", "su", "yo" y "mi". A veces, el texto que identifica a las personas directamente pueden ser ambiguos e incluso puede ser interpretado como un insulto o condescendiente. Utilice maysculas y puntuacion adecuada. Concretamente:
Cuando el ttulo de alerta ... Utilice ...

Es un fragmento de frase o una sola frase que no es una cuestin Es una frase que es una cuestin Se compone de dos o ms oraciones

Capitalizacin de estilo Ttulo y sin puntuacion final Capitalizacin de estilo Oracin y un signo de interrogacin que termina Capitalizacin de estilo Sentencia y puntuacion final apropiado para cada oracin

Si usted debe proporcionar un mensaje de alerta opcional, escriba una breve oracin completa. Si es posible, mantenga el mensaje lo suficientemente corto como para que aparezca en una o dos lneas. Si el mensaje es demasiado largo, se desplazar, dando a los usuarios una experiencia pobre. Utilice la capitalizacin de estilo frase y puntuacion final apropiado en el mensaje. Evite alargar texto de alerta con las descripciones de la tecla que debe tocar. Idealmente, la combinacin de texto de alerta inequvoco y etiquetas de botones lgicos da a las personas la informacin suficiente para comprender la situacin y sus opciones. Si tiene que proporcionar una orientacin detallada, siga estas pautas:

Asegrese de utilizar la palabra "tap" (no "tocar" o "clic" o "elegir") para describir la accin de seleccin. No escriba un ttulo botn entre comillas, pero conservar su capitalizacin. Asegrese de probar la apariencia de una alerta en ambas orientaciones. Debido a que en el paisaje de la altura de una alerta se ve limitada, la aparicin de la alerta puede diferir de su apariencia en el retrato. Se recomienda que a optimizar la longitud del texto de alerta para que pueda ser ledo sin necesidad de desplazarse sin importar la orientacin.

En general, utilizar una alerta de dos botones. Un alerta de dos botones es a

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

menudo la ms til, porque es ms fcil para las personas a elegir entre dos alternativas. Un solo botn de alerta es menos probable que sea til, ya que informa a las personas sin darles ningn tipo de control sobre la situacin. Una alerta que contiene tres o ms botones es mucho ms compleja que una alerta de dos botones y se debe evitar tanto como sea posible. Si agrega demasiados botones para una alerta, puede causar la alerta para desplazarse, lo cual es una mala experiencia de usuario. Nota: Si usted encuentra que usted tiene que ofrecer a la gente ms de dos opciones, considere el uso de una hoja de accin en lugar (para aprender cmo utilizar una hoja de accin, consulte "Accin Hoja " (pgina 200) ). . Coloque los botones de forma adecuada Idealmente, el botn que es ms natural para explotar deben cumplir con dos requisitos: Debe realizar la accin que los usuarios son ms propensos a querer y debe ser los menos propensos a causar problemas si un usuario toca inadvertidamente. En concreto:

Cuando el botn ms probable es que realice una accin destructiva, debe estar a la derecha en una alerta de dos botones. El botn que cancela esta accin debe estar a la izquierda. Cuando el botn ms probable es que realice una accin destructiva, debe estar a la izquierda en una alerta de dos botones. El botn que cancela esta accin debe estar a la derecha. Nota: Al pulsar el botn Inicio mientras que una alerta sea visible debe salir de la aplicacin, como se esperaba. Al hacerlo, tambin debe ser idntico al pulsar el botn Cancelar-es decir, la alerta se despidi y no se realiza la accin. Dale botones de alerta, ttulos lgicos cortas. Los mejores ttulos de botn se componen de una o dos palabras que describen el resultado de pulsar el botn. Siga estas pautas a medida que crea ttulos para los botones de alerta:

Al igual que con todos los ttulos de los botones, usar maysculas al estilo de ttulo y sin puntuacion final. En la medida de lo posible, los verbos de uso y las frases verbales que se relacionan directamente con el ejemplo de texto-para la alerta, "Cancelar", "Ver todos", "Responder" o "Ignorar". Utilice "OK" para una opcin de aceptacin simple si no hay ninguna alternativa mejor. Evite el uso de "S" o "No" Evite el "usted", "su", "yo" y "mi" tanto como sea posible. Ttulos de botn que utilizan estas palabras son a menudo ambiguas y pueden aparecer condescendiente.

Hoja de Accin

Una hoja de la accin muestra un conjunto de opciones relacionadas con una tarea que el usuario inicia.

En el iPhone, una hoja de accin emerge de la parte inferior de la pantalla

En el iPad, una hoja de accin se muestra siempre en un popover

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

API Nota: Para saber cmo definir una hoja de la accin en su cdigo, consulte "Listas de Acciones". Una hoja de la accin:

Aparece como el resultado de una accin del usuario Muestra dos o ms botones Use una hoja de accin para:

Proporcionar alternativas para completar una tarea. Una hoja de accin nos permite ofrecer una gama de opciones que tienen sentido en el contexto de la tarea actual, sin dar estas elecciones un lugar permanente en la interfaz de usuario. Recibe la confirmacin antes de completar una tarea potencialmente peligrosa. Una hoja de accin solicita a los usuarios a pensar en los efectos potencialmente peligrosos de la etapa que est a punto de tomar y les da algunas alternativas. En el iPhone, incluir un botn Cancelar para que los usuarios pueden abandonar con facilidad y seguridad la tarea. Coloque el botn Cancelar en la parte inferior de la hoja de medidas para animar a los usuarios a leer a travs de todas las alternativas antes de tomar una decisin. En el iPad, basar la forma en que la hoja de accin se muestra en la forma en que el usuario inicia la tarea. Especficamente:
Si la tarea es iniciada a Muestre la hoja de la accin ... partir del ...

Incluya un botn Cancelar?

Fuera de un popover
Si la tarea

Sin animacin-es decir, la hoja de la accin y el popover No, ya que los usuarios pueden acceder fuera del popover para aparecen simultneamente desestimar la hoja de la accin
Incluya un botn Cancelar?

es iniciada a Muestre la hoja de la accin ... partir del ...

Dentro de un popover

Con la animacin, es decir, la hoja de la accin se desliza hacia arriba S, ya que los usuarios deben ser capaces de despedir a la en la parte superior del contenido del popover hoja de la accin sin cerrar la popover

En todos los dispositivos, use el botn rojo para que realice una accin potencialmente destructiva. Mostrar un botn rojo en la parte superior de la hoja de la accin, porque cuanto ms cerca de la parte superior de la hoja de la accin de un botn, ms llamativo que es. Y el iPhone, el botn a ms destructiva es de la parte inferior de una hoja de accin, menos probable usuarios que tocarlo, cuando son el objetivo para el botn Home.

Evite hacer que los usuarios se desplazan una hoja de accin. Si incluye demasiados botones en una hoja de la accin, los usuarios deben

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

desplazarse para ver todas sus opciones. Esta es una experiencia desconcertante para los usuarios, ya que deben pasar tiempo adicional para distinguir las opciones. Tambin, puede ser muy difcil para los usuarios desplazarse sin inadvertidamente tocando un botn.

Modal View

Una vista modal , es decir, un punto de vista presentado de forma modal-proporciona una funcionalidad autnoma en el contexto de la tarea o el flujo de trabajo actual.

API Nota: Para obtener ms informacin sobre la definicin de un punto de vista modal en el cdigo, vea UIViewController Referencia de las clases . Una vista modal:

Ocupa toda la pantalla o, en el iPad, puede ocupar toda la zona de un punto de vista de los padres (como un popover) Contiene el texto y los controles que son necesarios para completar la tarea Por lo general, muestra un botn, que completa la tarea y descarta la vista y un botn Cancelar que abandona la tarea y destituye a la vista Utilizar una vista modal cuando se necesita para ofrecer la posibilidad de realizar una tarea autnoma en relacin con la funcin principal de la aplicacin. Una vista modal es especialmente apropiado para una subtarea de mltiples pasos que requiere elementos de interfaz de usuario que no pertenecen a la principal aplicacin de interfaz de usuario en todo momento. El iPad, elegir un estilo de vista modal que se adapte a la tarea actual y el estilo visual de la aplicacin. Puede utilizar cualquiera de estos estilos, que se define aqu:
Estilo de vista Apariencia modal Recomendado para

Pantalla Cubre toda la pantalla. completa Hoja de Pgina

La presentacin de una tarea potencialmente compleja que la gente pueda completar dentro del contexto de la vista modal. Tiene un ancho fijo de 768 puntos; la altura de la hoja es la altura actual de la La presentacin de una tarea potencialmente pantalla. En el paisaje, el rea de la pantalla que es visible a ambos lados compleja que la gente pueda completar

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Hoja Form Contexto actual

del punto de vista modal se atena. dentro del contexto de la vista modal. Tiene unas dimensiones de 540 x 620 puntos fijos y se centra en la La recopilacin de informacin estructurada por pantalla. Cuando el teclado est visible en el paisaje, una vista modal hoja parte del usuario. forma se mueve hacia arriba hasta justo debajo de la barra de estado. Viendo el contenido modal dentro de un panel Utiliza el mismo tamao que su vista padre. de vista dividida de queso, panecillos u otra vista de pantalla no completa.

En el iPad, no mostrar una vista modal en la parte superior de un popover. Con la posible excepcin de una alerta, nada debe aparecer en la parte superior de un popover. En casos excepcionales, cuando puede que tenga que mostrar una vista modal, como resultado de una accin que el usuario toma en un popover, cierre la popover antes de abrir la vista modal. En el iPhone, coordinar el aspecto general de una vista modal con el aspecto de su aplicacin. Por ejemplo, un punto de vista modal a menudo incluye una barra de navegacin que contiene un ttulo y botones que cancelar o de finalizar la tarea de la vista modal. Cuando este es el caso, la barra de navegacin debe utilizar la misma apariencia que la barra de navegacin en la aplicacin. En todos los dispositivos, mostrar un ttulo que identifica la tarea, en su caso. Tambin puede mostrar el texto en otras reas de la opinin de que se describe con ms detalle la tarea o puede servir de orientacin. En todos los dispositivos, elija un estilo de transicin apropiado para revelar la vista modal. Utilice un estilo que combine con su aplicacin y aumenta la concienciacin del usuario del turno contexto temporal que la vista modal representa. Para ello, puede especificar uno de los siguientes estilos de transicin:

Vertical. En el estilo vertical, la vista modal se desliza hacia arriba desde el borde inferior de la pantalla y se desliza hacia abajo cuando desestim (este es el estilo de transicin por omisin). Voltear. En el estilo del tirn, la vista actual voltea horizontalmente de derecha a izquierda para mostrar la vista modal. Visualmente, la vista modal parece como si se trata de la parte posterior de la vista actual. Cuando se despidi a la vista modal, se voltea horizontalmente de izquierda a derecha, mostrando la vista anterior. Si usted vara los estilos de transicin para los puntos de vista modal en una aplicacin, hacerlo de una manera que tenga sentido para los usuarios. Los usuarios se apresuran a notar las diferencias de comportamiento en una aplicacin y asumir que significan algo. Lo mejor es establecer un patrn lgico y consistente que los usuarios pueden detectar fcilmente y recordar, y evitar el cambio de estilos de transicin y sin una buena razn.

"icono y la imagen Tallas " (pgina 207) "App Icon " (pgina 209) "Launch Imgenes " (pgina 215) "botn de la barra de iconos " (pgina 218) "Newsstand Icons " (pgina 221) "Clip Web Icons " (pgina 224) "Creacin de tamao variable de imgenes " (pgina 225) Cada aplicacin necesita una una imagen de icono de la aplicacin y puesta en marcha. Adems, algunas aplicaciones necesitan iconos personalizados para representar el contenido especfico de la aplicacin, las funciones o modos en las barras de navegacin, barras de herramientas y barras de tabulacin. A diferencia de otras obras de arte de encargo en su aplicacin, los iconos y las imgenes que figuran en la Tabla 39-1 deben cumplir con criterios especficos para que iOS puede mostrar correctamente. Adems, algunos iconos y archivos de imagen han requisitos de denominacin (para aprender acerca de nombrar estos archivos, consulte "Iconos del App" en Gua de programacin iOS App y "Launch App (por defecto) Imgenes" en iOS App, Gua de programacin ).

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Nota: Si tiene que apoyar de resolucin estndar iPhone o dispositivos iPod touch, dividir por 2 los tamaos de alta resolucin que figuran a continuacin.
Tabla 39-1 Tamao (en pxeles) de iconos e imgenes personalizadas Tamao para el iPad 2 y el Tamao para la iPhone 5 y el Tamao para el iPad y Tamao para la iPhone y iPod iPad iPod el iPad mini touch (Alta resolucin) Mini (Resolucin touch (Alta resolucin) (alta resolucin) estndar)

Descripcin

Icono de la aplicacin ( se requiere 120 x 120 para todas las aplicaciones) Icono de la aplicacin para la App Store ( 1024 x 1024 requerida para todas las aplicaciones) Imagen Lanzamiento 640 x 1 36 ( requerida para todas las aplicaciones) Resultados de bsqueda de Spotlight 80 x 80 icono (recomendado) Icono Configuracin (recomendado) 58 x 58
Icon e imagen Tamaos

120 x 120 1024 x 1024

152 x 152 1024 x 1024 1536 x 2048 (Retrato) 2048 x 1536 (Paisaje) 80 x 80 58 x 58

76 x 76 1024 x 1024 768 x 1024 (Retrato) 1024 x 768 (Paisaje) 40 x 40 29 x 29

640 x 960

80 x 80 58 x 58

Descripcin

Tamao para el Tamao para el iPad 2 Tamao para la iPhone 5 y el Tamao para la iPhone y iPod iPad y el iPad y el iPad iPod touch (Alta resolucin) mini Mini (Resolucin touch (Alta resolucin) (alta resolucin) estndar)

Alrededor de un 22 x 22 Acerca de 50 x Acerca de 25 x Acerca de 50 x 50 (Mximo: Acerca de 50 x 50 (mximo: 96 Icono de la barra de pestaas (opcional) 50 (Mximo: 96 x 25 (Mximo: x 64) 96 x 64) 64) 48 x 32) Icono de portada predeterminada Newsstand Al menos 1.024 pxeles Al menos 512 pxeles Al menos 1.024 pxeles en el Al menos 1.024 pxeles en el en el lado ms en el lado ms para la App Store ( requerido para lado ms largo lado ms largo largo largo aplicaciones Newsstand) Clip Web icono (recomendado para 120 x 120 120 x 120 152 x 152 76 x 76 aplicaciones web y sitios web) Barra de herramientas y barra de iconos de Acerca de 44 x 44 navegacin (opcional) Acerca de 44 x 44 Acerca de 44 x 44 Para todas las imgenes e iconos, se recomienda el formato PNG. Usted debe evitar el uso de archivos PNG entrelazados. La profundidad de bits estndar para los iconos y las imgenes es de 24 bits, es decir, 8 bits cada uno para el rojo, verde y azul-adems de un canal alfa de 8 bits. Usted no necesita limitar su paleta a los colores seguros para la Web.

Icono de la aplicacin
Cada aplicacin necesita un hermoso y memorable icono de la aplicacin que atrae a la gente en la App Store y se destaca por su pantalla de inicio. iOS pueden utilizar versiones del icono de la aplicacin en el centro de juego, resultados de bsqueda, Configuracin y, para representar documentos de aplicaciones de creacin propia.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Nota: Una aplicacin utiliza el mismo icono de la aplicacin en todas las versiones de iOS que soporta. Si decide redisear el icono de la aplicacin para la versin de iOS 7 de su aplicacin, el nuevo icono debe reemplazar el anterior, incluso si la aplicacin muestra la interfaz de usuario diferente en diferentes versiones de iOS. Para obtener los mejores resultados, contar con la ayuda de un diseador grfico profesional. Un diseador grfico con experiencia puede ayudarle a desarrollar un estilo visual general para su aplicacin y aplicar ese estilo a todos los iconos y las imgenes en el mismo. Use la imaginacin universal que la gente reconocer fcilmente. En general, evitar centrarse en un aspecto secundario o alternativo de un elemento. Por ejemplo, el icono de la aplicacin Mail utiliza un sobre, no un buzn rural, la bolsa de un cartero, o un smbolo de la oficina de correos. Abrace la simplicidad. En particular, evitar abarrotar un montn de diferentes imgenes en su icono. Encuentra un solo elemento que captura la esencia de su aplicacin y expresar ese elemento en una forma simple, nico. Agregar detalles cautela. Si el contenido de un icono o forma es demasiado complejo, los detalles se vuelven confusas y pueden aparecer fangosos en tamaos ms pequeos.

Sugerencia: Para probar la apariencia de su icono de la aplicacin en los tamaos pequeos, moverlo a una carpeta en la pantalla principal. An mejor, mover varios iconos de aplicacin en una carpeta y ver si su icono de la aplicacin se ve bien y sigue siendo distintivo.

Cree una interpretacin abstracta de la idea principal de su aplicacin. Rara vez funciona bien utilizar una foto o captura de pantalla en un icono de aplicacin porque los detalles fotogrficos pueden ser muy difciles de ver en los tamaos pequeos. Por lo general, es mejor para interpretar la realidad de una manera artstica, ya que al hacerlo le permite enfatizar los aspectos del tema que desee que los usuarios de aviso. Si usted desea retratar sustancias reales, hacerlo con precisin. Iconos que representan objetos reales deben replicar con exactitud las caractersticas de las sustancias tales como tela, vidrio, papel y metal, y transmitir el peso del objeto y se siente. Asegrese de que el icono de la aplicacin se ve bien en una variedad de fondos. No se limite a prueba tu icono en una luz o fondo oscuro porque

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

no se puede predecir qu personas wallpaper elegirn. Evite la transparencia. Un icono de la aplicacin debe ser opaco. Si los lmites del icono son menores que las recomendadas tamaos-o que utilizan la transparencia para crear reas-el "ver a travs" icono resultante puede aparecer flotar sobre un fondo negro, que tiende a verse especialmente atractivo en los hermosos fondos de pantalla que los usuarios elijan. No utilice elementos de la interfaz de iOS en su obra de arte. Usted no desea que los usuarios confundan sus iconos o imgenes con el iOS UI. No utilizar rplicas de productos de hardware de Apple en su obra de arte. Los smbolos que representan los productos de Apple tienen copyright y no pueden ser reproducidas en los iconos o imgenes. En general, es una buena idea para evitar las rplicas de los dispositivos especficos en su obra de arte, ya que estos diseos cambian con frecuencia y los iconos que se basan en ellas rpidamente puede buscar fecha. No vuelva a usar los iconos de aplicaciones de iOS en su interfaz. Puede ser confuso para los usuarios a ver el mismo icono que se utiliza para significar cosas ligeramente diferentes en varios lugares en todo el sistema. Con la excepcin de la App Store icono-que debe ser nombrado iTunesArtwork -puede nombrar una cosa icono de la aplicacin que desea. Como siempre y cuando utilice la CFBundleIcons clave para declarar los nombres y aadir el @ 2x sufijo a los nombres de todos los iconos de alta resolucin, iOS elige un icono en funcin de si su tamao es adecuado para el uso previsto. Para obtener ms informacin sobre el icono de nombres, consulte "Iconos del App" en Gua de programacin de aplicacin iOS . Crear diferentes tamaos del icono de la aplicacin para diferentes dispositivos. Si va a crear una aplicacin universal, es necesario proporcionar los iconos de aplicacin en los cuatro tamaos. Para el iPhone y el iPod touch, tanto de estos tamaos se requiere:

120 x 120 pxeles 60 x 60 pxeles (resolucin estndar) Para el iPad, ambos de estos tamaos se requiere:

152 x 152

76 x 76 pxeles (resolucin estndar) Cuando iOS muestra un icono de aplicacin en la pantalla principal de un dispositivo, se aplica automticamente una mscara que redondea las esquinas. Asegrese de que su icono tiene ngulos de 90 por lo que se ve bien despus de aplicar la mscara. Por ejemplo:

Se aplica un icono de 120 x 120 pxel antes de la mscara Un icono de 120 x 120 pxel despus de la mscara se aplica

Crear una versin de mayor tamao de su icono de la aplicacin para la visualizacin en la App Store. Aunque es importante que esta versin sea inmediatamente reconocible como el icono de la aplicacin, puede ser sutilmente ms rica y detallada. No hay efectos visuales aadidas a esta versin del icono de la aplicacin. Para la App Store, crear una versin grande de su icono de la aplicacin en dos tamaos para que se vea bien en todos los dispositivos:

1024 x 1024 pxeles

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

512 x 512 pxeles (resolucin estndar) Asegrese de llamar a esta versin del icono de la aplicacin iTunesArtwork @ 2x y iTunesArtwork , respectivamente.
Iconos de documentos

Nota: iOS tambin puede utilizar la imagen de gran tamao en otros aspectos. En una aplicacin de iPad, por ejemplo, iOS utiliza la imagen de gran tamao para generar el icono de documento de gran tamao. Si est desarrollando una aplicacin para la distribucin ad-hoc (es decir, para ser distribuidos en el local solamente, no a travs de la App Store), tambin debe proporcionar las grandes versiones de su icono de la aplicacin. Este icono identifica tu aplicacin en iTunes.

Iconos de documentos
Si su aplicacin para iOS crea documentos de un tipo personalizado, desea que los usuarios sean capaces de reconocer estos documentos de un vistazo. No es necesario el diseo de un icono personalizado para este propsito porque iOS utiliza su icono de la aplicacin para crear iconos de documento para usted.

Spotlight y Ajustes Icons


Cada aplicacin debe suministrar un pequeo icono que iOS se puede mostrar cuando el nombre de la aplicacin coincide con un trmino en una bsqueda de Spotlight. Aplicaciones que suministran ajustes tambin deben suministrar un pequeo icono para identificarlos en la aplicacin de configuracin incorporada. Estos iconos deben identificar con claridad su aplicacin para que la gente puede reconocer en una lista de resultados de bsqueda o en Configuracin. Por ejemplo, los iconos de las aplicaciones incorporadas son fciles de discernir, en Configuracin, a pesar de que los iconos son pequeos:

Usted puede nombrar a estos pequeos iconos que quieras, siempre y cuando se utiliza el CFBundleIcons clave para declarar los nombres y se agrega el @ 2x sufijo a los nombres de todos los iconos de alta resolucin. Puede usar nombres personalizados porque iOS elige un icono en funcin de si su tamao es adecuado para el uso previsto. Para obtener ms informacin sobre el icono de nombres, consulte "Iconos del App" en Gua de programacin de aplicacin iOS .

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Para todos los dispositivos, el suministro de iconos distintos para los resultados de bsqueda de Spotlight y Ajustes. Si usted no proporciona estos iconos, iOS podra reducirse el icono de la aplicacin para la visualizacin en estas ubicaciones. Para los resultados de bsqueda de Spotlight en el iPhone, iPod touch, y IPAD crear un icono en los dos tamaos siguientes:

80 x 80 pixeles 40 x 40 pxeles (resolucin estndar) En Configuracin en el iPhone, iPod touch, y IPAD crear un icono en los dos tamaos siguientes:

58 x 58 pxeles

29 x 29 pxeles (resolucin estndar) Nota: Si el fondo de su icono es de color blanco, no agregar una superposicin de color gris, en un esfuerzo para aumentar su visibilidad en Configuracin. iOS aade un trazo borde de 1 pxel de manera que todos los iconos se ven bien en el fondo blanco de Configuracin.

Inicie Imgenes
Una imagen de lanzamiento es un marcador de posicin de imagen simple que iOS se muestra cuando su aplicacin se inicia. La imagen de lanzamiento ofrece a los usuarios la impresin de que su aplicacin es rpida y sensible, ya que aparece al instante y es reemplazado rpidamente por la primera pantalla de la aplicacin. Nota: Usted debe proporcionar al menos una imagen de lanzamiento. Normalmente, una aplicacin para el iPhone incluye al menos una imagen puesta en marcha en orientacin vertical; una aplicacin para iPad incluye por lo menos una imagen puesta en marcha en la orientacin vertical y al menos una imagen puesta en marcha en la orientacin horizontal. Debido a iOS permite proporcionar imgenes diferentes de lanzamiento para los diferentes usos, usted da a cada imagen un nombre que especifica cmo debe ser utilizado. El formato del nombre de archivo de imagen lanzamiento incluye modificadores que se utilizan para especificar el dispositivo, la resolucin y la orientacin de la imagen. Para saber cmo nombrar imgenes de lanzamiento adecuadamente, consulte "Launch App (por defecto) Imgenes" en Gua de programacin de aplicacin iOS . Proporcionar una imagen puesta en marcha claro que mejora la experiencia del usuario. En particular, la imagen de lanzamiento no es una oportunidad para proporcionar:

Una "experiencia de entrada de la aplicacin", como una pantalla de bienvenida Una ventana Acerca de Branding elementos, a menos que sean una parte esttica de la primera pantalla de tu aplicacin Dado que los usuarios estn dispuestos a cambiar entre aplicaciones con frecuencia, usted debe hacer todo lo posible para reducir el tiempo de lanzamiento al mnimo, y debe disear una imagen de inicio que resta importancia a la experiencia en vez de llamar la atencin sobre l. Disear una imagen de inicio que es idntica a la primera pantalla de la aplicacin, a excepcin de:

Texto. La imagen de lanzamiento es esttico, por lo que cualquier texto se muestra en ella no se puede localizar. Elementos de interfaz de usuario que podran cambiar. Si incluye elementos que pueden tener un aspecto diferente cuando la aplicacin termina el lanzamiento, los usuarios pueden experimentar un flash desagradable entre la imagen y el lanzamiento de la primera pantalla de la aplicacin. Si usted piensa que siguiendo estas pautas resultar en una llanura, imagen del lanzamiento aburrido, tienes razn. Recuerde, la imagen de lanzamiento no le proporciona la oportunidad para la expresin artstica. Est pensado exclusivamente para mejorar la percepcin del usuario de su aplicacin lo ms rpida para poner en marcha e inmediatamente listo para su uso. Por ejemplo, ajustes y tiempo cada suministro de una imagen de inicio que es poco ms una imagen de fondo esttica que.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Los ajustes lanzan imagen

La imagen del tiempo de lanzamiento

Crear imgenes de lanzamiento en diferentes tamaos para diferentes dispositivos. Inicie imgenes para todos los dispositivos deben incluir la regin de la barra de estado. Crear imgenes de lanzamiento en los siguientes tamaos:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Para el iPhone 5 y el iPod touch (5 generacin):

640 x 1 36 pxeles Para otros dispositivos iPhone e iPod touch:

640 x 960 pxeles 320 x 480 pxeles (resolucin estndar) Para el retrato iPad:

1536 x 2048 pxeles

768 x 1024 pxeles (resolucin estndar) Para paisaje iPad:

2048 x 1536 pxeles

1024 x 768 pixels (resolucin estndar)

Iconos botn de la barra


iOS define un montn de iconos estndar de barra de botones, como en Actualizar, Compartir, en Agregar y Favoritos. En lo posible, debe usar estos botones e iconos para representar las tareas estndar en su aplicacin. (Para obtener ms informacin acerca de los botones e iconos que puede utilizar estndar, consulte "Barra de herramientas y la barra de navegacin botones " (pgina 148) y "Tab Bar Icons " (pgina 152).) Si su aplicacin incluye tareas o modos que no pueden ser representados por un icono o si los iconos estndar no coordinan con su aplicacin estilousted puede disear sus propios iconos estndar de botn bar. En un nivel alto, usted debe apuntar para un diseo de icono que es:

Sencillos y simplificados. Demasiados detalles pueden hacer un icono aparece descuidado o indescifrables. No fcilmente confundido con uno de los iconos proporcionados por el sistema. Los usuarios deben ser capaces de distinguir su icono personalizado de los iconos estndar de un vistazo. Fcilmente entendido y ampliamente aceptable. Esforzarse por crear un smbolo que la mayora de los usuarios interpreten correctamente y que no hay usuarios encontrarn ofensivo.

Importante: Asegrese de evitar el uso de imgenes que reproducen los productos de Apple en sus diseos. Estos smbolos son propiedad y diseos de los productos pueden cambiar con frecuencia. Ya sea que utilice slo los iconos personalizados o una mezcla de costumbre y norma, todos los iconos en su aplicacin debe ser similar a la que pertenecen a la misma familia, en trminos de tamao percibido, nivel de detalle, y el peso visual. Por ejemplo, echar un vistazo a la familia de los iconos de la barra de iOS y observe cmo las similitudes en tamao, detalle y peso producen un sentido de unidad armoniosa:

Para crear una familia coherente de iconos, la consistencia es la clave: En la medida de lo posible, cada icono debe utilizar el mismo punto de vista y el mismo grosor del trazo. Para garantizar que todos los iconos tienen un tamao percibido consistente, puede que tenga que crear algunos iconos en

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

diferentes tamaos reales. Por ejemplo, el conjunto de sistema proporcionado iconos se muestra aqu todos tienen el mismo tamao percibido, a pesar de que los favoritos y los iconos de correo de voz son en realidad un poco ms grande que los otros tres iconos.

Si usted est diseando un icono de la barra de pestaas personalizadas, debe proporcionar dos versiones: una para el aspecto no seleccionada y otra para el aspecto seleccionado. La aparicin seleccionado es a menudo una versin lleno-en de la apariencia no seleccionada, pero algunos diseos para llamar variaciones sobre este enfoque.

Para crear una versin lleno-en de un icono que tiene detalles interiores (tales como el icono de Radio) invierten los detalles por lo que conservan su prominencia en la versin seleccionada. El icono del teclado tambin cuenta con detalles interiores, pero la versin seleccionada sera confuso y difcil de reconocer si su fondo estaba lleno y los crculos se convirti en los esquemas blancos.

A veces, un diseo necesita una ligera alteracin de lucir bien cuando est seleccionado. Por ejemplo, debido a que los iconos de temporizador y Podcasts incluyen reas abiertas, las versiones seleccionadas se condensan los trazos un poco para encajar en un recinto circular.

Si un icono se vuelve menos reconocible cuando est lleno en, una buena alternativa es utilizar un golpe ms pesado para dibujar la versin seleccionada. Por ejemplo, las versiones seleccionadas de los iconos de correo de voz y la Lista de Lectura se dibujan con una carrera de 4 pxeles, en lugar de la carrera de 2 pxeles que se utiliz para elaborar las versiones no seleccionados.

A veces, de un icono de forma tiene detalles que no se ven bien en un esquema acarici. Cuando este es el casocomo lo es para la msica y los artistas iconos que puedes utilizar la apariencia llena-in para ambas versiones del icono. Es fcil para los usuarios distinguir los aspectos seleccionados y no seleccionados de dichos iconos, porque la aparicin seleccionada es ms oscuro y se pone el matiz. Un icono personalizado que se crea para una barra de herramientas, barra de navegacin, o la barra de pestaas tambin se conoce como una plantilla de la imagen, ya que iOS lo usa como una mscara para producir el icono que ver cuando se ejecuta la aplicacin. Si crea una imagen de la plantilla a todo color, iOS ignora el color. Para disear un icono de la barra personalizada, siga estas pautas:

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Utilice blanco puro con transparencia alfa apropiada.

No debe incluir una gota de sombra. Utilice antialiasing. Si desea crear un icono de la barra que parece que est relacionado con el icono de la familia iOS 7, utilice un golpe muy delgada para dibujarlo. En concreto, un golpe de 2 pxeles (alta resolucin) funciona bien para los iconos detallados y una carrera de 3 pxeles funciona bien para los iconos menos detalladas. Independientemente del estilo visual del icono, crear una barra de herramientas o el icono de la barra de navegacin en los siguientes tamaos:

Cerca de 44 x 44 pxeles Cerca de 22 x 22 pxeles (resolucin estndar) Independientemente del estilo visual del icono, cree un icono de la barra de pestaas en los siguientes tamaos:

Cerca de 50 x 50 pxeles (96 x 64 pxeles como mximo) Cerca de 25 x 25 pxeles (48 x 32 pxeles como mximo) para la resolucin estndar No incluya texto en un icono de la barra de pestaas personalizadas. En su lugar, utilice las API pestaa elemento de la barra para establecer el ttulo de cada ficha (por ejemplo, initWithTitle: Imagen: tag: ). Si necesita ajustar la disposicin automtica del ttulo, puede utilizar las API de ajuste del ttulo, como setTitlePositionAdjustment: .

Newsstand Icons
Si su aplicacin utiliza Kit Newsstand para publicar contenido peridico basado en suscripciones, es necesario proporcionar los iconos para mostrar en la App Store y en los dispositivos de la gente.

Todas las apps Newsstand necesitan suministrar un icono de la cubierta Quiosco que representa el arte de la cubierta de forma predeterminada en la App Store. El borde largo de este icono debe medir al menos 1024 pxeles (512 pxeles para dispositivos de resolucin estndar). Tenga en cuenta que este icono est separado del icono de la aplicacin que todas las aplicaciones de iOS deben proporcionar.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Importante: La relacin de aspecto de todos los iconos Newsstand debe ser 01:02-02:01. Todos los iconos Newsstand deben ser planas y tienen ngulos de 90 . No aadir perspectiva a cualquiera de sus iconos Newsstand. Un icono de la cubierta Quiosco defecto debe ser un facsmil generalizada de la portada de un problema tpico, que se centra en las partes de la cubierta que son bastante consistentes de tema en tema. Por ejemplo:

Evite agregar a los elementos icono portada predeterminada que los usuarios nunca veran en una cubierta real, como un mensaje de "Toque aqu para el ltimo nmero". Evite el uso de obras de arte o los titulares que son estacionales o tpica, como imgenes relacionadas con las vacaciones o los titulares que hacen referencia a temas de actualidad. En particular, no reutilice la portada de una edicin anterior para el icono Newsstand portada por defecto, ya que los usuarios podran confundir a su aplicacin con un tema especfico. Por ejemplo, la revista defecto y peridicos iconos podran ser algo como esto:

Adems del icono de la cubierta Quiosco defecto, tambin es necesario proporcionar un icono independiente que represente adecuadamente a cada nuevo nmero para que pueda aparecer en la estantera Newsstand y en la interfaz de usuario multitarea en un dispositivo iOS. A diferencia de en el icono de portada predeterminada, cada icono por-tema debe mostrar los detalles sobre el contenido de un tema especfico. Se recomienda crear un nico gran icono para cada problema, y permitir que iOS escalarlo para la exhibicin en los dos lugares. En concreto, se debe crear un icono por-tema cuyo borde largo medidas al menos 1024 pxeles (512 pxeles para dispositivos de resolucin estndar). Para mostrar el icono de la aplicacin actual en la estantera Newsstand y en la interfaz de usuario multitarea, iOS escalas en el icono grande para los siguientes tamaos:
Tabla 43-1 Mxima tamaos a escala de los iconos por-tema Dispositivo Tamao escalado (estantera Newsstand) Scaled tamao por el borde largo (UI multitarea)

iPhone y iPod touch iPad

180 x 160 pxeles (90 x 80 pxeles de resolucin estndar) 120 pxeles (60 pxeles de resolucin estndar) 252 pxeles de borde largo (126 pxeles de resolucin estndar) 152 pxeles (76 pxeles de resolucin estndar)

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

Para obtener informacin adicional acerca de cmo configurar una aplicacin Newsstand, consulte Gua de iTunes Connect para desarrolladores .

Importante: iOS 7 no aade mejoras visuales-tales como la aparicin de un borde con grapas o varias pginas a un icono de Quiosco. Si su aplicacin necesita para apoyar las versiones anteriores de iOS, puede agregar el tipo de encuadernacin y las teclas de borde de unin a la Info.plist archivo para definir cmo deben aparecer los iconos Newsstand en dispositivos que ejecutan iOS 6.1 y versiones anteriores. Para obtener ms informacin acerca de estas claves y sus valores, consulte "Contenido del Diccionario UINewsstandIcon" en Informacin Lista de propiedades Referencia clave . Si usted tiene una aplicacin web o una pgina web, puede proporcionar un icono personalizado que los usuarios pueden mostrar en sus pantallas de inicio mediante la funcin de clip web. Usuarios Toque el icono para llegar a su contenido web en un solo paso. Usted puede crear un icono que representa su sitio web en su conjunto o un icono que representa una sola pgina web. iOS tambin muestra los iconos de clip web en Safari Favoritos, que es la cuadrcula de iconos que aparecen cuando los usuarios tocan el campo URL o abrir una nueva pestaa en Safari. Si el contenido de la web se distingue por una imagen familiar o combinacin de colores reconocibles, tiene sentido de incorporar en su icono. Sin embargo, para asegurarse de que su icono se ve muy bien en el dispositivo, tambin debe seguir las directrices de esta seccin. (Para saber cmo agregar cdigo a tu sitio web para proporcionar un icono personalizado, consulte Gua de safari de contenido web .) Para el iPhone y el iPod touch, crear iconos que miden:

120 x 120 pxeles 60 x 60 pxeles (resolucin estndar) Para iPad, crear iconos que miden:

152 x 152 pxeles 76 x 76 pxeles (resolucin estndar) Nota: Usted puede prevenir la adicin de cualquier efecto por el nombramiento de su icono
apple-touch-icon-precomposed.png .

Puede crear una imagen de tamao variable para personalizar el fondo de varios elementos de la interfaz de usuario estndar, tales como panecillos, botones, barras de navegacin, barras de tabulacin y barras de herramientas (incluidos los elementos de estas barras). Proporcionar imgenes de tamao variable para estos elementos puede dar lugar a un mejor rendimiento de aplicaciones. Para muchos de los elementos de interfaz de usuario, tambin puede especificar tapas, adems de un aspecto de fondo. Una tapa de extremo define un rea de la imagen que no se debe cambiar de tamao. Por ejemplo, puede crear una imagen de tamao variable, que incluye cuatro tapas de los extremos que definen las cuatro esquinas de un botn. Cuando la imagen se cambia el tamao llenar rea del fondo del botn, las partes definidas por las tapas de los extremos se dibujan sin cambios. Dependiendo de las dimensiones de la imagen puede cambiar el tamao que usted suministra, ya sea iOS tramos o azulejos que en su caso para llenar rea de fondo de un elemento de la interfaz de usuario. Para estirar una imagen significa para ampliar la imagen, sin tener en cuenta su relacin de aspecto original. El estiramiento es performant, pero no suele ser deseable una imagen multipixel que puede distorsionar para. Para baldosas de una

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos

imagen es repetir la imagen original tantas veces como sea necesario para llenar el rea de destino. Forros es menos eficiente que el estiramiento, pero es la nica manera de lograr un efecto de textura o estampado. Como regla general, usted debe proporcionar la ms pequea imagen (excluyendo las tapas finales) que dar lugar a la apariencia que desea. Por ejemplo:

Si usted quiere un color slido, sin gradiente, crear una imagen de punto de 1 x 1. Si desea un gradiente vertical, crear una imagen que tiene una anchura de 1 punto y una altura que coincide con la altura del fondo del elemento de interfaz de usuario. Si desea proporcionar una apariencia de textura de repetir, es necesario crear una imagen con dimensiones que coinciden con las dimensiones de la parte de repeticin de la textura. Si desea proporcionar una apariencia de textura no se repite, es necesario crear una imagen esttica con dimensiones que coinciden con las dimensiones de la zona de fondo del elemento de interfaz de usuario.

En esta tabla se describen los cambios en Interface Guidelines iOS Humanos .

Fecha Notas 03/10/2014 Directrices sobre onboarding Alta; hecho pequeas correcciones y actualizado algunas obras de arte. 11/02/2014 Se ha corregido errores tipogrficos y reemplazado algunas obras de arte anticuado. 22/10/2013 Alta App tamao de los iconos de alta resolucin del iPad Mini, corregida Newsstand tamao de los iconos, y restableci el iPhone 5 pautas de diseo. 18/09/2013 Reorganizado y actualizado para iOS 7.
Apple Inc. Copyright 2014 Apple Inc. Todos los derechos reservados. Ninguna parte de esta publicacin puede ser reproducida, almacenada en un sistema de recuperacin, o transmitida de ninguna forma ni por ningn medio, mecnico, electrnico, por fotocopia, grabacin o cualquier otro, sin el permiso previo por escrito de Apple Inc., con las siguientes excepciones : Cualquier persona est autorizada para almacenar documentos en una sola computadora para uso personal y para imprimir copias de la documentacin para su uso personal, siempre que la documentacin contiene el aviso de copyright de Apple. Sin licencia, expresa o implcita, se concede en relacin con cualquiera de la tecnologa descrita en este documento. De Apple se reserva todos los derechos de propiedad intelectual relacionados con la tecnologa descrita en este documento. Este documento tiene por objeto ayudar a los desarrolladores de aplicaciones para desarrollar aplicaciones slo para los ordenadores de marca Apple. Apple Inc. 1 Infinite Loop Cupertino, CA 95014 408-996-1010 Apple, el logo de Apple, AirPlay, Apple TV, Finder, iPad, iPhone, iPod, iPod touch, iTunes, Keynote, OS X, libretas, Safari, Shake, Siri, Spotlight y Xcode son marcas comerciales de Apple Inc., registradas en los EE.UU. y otros pases. AirPrint, Multi-Touch, y retina son marcas comerciales de Apple Inc. Genio, iAd y iCloud son marcas registradas de Apple Inc., registradas en los EE.UU. y otros pases. App Store es una marca de servicio de Apple Inc. OpenGL es una marca comercial registrada de Silicon Graphics, Inc. IOS es una marca comercial o marca registrada de Cisco en los EE.UU. y en otros pases y se utiliza bajo licencia.
A pesar de que Apple ha revisado este documento, APPLE NO OFRECE NINGUNA GARANTA NI REPRESENTACIN, EXPRESA O IMPLCITA, CON RESPECTO A ESTE DOCUMENTO, SU CALIDAD, EXACTITUD, COMERCIALIZACIN O IDONEIDAD PARA UN PROPSITO PARTICULAR. EN CONSECUENCIA, ESTE DOCUMENTO SE PROPORCIONA "TAL CUAL" Y usted, el lector, estn asumiendo TODO EL RIESGO EN CUANTO A SU CALIDAD Y EXACTITUD. EN NINGN CASO NI APPLE SERN RESPONSABLES POR DAOS DIRECTOS, INDIRECTOS, ESPECIALES, IMPREVISTOS, O COMO CONSECUENCIA DE CUALQUIER DEFECTO O INEXACTITUD EN ESTE DOCUMENTO, incluso si se advirti de la posibilidad de tales daos. LA GARANTA Y LAS SOLUCIONES ESTABLECIDAS ARRIBA SON EXCLUSIVAS Y EN LUGAR DE TODAS LAS DEMS, ORAL O ESCRITA, EXPRESA O IMPLCITA. Ningn distribuidor de Apple, agente o empleado est autorizado para realizar modificaciones, extensiones o adiciones a esta garanta. Algunos estados no permiten la exclusin o limitacin de garantas o responsabilidades por daos incidentales o consecuentes implcitas, por lo que la limitacin o exclusin anterior puede no aplicarse en su caso. Esta garanta le otorga

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

Interface Guidelines iOS Humanos


derechos legales especficos, y usted tambin puede tener otros derechos que varan de estado a estado.

Interface Guidelines iOS Humanos.html[27-04-14 22:17:47]

You might also like