Copyright.

Laura Martnez Garca 2013

Interfaces para
dispositivos mviles

Corporacin Universitaria Rafael Nez
El diseo de interfaces es parte activa en la innovacin de aplicaciones mviles.
Actualmente, son 4 las plataformas : Android, iOS, Windows Phone y el casi
olvidado BlackBerry, 4 experiencias de usuario diferentes.

INTERFACES ANDROID
Un estilo es una coleccin de propiedades que especifican que aspecto ha de
tener un objeto View o una ventana. Con los estilos podemos definir propiedades
como la altura, relleno, color del texto, fondo etc. Los estilos en Android
comparten la filosofa de las hojas de estlo en cascada (CSS), permitiendo
separar el diseo del contenido.
a. Instagram



b. Facebook

c. Foursquare



d. Twitter




INTERFACES iOS
La interfaz de usuario de iOS est basada en el concepto de manipulacin
directa, usando gestos multitctiles. Los elementos de control consisten de
deslizadores, interruptores y botones. La respuesta a las rdenes del usuario es
inmediata y provee de una interfaz fluida. La interaccin con el sistema operativo
incluye gestos como deslices y toques, los cuales tienen definiciones diferentes
dependiendo del contexto de la interfaz.
Se utilizan acelerometros internos para hacer que algunas aplicaciones
respondan a sacudir el dispositivo (por ejemplo, para el comando deshacer) o
rotarlo en tres dimensiones (un resultado comn es cambiar de modo vertical al
apaisado u horizontal).
a. Instagram






b. Facebook


c. Foursquare

d. Twitter


WINDOWS PHONE WINDOWS 8
Windows Phone inspirado en las seales del metro, cuenta con una nueva
interfaz de usuario, llamada Metro. La pantalla de inicio, llamada "Start Screen", se
compone de "Live Tiles", mosaicos dinmicos que son enlaces a aplicaciones,
caractersticas, funciones y objetos individuales (como contactos, pginas web, o
archivos multimedia) y que muestran informacin til y personalizada para el
usuario. Estos mosaicos se actualizan frecuentemente manteniendo informado de
cualquier cambio al usuario.
Windows Phone utiliza tecnologa multitctil(Significa que se puede usar con ms
de un dedo). La interfaz por defecto de Windows Phone tiene un estilo visual
negro que prolonga la batera en pantallas OLED ya que los pxeles negros no
emiten tanta luz como otros, por lo tanto no gastan tanta batera.
a. Facebook

b. Twitter

c. Foursquare


USABILIDAD EN APP MVILES

El entorno en el que un usuario usa un telfono mvil y las caractersticas del
propio dispositivo son dos elementos clave a tener en cuenta en el diseo de
interfaces de aplicaciones.
En el caso del mvil, el entorno es cambiante, dinmico. El usuario puede estar
distrado o tener prisa, por lo que la estructura de navegacin tiene que ser muy
simple y hay que evitar (ms que nunca) los pasos innecesarios.
Por otro lado, la tarea que est realizando el usuario puede interrumpirse por
prdida de cobertura, por una llamada entrante o por una simple distraccin. Por
lo tanto, el diseo debera permitir recuperar el proceso en curso tras la
interrupcin (adquiere especial importancia el principio de no hacer que el
usuario tenga que recordar las cosas).
Los dispositivos en s tienen unas caractersticas fsicas que afectan negativamente
a la usabilidad de una aplicacin, como por ejemplo:
Tamao de la pantalla
Tamao de las teclas
Dificultad para escribir texto
Ancho de banda e inestabilidad de la conexin
A continuacin se presentan diseos de interfaces mviles que cumplen con los
criterios de usabilidad y diseo. Fuente original: 1stwebdesigner.com
Camera Genius


Istid


Moodswings



MemoCards


Grocery List



Quote Roller




Mingle



Sudoku



I Do Lists


RaceSplitter


Billings Touch


Ogorod Stuff


TV App


WoooBee




Air Dictate



iPhone Restaurant App





Bosquet



My Seeen



Mountain High




Red Stamp


Snapguide




eBoy FixPix