Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

INTERFAZ DE USUARIO PARA DISPOSITIVOS MOVILES

No description
by

John Wilmer Gòmez Pulido

on 5 November 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of INTERFAZ DE USUARIO PARA DISPOSITIVOS MOVILES

DESARROLLO DE INTERFAZ PARA DISPOSITIVOS MOVILES
HISTORIA
NORMATIVIDAD
PROBLEMAS COMUNES A LA HORA DE IMPLEMENTAR UNA INTERFAZ
MECANISMOS DE INTERACCIÓN PARA DISPOSITIVOS MÓVILES
MANEJO DE ESPACIOS EN UNA PANTALLA DE DISPOSITIVO MOVIL
S.O Y EXPLORADORES PARA DISPOSITIVOS MÓVILES
UNA MIRADA AL FUTURO
Vannevar Bush
[1945]
Primer científico en describir un computador analógico teórico llamado mermex
Ivan Sutherland
[1963]
Estudiante de doctorado del MIT, en su tesis doctoral desarrolla un programa llamado "Sketchpad"
Douglas Engelbart
[1970]
trabajo en la investigación sobre la interacción hombre/máquina y en el año 1970 implementó y patento el primer ratón
Xerox Alto
[1973]
El centro de investigaciones Xerox Alto encontró un modelo óptimo que permite el desarrollo de una interfaz que abre los procesos de configuración al usuario de una forma amigable
HISTORIA
La interfaz gráfica surge como respuesta a la necesidad de encontrar un método que permita la interacción amigable con dispositivos computacionales que superara la interfaz de lineas de comando
PRECURSORES
EVOLUCIÓN ANDROID
INICIO
Antes de que se hiciera el lanzamiento oficial de Android al mercado existieron algunos prototipos implementados en dispositivos LG como el HT723
Android 1.0
[22/10/2008]

G1 de T-Mobile primer dispositivo móvil con Android abordo, su principal característica en cuanto a interfaz gráfica fue la ventana de notificación desplegable que incorporo Android.
Android 1.1
Fue lanzada al mercado 3 meses después del lanzamiento del G1, en esta versión se corrigieron algunos errores y mejoraron la interfaz.
Android 1.5 Cupcake
Primera versión en utilizar nombre de postre

Primera versión en ejecutarse en un dispositivo de pantalla táctil llamado HTC Magic, debido a esto Android implemento su primer teclado virtual
Android 1.6 Donut
Soporte para redes CDMA
El S.O corre en múltiples resoluciones de pantalla
Búsquedas rápidas
Lista de aplicaciones gratuitas
Android 2.0 & 2.1 Eclair
Integra Google Maps
Nueva pantalla de bloqueo
De voz a texto
Fondos de pantalla animada
Soporte HTML5
Android 2.2 Froyo
[2010]

Implementa hostpot móvil para compartir la conexión 3G

Implementa puntos de referencia que permiten saber en cada momento el punto exacto de la pantalla en el cual se esta ubicado.
Android 2.3 Gingerbread
[2011]

Implementa un nuevo control para copiar y pegar a través de unas pestañas que permiten la selección del texto a copiar
Se implementan mejoras en el teclado
Maximizan el rendimiento de la batería
Se implementan los primeros juegos en 3D

Versión de Android para tablets

Cambio el color típico de verde a azul
Final de botones físicos
Barra de aplicaciones
Android 3.0 Honeycomb
Se modifica el tipo de letra Droid por Roboto
Implementa sistema de corrección que resalta las palabras en rojo
Desbloqueo facial
Análisis de datos
Android 4.0 Ice
Cream Sandwich
[2012]
Aumenta la velocidad del procesador
Mejoran la interactividad con los iconos desde el escritorio
Se incorpora desplazamiento por voz
Android 4.1 Jelly Bean
Nueva versión Android cuyo estreno tendrá lugar en octubre de 2013
Se integran transparencias y filtros para cámara fotográfica
Impresión de imágenes a través de distintos sistemas
Integra Miracast para ver contenidos en pantallas mas grandes
Android 4.4 KitKat
Evolución Android
Declaraciones de buenas practicas segun la W3C para dispositivos móviles
Comportamiento Global
Navegación y Enlaces
Diseño de Interfaz y Contenido
Definicion De la Interfaz
Entrada de usuario
Navegación y Enlaces
Debido a las limitaciones en pantallas de dispositivos móviles se debe tener cuidado con el modelo de navegación.
Diseño de Interfaz y Contenido
En esta sección se busca impactar la percepción del usuario a través del diseño de contenido, textos y relación espacial entre los elementos que lo conforman.
Definición de la Interfaz
Percepción e interacción del usuario con la interfaz.
NORMATIVIDAD
W3C (World Wide Web Consortium)
Comunidad internacional que se dedica al desarrollo de nuevos estandares web
MISION
Guiar a la web hacia su máxima expresión
en cualquier tipo de dispositivo
aprovechando las nuevas tecnologías
Comportamiento Global
Esta ligado directamente a la forma en que se debe entregar información a un dispositivo móvil teniendo en cuenta que:
Hacer una análisis pre implementación para definir lo que se espera alcanzar y como hacerlo evitando productos deficientes

Visualización coherente del contenido sin importar el dispositivo desde el cual se haya accedido

Explotar las capacidades del dispositivo para mejorar la experiencia del usuario

Llevar a cabo pruebas en dispositivos reales o simuladores que permitan una correcta evaluación del producto
Permitir el ingreso de URL cortas
* Http://www.example.org/index.html
* example.org
Barras de navegación que permitan un desplazamiento intuitivo en el dispositivo móvil

Entre menos obstáculos haya entre el usuario y los contenidos mejor

Teclas de acceso o atajo de teclado
Claridad y Sencillez en los contenidos
División de la interfaz en porciones de tamaño usable
Implementar buenos controles de desplazamiento
Buen manejo del color
Texto y títulos amigables
Uso y manipulación de iconos interactivos
Delimitación del espacio
Soporte para hojas de estilo
Entrada de Usuario
Minimizar al máximo los obstáculos que pueda tener el usuario al hacer cualquier tipo de consulta
Limitar al usuario siempre que sea posible la entrada de datos

Crear un orden lógico en los vínculos
PROBLEMAS COMUNES A LA HORA DE IMPLEMENTAR UNA INTERFAZ
Múltiples tamaños, plataformas, exploradores y formas de interpretar código
Tiempo de respuesta entre aplicaciones o consultas del usuario
Métodos eficientes para adaptación de contenido web
Manejo eficiente de recursos
Discapacidad física

MECANISMOS DE INTERACCIÓN PARA DISPOSITIVOS MÓVILES
CATEGORÍAS
Teclado Convencional
Teclado Qwerty
Teclado Táctil y Multitáctil
Comúnmente de dimensiones reducidas, necesitan de varias pulsaciones para introducir texto
TECLADO CONVENCIONAL
Variante del teclado convencional, pone a disposición del usuario mas teclas para ingresar texto de una manera mas fácil.
TECLADO QWERTY
A partir de la llegada del IPhone se impulso el uso de pantallas táctiles y multitáctiles a través de teclados virtuales.
TECLADO TÁCTIL O MULTITÁCTIL
ZONAS DE COMUNICACIÓN
MANEJO DE ESPACIOS EN UNA PANTALLA DE DISPOSITIVO MOVIL
ZONA DE CONTROL
Es la responsable del flujo o ritmo de la navegación del usuario a través del multimedia o software educativo
ZONA DE TRABAJO
Es aquella en donde se despliegan los contenidos o cualquier otra información que requiera ser abordada por el usuario
ZONA DE CONTEXTO
Es la que indica al usuario en que parte de la interfaz esta situado a través de notas de sección, rutas de navegación, o cualquier otro recurso que ayude al usuario a ubicarse en determinado contexto.
RESOLUCIÓN DE PANTALLA Y COLOR
LAYOUTS
Estructura básica interfaz escritorio
Estructura Básica Interfaz Dispositivo móvil
EXPLORADORES
OPERA MOBILE
OPERA MINI
S60 BROWSER
NETFRONT
SAFARI
INTERNET EXPLORER MOBILE
TEASHARK
SISTEMAS OPERATIVOS
IOS
ANDROID
WINDOWS PHONE
MeeGo
Obada
webOS
BLACKBERRY OS
S.O Y EXPLORADORES PARA DISPOSITIVOS MÓVILES
UNA MIRADA AL FUTURO
GRACIAS POR SU ATENCIÓN
Full transcript