Diferencias entre UI UX Ix D e IA PDF

Preview

Summary

Diferencias entre UI UX Ix D e IA...

Description

INSTITUTO TECNOLÓGICO DE TIJUANA SUBDIRECCIÓN ACADÉMICA DEPARTAMENTO DE SISTEMAS Y COMPUTACIÓN

Ingeniería en Sistemas Computacionales Semestre Agosto – Diciembre 2017

Diseño de Interfaces de Usuario UI/UX Frumencio Olivas Alvarez

Clase: 17:00 a 18:00

Rubio Escalante Angel David Alejandro 14212059

Diferencias entre UI, UX, IxD e IA

UI  

    





Diseño de la interacción con el “sistema” en sí para que las personas puedan manejar el software con mayor facilidad y entendimiento. El objetivo es hacer que la interacción del usuario sea lo más simple y eficiente posible Es el proceso de desarrollo y mejora de la interacción de calidad entre un usuario y todas las facetas de una empresa. Es responsable de estar al tanto del proceso de investigación, pruebas, desarrollo, contenido y creación de prototipos para probar resultados de calidad. Es en teoría una práctica no digital (ciencia cognitiva), pero utilizada y definida predominantemente por las industrias digitales. se refiere a la creación de la interfaz, que puede ser gráfica o desarrollada por tecnologías como HTML, CSS, YUI, jQuery, etc. La persona encargada del UI se va a centrar en diseñar la página web o aplicación móvil en base a la creación de wireframes y mockups de los que sacará la construcción el color, degradados, tipografías y el diseño visual general del sitio. Se preocupa de la selección, distribución y apariencia de los elementos con los que interactúan los usuarios en una plataforma. Su finalidad es guiar a los usuarios para que realicen las acciones que se definieron como objetivos de un proyecto. Definición de la identidad visual, la correcta adaptación a los distintos soportes y la comunicación de jerarquías de contenidos y opciones en una plataforma.

Diseñador UI     

 

 

UX

Tiene un perfil más creativo Combina el pensamiento convergente y también creativo. Tiene que pensar en la unión de todas las partes de app. Se basa en las necesidades del usuario, pero también depende de los requisitos del dispositivo y usuario, Tiene que ajustarse al entorno tanto digital como humano. Diseño centrado en el estilo y el diseño general de la app. Generalmente se deja llevar por las tendencias en diseño de apps para la parte más creativa. Los puntos más importantes para este profesional de las apps los colores utilizados para la app y el icono, pero también la tipografía que afectará a la usabilidad y a la legibilidad. Suele tener conocimientos avanzados para crear mockups, hacer gráficos para la app y el diseño de los layouts del proyecto. Encajan en este perfil del diseñador UI profesionales como: diseñador gráfico, diseñador web, Brand designer o desarrollador de frontend.



Proceso de aumentar la satisfacción y lealtad del cliente mejorando la usabilidad, la facilidad de uso y el placer proporcionados en la interacción entre el cliente y el producto.



Es responsable de transferir los puntos fuertes y activos visuales de una marca a la interfaz de un producto para mejorar la experiencia del usuario. Es un proceso de guiar visualmente al usuario a través de la interfaz de un producto a través de elementos interactivos y en todos los tamaños / plataformas. De refiere a la usabilidad que tiene cierto sitio web desde la perspectiva del usuario que lo visita. A todo lo que experimenta una persona al interactuar con una plataforma digital. La persona que se va a encargar del UX será la que valore este sitio web en torno a la usabilidad y facilidad de navegación, es aquella persona que entra en el sitio como si de un usuario normal se tratara e investiga si las principales funciones, la navegación, búsquedas, etc. son sencillas de realizar Cada elemento, contenido, función y respuesta, tiene una influencia en la UX, ya que puede hacer más fácil y grato el uso de una interfaz o complejizarlo y volverlo confuso. Responder de la mejor forma posible a las necesidades y comportamientos de las personas. Su finalidad es ayudarlos a realizar acciones y estimular su preferencia por la empresa o institución.



 





Diseñador UX o o

o o o

o

o

tiene un perfil más técnico. El proceso de ‘pensamiento’ del diseño que realiza este profesional de las apps combina el pensamiento crítico y también creativo. se basa en las necesidades del usuario, pero solo tras estudiar y analizar al usuario para tener una perspectiva más precisa. centrado en la interacción del usuario y de las personas con la app y el diseño de esta. Los puntos más importantes para este profesional de las apps son las pantallas o ‘scenarios’ y el flujo de las tareas, es decir, la interacción entre pantallas y la funcionalidad en sí. suele tener conocimientos avanzados para crear wireframes, hacer prototipos de apps y de analizar y recabar información y conseguir feedback de sus diseños. Encajan en este perfil del diseñador UX profesionales como: arquitecto de la información, el program manager, el content strategist o el analista funcional.



es hacer la comparación entre lo que aporta un desarrollador web y un diseñador web siempre y cuando supongamos que un diseñador web no

piensa en el usuario y sólo en hacer bonita una página y que un desarrollador web no piensa en la estética de una página web. siempre hay que hacerle la vida más fácil al cliente, ya que busca comodidad en sus acciones diarias, por tanto el experto en UX podemos decir que se convertirá en un psicólogo web que analizará qué es lo que mejor le parecerá al usuario y que trabajará para que el sitio web en cuestión sea todo un atractivo para una gran cantidad de personas.

 

IxD o o

o

o o

o

o



En el IxD convergen el UX y el UI. n define cómo responderá una interfaz a las acciones de los usuarios,estableciendo flujos de operación y puntos de contacto. En otras palabras, coordina el comportamiento de los productos y sistemas con la actividad de las personas. , esta disciplina crea partituras de interacción y realiza pruebas con usuariosfinales. Estas tareas permiten identificar errores, problemas de usabilidad y oportunidades para optimizar la experiencia. se apoya en los conocimientos de la psicología cognitiva y su definición de modelos mentales. El diseño de interacción cosiste en definir la forma de operar de la interfaz que diseñemos, los flujos de interacción y as respuestas del dispositivo. Definiremos por ejemplo si hacemos un touch simple o doble, o bien un slide para acceder a determinada pantalla. En resumen es aplicar lo que descubrimos de la experiencia de usuario y ajustarla mediante el diseño de interfaces. Se trata de definir las formas de operar la interfaz (por ejemplo, si el ingreso de información o selección se produce mediante teclado, mouse, touch, o una combinación de ellos), los flujos de operación y las respuestas del sistema. En definitiva, pone el foco en el contacto entre el usuario y el artefacto.

IA o

Disciplina responsable de crear estructuras de contenidos. Esta organización debe considerar el comportamiento de los usuarios al buscar y acceder la información, para responder de forma acertada a sus consultas y facilitar las tareas.

o

Para lograr esto estudia, analiza, organiza y jerarquiza los datos a través de ejercicios de cardsorting, mapas de navegación y wireframes.

o

Existen muchos puntos a tomar en cuenta, desde el tamaño de un ícono, el color, el estilo del diseño y la ayuda de los diálogos; estos elementos logran que el usuario a primera vista sepa manejar el programa, los gráficos no deben ser confusos o estar fuera de la realidad, cuando una persona vea un botón el mismo debe hacer exactamente lo que como imagen expresa. Cuando un usuario entra en una página web o interactua con una app o programa, la primera impresión visual que tendrá de ella podrá determinar en gran medida si nuestro sitio web le gusta o no y esto es muy importante ya que en base a esto podemos o ganar o perder un cliente. Es muy importante por tanto conseguir un diseño atractivo para captar la atención del usuario pero no podemos olvidar que ha de ser también útil ya que cuanto más se facilite al usuario la navegación más fácil será “engancharle” y hacer que se quede más tiempo a navegar por nuestro sitio y

conseguir una conversión, si el usuario no entiende dónde se sitúan las cosas y no las encuentra se marchará.

Fuentes       

https://www.thlink.marketing/blog/ux-ui-cual-es-la-diferencia http://www.luisan.net/blog/diseno-grafico/diferencias-entre-ui-user-interface-yux-user-experience https://www.ida.cl/blog/experiencia-de-usuario/diferencia-ux-ixd-aiui/#comment-13349 https://www.yeeply.com/blog/diseno-de-apps-moviles-ux-ui-ixd/ https://www.fuegoyamana.com/blog/ux-y-ui-experiencia-interfaz-de-usuario/ http://www.kambrica.com/blog/ui-ux-ixd-cual-es-la-diferencia/...