Guia IOS

5/26/2018 Guia IOS

1/150

Interface Guidelines iOS Humanos

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


Contenido

UI Design Basics 8

Disear para iOS 7 9 Aplazar paraContent 10 ProporcionarClaridad 12Utilice profundidad para Comunicar 16

iOS App Anatoma 22

Inicio y detencin de 25 de inicio de forma instantnea 25Estn siempre preparados paraDetener 27

Layout 30

Navegacin 34

Modal Contextos 37

Interactividad y Retroalimentacin 39 usuarios saben la NormaGestos 39 elementos interactivos InvitarTouch 41 Comentarios AidsEntendimiento 47Informacin Introduccin Debe Ser Fcil 48

Animacin 49

Branding 50

El color y la tipografa 52

Color MejoraComunicacin 52 del texto debe estar siemprelegibles 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 DeviceOrientacin 61 Downplay Archivo y DocumentoManejo 63

Sea Configurable SiNecesario 64

Tome ventaja de iOS Tecnologas 65

Diseo Estrategias 66
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark137http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark138http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark139http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark139http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark140http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark140http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark141http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark142http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark143http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark144http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark144http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark145http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark148http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark149http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark150http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark150http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark151http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark151http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark152http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark152http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark153http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark156http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark157http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark159http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark160http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark160http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark161http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark163http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark164http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark165http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark167http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark167http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark168http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark169http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark170http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark170http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark169http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark168http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark167http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark167http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark165http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark164http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark163http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark161http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark160http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark160http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark159http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark157http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark156http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark153http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark152http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark152http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark151http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark151http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark150http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark150http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark149http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark148http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark145http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark144http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark144http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark143http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark142http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark141http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark140http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark140http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark139http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark139http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark138http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark137

5/26/2018 Guia IOS

2/150



Diseo Principios 67

Esttica Integridad 67

Coherencia 68

DirectoManipulacin 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 podrangustar 72

2. Determinar que sus usuariosson 73

3. Se filtra la lista de funciones a travs de la AudienciaDefinicin 73

4. No pareNo 73

Tailor personalizacin a la Tarea 74 prototiposIterar 76

Estudio de caso: De escritorio paraiOS 78 Keynote en el iPad 78Mail el iPhone 81

Contenido en la Weben iOS 82

Corriendo en el iPhone 5 84

iOS Tecnologas 91

Passbook 92

Multitasking 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
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark171http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark172http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark174http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark177http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark178http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark179http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark179http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark180http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark181http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark182http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark183http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark184http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark185http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark185http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark186http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark187http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark187http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark188http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark189http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark190http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark191http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark195http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark197http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark198http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark199http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark200http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark202http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark203http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark203http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark202http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark200http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark199http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark198http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark197http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark195http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark191http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark190http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark189http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark188http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark187http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark187http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark186http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark185http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark185http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark184http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark183http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark182http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark181http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark180http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark179http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark179http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark178http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark177http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark174http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark172http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark171

5/26/2018 Guia IOS

3/150



Sonido 126

Entender usuarioExpectativas 126

Definir el comportamiento de audio de su aplicacin 127 Administrar AudioInterrupciones 132

Maneje los soportes Control Remoto Eventos, si Apropiada 134

VoiceOve r 135

Editar Men 136

Deshacer y Rehacer 139

Teclados y entradaViews 141

UIElementos 142

Bar s 143

El EstadoBar 143 Navegacin Bar 144

Barra de herramientas 147

Barra de herramientas y la barra de navegacin Botones 148 TabBar 150

Tab BarIcons 152 Search Bar 153

Alcance Bar 155

Contenido Reproducciones 156

Actividad 156

Actividad View Controller 158 CollectionVer 160

Ver ContenedorControlador 161 ImagenVista 162

Mapa Vista 163

Pgina Vista Controlador 164 Popover (iPadsolamente) 166 ScrollView 169

Dividir Vista Controlador (iPad solamente) 171 TablaVer 173

Texto Vista 179

Web View 180

Controla 182

Actividad Indicador 182 Contacto AadirButton 183 Fecha Picker 183

Detalle DivulgacinButton 184 InfoBotn 185

Marque 185

Red de ActividadIndicador 186 Pgina de control 186

Selector de 188

Progreso Vista 189

Actualizacontrol 190

Rectngulo redondeadoBotn 191 segmentadade control 191

Corredera 192

Stepper 192

Interruptor 193

Sistema Botn 194

Texto El campo 195

TemporalVistas 197
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark205http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark206http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark208http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark208http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark209http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark210http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark211http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark212http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark213http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark214http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark215http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark216http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark219http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark222http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark224http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark224http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark225http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark226http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark228http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark229http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark229http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark230http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark231http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark231http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark232http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark233http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark234http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark234http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark235http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark235http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark236http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark237http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark237http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark238http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark239http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark241http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark242http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark242http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark243http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark243http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark244http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark245http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark245http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark247http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark250http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark251http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark252http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark253http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark253http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark257http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark258http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark259http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark259http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark258http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark257http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark253http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark253http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark252http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark251http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark250http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark247http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark245http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark245http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark244http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark243http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark243http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark242http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark242http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark241http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark239http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark238http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark237http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark237http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark236http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark235http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark235http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark234http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark234http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark233http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark232http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark231http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark231http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark230http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark229http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark229http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark228http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark226http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark225http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark224http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark224http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark222http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark219http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark216http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark215http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark214http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark213http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark212http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark211http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark210http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark209http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark208http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark208http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark206http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark205

5/26/2018 Guia IOS

4/150



Alertar a 197

Accin Hoja de 200

Modal View 203

Icono Imagen y Diseo 206

Icono e ImagenTallas 207

App Icon 209

DocumentIcons 212

Spotlight y Ajustes Icons 212

LaunchImgenes 215 botn de la barraIconos 218 Newsstand Icons 221 Web ClipIcons 224

Creacin de tamao variable Imgenes 225

Revisin del documentoHistoria 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 dela barra

152

Icono e ImagenTallas 207

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

Newsstand Icons 221

Tabla 43-1 Mxima tamaos escala para per-temaiconos 223

"Disear para iOS 7 " (pgina 9)

"IOS AppAnatomy " (pgina 22)

"Arrancar yParar " (pgina 25)

"Diseo" (pgina 30)

"Navegacin" (pgina 34)

"ModalContextos " (pgina 37)

"La interactividad y Feedback " (pgina 39)

"Animacin" (pgina 49)

"Branding" (pgina 50)

"El color yla tipografa " (pgina 52)

"Iconos ygrficos " (pgina 56)

"Terminologa yfraseologa " (pgina 58)

"La integracin coniOS " (pgina 60)
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark261http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark263http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark264http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark266http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark267http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark268http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark270http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark270http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark271http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark271http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark273http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark273http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark274http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark275http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark207http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark215http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark220http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark223http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark223http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark264http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark265http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark271http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark272http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark138http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark142http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark143http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark148http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark149http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark156http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark159http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark163http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark164http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark164http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark163http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark159http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark156http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark149http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark148http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark143http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark142http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark138http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark272http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark271http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark265http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark264http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark223http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark223http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark220http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark215http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark207http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark275http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark274http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark273http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark273http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark271http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark271http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark270http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark270http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark268http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark267http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark266http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark264http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark263http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark261

5/26/2018 Guia IOS

5/150



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 lafuncionalidad 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

5/26/2018 Guia IOS

6/150



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 y-

lugar-dej que el contenido se extiende a los bordes de la pantalla. El tiempo es ungran 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.

5/26/2018 Guia IOS

7/150



Reconsiderar indicadores visuales de lo fsico y el realismo. biseles, gradientes y sombreado a veces llevan a los elementos de interfaz deusuario 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

5/26/2018 Guia IOS

8/150



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 contenidoy 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.

5/26/2018 Guia IOS

9/150



Que color de simplificar la interfaz de usuario. A interactividad clave colores como el amarillo en notas a destacados estado importante ysutilmente 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 delsistema 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

5/26/2018 Guia IOS

10/150



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 empleacontexto, 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.

5/26/2018 Guia IOS

11/150



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 lapantalla.

5/26/2018 Guia IOS

12/150



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.

5/26/2018 Guia IOS

13/150



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.

Anatoma iOS App

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.

5/26/2018 Guia IOS

14/150



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 eldesplazamiento, 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 enpantalla 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 devista 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.

5/26/2018 Guia IOS

15/150



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, unapantallageneralmente corresponde a un estado visual di ferente 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 tienepartes 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 pantallase 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 UIScreenobjeto 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 estebreve 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 puedehacer 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

5/26/2018 Guia IOS

16/150



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 usuariospueden 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

5/26/2018 Guia IOS

17/150



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 suaplicacin 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 explicacmo 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 losusuarios 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 dispositivoEl iPhone, la orientacin por defecto es el retrato; en eliPad, es la orientacin del dispositivo actual. Si su aplicacin se ejecuta sloen 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 deInicio 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
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark166

5/26/2018 Guia IOS

18/150



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 deusuario final cuando comienzan su aplicacin. En su lugar, usted puede dejar el App Store mostrar su aviso o acuerdo de licencia de usuariofinal (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 querecordar 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 segundoplano se puede contar para sali r 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).
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark193http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark269

5/26/2018 Guia IOS

19/150



Nunca salir de una aplicacin de iOS mediante programacin. Las personas tienden a interpretar esto como un choque. Si hay algo queimpide 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, mostraruna pantalla en la que se describe la situacin y sugiere una correccin. Lainformacin 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 deutilizar 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 cuandolas 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.

5/26/2018 Guia IOS

20/150



Recomendado

No se recomienda

Que sea fcil para centrarse en la tarea principal, elevando el contenido o funcionalidad importante. Algunas buenas maneras de haceresto 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:

5/26/2018 Guia IOS

21/150



Utilice el peso visual y equilibrio para mostrar a los usuarios la importancia relativa de los elementos en pantalla. Los artculos grandesllaman 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 aplicacinvea 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 nodeberan 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
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158

5/26/2018 Guia IOS

22/150



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 funcionessimilares 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, losusuarios 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.


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.


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 estilode 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
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark158

5/26/2018 Guia IOS

23/150



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 denavegacin 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 buenamanera 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 opgina. Un control de la pgina es buena para mostrar a los usuarios cmo se encuentran disponibles muchos artculos o pginas y que uno semuestra 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 enms 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 "ModalView " (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 nopermite 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.
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark261http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark261http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark261http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark261http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark248http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark221http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark217

5/26/2018 Guia IOS

24/150



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 miniaplicacin 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 eldestino 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 unbotn 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
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark262

5/26/2018 Guia IOS

25/150



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 requiereun 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.
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260

5/26/2018 Guia IOS

26/150



Deslice Con un dedo, para volver a la pantalla anterior, para revelar la vista oculta en una vista dividida (sloiPad) 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 laposicin del cursor.

5/26/2018 Guia IOS

27/150



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 gestoestndar 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 delos 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 seaposible, siempre ofrece a los usuarios una forma sencilla y directa para llevar a cabo una accin, incluso s i 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, gestospersonalizados 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 MultiFingercostumbre, 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.

5/26/2018 Guia IOS

28/150



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 util iza un color clave.

5/26/2018 Guia IOS

29/150



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 tienenfronteras 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.

5/26/2018 Guia IOS

30/150



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 pantal las de cronmetro y el temporizador para l lamar la atencin sobre el Inicio y Pausa botones y para quesean fciles de tocar incluso cuando el entorno del usuario estn distraer.

5/26/2018 Guia IOS

31/150



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 susacciones. 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 entregarimportante-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
http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260http://users/jmellado31/Downloads/IOS%20Human%20Interface%20Guidelines.html#bookmark260

5/26/2018 Guia IOS

32/150



Una lista de opciones de configuracin

Obtener informacin de iOS, cuando sea apropiado. Personas almacenar gran cantidad de informacin en sus dispositivos. Cuando tienesentido, 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

5/26/2018 Guia IOS

33/150



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


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 laanimacin 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 utilizacinde 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 lalicencia 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

Documents

Guia IOS