interfaces en dispositivos móviles
TRANSCRIPT
![Page 1: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/1.jpg)
UNIVERSIDAD AUTONOMA DE AGUASCALIENTES
INTERACCION HOMBRE-MAQUINA“INTERFACES EN DISPOSITIVOS
MOVILES”
DEISY YULIANA SALAS LOPEZRAUL QUINTERO ESPARZAMARIA DEL ROSARIO PORTILLO MACIAS
![Page 2: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/2.jpg)
INDICE INTRODUCCION DISPOSITIVOS MOVILES
VENTAJASDESVENTAJAS
INTERFACES CON DISPOSITIVOS MOVILESERRORES DE DISEÑO DE INTERFACESEJEMPLO
CONCLUSIONES REFERENCIAS
![Page 3: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/3.jpg)
INTERFACES EN
DISPOSITIVOS MÓVILES
![Page 4: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/4.jpg)
INTRODUCCION
![Page 5: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/5.jpg)
Los dispositivos móviles representan una nueva oportunidad de acceso para los sistemas de información, entre ellos las bibliotecas digitales. Sin embargo, la diversidad de características de hardware y software que presentan estos dispositivos complica el diseño de interfaces.
![Page 6: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/6.jpg)
DISPOSITIVOS
MÓVILES
![Page 7: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/7.jpg)
Actualmente en el mercado existen múltiples dispositivos móviles que representan una nueva oportunidad de acceso para las bibliotecas digitales:
PDAs celulares Localizadores dispositivos de voz otros aparatos portátiles.
![Page 8: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/8.jpg)
Los dispositivos móviles se han convertido en un elemento clave del mundo actual
![Page 9: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/9.jpg)
Movilidad Oportunidad de
acceso Protocolo de acceso
inalámbrico propio
Ancho de banda pequeño
Capacidad de almacenamiento limitada
Pantallas pequeñas
VENTAJAS DESVENTAJAS
![Page 10: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/10.jpg)
INTERFACES CON DISPOSITIVOS
MOVILES
![Page 11: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/11.jpg)
Para desarrollar interfaces que funcionaran correctamente en todos los dispositivos, al principio se creaban diferentes versiones de código para cada tipo de dispositivo.
![Page 12: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/12.jpg)
INTERFACES GENÉRICAS
Interfaces que varían su aspecto en diferentes dispositivos conservando su funcionalidad
![Page 13: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/13.jpg)
Para que las interfaces diseñadas para ejecutarse en computadoras convencionales funcionen correctamente en dispositivos móviles se han propuesto varias soluciones:
![Page 14: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/14.jpg)
1. Métodos que resumen el contenido de las páginas Web para que se desplieguen sin problema en pantallas pequeñas.
![Page 15: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/15.jpg)
2.Herramientas de conversión, las cuales transforman una interfaz genérica en código escrito en cada uno de los lenguajes de los diferentes dispositivos.
![Page 16: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/16.jpg)
3. Aplicaciones que manejan eficientemente los recursos (CPU, memoria y ancho de banda) de los dispositivos computacionales móviles.
![Page 17: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/17.jpg)
El diseño de interfaces para teléfonos móviles suele ser difícil debido a las siguientes causas:
El gran número y variedad de dispositivos móviles
La amplia gama de navegadores que utilizan Los límites de entrada y salida La falta de directrices y recursos en materia
de diseño La falta de normas.
![Page 18: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/18.jpg)
ERRORES DE DISEÑO DE
INTERFACES
![Page 19: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/19.jpg)
A la hora de diseñar una aplicación, hay errores comunes que los diseñadores pode mos cometer. Las principales equivocacio nes son aquellas que atentan directamente a la usabilidad y funcionalidad de la aplica ción
![Page 20: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/20.jpg)
A continuación se presentaran algunos de los errores de diseño de interfaz para dispositivos móviles:
![Page 21: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/21.jpg)
1) Sobrediseñar:Uno de los mayores deseos de un diseñador es
hacer que su trabajo sea extravagante y sobresalga del resto. Esto puede llevarnos al típico error conocido como “Sobrediseñar”.
![Page 22: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/22.jpg)
2) Subdiseñar:Este es todo lo opuesto al punto anterior. La
falta de un estilo gráfico definido y atractivo puede hacer que el usuario considere la aplicación como de “mala calidad” y que el objetivo para la cual fue creada probablemente ni siquiera se alcance.
![Page 23: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/23.jpg)
3) Diseñar cosas MUY pequeñas:Se debe evitar realizar botones, o cualquier
otro gráfico que requiera interacción, que sean demasiado pequeños, o que estén muy unidos entre sí, porque esto lo que causará es que se seleccione cosas por error, o que no se selec cione nada del todo
![Page 24: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/24.jpg)
4) Sobrecargar el diseño:Suele olvidarse también que el espacio que
tenemos para el diseño es bastante limitado. A veces se trata de meter mucha información en un espacio muy limitado.
![Page 25: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/25.jpg)
5) Ignorar la usabilidad:Cada acción que se quiera realizar en una
aplicación puede tener cientos de maneras de hacerse, el reto entonces es evitar aque llas maneras complicadas, y buscar más bien las maneras más fáciles, rápidas y con menor cantidad de pasos posibles.
![Page 26: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/26.jpg)
EJEMPLO
![Page 28: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/28.jpg)
CONCLUSIONES
![Page 29: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/29.jpg)
Al finalizar la investigación llegamos a las siguientes conclusiones:
Las interfaces en dispositivos móviles nos ayudan a simplificar y mejorar la experiencia del usuario en el manejo de estos.
Estas interfaces tienen que ser sencillas y dinámicas para el usuario.
No siempre podemos utilizar las mismas aplicaciones que utilizamos en la computadora en el dispositivo.
![Page 30: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/30.jpg)
REFERENCIAS
http://blogemarketer.wordpress.com/2008/07/07/diseno-de-interfaces-para-dispositivos-moviles/
http://www.intergraphicdesigns.com/blog/2011/11/13/5-errores-comunes-en-en-el-diseno-de-interfaces-para-dispositivos-moviles/
catarina.udlap.mx/u_dl_a/tales/documentos/msp/.../capitulo1.pdf
![Page 31: Interfaces en dispositivos móviles](https://reader036.vdocuments.site/reader036/viewer/2022062710/5593542b1a28abcb1b8b472c/html5/thumbnails/31.jpg)