You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today.


3.3 Modelo de la interfaz grafica.










  • Diseñar la composición visual y el comportamiento temporal de una GUI es una parte importante de la programación de aplicaciones en el campo de la interacción persona-ordenador. Su objetivo es mejorar la eficiencia y la facilidad de uso del diseño lógico subyacente de un programa almacenado, una disciplina de diseño llamada usabilidad. Varios métodos de diseño centrado en el usuario se utilizan para garantizar que el lenguaje visual introducido en el diseño se adapta bien a las tareas.

    Las características visibles de la interfaz gráfica de una aplicación a veces se llaman cromo o GUI. ​ Normalmente, los usuarios interactúan con la información mediante la manipulación visual de widgets que permitan interacciones adecuadas al tipo de datos que tienen. Los widgets de una interfaz bien diseñada se seleccionan para apoyar las acciones necesarias para alcanzar los objetivos de los usuarios.

    La interfaz es el medio de comunicación entre las funciones mentales o cognitivas de un individuo, cuyas señales eléctricas son captadas, pre-procesadas y clasificadas para poder comunicarse a un medio externo, ya sea una computadora, dispositivo móvil o un hardware específico. Como un medio de comunicación, la interfaz debería responder a cuatro pautas básicas de eficiencia: credibilidad, novedad y inámica (dependiendo de la velocidad de transmisión); contenidos dentro de una cadena mediática de información; a lo que hoy le sumamos la participación interactiva. Herramientas y software para el modelado de GUI:
    Existen diversas herramientas y software que permiten diseñar y prototipar interfaces gráficas, algunas de ellas son:

    • Figma:
    Es una herramienta de diseño colaborativo que se utiliza para crear interfaces de usuario en línea, permitiendo la creación de prototipos interactivas y la colaboración en tiempo real.
    • Adobe:
    Es una herramienta de diseño de interfaces que se utiliza para crear prototipos interactivas y que permite la creación de interfaces para diferentes plataformas, como aplicaciones web y móviles.
    • Sketch:
    Es una herramienta de diseño vectorial que se utiliza para crear interfaces de usuario, especialmente para aplicaciones de iOS y macOS.
    • InVision:
    Es una plataforma de colaboración y prototipado que permite a los diseñadores compartir sus prototipos con otros miembros del equipo y realizar pruebas de usabilidad.







El diseño de la comunicación se centra en definir las zonas en pantalla que hacen posible que el usuario y el programa de computador se entiendan. El micromundo es una situación, ambiente o argumento para desarrollar las actividades de aprendizaje. La interfaz hace que este micromundo tome forma, pero además sirve para llevar a cabo opciones de control.

El modelado de la interfaz gráfica (GUI) en una aplicación multimedia se enfoca en crear una experiencia de usuario visualmente atractiva y fácil de usar, utilizando elementos como iconos, botones, menús y otros gráficos para facilitar la interacción con la aplicación. Se trata de un proceso que involucra la selección de colores, tipografías, disposición de elementos y la creación de flujos de navegación intuitivos para que los usuarios puedan acceder fácilmente a las funciones multimedia de la aplicación.








  • • Diseño visual:
    Elegir colores, tipografías y estilos que complementen la aplicación y faciliten la lectura y comprensión de la información.
    • Jerarquía visual:
    Organizar los elementos de la interfaz de manera que el usuario pueda identificar fácilmente las funciones principales y secundarias.
    • Diseño de iconos y botones:
    Crear elementos visuales que sean reconocibles y que transmitan claramente la función que realizan.
    • Flujo de navegación:
    Diseñar la forma en que el usuario puede moverse a través de la aplicación, asegurando que sea intuitiva y fácil de entender.
    • Adaptación a diferentes dispositivos:
    Asegurar que la interfaz se vea bien y funcione correctamente en diferentes dispositivos, como smartphones, tablets y computadoras.
    • Consideración de la usabilidad:
    Diseñar la interfaz pensando en las necesidades del usuario y buscando la simplicidad y la facilidad de uso.