iOS Human Interface
Guidelines




                      Desarrollo de App
                           Moviles
                      Cesar Yenque Leon
Display
• 44x44 puntos es lo minimo que se requiere para
  crear una interfaz de usuario.
• En una resolucion standard un punto es igual a
  un pixel.
• Para retina display, un punto es igual a 2 pixels
App responden a Gestos, no clicks
Gestos           Accion
Tap              Presiona o selecciona un control o item

Drag             Para desplazamiento vertical u
                 horizontal
                 Para arrastrar un elemento.
Flick            Para desplazarse rapidamente.
Swipe            Con un dedo, revela el boton Eliminar
                 de una tabla, un vista oculta (iPad)
Double Tap       Para acercar y centrar un un bloque de
                 contenido, o para volver si esta la
                 imagen estirada.
Pinch            Pellizcar para agradandar o acercar la
                 imagen.
Touch and hold   Toque y mantenga en el texto editable y
                 le da una vista ampliada en la posicion
                 del cursor.
Shake            Para iniciar una accion de deshacer o
                 rehacer.
Ventana Unica
• Muchas de las app iOS tienen una unica ventana.
• Una ventana en iOS tiene suele ser muy
  diferente a una ventana de app informatica, en
  iOS no tiene barra de titulo o un boton de cierre
• La mayoria de usuarios experimentan que una
  app iOS es un conjunto de pantallas por donde
  se desplazan.
UI
• Si un gran app no tiene una
  interfaz atractiva nos puede
  parecer una tarea mas.
• Pero si esta interfaz es atractiva,
  intiutiva y convincente mejora
  la funcionalidad de una app e
  inspira a un vinculo emocional
  positivo entre los usuarios.
Definir la applicacion
• Listar todas las caracteristicas que pienses que al
  usuario le gusten
• Determinar quienes son los usuarios
• Filtrar las caracteristicas atravez de la definicion
  de la audiencia.
• No deternerse en pensar nuevas ideas.

iOS human interface guidelines yenq

  • 1.
    iOS Human Interface Guidelines Desarrollo de App Moviles Cesar Yenque Leon
  • 2.
    Display • 44x44 puntoses lo minimo que se requiere para crear una interfaz de usuario. • En una resolucion standard un punto es igual a un pixel. • Para retina display, un punto es igual a 2 pixels
  • 3.
    App responden aGestos, no clicks Gestos Accion Tap Presiona o selecciona un control o item Drag Para desplazamiento vertical u horizontal Para arrastrar un elemento. Flick Para desplazarse rapidamente. Swipe Con un dedo, revela el boton Eliminar de una tabla, un vista oculta (iPad) Double Tap Para acercar y centrar un un bloque de contenido, o para volver si esta la imagen estirada. Pinch Pellizcar para agradandar o acercar la imagen. Touch and hold Toque y mantenga en el texto editable y le da una vista ampliada en la posicion del cursor. Shake Para iniciar una accion de deshacer o rehacer.
  • 4.
    Ventana Unica • Muchasde las app iOS tienen una unica ventana. • Una ventana en iOS tiene suele ser muy diferente a una ventana de app informatica, en iOS no tiene barra de titulo o un boton de cierre • La mayoria de usuarios experimentan que una app iOS es un conjunto de pantallas por donde se desplazan.
  • 5.
    UI • Si ungran app no tiene una interfaz atractiva nos puede parecer una tarea mas. • Pero si esta interfaz es atractiva, intiutiva y convincente mejora la funcionalidad de una app e inspira a un vinculo emocional positivo entre los usuarios.
  • 6.
    Definir la applicacion •Listar todas las caracteristicas que pienses que al usuario le gusten • Determinar quienes son los usuarios • Filtrar las caracteristicas atravez de la definicion de la audiencia. • No deternerse en pensar nuevas ideas.