1. ANÁLISIS DEL DISEÑO Y FUNCIONAMIENTO DE FACEBOOK
MARÍA DOLS HINOJOSA
EDURNE PÉREZ UNANUA

2. CREADOR
Mark Zuckerberg

3. COLABORADORES
Chris Hughes Dustin Moskovitz Eduardo Saverin

4. CÓMO SURGIÓ
 Facebook, una de las más importantes redes sociales de la actualidad, se
originó en el año 1978 con en fin de crear una web donde los estudiantes de
la Universidad de Harvard pudiesen conocer gente vía online y compartir
información, fotografías y detalles de su vida privada.
Frente al éxito adquirido, Facebook, a petición de los usuarios de Harvard,
comenzó a permitir que los estudiantes de otras universidades participasen
en la web.

5. EN LA ACTUALIDAD
 Actualmente Facebook se ha convertido en una red pública con más de 900
millones de usuarios en todo el mundo.
 El objetivo que pretendía alcanzar Mark Zuckerberg con la creación de esta
red social sigue siendo el mismo a día de hoy:
Conocer gente y saber de ella sin tener que preguntarle.

6. DISEÑO: COLOR
 Los colores azul y blanco son la identidad visual de la web. Estos colores se
utilizan desde el logo hasta la estructura completa que conforman la red.

7. DISEÑO: LOGOTIPO
 A pesar de que otras redes sociales, tales como Twitter o Tuenti, utilizan los
mismos colores (azul y blanco) para su identidad; la “f” de color blanco
sobre un fondo azul, es suficiente para que cualquier persona sea capaz de
relacionarla con la web.

8. DISEÑO: ESTRUCTURA MURO

9. DISEÑO: ESTRUCTURA PERFIL

10. DISEÑO: ESTRUCTURA // BARRA HERRAMIENTAS
1 2 3 4 5 6 7 8
1 : Si clicas en el logo te aparecen las últimas publicaciones de tus contactos (muro).
2 : Solicitudes de amistad.
3 : Mensajes privados.
4 : En las notificaciones aparecen: las publicaciones que te han hecho tus amigos en el
muro, etiquetas y comentarios en fotos, invitaciones a juegos y eventos.
5 : Buscador de personas, lugares y cosas.
6 : Clicando en tu nombre aparece tu espacio personal (biografía).
7 : Buscador de amigos que no tienes agregados.
8 : En “inicio” tienes la opción de configurar tu cuenta y su privacidad. Además de la
posibilidad de solicitar ayuda para el manejo de la web. Y finalmente, el botón de
salida, para cerrar la cuenta.

11. DISEÑO: ESTRUCTURA //
 FAVORITOS:
- ÚLTIMAS NOTICIAS / MURO
- MENSAJES
- EVENTOS
- BUSCAR AMIGOS
 GRUPOS
 PÁGINAS
 APLICACIONES

12. DISEÑO: FUNCIONES // FAVORITOS // ÚLTIMAS NOTICIAS
 Todas las actividades de
tus contactos aparecen
en las últimas noticias,
ya sean fotos,
conversaciones, videos,
comentarios o links a
páginas de interés.

13. DISEÑO: FUNCIONES // FAVORITOS // MENSAJES
 La opción de
mensajes nos
muestra todos los
comentarios
recibidos y enviados
a nuestros
contactos de un
modo privado, así
como la opción de
escribirlos.

14. DISEÑO: FUNCIONES // FAVORITOS // EVENTOS
 En los eventos
podemos ver
invitaciones a
fiestas o
acontecimientos
de interés y un
calendario que nos
muestra los
cumpleaños de
nuestros
contactos.

15. DISEÑO: FUNCIONES // FAVORITOS // BUSCAR AMIGOS
 Mediante esta opción podemos
encontrar amistades usando
diferentes administradores de
correo electrónico. También nos
ofrece posibles contactos que
puedan tener alguna relación con
nuestro usuario “personas que
quizá conozcas”. Finalmente,
Facebook ofrece la posibilidad de
invitar a futuros usuarios vía e-mail.

16. DISEÑO: FUNCIONES // GRUPOS
 Se trata de reunir personas con
intereses comunes. En los grupos
se pueden añadir fotos, vídeos,
mensajes, etc.

17. DISEÑO: FUNCIONES // AMIGOS
 Con las listas de amigos, el usuario
puede agregar a cualquier persona
que conozca y esté registrada,
siempre que acepte su invitación.
En Facebook se pueden localizar
amigos con quienes se perdió el
contacto o agregar otros nuevos
con quienes intercambiar fotos o
mensajes.

18. DISEÑO: FUNCIONES // APLICACIONES
 Con las aplicaciones puedes
averiguar curiosidades, tu
horóscopo, quien es tu mejor
amigo, descubrir cosas de tu
personalidad, crear tu calendario
de cumpleaños, etc. Además, hay
una amplia variedad de juegos
online, música…

19. DISEÑO: FUNCIONES // PÁGINAS
 Las páginas, se crean
con fines concretos,
están encaminadas
hacia marcas o
personajes específicos
y no hacia ningún tipo
de convocatoria.

20. DISEÑO: OTRAS FUNCIONES // CHAT
 El chat te permite hablar, en tiempo real, con otros
contactos que se encuentren conectados a la red
en ese mismo instante.

21. DISEÑO: ESTRUCTURA PERFIL

22. DISEÑO: PERFIL // INFORMACIÓN PERSONAL
 La Biografía (Timeline en inglés), tiene como objetivo agilizar y optimizar
el paseo de los usuarios por los perfiles de todos los contactos. Permite
agregar una foto de portada adicional en la parte superior del perfil de la
persona. mantiene ordenadas y organizadas las actividades de la
persona: Lista de amigos, ”Me gusta” en las páginas seleccionadas por el
usuario, información personal, suscripciones, etc.

23. DISEÑO: PERFIL // FOTOS, VIDEOS Y COMENTARIOS
 En el perfil aparecen las
fotos, videos, comentarios,
“Me gusta”… que el propio
usuario ha subido a la
cuenta, así como los que
otros amigos han publicado
en ella.

24. DISEÑO: PERFIL // ¿QUÉ ESTÁS PENSANDO?
 Mediante esta herramienta el usuario puedo actualizar
su estado, publicar fotos, videos y acontecimientos
importantes. Teniendo la opción de seleccionar qué
personas de tu lista de amigos pueden verlo.

25. DISEÑO: PERFIL // ACTIVIDAD RECIENTE
 En el apartado de actividad reciente queda publicado algunos de
los últimos movimientos que el usuario ha llevado a cabo. Por
ejemplo; nuevos amigos y eventos asistidos.

26. DISEÑO: PERFIL // AMIGOS
 En el perfil se muestra el número total de tus amigos.
Incluyendo la foto principal de ocho de estos contactos. Los
cuales van cambiando aleatoriamente.

27. DISEÑO: PERFIL // FOTOS
 Aparecen todas las fotos que el usuario de la cuenta tiene en
Facebook. Mostrando las últimas ocho fotografías subidas o
etiquetadas.

28. DISEÑO: PERFIL // ME GUSTA
 En el apartado de “Me gusta” aparecen las páginas que le
gustan al usuario, ya sean sobre música, libros, películas,
curiosidades, etc.

29. DISEÑO: PERFIL // CALENDARIO DE ACTIVIDAD
 En el lado superior derecho
aparece un eje cronológico
que muestra de manera
organizada tu actividad
desde la actualidad hasta
el inicio de la creación de
tu cuenta en Facebook.
Incluye tu fecha de
nacimiento.

30. DISEÑO: PUBLICIDAD
 En el lateral derecho de
la página web aparece
unos pequeños
recuadros publicitarios
que van cambiando
aleatoriamente.