Selene_RojasSanchez_PG

tipos de generadores de interfaz de usuario

START

Herramientas de desarrollo de softwareProfesora: martha elena pulidoalumna: Rojas Sanchez Selene J.matricula: 1299009

ÍNDICE

01.

Introduccion

02.

ZOHO

03.

Creatly

04.

Balsamiq

05.

In Vision

06.

HotGloo

07.

Conclusiones

08.

Referencias

Introduccion

La interfaz de usuario es el puente que conecta a los usuarios con la tecnología, y su diseño juega un papel fundamental en la experiencia y satisfacción del usuario. En esta presentacion se hablara de los diferentes tipos de generadores de interfaz de usuario.

Generador de IU personalizada

La plataforma LCAP de Zoho Creator le permite ofrecer una experiencia de primer nivel a los usuarios en sus aplicaciones, a través de la abstracción del diseño y un esfuerzo mínimo en términos de desarrollo.

Más de 200 plantillas de diseño configurables

Widgets de javascript

código bajo

Elabore la estructura de diseño

Generadores visuales de IU

Herramienta de simulación de interfaz de usuario

La forma más sencilla de visualizar el diseño de su sitio web y de la interfaz de usuario de la aplicación

Diseñe cualquier maqueta con el mínimo esfuerzo y tiempo

Trabaja con las herramientas que te gustan

Funciona En:

Colabora sin problemas en el diseño

Explore miles de plantillas gratuitas de alta calidad

Escritorio Desktop Móvil Mobile En línea Online G Suite Chrome web store Confluence JIRA

Wireframing rápido, accesible y colaborativo

Es un programa de escritorio por lo que solo tienes que registrarte para comenzar a crear tu primer prototipo de interfaz. Se centra, principalmente, en el wireframing y se caracteriza por una estética que simula estar dibujada a mano alzada.

Baja fidelidad

El más fácil de aprender

elementos prediseñados

multiplataforma

con version gratuita

Cuenta con historial de contenido

el espacio de trabajo colaborativo todo en uno

Una herramienta de prototipado muy potente creada para especialistas en diseño web y pensada por diseñadores

Presentación como si fuera una web real

Mejor calidad de feedback del cliente

Permite revisión en tiempo real

Tiene versión móvil

EL SIGUIENTE NIVEL EN HERRAMIENTAS DE ESQUEMAS Y PROTOTIPOS

Fácil de usar

Herramientas de colaboración

Diseñada en función del usuario

Desarrollador full-stack

Conclusiones

Comprender la importancia de una interfaz de usuario de calidad y por qué trabajarla es esencial para la satisfacción de quienes la utilizan, pensar en cómo se sienten los usuarios al acceder a un proyecto en línea que les permite navegar con facilidad y realizar todas las tareas que necesitan de forma sencilla e intuitiva.

Una buena interfaz de usuario

• Mejora de la usabilidad y la experiencia del usuario.
• Aumenta la satisfacción de los usuarios, que son más leales a productos con interfaces bien diseñadas.
• Permite a los usuarios cometer menos errores y aprender a utilizar el sistema de forma más rápida.

Referencias

• Generador de IU personalizada | IU personalizada - Zoho Creator. (s. f.). Zoho. https://www.zoho.com/es-xl/creator/custom-ui-builder.html

• Herramienta de simulación de interfaz de usuario | Software de simulación para crear maquetas de sitios web | Creately. (s. f.). Creately. https://creately.com/es/lp/herramienta-de-maquetacion-de-iu/

• Balsamiq Cloud. (s. f.). https://balsamiq.cloud/

• Machuca, F. (2021, 24 noviembre). 9 software para diseño de interfaces con los que podrás mejorar la experiencia de tus usuarios. https://www.crehana.com. https://www.crehana.com/blog/transformacion-digital/software-diseno-de-interfaces/

• About us | InVision. (s. f.). https://www.invisionapp.com/company

• HotGloo , hotgloo.com. (s. f.). Web & Mobile Wireframe, Prototyping (Web, iOS, Android) and UX Tool | HotGloo. HotGloo. https://www.hotgloo.io/

Definir mensajes secundarios con interactividad.

Planificar la estructurade tu comunicación.

Jerarquizarla y darle peso visual a lo principal.

Establecer un flujo a través del contenido.

Medir los resultados.

Establecer un flujo através del contenido.

Medir los resultados.

Jerarquizarla y darle peso visual a lo principal.

Definir mensajes secundarios con interactividad.

Planificar la estructurade tu comunicación.