Rediseñemos Facebook: 10 Ejemplos Para Inspirar y Ayudarte a Comenzar

View all articles

¿Qué significa diseñar para 1.9 billones de personas? Ésta es la pregunta a la que nos enfrentamos cuando tomamos el reto de rediseñar Facebook.

Muchas de las decisiones de negocios de Facebook, a menudo dictaminan tendencias futuras en productos digitales.

Considera el énfasis actual que muestra Facebook con Messenger y cómo esto se refleja en otros productos alrededor del mundo.

Rediseñar Facebook es una oportunidad masiva para un diseñador. Es mucho más que probar una nueva paleta de colores. Un rediseño de este calibre, le permite a un diseñador tener un impacto en el futuro del diseño digital; siendo Facebook un producto de gran influencia.

Facebook es un producto popular e interesante para los diseñadores, como proyecto, ya que casi todo el mundo conoce la interfaz. Dicho esto, su popularidad hace que los rediseños sean controversiales dentro de la comunidad del diseño, ya que cada persona tiene su opinión de cómo debe ser. Debajo hay una colección de rediseños de Facebook de muchos de los mejores diseñadores, para inspirarte a tomar el reto. Sí, lo leíste bien – también queremos ver tus diseños.

Vamos a darles a los diseñadores 2 semanas para rediseñar algún aspecto de Facebook. El ganador recibirá, una invitación de Dribble, una T-Shirt de Toptal y 200 $ en crédito para Creative Market. Anunciaremos el ganador el viernes, 2 de diciembre. Si quieres participar, deja tu inscripción en los comentarios.

Noticias y Messenger

Creditos: Eyal Zuri



Zuri hace una proposición atrevida para remover anuncios de publicidad en Facebook y hace su rediseño en Messenger. Como resultado de su masa de seguidores, el rediseño despertó mucho debate en Dribbble. La comunidad online sugería que remover los anuncios era algo poco realista. Sin embargo, los anuncios de Facebook están ahora inline con gran parte del contenido, así que la propuesta de Zuri podría ser legítima. Además, es bien sabido ahora, que Messenger es el enfoque central del negocio de Facebook. El rediseño de Facebook de Zuri, le da a Facebook menos peso visual al área de notificaciones, propone algunas sombras paralelas y redondea muchas de las entradas (inputs).

Perfil Móvil

Creditos: Diana Malewicz



¿Y si la UI de Facebook se redondeara? Este rediseño explora esa simple pregunta y limpia el perfil del usuario en el proceso. El perfil móvil actual de Facebook, tiene una falta de balance visual o jerarquía. El concepto de Diana cambia eso. Hasta el centro simple alineado efectivamente, organiza el contenido, mientras que la versión móvil de Facebook parece no tener ninguna justificación vertical.

UX Móvil

Creditos: Manoj



Un punto único para interacción, propone una experiencia de usuario refinada para la aplicación móvil de Facebook. Con solo un toque en el ícono Más, puedes actualizar tu estado, ingresar a tu locación, o comenzar una transmisión en vivo. Manoj, también agrega un botón de Marketplace en la parte baja de la navegación, para permitirte comprar y vender en Facebook.

Perfil and Messenger

Creditos: uixNinja



Este diseño reconsidera la biografía y el Messenger. Se da más espacio al contenido de la biografía al condensar la barra lateral del Messenger y eliminar anuncios. Del mismo modo, la interfaz reemplaza textos largos, en la interfaz convencional con nuevos íconos. Estos íconos podrían, fácilmente, pasar a móvil para así mantener el diseño consistente.

Transmisión de Video

Creditos: Yury Smirnov



Yury Smirnov notó que Facebook añadió transmisión de video, pero pensó que el equipo de diseño no completó el producto. Con su rediseño, Smirnov introduce un color adicional a la interfaz de Facebook, para así resaltar características específicas a la función de transmisión de video. Este diseño empuja todo el contenido tradicional a un lado, ya que los videos ahora se apoderan de la mayor parte de la pantalla.

Biografía Móvil

Creditos: Varenya Pandya



Varenya enfoca su rediseño en mejorar la secuencia CTA (Call-to-Action ó Llamado-a-la-acción) dentro de la página de notificaciones de Facebook. La interfaz es simple e intuitiva. Se le da al contenido la máxima cantidad de espacio, al sobreponer el espacio del texto con la imagen y esconde los comentarios hasta que el usuario los llame.

Notificaciones Móvil

Creditos: Michal Kozinaa



Michal se atreve a proponer un cambio de tipo de letra y color con este rediseño. Su concepto elimina todo desorden visual y solo mantiene lo importante. Al poner la actualización de estado en su propia pantalla, sugiere introducción a la paginación a la interfaz, lo que permitiría a los usuarios enfocarse en una pieza de contenido a la vez.

Notificaciones

Creditos: Masum Parvej



La característica principal que se debe notar en este rediseño es la introducción de una segunda columna de notificaciones. Esto es un alejamiento de muchos de los otros conceptos que tienden a dirigir el enfoque hacia la menor cantidad de contenido posible. Pero, esto hace lo opuesto. Masum Parvej sugiere que este diseño provee una experiencia mucho más intuitiva para los usuarios casuales como para los que usan Facebook para negocios.

Messenger Móvil

Creditos: Sahil Vohra



Sahil Vhora propone, con su rediseño móvil, una actualización material sutil. La arquitectura de la interfaz permanece igual, pero Sahil usa el rediseño como una oportunidad para probar algunos iconos diferentes y revitalizar el color de Facebook.

Página de Artista

Creditos: Ramil Derogongun



Ramil Derogongun imagina este concepto para una página de artista y un reproductor de música incluido. Derogongon mantiene la interfaz simple al multiplicar los objetos al doble, como el reproductor de canciones debajo del nombre de la canción. Este rediseño fue lo suficientemente popular como para ganarse algunos reestablecimientos también.

¿Qué cambiarías de Facebook?

Estos ejemplos son geniales, pero nos gustaría ver que más se les ocurre a nuestros lectores. Vamos a dar dos semanas, a partir de hoy – Nov. 29 – para que comentes sobre este post con un link a tu rediseño de Facebook. El mejor diseño ganará una invitación de Dribble, una T-Shirt de Toptal y 200 $ en crédito para Creative Market. Anunciaremos el ganador el 2 de diciembre. Comenta abajo para hacer tu inscripción!

Hiring? Meet the Top 10 Freelance UI Designers for Hire in October 2017
Don't miss out.
Get the latest updates first.
No spam. Just great design posts.
Don't miss out.
Get the latest updates first.
Thank you for subscribing!
Check your inbox to confirm subscription. You'll start receiving posts after you confirm.

Comments

comments powered by Disqus