Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 46 vistas

    5.1 Desarrollo de Interfaces

    Cargado por

    Francisco
    Este documento presenta información sobre el desarrollo de interfaces de usuario para sitios web. Explica que una interfaz debe guiar al usuario a realizar las tareas planteadas y reflejar la identidad de la empresa. Detalla que el diseño de la interfaz define la jerarquía de contenidos y su relación, así como la identidad visual. Luego, las maquetas se convierten en plantillas HTML y CSS, y se programa la interfaz para que sea responsive, accesible, optimizada para SEO y compatible entre navegadores.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    5.1 Desarrollo de Interfaces

    Cargado por

    Francisco
    46 vistas3 páginas
    Este documento presenta información sobre el desarrollo de interfaces de usuario para sitios web. Explica que una interfaz debe guiar al usuario a realizar las tareas planteadas y reflejar la identidad de la empresa. Detalla que el diseño de la interfaz define la jerarquía de contenidos y su relación, así como la identidad visual. Luego, las maquetas se convierten en plantillas HTML y CSS, y se programa la interfaz para que sea responsive, accesible, optimizada para SEO y compatible entre navegadores.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento presenta información sobre el desarrollo de interfaces de usuario para sitios web. Explica que una interfaz debe guiar al usuario a realizar las tareas planteadas y reflejar la identidad de la empresa. Detalla que el diseño de la interfaz define la jerarquía de contenidos y su relación, así como la identidad visual. Luego, las maquetas se convierten en plantillas HTML y CSS, y se programa la interfaz para que sea responsive, accesible, optimizada para SEO y compatible entre navegadores.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    46 vistas3 páginas

    5.1 Desarrollo de Interfaces

    Cargado por

    Francisco
    Este documento presenta información sobre el desarrollo de interfaces de usuario para sitios web. Explica que una interfaz debe guiar al usuario a realizar las tareas planteadas y reflejar la identidad de la empresa. Detalla que el diseño de la interfaz define la jerarquía de contenidos y su relación, así como la identidad visual. Luego, las maquetas se convierten en plantillas HTML y CSS, y se programa la interfaz para que sea responsive, accesible, optimizada para SEO y compatible entre navegadores.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    Está en la página 1de 3

    SECRETARÍA DE

    EDUCACIÓN PÚBLICA

    TECNOLÓGICO NACIONAL DE
    MÉXICO

    INSTITUTO TECNOLÓGICO DE IGUALA

    Nombres de los Alumnos:


    Silvia Ortiz Pineda
    Francisco Alejandro Guzmán Santana

    Docente: Mauricio Flores Saavedra

    Carrera: Ingeniería en Informática

    Semestre:
    Octavo Semestre

    Asignatura:
    TOPICOS SELECTOS DE TECNOLOGÍAS WEB

    Actividad: Desarrollo de interfaces

    Ciudad de Iguala; Guerrero.


    Desarrollo de interfaces
    ¿Qué es una interfaz?

    La interfaz de usuario es el lugar donde ocurren las interacciones entre personas y


    máquinas, un espacio que tiene múltiples funciones que son determinantes para el
    éxito del proyecto. Sus objetivos principales son reflejar la personalidad de la
    empresa, indicar claramente los puntos de interacción y las funciones
    disponibles y guiar al usuario en la realización de tareas, al mismo tiempo que le
    entrega una sensación de control sobre los elementos.

    Diseño y Desarrollo de una interfaz


    Diseño de la interfaz
    El medio con que el usuario interactúa con la plataforma debe incluir elementos
    que lo guíen a realizar las acciones que se plantearon como parte de los objetivos.
    De esta forma, un buen diseño es decisivo para obtener una alta tasa de
    conversiones.

    En esta etapa se define también la identidad visual del sitio, la que debe reflejar
    mediante normas gráficas la personalidad de la empresa. La jerarquía de los
    contenidos y la relación entre ellos también deben ser expresados a través del
    diseño gráfico. Para lograrlo es fundamental contar con un diseñador de interfaces
    que esté involucrado desde la definición estratégica del proyecto.

    Elementos considerados
    Las tareas principales que realizamos en esta primera fase de diseño son:
    Diseño de información: Síntesis de información, interpretación de jerarquías y
    conceptos en el diseño gráfico.
    Identidad visual: Interpretación y adaptación de manuales de norma gráficas.
    Diseño según soportes: Aplicación e integración de elementos según los aparatos
    en los que el usuario usará la plataforma. Dependiendo del proyecto, puede ser
    móviles, televisores y/o computadores de escritorio.
    Desarrollo de la interfaz
    Las maquetas producidas por el equipo de diseño se traducen luego a plantillas
    HTML y hojas de estilo CSS. Además, realizamos el desarrollo de plataformas de
    gestión de contenidos en WordPress, para luego hacer la integración y
    programación. El objetivo de esta etapa es crear sitios full responsive, optimizados
    para motores de búsqueda, accesibles y que cumplan con estándares de
    validación que aseguren la correcta visualización en distintas versiones de los
    navegadores.

    Elementos considerados
    Al momento de programar la interfaz, las tareas más importantes son:

    Full responsive: Crear un diseño que se adapte a las distintas pantallas.


    Accesibilidad web: Seguir las normas de accesibilidad que consideran alternativas
    para incrementar los potenciales usuarios.
    SEO: Incluir las etiquetas, plugins y código necesario para la optimización para
    motores de búsqueda.
    Validación: Cumplir con los estándares HTML/CSS para garantizar una correcta
    visualización y aseguran el buen funcionamiento del sitio.
    Compatibilidad cross browser: Asegurar la visualización y funcionamiento
    adecuado del sitio en los distintos navegadores disponibles.

    También podría gustarte