INTRODUCCIÓN

Objetivo: Elaborar el guion para un prototipo de su página Web, que considere la

adecuación de textos y diseño visual e integrar la información generada en las 5
semanas del Proyecto Profesional, siguiendo la estructura señalada del reporte
final.

Objetivo del proyecto: El objetivo es poder aplicar todos los elementos de la

Arquitectura de la Información en la creación y desarrollo de una página web,
además de que fue necesario aprender distintos elementos y características del
desarrollo de los sitios centradas en el usuario.

El contexto: Decidí ocuparme a mí como tema central de mi página web, porque

es algo que conozco, conozco mi trabjo y conozco a mi audiencia, he trabajado con
actores, directores y diseñadores, pero también lo he hecho como freelancer, por
eso decidí basarme en mí para el proyecto, porque sé perfectamente lo que quiero
enseñar, por qué quiero enseñarlo y a quién lo quiero enseñar.

Conceptos necesarios: Para poder realizar el proyecto tuve que meterme a

investigar sobre la Arquitectura de la Información, además de saber las
características que un usuario busca encontrar en un sitio web, creo que eso fue lo
más fundamental para poder llevar a cabo mi proyecto durante estas cinco
semanas.
DESARROLLO

La arquitectura de la información es un importante concepto en UX y que tiene

implicaciones fundamentales en el marketing y el negocio.

“La arquitectura de la información es la práctica de decidir cómo organizar las partes

de algo para que sea comprensible”
Information Architecture Institute.

“El arte y la ciencia de organizar y rotular sitios web, intranets, comunidades en línea
y software para promover la usabilidad y accesibilidad”

Information Architecture Institute.

Dentro de las características que debe de tener la arquitectura de la información

son:

• Usabilidad.
• Accesibilidad.
• Organización de información.
• Diseño.
• Prototipado.

El W3C es una organización independiente y neutral que desarrolla estándares

relacionados con la Web, también conocidos como Recomendaciones, los cuales
sirven como referencia para construir una Web útil, accesible, interoperable y
eficiente, en la que se puedan desarrollar aplicaciones cada vez más robistas.
Dentro de las características que debe tener una página web, están:

• Tener un propósito.
• Ser fáciles de encontrar.
 • Ligeras y que se puedan descargar fácilmente.
• Permiten la navegación y el uso de todos elementos desde una PC, tablet o
teléfono movil.
• Ser comprensibles para el usurario.
• Que sea fácil de entender el diseño al momento de la navegación.

Para este proyecto he decidido trabajar conmigo misma.

Soy fotógrafa escénica, sin embargo, mi problema de comunicación es que no
cuento con un canal en el cuál pueda contactar con mis clientes, a pesar de tener
cuentas en redes sociales, no he comenzado a usarlas para poder interactuar con
mis posibles clientes.

Tengo las redes sociales de mi perfil profesional abandonadas, no genero contenido

de forma constante, no ofrezco promociones ni contacto para contratar sesiones.
Yo considero que constituye un problema de comunicación porque no he generado
un canal de comunicación con mi comunidad, además, de que creo que para este
tipo de negocios es muy importante tener un sitio web donde se presente
información del artísta y su trabajo, porque así se pueden generar ventas, cosa que
no tengo.

Además creo que aunque tengo mi target bien definido, en mis redes tengo todo
tipo de personas, lo que hace más complicada la labor de comunicación.
El alcance que espero poder lograr a lo largo del proyecto es crear el sitio web con
toda las bases de la arquitectura de la información, depurar mis redes sociales y
dejar unicamente el target específico que necesito, y comenzar a crear estrategias
de comunicación con mi comunidad para poder lograr el objetivo de comenzar a
tener ventas por mis servicios fotográficos.

LISTA DE ACTIVIDADES

• Planear el diseño del sitio web.

 • Crear el sitio web.
• Definir correctamente mi target.
• Alimentar el sitio web.
• Depurar mis redes sociales.
• Generar una estrategia de comunicación de información.
• Comenzar a implementar esa estrategia.

Identificación de usuarios:
Considero que los usuarios que podrían estar interesados en mi página web serían:
• Actores / actrices.
• Directores de obras.
• Diseñadores de moda escénica.
Estos 3 tipos de usuarios serían los más “importantes”, por decirlo de alguna
manera, debido a que son mi público meta.
Sin embargo, con el trabajo de fotógrafa podría llamar la atención a otro tipo de
usuarios como:
• Modelos.
Para este trabajo he decidio definir 2 tipos de mis posibles usuarios en mi página
web:

Buyer persona 1

• Edad: 23 años
• Residencia: CDMX
• Ocupación: Estudiante
• Nivel Educativo: Licenciatura
• Estado Civil: Soltera
• Modalidad Laboral: Comienza a trabajar en pequeñas secciones como extra
de películas o de obras.
Preferencias y hábitos

Pasatiempo: Leer diferentes tipos de géneros, ir al cine, ir al teatro, escuchar

música, realiza reels para TikTok donde realiza contenido de entretenimiento,
ve series y novelas en TV.

Costumbres: Es de religión mormona, todos los domingos acude al templo,

realiza actividades con los compañeros de capilla, acude diario a la escuela, le
gusta contratar fotógrafos para ampliar su book como actriz y poder solicitar más
papeles en otras obras.

Contenido digital que consume: Consume contenido de entretenimiento por

medio de TikTok, videos de YouTube sobre maquillaje, peinados, vestuario.

Tema sociales que le interesan: Las artes escénicas, el medio ambiente y el

maltrato animal.

¿Qué busca en una marca o empresa?: Algo estético y funcional.

Hábitos sociales

¿Qué redes y sitios usa? TikTok, Instagram, Whatsapp, YouTube, Snapchat,

Facebook.

Con qué frecuencia: Un aproximado de 6hrs al día, dependiendo si no se

encuentra en alguna grabación u obra teatral.

¿Cómo participa?: Realiza contenido por medio de TikTok, constantemente

sube fotografías a Instagram.

¿Qué cuentas o influencers sigue?: Rene_Dupeyron, cesarenriquezcabaret

¿Le interesa el comercio electrónico? ¿Cómo consume?: Si y consume

normalmente marcas de ropa y cosméticos.

Factores psicológicos

Qué busca en un producto/servicio digital?: Que sea bonito, de fácil acceso,

rápido.

¿Qué sentimientos desea sentir?: Seguridad en sí misma.

¿Qué tipo de experiencias evita o no le interesan en internet o redes
sociales?: Deportes.

Valores: Responsable, honesta, compartida, empática.

Miedos: A las alturas, a los insectos.

Deseos: Quiere ser actriz de teatro y trabajar para poder apoyar

económicamente a su familia.

Buyer persona 2

• Edad: 40 años
• Residencia: CDMX
• Ocupación: Director de teatro
• Nivel Educativo: Licenciatura
• Estado Civil: Casado
• Modalidad Laboral: Se dedica a escribir y producir obras teatrales.

Preferencias y hábitos

• Pasatiempo: Le gusta leer, escribir, dibujar, actuar, le gusta visitar

museos y ver películas.
• Costumbres: Le gusta acudir a las cafeterías del centro de la ciudad y
recorrer las calles cercanas para obtener inspiración para sus siguientes
guiones. Le gusta contratar fotógrafos para las puestas en escena, sobre
todo para los ensayos generales donde no hay problema de que el
fotógrafo interrumpa la función o a otros espectadores.
• Contenido digital que consume: Películas o series por streaming.
• Tema sociales que le interesan: Moda, literatura, música, danza,
economía.
• Qué busca en una marca o empresa: Que sea funcional, que sea
estética, que sea confiable.
Hábitos sociales

¿Qué redes y sitios usa?: Twitter, Instagram.

¿Con qué frecuencia?: Diario, entre 3 y 5 horas, debido a que normalmente

está escribiendo o planificando nuevas funciones.

¿Cómo participa?: En ambas redes hace promoción a su obras y sube

fotografías y/o datos curiosos sobre su trabajo, sus obras, los teatros, etc.

¿Qué influencers sigue?: No sigue influencers, sin embargo le gusta seguir a

otros directores, críticos, actores y actrices, fotógrafos, músicos, bailarines y
diversas compañías de teatro.

¿Le interesa el comercio electrónico? ¿Cómo consume?: Si, le interesa

mucho la cuestión de la moda, por lo tanto consume diversas marcas de ropa;
también consume ebooks.

Factores psicológicos

¿Qué busca en un producto/servicio digital?: Que sea estético, funcional,

que sea rápido, confiable.

¿Qué sentimientos desea sentir?: Libertad, seguridad, originalidad.

¿Qué tipo de experiencias evita o no le interesan en internet o redes

sociales?: Deportes, política exterior.

Valores: Empático, Honesto, Responsable.

Miedos: A la soledad, al fracaso.

Deseos: Seguir haciendo lo que le apasiona y transmitir esa pasión a todo el

público que ve sus obras, seguir creando nuevas historias que transporten al
espectador a ese guión que ha escrito, que muchas personas sigan interesadas
en su trabajo y sigan consumiendo teatro.

Como es un trabajo muy específico y con un nicho muy reducido, yo creo que los
escenarios en que los usuarios que he definido buscarían en mi página, serían
practicamente los mismos.
El escenario para los usuarios me imagino que podría ser:

• Entrar a buscar información.

• Recorrer la página (no es una página complicada)
• Recorrer la serie de fotografías de la galería.
• Si el trabajo les gusta, entrarían al perfil de Instagram (sería instagram
porque es una red social especial para fotografías)
• Preguntar por los servicios o para hacer una cotización de una sesión, en
caso de que les agrade el trabajo y quieran contratarlo.

El escenario sería el mismo para cada uno de mis diferentes usuarios.

Para los contenidos, tiene que ser un diseño muy visual debido al tipo de usuario
que describí en el avance anterior.

Además que, como es una página de fotografía, siento que mucho texto no sería
tan conveniente, sobre todo que quiero que sea un diseño en el que los usuarios
puedan entrar de forma fácil y directa a la galería de fotografías, que en todo
momento esten en contacto con imágenes, ya que en este caso, las imágenes son
mi información.

Para iniciar, al incio de la página sería únicamente una fotografía y el nombre de la

marca.
En la parte superior de esta primer parte, habra un menú que diga:

• Inicio
• ¿Quién soy?
• Galería de fotografías
• Redes sociales (instagram, facebook, youtube)
• Contacto
En la sección ¿Quién soy? Aparecerá un breve texto explicando quién soy y a qué
me dedico.
Para llegar a esta sección, únicamente hay que darle click a donde dice ¿Quién
soy? En la barra de opciones que aparecería en la parte superior de la págna.

En la página de inicio, después de la presentación de la página (la primer imagen),

vendría la galería de fotografías.

Las fotografías van cambiando por medio de botones con flechas y cada
determinado tiempo de forma automática.
Si el usuario quiere ver más información de la fotografía, basta con darle click, la
imagen se hará grande y saldrá la información de:

• ¿Cuándo se tomo?
• ¿Qué obra es?
• ¿Los nombres de los modelos / actores?
• Una breve reseña de la obra.
• Director de la obra.

Para ver todas las fotografías, habrá dos formas de entrar.

1. Desde la barra de opciones que estará en la parte superior de la página que

diga Galería de fotografías.
2. En las fotografías que van cambiando automáticamente tendrá un título que
diga Galería de fotografías, dando click en el título, podrán entrar.

Una vez que el usuario entre a la galería, aparecerán todas las fotografías sin
información, para ver la información de cada foto, tendrá que dar click en la imagen.
Por último, estará la parte del contacto, que también tendrá 2 formas de llegar a esta
información.

1. Desde la barra de opciones que estará en la parte superior de la página que

diga Contacto.
2. Bajando hasta el final de la página.

Vienen todas las formas posibles de contacto:

• Domicilio.
• Correo electrónico.
• Teléfono.
• Redes sociales (instagram, facebook, youtube)
Los íconos de las redes sociales están hipervinculados con el perfil de cada red.
Si el usuario quiere ingresar, únicamente debe darle click al ícono desado y la
página abrirá otra página en tu navegador y lo llevará al perfil.
Si es por el teléfono movil, abrirá el perfil directamente en la app indicada.

Como elementos extras que hagan la experiencia del usuario mejor en la

navegación de la página, habrá un botón de scroll up que permitirá que si el usuario
se fue hasta abajo, pueda regresar de forma inmediata hasta el inicio.

Además de que la barra de opciones de la parte superior, estará fija, no importa

cuanto baje en la página o a que sección entre el usuario, siempre podrá visualizar
este menú.

Por último, hay un botón de ¿En qué te puedo ayudar? donde los usuarios pueden
preguntar dudas sobre el servicio, costos, actividades, o cualquier duda que tengan.
Esta función será automatizada y tendrá respuestas automáticas, en caso de que
se requiera información especializada se pone un link que abre directamente un
chat por Whatsapp para tener comunicación directa conmigo.
Como lo comentaba en el avance anterior, mi intención es que no haya mucho texto,
que sea una página totalmente visual, muchas imágenes porque es lo que me
interesa que los usuarios tomen en cuenta.

En el avance anterior, considero que me adelante y comencé a enseñar el diseño

como quedaría al final, entonces, en esta parte de la creación del prototipo, sólo
enseñaré como se vería la página en la entrada.

Para entrar a las 2 diferentes secciones que tiene mi página que son ¿Quién soy?
y Galeria de Fotografías, es necesario que el usuario de click en la barra superior.

En la imagen, lo único que no aparece es esta barra de menú, pero como lo

comenté, estará fija para que no importe en que sección o en que parte de la página
se encuentre el usuario, pueda ver el menú.
El diseño quedaría de la siguiente forma
Reporte ejecutivo

Los puntos más relevates de este proyecto fue el uso de la Arquitectura de la

Información para poder desarrollar el diseño de la página web.
El conocimiento de mis usuarios, sus hábitos de consumo, sus preferencias y los
factores psicológicos de mi audiencia fue algo fundamental para poder acomodar
las secciones de la página.
Una parte que también consideré, fue ver el diseño terminado y juzgar si yo como
usuaria me quedaría en el sitio navegando para conocer más o simplemente
cambiaría de sitio, entonces con base en mi gusto y experencia también fue
acomodando toda la información.
Por último pero no menos importante, fue la selección del material utilizado, y las
herramientas, desde la paleta de colores hasta las fotografías que decidí exponer
en la página, el tamaño, el formato y el acomodo de cada uno de todos los recursos
que tuve dismonibles.

CONCLUSIONES Y REFLEXIONES

A pesar de que el proyecto me gustó mucho, y me sentí agusto realizándolo, esta

fue una materia que me costó mucho trabajo.

Más allá de los contenidos o de la información vista a lo largo de las 5 semanas, lo

que se complicó mucho fueron los tiempos de entrega, por cuestiones de salud y
trabajo se me pasaban los días de entrega y esto hizo que las calificaciones bajaran,
además que de repente cuando tenía que entregar el proyecto era el último día y
tenía algunas dudas sobre cómo hacer ciertas partes, específicamente la parte de
la descripción de los escenarios fue algo que no entendí por completo, así que en
el tercer avance que fue donde lo puse, puse lo que yo entendí, sin embargo, con
el comentario para realizar la conrrección, pude hacer la modificación para este
último avance del proyecto.
Fue una materia que me gustó y que fue bastante interesante, me ayudó a poder
aplicar de mejor forma los conocimientos que he adquirido a lo largo de la carrera,
me gustó que fuera de mis últimas materias porque ya tenía las bases de crear una
página y de como ir organizando los contenidos, por lo mismo siento que por esa
parte no fue tan complicado hacer el proyecto.

REFERENCIAS

Frascara, J. (2012). El diseño de comunicación. Buenos Aires, AR: Ediciones

Infinito.

Andaur, E. E. P. (2010). Análisis del comportamiento del usuario en la web para

optimizar la estructura de navegación de un sitio usando algoritmos
genéticos. Santiago de Chile, CL: B - Universidad de Santiago de Chile

Zofío, J. J. (2013). Aplicaciones web. Madrid, ES: Macmillan Iberia, S.A.

Ortiz, K. (2022). PP_RF_Ortiz_Nuñez, Publicaciones Electrónicas. Universidad
Latinoamericana. Recuperado el 23 de novimebre de 2022.

Ortiz, K. (2022). PP_RF_Ortiz_Nuñez, Periodismo Digital. Universidad

Latinoamericana. Recuperado el 23 de novimebre de 2022.

Ortiz, K. (2022). PP_RF_Ortiz_Nuñez, Comunicación Interactiva a través de

Multimedios Universidad Latinoamericana. Recuperado el 23 de novimebre de
2022.

Díaz, J., & Amadeo, A. P. (2013). Guía de recomendaciones para diseño de

software centrado en el usuario. La Plata, AR: D - Editorial de la Universidad
Nacional de La Plata.