1

AP3-AA7-EV10 Mapa de Navegación y Acta de Progreso

Johan Sebastián Casallas Contreras

Nira Fabiola Camacho Reyes

Producción de Multimedia

Daniel Cabarcas Marín

Servicio Nacional de Aprendizaje – SENA

Centro Industrial y de Aviación (Atlántico)

Ficha: 2176056

2021

2
Mapa Navegación y Acta de Progreso

Johan Sebastián Casallas Contreras

Nira Fabiola Camacho Reyes

Trabajo Escrito

SENA Virtual

Madrid, Cundinamarca

2021

3
 Introducción

Hoy, nuestras interacciones con el mundo digital superan nuestras interacciones humanas.

La interfaz de usuario (UI) define la forma en que interactuamos con los sistemas de

información. En un mundo digital, donde las experiencias importan, la interfaz de usuario de un

sitio web debe ser atractiva, fácil de usar y facilitar que el visitante aprenda más sobre el portal y

sus ofertas.

Una interfaz de usuario solicita al visitante que busque más información, navegue por el

sitio, realice un registro o una decisión de compra a través de un diálogo o una serie de clics. En

esta era moderna del marketing digital, la interfaz de usuario juega un papel fundamental en el

aumento de las tasas de conversión y la lealtad del cliente.

En este documento se pretende mostrar la interfaz web parcial de www.niracamacho.com,

la empresa de Consultoría Nira Camacho Ingeniería. Y además se anexa el acta de validación del

progreso actual.

4
 Desarrollo

Interfaz web, la interacción entre un usuario y el software que se ejecuta en un servidor

web. La interfaz de usuario es el navegador web y la página web se descarga y se procesa.

Aunque un sitio web ofrece una amplia gama de ofertas, la ausencia de un medio adecuado para

interactuar con ese sitio web lo hará inútil. Una buena interfaz de usuario se centra en hacer que

la interacción del usuario sea simple y eficiente. Los usuarios aprecian los sitios web interesantes

con interfaces de usuario intuitivas que los guían hacia su tarea con el estilo más atractivo. El

trabajo de los diseñadores web es crear sitios funcionales que atraigan fácilmente el interés de los

clientes e impulsen el tráfico en línea. En la era actual, donde un gran número de empresas

dependen de Internet para su supervivencia y éxito, una interfaz de usuario simple y eficaz juega

un papel destacado en el desarrollo web.

La mayoría de los diseños de sitios web de empresas de ingeniería son poco interesantes,

difíciles de navegar y simplemente desordenados. Por eso para niracamacho.com se plantea un

diseño minimalista y que sea entendible para todo el mundo, así no haya estudiado ingeniería y a

pesar de la complejidad de los temas. Los sitios web de ingeniería suelen ser complejos y pueden

estar llenos de información y desactualizados. Cuando se trabaje en un campo técnico, se puede

obtener una ventaja sobre los competidores al tener un excelente diseño de sitio web de

ingeniería. Algunos de los mejores sitios web de ingeniería ayudarán a atraer nuevos visitantes y

mostrarán los servicios de la marca de una manera moderna y profesional para destacarse en

línea entre miles de otras empresas de ingeniería. El diseño de un sitio web de ingeniería debe

5
estar bien organizado y ser fácil de navegar para encontrar información rápidamente. Incluir

opciones de

Muchos diseños de sitios web de ingeniería están abarrotados de información, lo que los

hace extremadamente difíciles de navegar para los visitantes que no tienen antecedentes técnicos

pero que necesitan los servicios de un ingeniero. Por lo tanto, las empresas deben tener un sitio

web de ingeniería que sea fácil de navegar. Querrá dividir el menú de navegación en secciones

claras y fáciles de entender y utilizar menús desplegables para albergar contenido adicional. Otra

característica que quizás desee considerar incluir dentro de su sitio web de ingeniería es una

función de chat en línea que está integrada en su sitio web de ingeniería. Un chat en línea

permitirá a los nuevos visitantes hacer preguntas sobre la ubicación de la información técnica o

de servicio que puedan estar buscando, lo que les ahorrará tiempo, especialmente si el sitio web

de ingeniería es muy complejo y tiene mucho contenido.

Interfaz Nira Camacho Ingenieria (niracamacho.com)

Este panel estará presente en todas las subpáginas de la plataforma, servirá para navegar

por la misma, se fijará para que no se oculte cuando el usuario baje por las diferentes secciones,

es posible utilizar el logo y sus colores. Se compone de Inicio, Conóceme (o Quiénes Somos),

Servicios, Blog y Contacto.

6
 Este será el primer elemento en el que nos encontraremos en la página de inicio. Recibiría

a los nuevos visitantes por eso se denomina página de aterrizaje. El botón de reservar nos dirigirá

a la sección Servicios de la página, cuando el ratón este sobre este botón se volverá transparente.

El logo y el botón tendrán una animación cuando el usuario abra la página, el logo aparecerá en

7
efecto desvanecido y el botón se programará en efecto ‘Caer’ para generar un impacto y llamado

a la acción. Se planea darle algún uso al logo como que redirija a alguna página importante.

Esta debe ser una sección que atrape finalmente al usuario, se planea utilizar o bien el

nombre de la empresa como organización (Sobre la empresa) o el nombre de la dueña Nira

Fabiola Camacho Reyes para exponer información de valor que finalmente invite al cliente, jefe

8
o dueño de negocio a quedarse y conocer realmente que tiene para ofrecer este emprendimiento.

Se planea cambiar la imagen dependiendo de la decisión final para poner una más llamativa o en

caso de que sea ‘Sobre Mi’ un elegante retrato de la dueña del negocio.

Es el cuarto y último (hasta ahora) elemento de la página principal, servirá para exponer

cada uno de los servicios que ofrece la empresa Nira Camacho Ingeniería, al dar clic en alguno

de los servicios, se redirigirá lógicamente a la subpágina de Servicios, y cada servicio tiene un

botón que en esta oportunidad se denomina ‘Agendar Cita’ pero se pueden ir considerando

cambios en el botón y en general en este panel, en esta parte de la pagina principal, el fondo se

establece de color azul y una franja de color naranja para generar un patrón como el del logotipo

de la N. Posiblemente se cambie a un azul más oscuro porque consideramos que el azul claro no

9
genera tanto contraste pero todo dependerá de la decisión y preferencia final del cliente.

10
11
 Todos los servicios de la empresa Nira Camacho, se pretende agregar más al conversarlos

con el cliente y organizar la tarifa que en este caso es variable según la situación de los clientes

de la empresa.

Este importante elemento estará presente en todas las subpáginas es decir en todo el

proyecto multimedia de página web. Brindará al usuario información de contacto de la empresa

incluyendo las redes sociales, y una valiosa caja de comentarios donde el usuario podrá enviar

por correo sus dudas, inquietudes, sugerencias, quejas o lo que necesite.

12
 Será la presentación personal de la dueña del negocio, dándola a conocer por medio de su

experiencia, trayecto, certificaciones, habilidades y fortalezas personales. La página Conóceme

es una de las páginas más importantes del sitio web. Es una oportunidad donde los visitantes

13
conocen la empresa. Esta es una oportunidad para que la dueña se presente y conozcan el tipo de

negocio que realiza. Su trayectoria, perfil profesional y habilidades destacables, responde a la

pregunta ¿por qué esta empresa y no otra?

Respecto al blog, Bloguear permite compartir información sobre el negocio y sus

servicios, pero también permite compartir opiniones y pensamientos sobre ciertos temas. Los

blogs son una excelente manera de crear una personalidad para una empresa y hacen que el

negocio sea más accesible y creíble. La página 'Contacto' juega un papel importante para

convertir a los visitantes de su sitio web en sus clientes, proporcionándoles un lugar donde

pueden encontrar fácilmente todos sus datos de contacto.

14
 La página "Contáctenos" juega un papel importante para convertir a los visitantes del

sitio web en clientes, proporcionándoles un lugar donde pueden encontrar fácilmente todos los

datos de contacto. De qué servirá si alguien está realmente interesado en los servicios, pero no

puede comunicarse con la empresa. Además de los clientes potenciales, la página "Contáctenos"

también permite a los inversores y anunciantes ponerse en contacto con la empresa, y sabemos lo

importantes que pueden ser estas dos entidades para el éxito de cualquier negocio.

15
16
 La página servicios debe proporcionar toda la información que un cliente potencial

necesita para saber si su servicio es adecuado para ellos. La página de servicios trata sobre lo que

17
la empresa, puede lograr y qué tan buena es la dueña en su campo. Aunque se aseguran de

mencionar cómo los servicios se convertirán en las soluciones para su audiencia, se aseguran de

incluir al lector (o al cliente potencial) que está involucrado dentro de cada uno de los servicios.

18
 ACTA DE VALIDACIÓN

INTERFAZ DE PROYECTO

NUMERO 2

REUNIÓN CON EL CLIENTE DEL PRODUCTO

Ciudad y Fecha

Zipaquirá, 20 de octubre de 2021

Horario de inicio

10:30 Am – 12:00 Am

Lugar

Sala de Juntas, Ingeniera Nira Camacho

Tema

1. Socialización de los avances en la interfaz web niracamacho.com

2. Explicación del progreso del proyecto.

3. Mini capacitación sobre las herramientas utilizadas

4. Firma de compromiso.

19
 Desarrollo de la reunión

1. Saludos. Se inicio la reunión, muy cordialmente se da la bienvenida al encuentro donde

se debatirá el proyecto de producción multimedia niracamacho.com, después de la confirmación

por parte del cliente dentro del establecimiento. 2. Luego de socializar y concretar los detalles

más importantes de la interfaz de la página web de Nira Camacho Ingeniería, la señora Nira

Camacho. Cliente de la página web, da su aprobación, además no presenta inconformidad alguna

con el mismo, durante la reunión se expone y aprueba: descripción de la plataforma web a través

de la exposición del sitio web parcial. 3. se destaca la sencillez del cuerpo de navegación, los

visitantes podrán tener la libertad de conocer el emprendimiento sin posibilidad de perderse. La

navegación sencilla permite a los visitantes explorar el sitio y conocer los servicios, lo que les da

confianza en la marca. Además, se le enseña al cliente las herramientas de software utilizadas

hasta el momento (Photoshop, Illustrator, Wix.com, Unsplash entre otras). Y se le da una

pequeña inducción sobre los procesos llevados a cabo.

Firma de compromiso

A continuación, se procede a firmar el acta de progreso de la página web por parte del

director del proyecto multimedia, Johan Sebastián Casallas, y de la presidenta de la empresa de

ingeniería industrial Nira Fabiola Camacho Reyes.

Firma Nombre y Cargo

20
 Conclusión

Hoy, nuestras interacciones con el mundo digital superan nuestras interacciones humanas.

La interfaz de usuario (UI) define la forma en que interactuamos con los sistemas de

información. En un mundo digital, donde las experiencias importan, la interfaz de usuario de un

sitio web debe ser atractiva, fácil de usar y facilitar que el visitante aprenda más sobre el portal y

sus ofertas. Una interfaz de usuario solicita al visitante que busque más información, navegue

por el sitio, realice un registro o una decisión de compra a través de un diálogo o una serie de

clics. En esta era moderna del marketing digital, la interfaz de usuario juega un papel

fundamental en el aumento de las tasas de conversión y la lealtad del cliente.

La documentación ayuda a garantizar el consentimiento y las expectativas. Es útil contar

la narrativa de las decisiones tomadas y cómo nosotros como agencia o productores multimedia y

el cliente respondemos a diferentes situaciones.

21
 Bibliografía

Servicio Nacional de Aprendizaje SENA (2017). Elaboración Storyboard. SENA.

https://sena.territorio.la/content/index.php/institucion/Titulada/institution/SENA/

Tecnologia/228101/Contenido/OVA/AP3/Storyboard/docs/elaboracion_storyboard.pdf

SENA (2017). Guion Literario y Técnico. sena.territorio.la. Extraido de:

https://sena.territorio.la/content/index.php/institucion/Titulada/institution/SENA/

Tecnologia/228101/Contenido/OVA/AP3/Guion_literario_y_tecnico/docs/

material_guion_literario_tecnico.pdf

Servicio Nacional de Aprendizaje SENA (2017). Sinopsis y Escaleta. SENA.

https://sena.territorio.la/content/index.php/institucion/Titulada/institution/SENA/

Tecnologia/228101/Contenido/OVA/AP3/Sinopsis_y_escaleta/docs/material_sinopsis.pdf

Lacan, J. (1964). Acta de Fundación. Escansión Nueva Serie, (1).

Servicio Nacional de Aprendizaje SENA (2017). Estructura Dramática. SENA.

https://sena.territorio.la/content/index.php/institucion/Titulada/institution/SENA/

Tecnologia/228101/Contenido/OVA/AP3/Estructura_dramatica/docs/

descargable_mf_estructuras_dramaticas.pdf

Servicio Nacional de Aprendizaje SENA (2017). Técnicas de Creatividad. SENA.

https://sena.territorio.la/content/index.php/institucion/Titulada/institution/SENA/

22
 Tecnologia/228101/Contenido/OVA/AP3/Tecnicas_de_creatividad/docs/

material_tecnicas_creatividad.pdf

Rovira, C. (2002). Estructuras de navegación para e-learning. El profesional de la

información, 11(6), 457-466.

Adell, A. S. (1995). La navegación hipertextual en el World-Wide Web: implicaciones para el

diseño de materiales educativos. L'autor.

Vásquez, A. P. C. (2015). Sistema de aprendizaje de patrones de navegación web mediante

gramáticas probabilísticas de hipertexto. INGE CUC, 11(1), 72-78.

Hassan Montero, Y., & Martín Fernández, F. J. (2002). Elementos de navegación y orientación

del usuario. No Solo Usabilidad, (1).

23