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 fín 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, vi
deos, 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, quién 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, negocios, empr
esas, grupos
musicales, personajes
públicos...

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, vídeos, 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, vídeos 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.

31.  Facebook a día de hoy permite a negocios de cualquier
especialidad difundir sus productos y poner en contacto a
personas de todo el mundo con las empresas.
 Nosotras hemos realizado un estudio de cómo una empresa de
diseño puede aprovechar Facebook para expandirse.

32. BROWNIE
 La tienda de ropa
Brownie utiliza esta
red social para darse
a conocer a los
diferentes usuarios y
llegar a su target.

33. BROWNIE
 Brownie muestra
en el apartado de
“fotos” sus
colecciones.

34. BROWNIE
 En el apartado de
información, la
empresa ofrece
una breve
descripción de su
negocio, la
localización y un
enlace directo a
su página oficial.

35. BROWNIE
 Desde el link que
aparece en
Facebook el
usuario puede
navegar por la
tienda online.

36. BROWNIE
 Finalmente, el
usuario puede
realizar compras
de los productos.

37. MR. WONDERFUL*
 Mr. Wonderful*, es
otra de las
muchas empresas
que aprovechan
Facebook para
expandirse en el
mercado. En este
caso, es una
empresa de
diseño de
producto.

38. MR. WONDERFUL*
 Mediante
Facebook, podemos
ver los nuevos
productos que la
empresa realiza.
Pueden verse y
adquirirse incluso el
mismo día que se
ponen en venta en el
mercado.

39. MR. WONDERFUL*
 Aparte de los productos en venta, la
empresa también muestra un breve
proceso de realización de éstos.

40. MR. WONDERFUL*
 Junto a su descripción personal, Mr. Wonderful * facilita su dirección de
correo, su página oficial y su situación geográfica.

41. MR. WONDERFUL*
 Mr. Wonderful * muestra
vía Facebook diferentes
empresas que le “gustan”,
que también se
promocionan mediante la
red social y que están
relacionadas con el
diseño.

42. MR. WONDERFUL*
 Finalmente, ya en su
página
oficial, podemos
comprar online los
productos que se
muestran tanto por
Facebook como por la
web de la empresa.

43. DSIGNIO
 Dsignio, una
empresa
dedicada al
diseño de
interiores, le
saca partido a la
red social para
darse a conocer .

44. DSIGNIO
 En el apartado
de
“fotos”, Dsignio
hace una
selección de
imágenes sobre
sus últimos
proyectos e
innovaciones.

45. DSIGNIO
 En la información de la empresa encontramos datos sobre su año de
fundación, una breve descripción del perfil de trabajo, su correo de contacto y
un enlace a su página oficial.

46. DSIGNIO
 Desde Facebook el
usuario puede llegar a
la web de Dsignio.
Esta es la portada de
la página.

47. DSIGNIO
 Una vez te adentras en la web, aparece un listado con los proyectos realizados
o en proceso de realización con su respectiva galería de imágenes.

48. CONCLUSIÓN
Tras el estudio acerca de la estructura, forma y función de Facebook y
cómo distintas empresas dedicadas al mundo del diseño lo utilizan para
su beneficio, podemos deducir una serie de ventajas y desventajas.

49. CONCLUSIÓN // VENTAJAS
 Esta red social es una buena herramienta para ayudar a la divulgación de
grandes y pequeños negocios.
 Como ya hemos dicho anteriormente, más de 900 millones de personas en el
mundo tienen un cuenta en Facebook y este número está en aumento
constantemente. Es por esto que si una empresa decide anunciarse, su
negocio es visible para una gran parte de la población.
 Otra de las grandes ventajas es que si un usuario le da a “Me gusta” en la
página de una de estas empresas aparece publicado en su perfil, de tal
manera, que todos sus contactos pueden verlo.

50. CONCLUSIÓN // VENTAJAS
 Es una forma de publicidad gratuita, frente a la página oficial que es de pago.
 Es un manera de relacionarse con el usuario de manera más cercana.
 La empresa como usuario en Facebook puede mostrar su lado más
profesional como su lado más personal.
 Podemos ver tanto fotos de sus creaciones y proyectos como de los mismos
diseñadores y trabajadores realizando actividades no profesionales:
cenas, fiestas…

51. CONCLUSIÓN // VENTAJAS
 Otra forma de relacionarse de manera más directa con los demás usuarios de
Facebook son los comentarios que se pueden escribir entre empresa y
“público”.
 Facebook sirve como primera toma de contacto entre ambas partes: empresa y
usuario. Si éste se interesa por el negocio puede ampliar su búsqueda
accediendo a la página oficial.

52. CONCLUSIÓN // DESVENTAJAS
 Uno de los inconvenientes de Facebook es que su estructura es repetitiva y
limitada dejando al usuario poca libertad para realizar cambios y organizar la
información.
 Facebook se queda con los derechos legales de todas las imágenes publicadas
en la red. Al crear tu cuenta aceptas unas condiciones en las que aparece entre
otras, esta cláusula: