Taller EMI ICESI 2019-1, Webby Winners

1. EJERCICIO WEBBY
AWARDS

2. PRESENTADO POR:
JUAN ESTEBAN CABRERA O.
Administración de Empresas – VIII Semestre
2019-1
2

3. 1.
HARVARD
BUSINESS
REVIEW
Webby Winner +
People’s Voice:
Business
Blog/Website
3

4. PARTES DE LA PÁGINA WEB
4
Logo
Menú
Heading

5. PARTES DE LA PÁGINA WEB
Menú
Cinco categorías,
junto con una barra
con redes sociales.
5

6. PARTES DE LA PÁGINA WEB
6
Content A

7. PARTES DE LA PÁGINA WEB
7
Content B
Add

8. PARTES DE LA PÁGINA WEB
8
Footen

9. EXPERIENCIA DE USUARIO
9
▸ Como puede observarse, Harvard Business Review es una
página con mucha letra, pero muy bien segmentada.
Ésta segmentación puede observarse con las formas
geométricas (principalmente cuadrados y rectángulos)
que separan el contenido de la página (principalmente
papers), aspecto que hace que la estadía en el sitio web
del usuario sea cómoda y pueda encontrar fácilmente y
de manera ordenada lo que está buscando.
▸ Adicionalmente, todo el contenido de la web está
categorizado por medio de un menú, algo grande, pero
necesario para una página web que proporciona
principalmente recursos de lectura. Esto hace que la
búsqueda por temática o novedad de un usuario sea fácil
y cómoda.

10. PORCENTAJES DE
CONTENIDOS DE LA PÁGINA
PRINCIPAL
10
▸ Dado que Harvard Business Review es una fuente de
recursos, principalmente de lectura, puede observarse
que su página de inicio está formada en
aproximadamente un 80% por texto. El porcentaje
restante corresponden a unas cuantas imágenes que
complementan el contenido en texto presentado en el
sitio web.

11. SELECCIÓN DE LA WEB
11
▸ Seleccioné esta web, dado que me llamó la atención
cómo contenidos, principalmente de texto, son
presentados de una forma tan organizada, a través de
rectángulos y cuadrados. Lo anterior, en mi opinión,
hace que el usuario de la web no se aburra por tanto
contenido de texto y de alguna manera le impulsa
centrar una atención individual a cada sección que
dennota un artículo diferente.

12. 2.
STAR WARS
Webby Winner +
People’s Voice:
Web / General /
Movie & Film
12

13. 13
PARTES DE LA PÁGINA WEB
Logo
Heading /
Menu

14. 14
PARTES DE LA PÁGINA WEB
Heading = Menu
Como puede observarse en la
anterior diapositiva y en la
actual, al minimizar la pestaña
de la página web, el Heading se
convierte en un menú
desplegable. Por lo tanto, puede
concluirse que, de acuerdo al
tamaño de la página, la página
de inicio de la web presentará
un Heading o un Menú
desplegable con las opciones
del Heading.

15. 15
PARTES DE LA PÁGINA WEB
Content: A lo largo de
la página principal de
la web, se presenta
diverso tipo de
contenido aerca de
StarWars.

16. 16
PARTES DE LA PÁGINA WEB
Footen

17. EXPERIENCIA DE USUARIO
17
▸ Como puede observarse, la página de la película
StarWars es una página web muy gráfica, con contenido
acerca de la saga, juegos, noticias y eventos importantes
relacionados, cosas que están organizadas a través de
secciones.
▸ A simple vista, podría afirmarse que es atractiva para el
usuario principalmente joven. Lo anterior, dado a que
presenta opciones de navegación basadas en imágenes
e iconos llamativos y bien definidos, cosa que hace que
la navegación en la web sea clara y se pueda llegar a
donde se quiere.

18. PORCENTAJES DE
CONTENIDOS DE LA PÁGINA
PRINCIPAL
18
▸ Dado que la página web de StarWars hace referencia a
una saga cinematográfica y animada, el 90% del
contenido presente en la página principal del sitio web
es gráfico. El porcentaje restante corresponden a los
títulos, breves descripciones y fechas que acompañan al
contenido de la página principal.

19. SELECCIÓN DE LA WEB:
19
▸ Seleccioné esta web dado a que la gran cantidad de
contenido gráfico llamó mi atención. Adicionalmente, el
acondicionamiento gráfico y estético de la página web a
la temática de la película fue algo que me atrajo. Un
ejemplo de esto último es el fondo de la web y los
botones del menú, cuando la pestaña de la página web
está reducida en tamaño.

20. 3.
NETFLIX JOBS
People’s Voice:
Websites /
Employment
20

21. PARTES DE LA PÁGINA WEB
21
Logo
Heading

22. PARTES DE LA PÁGINA WEB
22
Content A

23. PARTES DE LA PÁGINA WEB
23
Content B

24. PARTES DE LA PÁGINA WEB
24
Footen

25. EXPERIENCIA DE USUARIO
25
▸ Como puede observarse en las imágenes, la experiencia
para el usuario que proporciona la página de empleos de
Netflix es muy agradable, dado que presenta de forma
gráfica y dinámica (con videos y fondos en movimiento)
la cultura de trabajo y las oportunidades que ofrece.
▸ Además, el usuario puede interactuar con la web,
tecleando el trabajo que busca, cosa que hace que el
usuario no se vea limitado por las opciones presentadas
a simple vista por la página principal del sitio web.

26. PORCENTAJES DE
CONTENIDOS DE LA PÁGINA
PRINCIPAL
26
▸ La página web de empleos de Netflix se encuentra
conformada en un 30% por descripciones y títulos
escritos; 40% de imágenes, y otro 30% de contenido
dinámico como la parte inicial de la página principal de
la web y los videos testimoniales de empleo de la
empresa.

27. SELECCIÓN DE LA WEB:
27
▸ Seleccioné esta Web dado que, presenta la posibilidad a
sus usuarios de interactuar con el sitio web para la
búsqueda de los trabajos por los cuales estén
interesados.
▸ Adicionalmente, un aspecto por el cual la seleccioné
como objeto de análisis es que presenta la cultura de la
organización de una manera gráfica, a través de un
contenido dinámico en la primer parte de la página
principal y testimonios de empleados en forma de
videos.