• Author / Uploaded
• Cesar Nuñez Jimenez

Citation preview

Núñez Jiménez Ricardo César

8s11

¿Qué es la interfaz? Es la apariencia de tu móvil Android y todos los controles que te permiten manejarlo. Dicha interfaz puede cambiar dependiendo del modelo ya que muchos fabricantes la adaptan a su estilo y necesidad, pero siempre ofrece escritorios en los que poner las aplicaciones o los widgets, incluye los ajustes del móvil, barra de notificaciones y, por lo general, un «cajón» donde se encuentra todo lo instalado. La interfaz de los móviles Android puede cambiarse gracias a los conocidos como «launchers». Así, conseguirás que tu móvil se adapte justo a lo que buscas. Y hay muchos launchers disponibles, algunos incluso con la opción de instalar temas y packs de iconos. No te conformes con la interfaz de serie que trae tu smartphone y logra una adaptada a tu estilo Pasos para construir una interfaz de usuario atractiva al cliente 1- Definir el target objetivo ¿Qué debéis tener en cuenta para construir una buena interfaz de usuario? Lo primordial es tener claro el target al cual estáis apuntando. No es lo mismo hacer una para niños, adultos o personas mayores, las cuales pueden tener problemas de visión. Y no sólo es cuestión de la edad, recordad que hay personas daltónicas y que ciertas combinaciones de colores pueden ser un inconveniente. 2- Evitar el exceso de iconos También hay que evitar cargar de iconos los elementos, como poner uno en cada botón distinto, cuando con un texto siempre queda más limpio y presentable. Todo esto es algo que debéis estudiar con vuestro equipo de diseño, si disponéis de uno, o si estáis en solitario, fijaros en como va evolucionando el mercado. Hace poco, con motivo de la actualización 5.0 de Android, se introdujo un concepto nuevo para la web y apps llamado Material Design. Este concepto precisamente reúne todo lo expuesto unas líneas más arriba: simplicidad, lógica y buena distribución, donde la profundidad y las sombras de los objetos tienen su papel. ¿Las sombras un elemento importante? Pues si. Material design persigue un acercamiento a la realidad de nuestra interfaz de usuario, haciendo que la superposición de los objetos y sus sombreados ayuden a las personas a entender la jerarquía de importancia. 3- Animaciones explicativas Otro aspecto importante de esta capa son las animaciones. ¿Alguna vez habéis presionado un botón y no sabéis si la app está haciendo lo que se le ha pedido o, por el contrario, se ha quedado colgada? Bien, esto se puede evitar con las animaciones. Un “cargando...” no cuesta nada de poner y parece increíble lo mucho que transmite que te aparezca un reloj de arena o una rueda dando vueltas. Esto se llama “feedback”, genera una relación entre programa y usuario necesaria para una buena interfaz, ya que le da respuesta inmediata de

Núñez Jiménez Ricardo César

8s11

sus actos. No hay nada más frustrante que un internet lento, un ordenador que funcione a pedales, o una aplicación que no sabes si está funcionando o se ha quedado en el limbo de la navegación porque no es capaz de responder.

4- Tamaños de pantalla adaptados Finalmente, los tamaños de pantalla. Hasta ahora hemos hablado de responsive relacionado con web, pero debéis saber que también existe esto en las aplicaciones móviles, y de hecho es muy importante. Nunca sabéis qué dispositivo va a procesar vuestro diseño. Pueden ser muy altas y poco anchas, ser tabletas enormes, y otros tantos formatos que nunca parecen coincidir. Si bien es cierto que hay resoluciones estandarizadas, parece que los fabricantes nunca se ponen de acuerdo con usarlas y cada uno decide hacer lo que quiere. Vosotros como desarrolladores debéis adelantaros a eso y tener en mente que es imposible llegar a controlar todo el mercado. Un buen interfaz se debe adaptar a todo tipo de tamaños.

Entonces, hemos visto que la interfaz de usuario es la capa que las personas ven, de manera literal, con la que interactúan para poder satisfacer las necesidades que la aplicación debe cubrir, y debe ser simple, clara, con colores planos sin degradados y ofrecer respuesta a todas las acciones que realice el ser humano que está sosteniendo ese pedazo de tecnología.

Núñez Jiménez Ricardo César

8s11

Características para la creación de interfaces de usuario

Simpleza

Claridad

Coherencia

Familiaridad

Rapidez

La simplicidad de tu interfaz permite que el usuario pueda usarla de forma fluida. Si bien añadir características y contenido adicionales a tu aplicación puede ser tentador, debes preguntarte si realmente dicha función es necesaria para el usuario. Asegúrate que cada una de esas funciones tenga un propósito específico y mejore la experiencia de usuario. Para mejorar la claridad de tu interfaz debes colocar textos precisos a botones. Nombrar apropiadamente los elementos del menú y cualquier otro contenido textual que posea la interfaz. Los mensajes deben ser concisos. Tu usuario espera poder navegar rápidamente la página. Si no eres conciso en tus mensajes, los usuarios no los leerán y afectará de forma negativa la experiencia de usuario. Algunos factores que permiten la coherencia en una interfaz es el tratamiento de las imágenes, las fuentes, el lenguaje y tono de comunicación, el uso de los colores, la ubicación del menú y el logo. Para poder tener una interfaz que se sienta familiar debes emplear iconos universales como el hamburger menu en aplicaciones móviles e incluso en interfaces web de ser necesario. También debes mantener ciertos elementos en sitios específicos, por ejemplo, el logo en un sitio web se suele colocar en la parte superior izquierda y se enlaza con la página de inicio, a pesar que el botón de “Inicio” sea uno de los elementos del menú. Todas las características mencionadas previamente permiten que el usuario pueda navegar y aprender a controlar la interfaz más rápidamente. Si bien la claridad y la simplicidad permiten que el usuario pueda “leer” la interfaz rápidamente, es importante que esa velocidad también debe ser reflejada cada vez que el usuario realiza alguna acción. Es decir, la respuesta que debe obtener debe ser prácticamente inmediata.

Instituto Internet. (2019). Cinco características de una buena interfaz de usuario. 21/05/2020, de Instituto Internet Sitio web: https://www.institutointernet.com/blog/cinco-caracteristicas-de-una-buena-interfaz-deusuario/ Alberto Miro. (2015). ¿Qué es la interfaz de usuario en una aplicación?. 21/05/2020, de DESARROLLO DE APPS Sitio web: https://www.deustoformacion.com/blog/desarrolloapps/que-es-interfaz-usuario-aplicacion