Rediseñé Tinder. Esto es lo que aprendí en el proceso.

El reto

Me dispuse a ver hasta dónde podía empujarme creativamente como diseñador al reconstruir una aplicación que uso con frecuencia.

Elegí Tinder porque lo he usado varias veces, y me di cuenta de que algunas modificaciones al diseño serían útiles. Por supuesto, no estoy sugiriendo que se use mi diseño en lugar del diseño actual de Tinder. Es solo un punto de vista diferente del diseño actual de la aplicación.

Mis metas:

  • Crea una mejor experiencia de usuario
  • Facilite el uso de la aplicación
  • Como objetivo personal, completar mi primer proyecto de diseño

Comprender la aplicación

Tinder es una aplicación social basada en la ubicación que se usa más comúnmente como una aplicación de citas con un público objetivo de 18 a 34. Desde su debut en 2012, Tinder ha experimentado un rápido crecimiento gracias a su forma de uso extremadamente simple y su increíble estrategia orgánica.

La página de inicio

Pantalla vieja y mi rediseño de ella

Problema 1: botones inferiores y deslizamiento de la tarjeta

Tan pronto como un usuario abre la aplicación, los usuarios de Tinder tienen dos características principales para indicar si les gusta un perfil o no:

  • los botones inferiores
  • la tarjeta deslizando

Entonces, ¿cuáles de estos deberían usar?

Ambas opciones son muy buenas, pero el deslizamiento de la tarjeta proporciona una experiencia mucho más suave. Si lo comparas con otras aplicaciones que están implementando cada vez más la función de deslizar la tarjeta, Tinder está muy adelante. Debemos aprovechar al 100% de eso.

Después de analizar el diseño existente, se eliminaron los botones "super like", "like" y "nope", con los gestos de deslizamiento de la tarjeta para estas acciones.

Se agregaron los siguientes botones nuevos .

Descartar botón de perfil

Descartar perfil

Digamos que te encuentras con un perfil que te interesa y, al mismo tiempo, no, puedes descartarlo y pasar al siguiente.

Botón de mensaje

Mensaje

Característica para Tinder Gold que le permite enviar un mensaje a cualquier perfil, incluso si aún no le han gustado.

Nueva tarjeta deslizante – Amigos

Tinder aparece en la lista de "Estilo de vida" en la tienda de aplicaciones. Aunque Tinder no se comercializa como una aplicación de citas, la mayoría de las personas lo ven como una sola. Al hojear los perfiles, vi un montón de biografías con algo así como "¡Solo busco amigos!".

Así que deslizar hacia abajo las nuevas tarjetas de deslizamiento le permite ser amigo de alguien.

Problema 2: cambiar páginas para ver un perfil

Esta modificación fue algo más personal. No me gustó la forma en que un usuario navegaría al perfil de una persona. No consideré el proceso fluido en los ojos del usuario, ya que estamos constantemente cambiando de página y no es muy intuitivo o práctico si queremos volver después de ver el perfil.

Así que decidí implementar la función de poder ver el perfil del usuario sin salir de la página principal. Deslizar hacia arriba mostraría el perfil del usuario y deslizar hacia abajo devolvería al usuario a la página principal.

Rediseñando el Feed de Tinder

Tinder introdujo la función de alimentación que le muestra actualizaciones en tiempo real de sus partidos, todo en un solo lugar. Es una muy buena idea que lo llevará más allá de "It's a Match!" Y lo ayudará a establecer una conexión real.

Pero para acceder a esta nueva función necesita ir a los mensajes. Como creo que deberíamos aprovechar esto, decidí eliminarlo de los mensajes y ponerlo en la pantalla principal.

Un usuario solo tiene que hacer clic en el botón de alimentación en la pantalla principal para acceder a todas las noticias de sus partidos.

Para navegar dentro del feed, decidí implementar dos botones:

  • Nuevo – Al hacer clic en "Nuevo" en la parte inferior de la pantalla en el lado derecho crearía una nueva publicación.
  • Anterior : al hacer clic en "Anterior" en la parte inferior de la pantalla en el lado izquierdo, navegaríamos hasta la publicación más antigua hasta llegar a la última.

Los botones:

  • Mensaje : mensaje instantáneo a la conexión sin abandonar el feed.
  • Compartir : compartir en las redes sociales.

Nueva función: Experiencias Tinder

La mayoría de las personas ven a Tinder como una aplicación de citas. Pero es mucho más, la experiencia puede ser más poderosa. Implementé una nueva función llamada "Experiencias Tinder", una forma de llevar fechas y reuniones con amigos a otro nivel.

Descubre lugares de la ciudad donde te encuentras, conoce gente que comparte tus pasiones, ábrete a nuevas experiencias.

Estado

Hay algunas otras cosas que se pueden implementar para mejorar mucho la experiencia del usuario. Uno de ellos es conocer el estado del usuario. Entonces, de una manera simple y minimalista, inserté el estado de los usuarios dentro de los mensajes. Esta mejora nos permite saber si un usuario está en línea, fuera de línea o inactivo.

Otra característica posible es filtrar usuarios por la última vez que estuvieron activos. Esto permitiría a un usuario establecer un rango en sus "Preferencias de descubrimiento", por ejemplo, mostrar usuarios que han estado activos en los últimos 30 minutos.

Conclusión

Al entrar en este proyecto, sabía que esta sería la oportunidad perfecta para mejorar mis habilidades de diseño y esforzarme creativamente. Estoy estudiando ingeniería informática y al mismo tiempo estudiando diseño solo en casa ya que quiero seguir una carrera en el diseño de productos. Descubrí que la mejor manera de aprender era simplemente lanzarme a un proyecto.

Para mí, este no es el final del rediseño de una aplicación móvil y solo el comienzo.

Gracias por leer. Espero que les haya gustado. ?

Agradecería sus comentarios.