Recognize Me - Aplicación Móvil
Versión en Modo Oscuro
DISEÑO UI / UX / IXD / UCD PARA APLICACIÓN MÓVIL DE REDES SOCIALES
Diseñando una Aplicación Móvil Integral desde Cero.
“Quiero poder asociar un nombre con una cara”, nos dijo el cliente. Eso dio inicio a un proyecto de diseño de aplicación móvil que tomó casi seis meses en completarse. The Skins Factory logró transformar un concepto simple en una aplicación completamente diseñada, enfrentando el desafío de principio a fin. Desde definir los conjuntos principales de funciones y crear mapas de flujo de usuario, hasta wireframes de baja fidelidad y luego de alta fidelidad, nuestro equipo de diseñadores de experiencia de usuario estuvo a la altura del reto. Pero no nos detuvimos ahí. Expandimos el concepto inicial para aumentar la adopción y la retención.
La aplicación fue diseñada tanto en modo claro como en modo oscuro, incluyó 2 temas de color predeterminados, azul cobalto y magenta, y 3 modos de conexión de perfil: Social, Networking y Romance. En total, se diseñaron más de 600 pantallas en 5 colores y 2 versiones. Para ver la Versión en Modo Claro, haz clic aquí.
El nombre provisional de la aplicación es Recognize Me, aunque internamente la llamábamos nām, algo que verás en algunas pantallas de la aplicación como marcador de posición.
Perfil Predeterminado: Azul Cobalto Profundo
El diseño inicial de la interfaz de usuario de la aplicación se realizó en el azul cobalto que ves abajo. Aunque el azul es el color más popular del mundo, sentimos que sería mejor ofrecer una opción de color alternativa. Además, nunca puedes tener demasiados colores para elegir. Así que diseñamos un “skin” en color magenta como opción alternativa. Haz clic o toca las imágenes de abajo para verlas en mayor tamaño.
Dashboard Pantallas
La interfaz de usuario (UI) fue creada para reflejar una estética elegante y contemporánea, incorporando elementos de diseño neumórfico mientras se prioriza la usabilidad y una experiencia de usuario (UX) mejorada. Nuestro enfoque de diseño gira en torno a una navegación fluida a través de funciones y descubrimientos innovadores, con énfasis en gestos intuitivos como swipes y pull-downs. Estas interacciones ofrecen una forma más suave y eficiente para que los usuarios interactúen con la plataforma, estableciendo un flujo natural de interacción.
El modo Dashboard te permite acceder y manejar fácilmente la información de tu perfil, así como ver descubrimientos recientes en formatos de tarjeta y lista. El propósito principal de la app es conectar usuarios dentro de una proximidad específica, entre 5 y 15 metros. Ya sea que estés en una convención o conferencia, una boda o cualquier reunión social, puedes descubrir a otros usuarios de la app enviando un pulso único mediante el botón Ping o buscando continuamente nuevas conexiones con el switch Discovery. Una vez que encuentres posibles conexiones, tienes la opción de recordarlas o eliminarlas. Para eventos grandes, incluimos un botón Clear que limpia la lista de descubrimientos recientes con un solo toque.
Para mejorar la experiencia de usuario y ofrecer información clara, implementamos notificaciones de estado persistentes en el footer de la aplicación. Estas notificaciones muestran si el usuario tiene Discovery activado o desactivado, además de indicar si está compartiendo su perfil para ser descubierto. Tuvimos extensas conversaciones internas sobre la opción de permitir que los usuarios descubran sin compartir. Para nosotros era fundamental lograr un equilibrio entre privacidad y usabilidad. Incluso si los usuarios deciden desactivar la opción de compartir, su nombre y foto de perfil siempre podrán ser descubiertos, mientras que el resto de su información personal permanece protegida. Este enfoque protege el propósito central de la app, respetando al mismo tiempo las preferencias de privacidad del usuario.
Descubiertos + Pantallas de Lista de Recordados
Notificaciones, Menú de Navegación + Paneles de Incorporación
Pantallas de Perfil + Editar Perfil
Pantallas de Configuración de la App + Cuenta de Usuario
Los usuarios tienen la opción de desactivar su cuenta temporalmente o eliminarla de forma permanente. Esto permite que los usuarios que necesitan un descanso conserven su información sin perderla. Una vez eliminada la cuenta, toda la información será borrada.
Perfil Predeterminado: Magenta Profundo
Un vistazo al "skin" alternativo predeterminado para la aplicación móvil Recognize Me.
Pantallas del Dashboard
Descubiertos + Pantallas de Lista de Recordados
Notificaciones, Menú de Navegación + Paneles de Incorporación
Pantallas de Perfil + Editar Perfil
Pantallas de Configuración de la App + Cuenta de Usuario
Modo de Perfil Romántico: Carmesí Profundo
Los usuarios tienen la opción de elegir entre tres Modos de Conexión de Perfil distintos como alternativa al Modo de Perfil Predeterminado. El Modo de Perfil Romántico está diseñado específicamente para quienes buscan conexiones románticas, similar a las aplicaciones de citas populares. Este modo incluye funciones personalizadas adicionales que permiten a los usuarios especificar el tipo de conexión romántica que desean.
Pantallas del Dashboard
Descubiertos + Pantallas de Lista de Recordados
Notificaciones, Menú de Navegación + Paneles de Incorporación
Pantallas de Perfil + Editar Perfil
Pantallas de Configuración de la App + Cuenta de Usuario
Modo de Perfil Social: Mandarina Profundo
Los usuarios tienen la flexibilidad de seleccionar entre tres Modos de Conexión de Perfil únicos como alternativa al Modo de Perfil Predeterminado. El Modo de Perfil Social está diseñado específicamente para personas que buscan establecer conexiones y forjar amistades, similar a las aplicaciones populares de redes sociales. Este modo incorpora funcionalidades personalizadas adicionales que permiten a los usuarios compartir sus enlaces de redes sociales, fotos de Instagram y mucho más.
Pantallas del Dashboard
Descubiertos + Pantallas de Lista de Recordados
Notificaciones, Menú de Navegación + Paneles de Incorporación
Pantallas de Perfil + Editar Perfil
Pantallas de Configuración de la App + Cuenta de Usuario
Modo de Perfil Networking: Esmeralda Profundo
Los usuarios tienen la opción de elegir entre tres Modos de Conexión de Perfil distintos en lugar del Modo de Perfil Predeterminado. El Modo de Perfil Networking está diseñado específicamente para personas que buscan fomentar conexiones de negocios y establecer alianzas, similar a plataformas populares de networking como LinkedIn. Resulta invaluable durante conferencias de trabajo, ferias comerciales y convenciones, ofreciendo funciones personalizadas adicionales que permiten a los usuarios compartir sus vcards, información de contacto (como número de teléfono y correo electrónico), así como enlaces a sus perfiles de medios empresariales, sitios web y más.
Pantallas del Dashboard
Descubiertos + Pantallas de Lista de Recordados
Notificaciones, Menú de Navegación + Paneles de Incorporación
Pantallas de Perfil + Editar Perfil
Pantallas de Configuración de la App + Cuenta de Usuario
Haz clic o toca la imagen a continuación para ver la versión en Modo Claro de la aplicación.
Diseño Que Marca La Diferencia
Llevamos 25 años transformando software complejo en experiencias intuitivas para empresas como Bank of America, ACI Worldwide y muchas otras. ¿Listo para ver cómo se vería eso aplicado a su producto? Desde startups hasta compañías Fortune 500, y todo lo que hay en medio. Todos son bienvenidos.
Ponte En Contacto