El documento describe la anatomía y experiencia del usuario en la página web "What was Leonardo da Vinci doing at your age?". La página ofrece una comparación interactiva entre la vida del usuario y la de Leonardo da Vinci a través de una línea de tiempo con información gráfica y textual. El diseño permite una navegación limpia entre contenidos de forma personalizada e interactiva tanto en computador como en móvil.

1. Hernán Felipe Manrique, Lady Sofía Velasco, Juan David Lora, Laura Sofía Muñoz

2. Portada

3. Cabezote
Parte B

4. Remate

5. Anatomia de Nike Sb (computador)
En un principio podemos evidenciar que el sitio web de entrada brinda una historia relacionado
a su producto el cual cambia después de cierto patrón ( Aun no entiendo cual es el factor para
cambiar)
El cabezote cuenta con 4 enlaces que redirigen al usuario dentro de la página web sin
necesidad de crear un enlace externo lo cual es bastante cómodo. Además, tenemos en la parte
superior derecha un enlace que si te habre otra pagina web (no hay hamburguesa)
Por último, tenemos varios articulos, tambien podemos ver enlaces hacia las redes sociales, los
términos y privacidad.

6. User experience
El usuario en computador encontrara una plataforma bastante dinámica en
donde se encontrara varias imágenes y videos interactivos que lo
redireccionará a sitios con mayor información. Esta página es bastante
visual para el usuario, no encadena mucho texto. Por otro lado, no cuenta
con muchos enlaces externos dentro del cabezon, se centra en un
contenido bastante específico para facilitar la navegación del usuario.

7. Portada, Cabezote y remate (mobile)

8. Anatomía Nike sb (celular)
En un principio podemos apreciar como el cabezote desaparece completamente
dándole lugar a la hamburguesa, la cual curiosamente es literalmente una
hamburguesa. Por otro lado, podemos observar que la portada no varia, el único
cambio es que el contenido ahora está suministrado verticalmente y no
horizontalmente como en el caso del computador. Para finalizar, el remate conserva
su anatomía.

9. User experience mobile
Para el usuario en celular, es bastante parecido al usuario de
computador, pues encontrará una página bastante gráfica con
imágenes y videos con enlaces externos que los llevará a una
información más profunda sobre la imagen en la que hizo la
interacción. Sera bastante facil para el usuario interactuar con esta
pagina gracias a su simplicidad en el diseño

10. About Nike
Lo más interesante de esta página web fue la cantidad de imágenes y
videos con enlaces externos que uno puede encontrar, pues carece de
contenido con texto, sin embargo la parte gráfica suple la necesidad de
información textual, es muy interesante como mediante la parte gráfica
hace de la página una bastante completa en tema de contenido.

11. Porcentajes
IMÁGENES: 60%
VIDEOS: 30%
TEXTO 10%

13. }

18. Anatomia de HOK
*El área del cabezote es relativamente pequeña, cuenta con un logo en la parte izquierda muy pegado al borde
superior, al lado derecho cuenta con una lupa para facilitar búsquedas, y más a la derecha un seleccionador de
idiomas que ofrece ingles y chino. (cabe mencionar que la anatomía de la página cambia totalmente si esta en chino)
*bajo el cabezote encontramos un menú de 4 items (projects, ideas, people, studios) y un sistema de búsquedas; todo
esto sobre un slider de videos cortos mostrando algunos proyectos.
*al seguir bajando encontramos otras 3 secciones: Project Stories, Hok voices y news. Cada una muestra su contenido
por medio del título, la categoría a la que pertenece y una gran imagen.
*la anatomía en el celular no cambia mucho, tiene las mismas secciones e imágenes sólo que en formato vertical.
*la experiencia de usuario es muy fluida e intuitiva, la navegación en la página es muy fácil y gráfica. cabe a destacar la
calidad de las imágenes y el poco texto siendo este, cada vez qee parece, muy concreto. El porcentaje el texto es de
10% imagenes 80% y videos 10%

19. What was Leonardo da Vinci doing at your age?
Websites, Art
Webby Winner, People's Voice Winner, 2020

20. Fragmentos
What was Leonardo da Vinci doing
at your age?

21. Fragmentos
What was Leonardo da Vinci doing
at your age?

22. Fragmentos
What was Leonardo da Vinci doing
at your age?

23. Anatomía
En la parte A, podemos encontrar en el cabezote, el logo de la marca en la parte superior
izquierda de la página. Mientras en la parte superior derecha podemos encontrar un
menú para la página en la que se puede interactuar junto a dos iconos de Facebook y
Twitter. Después podemos ver el contenido de la página donde se expone el arte de la
página web y su finalidad a la conmemoración para Leonardo Davinci.
Finalmente, la página no presenta remate como se es usualmente. Esto hace diferente a la
pagina ya que al ser tan simple y espontánea podemos enfocarnos en el contenido.

24. USER EXPERIENCE

25. USER EXPERIENCE
PC
El diseño de la página permite al usuario gozar de
un desplazamiento limpio entre los diferentes
contenidos. Esto lo logra con una experiencia
personalizada e interactiva inicial, donde el
usuario puede comparar su vida con la del
homenajeado. Posteriormente, da la opción de
desplazarse a través de los acontecimientos
relevantes vividos por este, por medio de una
línea del tiempo, acompañada de información
gráfica y textual.

26. USER EXPERIENCE
PC
Visualmente, la experiencia permite realizar una
observación precisa de las obras del homenajeado
junto con una descripción de las mismas, tal que el
usuario pueda realizar ambas apreciaciones al
tiempo. De igual manera, se puede acceder a toda
la información del sitio por medio de la línea del
tiempo, mientras que el menú desplazable solo
permite redireccionar a otras páginas para
compartir la información del site.

27. USER EXPERIENCE
PC
Finalmente, el sitio realiza un buen ejercicio entre
el balance de texto e imágenes, manteniendo una
simplicidad sobria, que va paralelo con la temática
tratada. Además, no satura al usuario de
información en un momento dado, sino que
permite que sea este el que decida cómo le sea
administrada y en qué orden. También, se resalta
que en la versión de PC se puedan hacer
apreciaciones completas de las obras.

28. USER EXPERIENCE
MOBILE
Como se mencionó en el User Experience PC, el
diseño de la página permite al usuario gozar de
un desplazamiento limpio entre los diferentes
contenidos. Para ello, se mantiene la
experiencia personalizada e interactiva del
inicio, donde el usuario puede comparar su vida
con la del homenajeado. De igual manera, da la
opción de desplazarse a través de todos los
acontecimientos de la vida de este por medio de
una línea del tiempo, acompañada de
información gráfica y textual.

29. USER EXPERIENCE
MOBILE
Visualmente, la experiencia permite realizar una
observación algo menos precisa de las obras del
homenajeado dado que solo se puede ver un
fragmento, además de que, por dimensiones, la
descripción de estas deben ser apreciadas en
momentos distintos. De igual manera, para la
versión mobile se mantiene el que se tiene
acceso a toda la información por medio de la
línea del tiempo, quedando el menú desplazable
como redireccionamiento para compartir.

30. USER EXPERIENCE
MOBILE
Finalmente, el sitio mantiene su simplicidad
sobria, permitiendo un balance entre texto e
imágenes, sin demás artilugios decorativos
extravagantes. Además, a pesar de la limitación
de espacio, sigue sin saturar al usuario de
información puesto que mantiene el estilo de
línea de tiempo que permite que sea este el que
decida cómo le sea administrada y en qué orden.
No obstante, es de notar que en la versión
Mobile no se pueden hacer apreciaciones
completas de las obras ante el reducido espacio
en sus versiones individuales.

31. Porcentajes
Imágenes: 55% Texto: 45% Video: 0%

32. SOBRE
What was Leonardo da Vinci doing at your age?
Lo interesante al respecto de este sitio, en
principio, es la experiencia interactiva que
ofrece al permitir conocer qué estaba haciendo
el artista y qué había alcanzado en ciertos
puntos de su vida. De igual manera, es de
rescatar que, aunque es un sitio informativo,
realiza su fin de tal forma que su lectura no
termina tediosa, sino que incorpora un elemento
gráfico vital que enriquece la experiencia y
permite no solo leer sobre los logros de
Leonardo da Vinci, sino también observarlos.