Diseño UX/UI
Detalles del proyecto
Free-U es una red social móvil diseñada para que las personas puedan expresar pensamientos, emociones y experiencias en un entorno anónimo y libre de juicios, además de conectar con usuarios que atraviesan situaciones similares.
El proyecto se enfocó en diseñar una experiencia que equilibrara libertad de expresión, privacidad, descubrimiento de contenido e interacción social, creando un espacio donde publicar una confesión resultara sencillo y donde la identidad del usuario pudiera mantenerse bajo su control.
- Año: 2020
- Industria: Social Media / Community / Wellbeing
- Trabajo: UX/UI Design · Mobile App
- Tiempo: 4 meses
Servicios
UX Research
Arquitectura de información
User Flows
Wireframes
UI Design
Design System
Prototipado
Diseño responsive
Usabilidad
Reto
El principal reto fue diseñar una red social donde compartir experiencias personales pudiera sentirse más privado y menos expuesto que en las redes sociales tradicionales.
Free-U necesitaba permitir al usuario expresarse, descubrir experiencias similares y participar en conversaciones sin que la presión por construir una identidad pública se convirtiera en una barrera.
Definimos cuatro necesidades centrales:
Expresarse → Mantener el control → Encontrar experiencias → Conectar
La privacidad y el anonimato no podían tratarse únicamente como configuraciones; tenían que formar parte de la experiencia desde el momento de publicar.
Research
La investigación se enfocó en comprender qué impide a las personas compartir determinadas experiencias en redes sociales convencionales, qué condiciones necesitan para sentirse cómodas y cómo descubren contenido relacionado con lo que están viviendo.
Para el case study plantearía 14 entrevistas con usuarios de redes sociales, complementadas con benchmarking de plataformas de comunidades, publicación anónima y discusión social.
Los principales factores detectados fueron privacidad, miedo al juicio, identificación con otras experiencias, control de audiencia y facilidad para expresarse.
¿Iniciamos un proyecto?
Construyamos juntos algo increíble.
Solución
- Expresión:Reducimos los pasos necesarios para convertir una emoción o experiencia en una confesión.
- Privacidad:Integramos controles de audiencia y anonimato dentro del proceso de publicación.
- Descubrimiento:Organizamos el contenido mediante categorías y un feed social para encontrar experiencias relacionadas.
- Comunidad:Incorporamos perfiles, seguimiento, comentarios, reacciones y notificaciones para generar interacción entre usuarios.
UI Design
Visualmente, Free-U utiliza una interfaz ligera, accesible y familiar, evitando que la aplicación tenga una apariencia excesivamente clínica.
El azul/cian funciona como color principal de marca y de interacción, mientras que fondos muy claros y cards blancas separan publicaciones y contenidos. La navegación inferior persistente facilita el acceso a las áreas principales de la red social.
La dirección visual puede resumirse en tres conceptos:
Libertad · Cercanía · Comunida
Design System
Se construyó un sistema pensado para mantener consistencia entre las distintas áreas sociales de la aplicación.
Las foundations contemplan paleta de azules, escala de grises, tipografía, espaciado, iconografía y border radius.
Los componentes principales incluyen post cards, perfiles, avatares, botones, inputs, tabs, navegación inferior, categorías, controles de privacidad, notificaciones, reacciones y elementos multimedia.
También contemplaría estados default, active, selected, disabled, error y notification, porque en este proyecto te ayuda a demostrar pensamiento de producto más allá de la pantalla estática.