Sesión 4: Diseño UI - Universidad Católica de Santa María PDF

DISEÑO UI E. P. Publicidad y Multimedia Docente: Paola E. R. Meza Gómez  Primera Fase Resultado de Aprendizaje Distingue el rol del diseño gráfico en el proceso de visualización relacionado a la experiencia de usuario e interfaz de usuario. Utiliza las herra...

DISEÑO UI E. P. Publicidad y Multimedia Docente: Paola E. R. Meza Gómez  Primera Fase Resultado de Aprendizaje Distingue el rol del diseño gráfico en el proceso de visualización relacionado a la experiencia de usuario e interfaz de usuario. Utiliza las herramientas del software vectorial, de tratamiento de imágenes y de diagramación para diseñar gráficos y elementos multimedia. Elabora propuestas gráficas considerando las necesidades de los usuarios, y en el alto nivel de satisfacción.  Primera Fase Objetivo de Aprendizaje Identificar los elementos que participan en el diseño de interfaz (imágenes, gráficos, color, texto). DISEÑO UI = user interface ✗ Parte visible del software que permite permiten la comunicación entre un usuario y el sistema ✗ También es responsable de transformar las señales generadas por un aparato en señales comprensibles para el hombre. 5 Evolución de las interfaces de usuario 6 ✗ Una interfaz de usuario es un medio que permite a una persona comunicarse con un sistema digital, ✗ recibir ✗ ingresar ✗ darle instrucciones 7 ✗ "[...] generación es un grupo de personas que tienen la misma edad, aproximadamente viven un mismo periodo y comparten características culturales, educativas, económicas y sociales muy parecidas" (Amaya Guerra y Prado Maillard, 2017) 8 ✗ Los usuarios, pertenecientes a las nuevas generaciones, se caracterizan por un alto grado de contacto con las tecnologías, desarrollando ciertas características que, como afirma Vásquez- Cano (2015) , los usuarios poseen como: ✗ "Más autonomía. ✗ Mayor grado de interacción. ✗ Toma de decisiones elevada. ✗ Mayor colaboración y comunicación entre iguales gracias a las herramientas que ofrece la Web 2.0" (p.51). 9 Evolución de las interfaces de usuario 10 clasificación Por edad ▪ Generaciones Posibilidades de uso de tecnología ▪ El "novato" ▪ Cuando el usuario desconoce el entorno, carece de un modelo mental asentado de referencia, [...] ▪ El "experto concreto" ▪ [...] el usuario ha adquirido un modelo mental más afianzado, pero que no acostumbra a ser completamente correcto. [...] ▪ El "maestro" ▪ [...] el modelo mental ha cristalizado y recoge con elevada exactitud las relaciones funcionales entre los elementos. (Knapp Bjerén, 2002, p.330-334) 11 clasificación Por su relación con el sistema operativo ▪ Usuarios de iOS: “[...] dan mayor valor a la experiencia de usuario, se interesan por los detalles y tienen un perfil socioeconómico más alto [...], están más habituados a pagar por las aplicaciones. [...] amante de la consistencia” (p.41). ▪ Usuarios del Sistema Android: Al ser un sistema que permite ser modificado por los desarrolladores, por ser de código abierto. Los usuarios están “[...] más dispuestos a ideas nuevas, a aplicaciones que rompen paradigmas y que presentan alternativas para diferenciarse, lo cual a veces significa toparse con aplicaciones un poco caóticas” (p.41). ▪ Usuarios de Windows Phone: Los autores definen a estos usuarios como: “[...] usuarios amantes de la simplicidad que transmite su interfaz plana y despojada de lujos. [...] prefieren una buena experiencia a través de una navegación simple” (p.41). ▪ Javier Cuello y José Vittone (2013) 12 clasificación Por su participación en las comunidades ▪ Activos: Participan regularmente en las actividades y comunicaciones. Se siguen y se reconocen. [...] Lideres: [...] gran poder de influencia entre los miembros. [...] Moderadores: [...] lideres de segundo nivel. Ayudan a los primeros [refiriéndose a los líderes] de forma visible. [...] Habitualmente generan contenido y, de algún modo, validan el de los demás miembros. Contribuidores: Miembros que participan consumiendo y, sobre todo generando contenido. No tienen por qué ser intensivos pero permanecen activos regularmente y constituyen el núcleo de la comunidad. Trolls: [...] miembros que discrepan o incluso tratan de boicotear el funcionamiento normal de la comunidad para hacerse notar. [...] 13 clasificación Por su participación en las comunidades ✗ Pasivos: No colaboran activamente ni aportan contenidos pero su presencia, en algunos casos, justifica a los roles activos dando a la comunidad más representatividad. [...] suelen ser el colectivo más numeroso de la comunidad. (Somalo, 2011, p.55-56). 14 clasificación Por su participación en redes sociales ✗ a) los creadores, usuarios que hacen uso de diferentes herramientas 2.0 propias, para crear contenidos a través del cual tienen un alto grado de influencia en las redes sociales; ✗ b) los críticos, usuarios que crean contenidos pero desde herramientas 2.0 publicas, hacen uso de post, comentarios, y contribuyen en foros o wikipedia; ✗ c) los receptores, con menor actividad que los críticos; aportan contenidos por medio de post; son usuarios activos de feeds de RSS, información en la que se apoyan, son usuarios de "me gusta" y añaden tags o comentarios a videos, fotos, retweetean o websites; 15 clasificación Por su participación en redes sociales ✗ d) los joiners (adjuntadores), usuarios que mantienen actualizados su perfil y buscan relacionarse con blogueros populares, así también, buscan un lugar social agregándose a medios de comunicación, marcas o equipos de deportes; ✗ e) los espectadores, de los usuarios activos son los más numerosos, pero aun no han intervenido en las redes, suben pocos post o comentarios en su cuenta de Facebook; tiene un alto interés en la lectura de información o comentarios en blogs y foros, les gustan los videos y escuchan los podcast; ✗ f) inactivos, en este grupo están los usuarios online que no pueden ser considerados en las clasificaciones anteriores. (Liberos et al., 2013, p.413-414) 16 ¿Son de verdad las interfaces gráficas mejores que la línea de comandos? Opinión 17 Otros tipos de interfaz ✗ Interfaz de voz (VUI): Se trata de programas capaces de identificar e interpretar el habla. El ejemplo más claro que tenemos es el reciente auge de las inteligencias artificiales, como Siri, que se controlan por medio de la voz. ✗ Interfaz de texto: Se utiliza principalmente en el ámbito de la programación de sistemas operativos y es la evolución de la interfaz de línea de comando primitiva que usaban los primeros programas de computadora. 18 Otros tipos de interfaz ✗ Interfaz de voz (VUI): Se trata de programas capaces de identificar e interpretar el habla. El ejemplo más claro que tenemos es el reciente auge de las inteligencias artificiales, como Siri, que se controlan por medio de la voz. ✗ Interfaz de texto: Se utiliza principalmente en el ámbito de la programación de sistemas operativos y es la evolución de la interfaz de línea de comando primitiva que usaban los primeros programas de computadora. 19 Otros tipos de interfaz ✗ Interfaz natural: Se le llama así al tipo de interfaz que identifica e interpreta acciones naturales del ser humano, como movimientos y expresiones faciales. Un ejemplo de ello son los videojuegos con interfaz kinética. ✗ Interfaz cerebro-ordenador: Es el tipo de interfaz más innovadora que existe hasta el momento, y aunque aún no cuenta con muchas aplicaciones cotidianas, se está utilizando para controlar prótesis biónicas y dar instrucciones sencillas a un software por medio de las ondas cerebrales. 20 UX El trabajo del diseño y ux se divide en múltiples roles. 21 ROLES O TRABAJOS DENTRO DEL DISEÑO UX: Arquitecto de la Investigadora UX Redactor UX información UX designer Interfaz de usuario Diseñador de. movimiento 22 4 ETAPAS PRINCIPALES Investigación Organización Diseño Pruebas 23 GRACIAS E. P. Publicidad y Multimedia Paola E. R. Meza Gómez [email protected]