Rediseño para V-Tell, una operadora de telefonía móvil que ofrece una tarjeta SIM única, la cual permite utilizar una gran cantidad de números de diferentes países, en cualquier lugar del mundo.
Project overview
V-Tell es una operadora de telefonía móvil de origen ruso que ofrece sus servicios globalmente. Su distintivo es su tarjeta SIM única que permite utilizar una gran cantidad de números de diferentes países, para así siempre disponer de un número telefónico local en cualquier parte del mundo.
El proyecto consistió en el análisis y rediseño del dashboard de acceso para los clientes, desde donde pueden ver el estado de su cuenta, pagar sus facturas, administrar todos sus números telefónicos o adherirse a distintos servicios. El cliente quería modernizar el diseño y adaptar el estilo visual al nuevo branding de la compañía, renovado recientemente.
Our goals
Problem
Uno de los principales problemas que presentaba la interfaz era la dificultad para ver, diferenciar y acceder a las diferentes opciones ya que estaban escondidas en un menú con un ícono poco convencional y un sistema de cards que generaba un scroll vertical muy extenso, lo cual impactaba en la usabilidad y eficiencia de uso.
La estructura no seguía el formato de un dashboard convencional ni patrones de diseño utilizados frecuentemente para este tipo de interfaces y le dificultaba al usuario saber dónde estaba. A su vez, el diseño general quedó muy antiguo y no coincidía con el branding ni los lineamientos de la compañía, lo que afectaba la consistencia y reducía la confiabilidad y transparencia del sitio.
Niveles bajos de usabilidad y eficiencia de uso
Sin estructura ni patrones de diseño convencionales
Dificultad para diferenciar y acceder a las distintas opciones
Versión previa del dashboard, con un sistema de cards en un scroll vertical.
Design process
Comenzamos realizando un análisis competitivo de dashboards en general y de otras operadoras telefónicas, para buscar estructuras y patrones en común, y encontrar oportunidades de mejora. Por otro lado, realizamos un análisis heurístico del dashboard previo del cliente para corregir problemas puntuales y mejorar la usabilidad del mismo.
Buscando estructuras y patrones en común
Analizando dashboards de otros operadores, pudimos observar y encontrar los distintos patrones de diseño convencionales que todos compartían:
Layout horizontal, con una distinción clara entre el menú y el contenido.
Sistema de menú y submenús fijado al lateral, siempre presentes.
Contenido con cajas modulares a la derecha.
Uso de íconos para identificar cada sección del menú.
Encontrando fallas y oportunidades de mejora
El dashboard no seguía los patrones ni estructura encontrados en los competidores.
No cumple con convenciones y estándares al crear un ícono arbitrario para identificar el menú (la llave).
El sistema de cards de gran tamaño utilizan espacio innecesario que afecta la usabilidad y eficiencia de uso, haciendo que el usuario deba scrollear para ver todas las opciones.
La jerarquía de la información no está clara y todo parece estar al mismo nivel de importancia.
Tras obtener las conclusiones de los análisis, pasamos a trabajar en la reorganización de la estructura del dashboard y en los primeros mockups del login, el inicio y la pantalla para agregar fondos. Omitimos la utilización de wireframes ya que disponíamos de un sistema de diseño ya establecido con íconos, colores y componentes.
Otros dashboards de operadores de telefonía móvil
Solution & results
Tras definir la organización del nuevo layout horizontal siguiendo los patrones de diseño, aplicamos los cambios a todas las secciones y páginas del dashboard, cuya estructura consiste en 4 categorías principales:
My Account (Mi Cuenta): la página inicial del dashboard, con un resumen de la información y los números telefónicos del usuario.
Bill (Factura): información sobre las facturas, reportes y la posibilidad de pagar o agregar fondos.
Services (Servicios): todas las opciones para administrar los números telefónicos, agregar o quitar servicios o cambiar el plan.
Support (Soporte): opciones para actualizar la información personal y cambiar la contraseña de la cuenta.
Cada una de estas categorías, excepto la página inicial de Mi Cuenta, cuentan con diferentes submenús que aparecen una vez que el usuario selecciona una de estas opciones.
La idea fue mantener todo el contenido visible en una misma pantalla, sin la necesidad de scrollear a menos que el submenú seleccionado tenga un contenido demasiado extenso. En este caso, tanto el menú lateral como el header con la información básica del usuario quedan fijos, para poder acceder rápidamente a todas las opciones.
Nuevo layout horizontal siguiendo estándares y convenciones
Sistema lateral de menú y submenús fijos para cambiar de página rápidamente
Jerarquización de la información con cards, accordions y divisiones para mejor legibilidad
